/* CSS Document */


@media screen {
html {
	overflow:scroll
}}
body {
width:100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.3em;
	background-color:#FFFFFF;
}
p, h1, h2, h3, h4, h5, h6, ul, li, ol, a, hr, br, strong, b, u, em, form, input, div {
	margin:0;
	padding:0;
}
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:justify;
}

.fauxHr{
height:1px;
background-color:#006ac3;
}
.hrTop{
background-image:url(/images/TriangleBleuTop.gif);
background-repeat:no-repeat;
background-position: right bottom;
padding-right:15px;
color: #006ac3;
text-align:right;
border-bottom:1px solid #006ac3;}

img{
border:none;
}

/*************************************************************** Titre de l'accueil ********************************************************************/
.TitreWelcom_fr{
background-image:url(/images/welcom_fr.gif);
background-repeat:no-repeat;
height:20px;
width:96px;
padding-bottom:20px;
}
.TitreWelcom_es{
background-image:url(/images/welcom_es.gif);
background-repeat:no-repeat;
height:20px;
/*width:96px;  dimension pour 'welcome' en [en]*/
width:110px;	/*dimension pour 'welcome=recepcion' en [es]*/
padding-bottom:20px;
}
.TitreWelcom_en{
background-image:url(/images/welcom_en.gif);
background-repeat:no-repeat;
height:20px;
width:96px;
padding-bottom:20px;
}
.TitreNews{
background-image:url(/images/news.gif);
background-repeat:no-repeat;
height:15px;
width:46px;
padding-bottom:20px;
}
.TitreCobafolio{
background-image:url(/images/Cobafolio.gif);
background-repeat:no-repeat;
height:15px;
width:82px;
padding-bottom:20px;;
}
.TitreRegister{
background-image:url(/images/register.gif);
background-repeat:no-repeat;
height:15px;
width:196px;
padding-bottom:20px;
}
/*************************************************************** Titre  ********************************************************************/
.Titre{
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:680px;
font-size:14px;
font-weight:bold;
color:#006ac3;
text-transform:uppercase;
margin-bottom:2px;
}
.Titre2{
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:680px;
font-size:14px;
font-weight:bold;
color:#006ac3;
text-transform:uppercase;
}

.IntituleTitre{
	width:550px;
	z-index:15;
	margin-bottom:-15px;
}
.BgTitre{
z-index:1;
width:680px;
height:42px;
background-image:url(/images/BgTitre.gif);
background-repeat:no-repeat;
}
.soustitre{
text-align:justify;
font-style:italic;
clear:both;}

/*************************************************************** Imprimer *********************************************************************************/

.imprimer{
float:right;
padding-right:30px;
border:none;
width:30px;

}

/*************************************************************** Zone d'en tete *********************************************************************************/

/*************************** Zone d'en tete (page accueil) *******************************************/

.racine01Acc{
display:relative;
margin:0px;
height:240px;
background-image:url(/images/BgRacine01.gif);
background-repeat:repeat-x;
}

.EnTeteAcc{
background-image:url(/images/EnTete.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:995px;
height:240px;
}

.logoAcc{
float:left;
padding-left:22px;
padding-top:15px;
width:331px;
height:60px;
}

.AnimFlash{
float:left;
/*
padding-left:409px;
width:226px;
height:240px;
*/
}
/*************************** Zone d'en tete (pages internes) *******************************************/
.racine01Int{
position:relative;
margin:0px;
height:168px;
background-image:url(/images/BgRacine01Intern.gif);
background-repeat:repeat-x;
}

.EnTeteIntern{
background-image:url(/images/EnTeteIntern.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:995px;
height:168px;
}

.logoInt{
float:left;
padding-left:22px;
padding-top:15px;
width:331px;
height:60px;
}


/*********************************************************** Zone conteneur central Page accueil *********************************************************/

.racine03Acc{
height:auto;
padding-top:15px;
background-color:#FFFFFF;
background-image:url(/images/BgRacine03.gif);
background-position:center;
background-repeat:repeat-y;
}

.filigrane{
margin-left:auto;
margin-right:auto;
min-height:550px;
width:995px;
background-image:url(/images/filigrane.gif);
background-repeat:no-repeat;
background-position:10px 100px;
_background-position:15px 100px;
}
.filigranevide{
margin-left:auto;
margin-right:auto;
min-height:200px;
width:995px;
}
/********************* Zone conteneur central - partie haute *************************/

.ConteneurHaut{
height:auto;
margin-top:15px;
width:995px;
}
.welcome{
padding-left:30px;
padding-right:20px;
float:left;
width:655px;
}
.welcome a{
text-decoration:none;
color:#c30b0e;
}
.welcome a:hover{
text-decoration:none;
color:#333333;
}
.pointille{
margin-top:25px;
height:3px;
border-bottom:1px dashed #cccccc;
}
.LoginAcc{
margin-right:10px;
float:right;
width:279px;
}
.LoginHaut_fr{
background-image:url(/images/login_fr.gif);
width:264px;
height:30px;
}
.LoginHaut_en{
background-image:url(/images/login_en.gif);
width:264px;
height:30px;
}
.LoginHaut_es{
background-image:url(/images/login_es.gif);
width:264px;
height:30px;
}
.LoginCentre{
padding-top:0px;
padding-left:20px;
background-image:url(/images/BgLogin.gif);
width:244px;
}
.LoginCentreAcc a{
color:#c30b0e;
cursor: pointer;
text-decoration:none;
font-size:11px;
}
.LoginCentreAcc a:hover{
color:#333333;
font-size:11px;
}
.LoginBas{
background-image:url(/images/BasLogin.gif);
background-repeat:no-repeat;
height:11px;
width:264px;
}
.formulaireLoginAcc{
font-size:12px;
}
.formulaireLoginAcc input{
height:20px;
width:131px;
color: #999999;
font-size: 12px;
line-height: 20px;
border: 1px solid #cccccc;
}
.okAcc{
float:right;
/*margin-right:20px;
_margin-right:10px;*/
margin-bottom:0px;
}
/********************* Zone conteneur central - partie basse *************************/
.ConteneurBas{
height:auto;
width:995px;
padding-bottom:10px;
}
.news{
border-right:1px dashed #cccccc;
text-align:justify;
margin-top:30px;
padding-right:15px;
padding-left:30px;
width:315px;
float:left;
padding-bottom:20px;
}
.cobafolio{
min-height:200px;
text-align:justify;
padding-right:15px;
padding-left:15px;
width:315px;
float:left;
margin-top:30px;
padding-bottom:20px;
}
.cobafolio a{
text-decoration:none;
color:#c30b0e;
}
.cobafolio a:hover{
text-decoration:none;
color:#333333;
}
.register{
border-left:1px dashed #cccccc;
text-align:justify;
padding-right:15px;
padding-left:15px;
margin-top:30px;
float:left;
width:250px;
padding-bottom:20px;
}
.ReadMore{
color:#006ac3;
display:block;
padding:10px;
text-decoration:none;
background-image:url(/images/TriangleBleu.gif);
background-repeat:no-repeat;
background-position:center left;
}
.ReadMore:hover{
color:#333333;
}
.ReadMoreRed{
color:#c30b0e;
display:block;
padding:10px;
text-decoration:none;
background-image:url(/images/TriangleRouge.gif);
background-repeat:no-repeat;
background-position:center left;
}
.ReadMoreRed:hover{
color:#333333;
}
.ReadMoreRedSimple{
color:#c30b0e;
display:block;
padding:0px;
padding-left:10px;
text-decoration:none;
background-image:url(/images/TriangleRouge.gif);
background-repeat:no-repeat;
background-position:center left;
}
.ReadMoreRedSimple:hover{
color:#333333;
}
/********************************************************* Zone conteneur central page accueil ***************************************************************/

.racine03Int{
height:auto;
background-color:#FFFFFF;
background-image:url(/images/BgRacine03.gif);
background-position:center;
background-repeat:repeat-y;
}
.Conteneur{
margin-left:auto;
margin-right:auto;
width:995px;
}
/********************* Zone conteneur central - partie gauche *************************/

.ConteneurGauche{
float:left;
height:auto;
/*width:262px;*/
width:222px;
padding-left:10px;

}
.MenuVertical{
padding-top:10px;
_padding-top:0px;
float:left;
/*width:262px;*/
width:222px;
}
.ItemVertical{
font-size:12px;
height:15px;
padding-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
.LoginInt{
float:left;
/*width:262px;*/
width:222px;
}
.LoginHautInt_fr{
float:left;
background-image:url(/images/LoginInterieur_fr.gif);
/*width:262px;*/
width:223px;
height:46px;
}
.LoginHautInt_en{
float:left;
background-image:url(/images/LoginInterieur_en.gif);
/*width:262px;*/
width:223px;
height:46px;
}
.LoginHautInt_es{
float:left;
background-image:url(/images/LoginInterieur_es.gif);
/*width:262px;*/
width:223px;
height:46px;
}
.LoginCentreInt{
background-color:#f8f7f5;
float:left;
padding-top:0px;
/*width:247px;*/
width:222px;

}
.ok{
float:right;
margin-right:45px;
_margin-right:25px;
margin-bottom:20px;
}
.LoginCentreInt a{
color:#c30b0e;
cursor: pointer;
text-decoration:none;
font-size:11px;
}
.LoginCentreInt a:hover{
color:#333333;
font-size:11px;
}
.formulaireLoginInt input{
height:20px;
width:140px;
color: #999999;
font-size: 12px;
line-height: 20px;
border: 1px solid #cccccc;
}
/********************* Zone conteneur central - partie droite *************************/

.Contenu{
background-image:url(/images/pointilleVertical.gif);
background-position:left;
background-repeat:repeat-y;
text-align:left;
padding-top:20px;
_padding-top:10px;
float:left;
width:680px;
padding-left:20px;
}

.Contenu h1{
clear:both;
	margin-bottom: 10px;
	color: #006ac3;
	font-weight: bold;
	font-size: 14px;
}

.Contenu h2{
	color: #006ac3;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.Contenu h3{
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
.Contenu h4{
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
}
.Contenu h5{
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
.Contenu h6{
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
.Contenu p{
	text-align: justify;
	color: #333333;
	font-size: 12px;
}
.Contenu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006ac3;
text-decoration:none;
}
.Contenu a:hover{
color:#333333;
text-decoration: none;
}
.lienResources a{
margin-left:1px;
margin-right:1px;
background-color:#006ac3;
padding:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.lienResources a:hover{
color:#cccccc;
text-decoration: none;
}
.lienSyllabus a{
background-color:#cccccc;
padding:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006ac3;
text-decoration:none;
}
.lienSyllabus a:hover{
color:#333333;
text-decoration: none;
}

.Contenu ul{
margin-left: 30px;
}
.Contenu ol{
margin-left: 30px;
counter-reset: item;
}

.Contenu li{
font-size: 12px;
/*color: #006ac3;*/
color:#000000;
list-style:disc;
margin-top: 3px;
margin-bottom: 3px;
}
.Contenu .li01{
font-size: 12px;
/*color: #006ac3;*/
color:#000000;
list-style:disc;
line-height: 12px;
margin-top: 3px;
margin-bottom: 3px;
}
.Contenu .li02{
font-size: 12px;
/*color: #006ac3;*/
color:#000000;
list-style:circle;
line-height: 10px;
margin-top: 3px;
margin-bottom: 3px;
margin-left:10px;
}

.Contenu .li03{
/*color: #006ac3;*/
color:#000000;
line-height:10px;
list-style:decimal;
}

.Contenu .li04{
font-size: 12px;
/*color: #006ac3;*/
color:#000000;
list-style:square;
line-height: 10px;
margin-top: 3px;
margin-bottom: 3px;
margin-left:20px;
}

.Contenu .li05{
font-size: 12px;
/*color: #006ac3;*/
color:#000000;
list-style:lower-roman;
line-height: 10px;
margin-top: 3px;
margin-bottom: 3px;
margin-left:20px;
}
	
.Contenu .notabene{
	text-align:left;
	color: #333333;
	font-size: 10px;
	font-style: italic;
}
.Contenu .GoTo{
clear:both;
background-color:#e2e2e2;
padding:3px;
}
.Contenu table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
}
.Contenu th{
background-color: #c30b0e;
color: #FFFFFF;
line-height: 20px;
}

.Contenu td{
padding:2px;
color: #333333;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.Contenu .formulaire th{
background-color: #c30b0e;
text-align: left;
color: #FFFFFF;
line-height: 20px;
}
.Contenu .formulaire td{
background-color: #E2E2E2;
text-align: left;
color: #333333;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
text-indent: 0px;
}
.Contenu .formulaire .form table td{
text-align: left;
color: #333333;
text-indent: 0px;
border: 1px none #c30b0e;
}
.Contenu .formulaire .form table td input select{
height: 20px;
color: #999999;
font-size: 10px;
line-height: 12px;
border: 1px solid #cccccc;
}

.Contenu .formulaire .form table td .bouton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 98px;
height: 17px;
cursor: pointer;
vertical-align: middle;
background-color:#c30b0e;
color: #FFFFFF;
text-align: center;
border: 0px none #FFFFFF;
padding-top: 2px;
}
.Contenu .formulaire .form table td .bouton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 98px;
height: 17px;
cursor: pointer;
vertical-align: middle;
background-color:#FFFFFF;
color: #c30b0e;
text-align: center;
border: 0px none #c30b0e;
padding-top: 2px;
}
.Contenu .formulaire .obligatoire{
font-size:10px;
color:#c30b0e;
font-weight:normal;
}
.Contenu .formulaire .bouton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
width: 98px;
height: 17px;
cursor: pointer;
vertical-align: middle;
color: #FFFFFF;
text-align: center;
border: 0px none #c30b0e;
padding-top: 2px;
}

.Contenu .formulaireLoginAcc table{
clear:both;
margin:0px;
}

.Contenu2{
text-align:left;
padding-top:30px;
_padding-top:20px;
float:left;
padding-left:20px;
padding-right:20px;
}

.Contenu2 h1{
	margin-bottom: 10px;
	color: #006ac3;
	font-weight: bold;
	font-size: 14px;
}

.Contenu2 h2{
	color: #006ac3;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.Contenu2 h3{
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
.Contenu2 h4{
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
}
.Contenu2 h5{
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
.Contenu2 h6{
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
.Contenu2 p{
	text-align: justify;
	color: #333333;
	font-size: 12px;
}
.Contenu2 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006ac3;
text-decoration:none;
}
.Contenu2 a:hover{
color:#333333;
text-decoration: none;
}

.Contenu2 ul{
margin-left: 30px;

}
.Contenu2 .li01{
font-size: 12px;
color: #006ac3;
list-style:disc;
line-height: 8px;
margin-top: 3px;
margin-bottom: 3px;
}
.Contenu2 .li02{
font-size: 12px;
color: #333333;
list-style:circle;
line-height: 8px;
margin-top: 3px;
margin-bottom: 3px;
}

.Contenu2 li{
font-size: 12px;
color: #006ac3;
list-style:disc;
line-height: 12px;
margin-top: 3px;
margin-bottom: 3px;
}

.Contenu2 table{

}
.Contenu2 th{
background-color: #c30b0e;
text-align: left;
color: #FFFFFF;
text-indent: 5px;
line-height: 20px;
}

.Contenu2 td{
background-color: #E2E2E2;
text-align: left;
color: #333333;
text-indent: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.Contenu2 .formulaire th{
background-color: #c30b0e;
text-align: left;
color: #FFFFFF;
text-indent: 5px;
line-height: 20px;
}
.Contenu2 .formulaire td{
background-color: #E2E2E2;
text-align: left;
color: #333333;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
text-indent: 0px;
}
.Contenu2 .formulaire .form table td{
text-align: left;
color: #333333;
text-indent: 0px;
border: 1px none #c30b0e;
}
.Contenu2 .formulaire .form table td input select{
height: 20px;
color: #999999;
font-size: 10px;
line-height: 12px;
border: 1px solid #cccccc;
}

.Contenu2 .formulaire .form table td .bouton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 98px;
height: 17px;
cursor: pointer;
vertical-align: middle;
background-color:#c30b0e;
color: #FFFFFF;
text-align: center;
border: 0px none #FFFFFF;
padding-top: 2px;
}
.Contenu2 .formulaire .form table td .bouton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 98px;
height: 17px;
cursor: pointer;
vertical-align: middle;
background-color:#FFFFFF;
color: #c30b0e;
text-align: center;
border: 0px none #c30b0e;
padding-top: 2px;
}
.Contenu2 .formulaire .obligatoire{
font-size:10px;
color:#c30b0e;
font-weight:normal;
}
.Contenu2 .formulaire .bouton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
width: 98px;
height: 17px;
cursor: pointer;
vertical-align: middle;
color: #FFFFFF;
text-align: center;
border: 0px none #c30b0e;
padding-top: 2px;
}


/*************************************************************** Zone Pied *********************************************************************************/

.racine04{
clear:both;
height:29px;
background-image:url(/images/BgPied.gif);
}
.pied{
margin-left:auto;
margin-right:auto;
width:994px;
height:20px;
background-image:url(/images/Pied.gif);
background-repeat:no-repeat;
color:#FFFFFF;
word-spacing:5px;
text-align:center;
padding-top:9px;
}
.pied a{
color:#FFFFFF;
text-decoration:none;
}
.pied a:hover{
	text-decoration:none;
	color:#CCCCCC;
}

.optimized {
	text-align:center;
	color:#999999;
	font-size:10px;
	margin-top:7px;
	padding-bottom:7px;
}

/************************************************ n'apparait qu'a l'impression *********************************************************************************/
.NoPrint{
display:block;
}
.print{
display:none;
}
/************************************************ Menu horizontal My cobatrice *********************************************************************************/

.MyCobatrice{
padding:5px;
}
.MyCobatrice ul{
display:inline;
text-align:center;
margin:0;
padding:0;
}
.MenuMyCobatrice{
}
.MenuMyCobatrice .liR a{
line-height:20px;
color:#ffffff;
cursor: pointer;
text-decoration:none;
font-size:11px;
}
.MenuMyCobatrice .liR a:hover{
color:#dddddd;
font-size:11px;
}
.MenuMyCobatrice .liG a{
line-height:20px;
color:#c30b0e;
cursor: pointer;
text-decoration:none;
font-size:11px;
}
.MenuMyCobatrice .liG a:hover{
color:#333333;
font-size:11px;
}
.MenuMyCobatrice li{
margin-bottom:0;
margin-top:0;
margin-right:2px;
float:left;
height:22px;
width:161px;
list-style:none;
text-align:center;
}
.MenuMyCobatrice .liR{
background-image:url(/images/mycobatrice/ongletR.gif);
background-repeat:no-repeat;
}
.MenuMyCobatrice .liG{
background-image:url(/images/mycobatrice/ongletG.gif);
background-repeat:no-repeat;
}
.ContenuMyCobatrice{
clear:both;
}
.ContenuMyCobatriceOnglet{
clear:both;
border:1px solid #999999;
padding:10px;
}
.ContenuMyCobatrice table{
width:628px;
}

.lin_list table{
	border-left:1px #999999 solid;
}

.lin_list td{
	border-top:1px #999999 solid;
	border-right:1px #999999 solid;	
}

.lin_list2 {
	border-bottom:1px #999999 solid;
}
.lin_list2 table{
	border-left:1px #999999 solid;
}

.lin_list2 td{
	border-top:1px #999999 solid;
	border-right:1px #999999 solid;	
}