@charset "UTF-8";
/******************************
	PARTIE GENERALE
*******************************/
.VTabbedPanels, .VTabbedPanels_recrutement, .VTabbedPanels_2, .VTabbedPanels_3, .VTabbedPanels_595 {
margin: 0;
padding: 0;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
/* ul generale des onglets */
.VTabbedPanels .TabbedPanelsTabGroup, .VTabbedPanels_recrutement .TabbedPanelsTabGroup, .VTabbedPanels_2 .TabbedPanelsTabGroup, .VTabbedPanels_3 .TabbedPanelsTabGroup, .VTabbedPanels_595 .TabbedPanelsTabGroup {
height: 100%;
width: 170px;
margin: 0;
padding: 0;
float: left;
}
.VTabbedPanels_2 .TabbedPanelsTabGroup, .VTabbedPanels_3 .TabbedPanelsTabGroup {width: 140px;}
.VTabbedPanels_recrutement .TabbedPanelsTabGroup {width: 300px;}

/******************************
		ONGLETS
*******************************/
/* onglet � l'�tat normal */
.VTabbedPanels .TabbedPanelsTab, .VTabbedPanels_recrutement .TabbedPanelsTab, .VTabbedPanels_2 .TabbedPanelsTab, .VTabbedPanels_2 .TabbedPanelsTab_haut, .VTabbedPanels_2 .TabbedPanelsTab_bas, .VTabbedPanels_3 .TabbedPanelsTab ,.VTabbedPanels_3 .TabbedPanelsTab_haut, .VTabbedPanels_3 .TabbedPanelsTab_bas, .VTabbedPanels_595 .TabbedPanelsTab, .VTabbedPanels_595 .TabbedPanelsTab_haut, .VTabbedPanels_595 .TabbedPanelsTab_bas {
width: 150px;
height: 18px;
margin: 0;
padding: 7px 10px 3px 10px;
font: bold 12px sans-serif;
background: #f7f7f7 url("/RessourcesCiel/Binaires/images/tab/onglet_tab.jpg") no-repeat;
list-style: none;
list-style-image: none; /* il est n�cessaire de repr�ciser pour IE */
-moz-user-select: none; /* utilis� par le JS / CSS3 specifique au navigateurmozilla */
-khtml-user-select: none; /* utilis� par le JS / CSS3 specifique au moteur KHTML */
cursor: pointer;
overflow: hidden; /* pour IE6 */
}
.VTabbedPanels_3 .TabbedPanelsTab, .VTabbedPanels_3 .TabbedPanelsTab_haut, .VTabbedPanels_3 .TabbedPanelsTab_bas {height: 44px;}
.VTabbedPanels_recrutement .TabbedPanelsTab {
width: 270px;
padding: 3px 20px 15px 10px;
background: #f7f7f7 url("/RessourcesCiel/Binaires/images/tab/onglet_tab_recrutement.jpg") no-repeat;
}
.VTabbedPanels_2 .TabbedPanelsTab, .VTabbedPanels_2 .TabbedPanelsTab_haut, .VTabbedPanels_2 .TabbedPanelsTab_bas, .VTabbedPanels_3 .TabbedPanelsTab, .VTabbedPanels_3 .TabbedPanelsTab_haut, .VTabbedPanels_3 .TabbedPanelsTab_bas {
width: 120px;
height: 44px;
padding: 10px 10px 0 10px;
color: #97d4e9;
background: url("/RessourcesCiel/Binaires/images/mon_compte/bouton_off.gif") no-repeat;
}
.VTabbedPanels_3 .TabbedPanelsTab, .VTabbedPanels_3 .TabbedPanelsTab_haut, .VTabbedPanels_3 .TabbedPanelsTab_bas {
height: 45px;
}
.VTabbedPanels_2 .TabbedPanelsTab, .VTabbedPanels_3 .TabbedPanelsTab {
background-position: 0 -55px;
}
.VTabbedPanels_2 .TabbedPanelsTab_haut, .VTabbedPanels_3 .TabbedPanelsTab_haut {
height: 45px;
background-position: 0 0;
}
.VTabbedPanels_2 .TabbedPanelsTab_bas {background-position: 0 -109px;}
.VTabbedPanels_3 .TabbedPanelsTab_bas {background-position: 0 -108px;}
.TabbedPanelsTab a {
color: #000000;
text-decoration: none;
}
.VTabbedPanels_2 span, .VTabbedPanels_3 span {
font-size: 11px;
font-weight: normal;
color:#cccccc;
}
/* onglet � l'�tat hover */
.VTabbedPanels .TabbedPanelsTabHover, .VTabbedPanels_595 .TabbedPanelsTabHover {
background: #f7f7f7 url("/RessourcesCiel/Binaires/images/tab/onglet_tab_hover.jpg") no-repeat;
}
.VTabbedPanels_recrutement .TabbedPanelsTabHover {
background: #f7f7f7 url("/RessourcesCiel/Binaires/images/tab/onglet_tab_recrutement_hover.jpg") no-repeat;
}
.VTabbedPanels_2 .TabbedPanelsTabHover, .VTabbedPanels_3 .TabbedPanelsTabHover {
background-image: url("/RessourcesCiel/Binaires/images/mon_compte/bouton_on.gif");
color: #bababa;
}
/* onglet � l'�tat selected */
.VTabbedPanels .TabbedPanelsTabSelected, .VTabbedPanels_recrutement .TabbedPanelsTabSelected, .VTabbedPanels_595 .TabbedPanelsTabSelected {
padding: 7px 11px 3px 10px !important;
padding: 7px 10px 3px 10px; /* pour IE6 */
position: relative;
background: #d1f0fa url("/RessourcesCiel/Binaires/images/tab/onglet_selected.jpg") no-repeat;
color: #0099cc;
overflow: hidden; /* pour IE6 */
}
.VTabbedPanels_recrutement .TabbedPanelsTabSelected {
padding: 3px 21px 15px 10px !important;
padding: 3px 20px 15px 10px; /* pour IE6 */
background: #d1f0fa url("/RessourcesCiel/Binaires/images/tab/onglet_selected_recrutement.jpg") no-repeat;
}
.VTabbedPanels_2 .TabbedPanelsTabSelected, .VTabbedPanels_3 .TabbedPanelsTabSelected {
padding: 10px 10px 0 10px !important;
position: relative;
/*background: url("/RessourcesCiel/Binaires/images/mon_compte/bouton_select.gif") no-repeat;*/
background-image: url("/RessourcesCiel/Binaires/images/mon_compte/bouton_select.gif");
color: #0099cc;
overflow: hidden; /* pour IE6 */
}
.VTabbedPanels_2 .TabbedPanelsTabSelected span, .VTabbedPanels_3 .TabbedPanelsTabSelected span {color: #666666;}

/******************************
		DIV CONTENU
*******************************/
/*  conteneur des diff�rents contenus */
.VTabbedPanels .TabbedPanelsContentGroup, .VTabbedPanels_recrutement .TabbedPanelsContentGroup, .VTabbedPanels_2 .TabbedPanelsContentGroup, .VTabbedPanels_3 .TabbedPanelsContentGroup, .VTabbedPanels_595  .TabbedPanelsContentGroup {
height: 100%;
width: 473px;
padding: 0;
float: left;
_position: relative;
}
.VTabbedPanels_recrutement .TabbedPanelsContentGroup {width: 600px;}
.VTabbedPanels_2 .TabbedPanelsContentGroup {
width: 503px;
margin: 0;
}
.VTabbedPanels_3 .TabbedPanelsContentGroup {
width: 450px;
margin: 0;
}
.VTabbedPanels_595 .TabbedPanelsContentGroup {width: 425px;}
/* contenu */
.VTabbedPanels .TabbedPanelsContentGroup .TabbedPanelsContent, .VTabbedPanels_recrutement .TabbedPanelsContentGroup .TabbedPanelsContent {
}
/* PARTIE TOP DES CONTENUS (se trouve dans chacun des contenus) */
.TabbedPanelsContentGroup .TabbedPanelsContent .tab_top {
width: 100%;
height: 10px;
font-size: 1px; /* correction d�calage IE6 */
}
/* partie gauche */
.TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topG {
width: 462px;
height: 9px;
border-top: 1px solid #bababa;
border-left: 1px solid #bababa;
background: #ffffff;
float: left;
}
.VTabbedPanels_3 .TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topG {
background-color: #ffffff;
width: 439px;
border-left: 1px solid #ffffff;
}
.VTabbedPanels_recrutement .TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topG {width: 589px;}
.VTabbedPanels_595 .TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topG {width: 414px;}
.VTabbedPanels_2 .TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topG {
width: 492px;
border-left: 1px solid #ffffff;
}
/* partie droite */
.TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topD {
width: 10px;
height: 10px;
background: url("/RessourcesCiel/Binaires/images/tab/tab_content_topD.gif") no-repeat;
float: right;
}

/* PARTIE CENTRALE DU CONTENU
******************************/
.TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu {
width: 451px;
height: 100%;
padding: 3px 10px;
margin: 0;
background: #ffffff;
border-left: 1px solid #bababa;
border-right: 1px solid #bababa;
min-height: 245px;
}
.VTabbedPanels_2 .TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu {
width: 481px;
height: 251px;
border-left: 1px solid #ffffff;
}
.VTabbedPanels_3 .TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu {
width: 428px;
height: 255px;
border-left: 1px solid #ffffff;
}

.content_milieu hr{
color: #e5e4e5;
clear: both;
border: 0; /* enleve toute bordure */
border-bottom: 1px #e5e4e5 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
width: 98%;
}

.VTabbedPanels_recrutement .TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu {width: 578px;}
.VTabbedPanels_595 .TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu {width: 403px; min-height: 250px;}
.TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu h4 {padding: 0; margin: 0;}
.TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu p {padding: 0; margin-top: 5px;}

/* PARTIE BASSE DU CONTENU (d�pend du conteneur ( TabbedPanelsContentGroup) et non pas du contenu (TabbedPanelsContent) )
******************************/
.VTabbedPanels .tab_bas, .VTabbedPanels_recrutement .tab_bas, .VTabbedPanels_595 .tab_bas {
width: 473px; /* meme width que TabbedPanelsContentGroup */
height: 10px;
float: right;
font-size: 1px;
}
.VTabbedPanels_recrutement .tab_bas {width: 600px;}
.VTabbedPanels_595 .tab_bas {width: 425px;}
/* width = width de tab_bas-20px */
.tab_bas .tab_basM {
width: 453px;
height: 9px;
border-bottom: 1px solid #bababa;
float: left;
}
.VTabbedPanels_recrutement .tab_bas .tab_basM {width: 580px; }
.VTabbedPanels_2 .tab_bas .tab_basM {width: 493px;}
.VTabbedPanels_3 .tab_bas .tab_basM {width: 440px;}
.VTabbedPanels_595 .tab_bas .tab_basM {width: 405px;}
/* arrondis gauches et droite */
.tab_bas .tab_basG, .tab_bas .tab_basD {
width: 10px;
height: 10px;
background: url("/RessourcesCiel/Binaires/images/tab/tab_content_basG.jpg") no-repeat;
float: left;
}
.tab_bas .tab_basD {
background: url("/RessourcesCiel/Binaires/images/tab/tab_content_basD.jpg") no-repeat;
}

/******************************
DEFINITION DES ELEMENT INTERNES AU CONTENUS
*******************************/
/* suppression des styles tableaux suite pblem calage dans resultat quel logiciel choisir */	
.VTabbedPanels table {
font-size: 12px;
text-align: center;
border-collapse: collapse;
padding: 5px;
}
.VTabbedPanels td, .VTabbedPanels th, .VTabbedPanels_2 td, .VTabbedPanels_2 th {
/*border: 1px solid #cccccc;*/  /* D�sactiv� pour tableau LIA, pour r�activer, cr�er des sous classes [NICOLAS] */
}
.VTabbedPanels_recrutement table {
font-size: 12px;
text-align: left;
}
.VTabbedPanels_recrutement th, .VTabbedPanels_recrutement td {
padding: 10px 0 20px 0;
border-bottom: 1px solid #cccccc;
}
.VTabbedPanels_recrutement th {
width: 110px;
padding-left: 30px;
vertical-align: top;
}

/* FONCTION CLE */
.VTabbedPanels .fct_cle th, .VTabbedPanels .fct_cle td {
margin: 0 auto;
border: 1px solid #cccccc;
}
.VTabbedPanels .tab_epwgq th, .VTabbedPanels .tab_epwgq td {
margin: 0 auto;
border: 1px solid #cccccc;
}
.VTabbedPanels .tab_epwgq th {
margin: 0 auto;
background-color:#0099cc;
color:#ffffff;
}

/* TABLEAU PRODUITS */
.TabbedPanelsContent .listes ul, .listes_2 ul, .listes_3 ul, .listes_4 ul, .listes_2 ol {
margin: 5px 0 5px 20px;
}
.TabbedPanelsContent .listes li {
list-style-image: url("/RessourcesCiel/Binaires/images/produit/puce_croix.gif");
margin-bottom: 15px;
}
.TabbedPanelsContent .listes_2 li {
list-style-image: url("/RessourcesCiel/Binaires/images/global/Li_Global_puce.gif");
margin-bottom: 5px;
font-size: 11px;
}
.TabbedPanelsContent .listes_4 ul li {
list-style: none none;
margin-bottom: 5px;
font-size: 11px;
}
.TabbedPanelsContent .listes_2 ul li a, .listes_4 ul li a{
font-weight: bold;
padding: 5px 20px 5px 0;
background: transparent url("/RessourcesCiel/Binaires/images/iconslinks/icon_pdf.gif") no-repeat center right;
}

.TabbedPanelsContent .listes_2 ol li {
list-style-image: none;
margin-bottom: 5px;
font-size: 11px;
}

.TabbedPanelsContent  .sous_puces li {
list-style-image: none;
list-style-type: disc;
}

.TabbedPanelsContent .listes_3 li {
list-style-image: url("/RessourcesCiel/Binaires/images/global/bulletsq.gif");
margin-bottom: 15px;
}
.TabbedPanelsContent .listes hr, .listes_2 hr {
color: #ffffff;
border-top: 1px dashed #e1e1e1;
margin: 5px 0 5px 0;
}
.TabbedPanelsContent .listes p, .listes_2 p {
margin: 5px 0 10px 0;
padding:0;
}
.TabbedPanelsContent .padding {
padding: 5px;
}

.VTabbedPanels .tab_lia td, .VTabbedPanels .tab_lia th {
border-bottom: 1px dashed #e3e3e3;
}

/* PARTIE MAC */
.TabbedPanelsContent .mac_tab img {
float: left;
height: 115px;
width: 77px;
margin: 4px 25px 0 0;
}
.TabbedPanelsContent .mac_tab .texte {
float: left;
margin-top: 22px;
width: 340px;
}
.TabbedPanelsContent .mac_tab .texte h3 {
color: #666666;
margin: 0 0 10px 2px;
}
.TabbedPanelsContent .mac_tab .texte h3 span {
color: #999999;
font-weight: normal;
}
.TabbedPanelsContent .mac_tab .texte .prix {
font-size: 14px;
}
.TabbedPanelsContent .mac_tab .texte p {
margin-bottom: 10px;
margin-left: 2px;
}
.TabbedPanelsContent .mac_tab .texte img {
width: 131px;
height: 29px;
margin-right: 10px;
}