/*----- ###ligne### ----- (lignes de texte dans contenu-ensemble) -----*/
.grisClair {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#9F9FA0;
}
.ligntitre {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
    font-weight:bold;
    line-height:26px;
}
.linliste {
	font-size:15px;
	display:list-item;
	list-style-type:disc;
	margin-left:15px;
	list-style-position:outside;
}

.elemliste {
	font-size:13px;
	display:list-item;
	margin-left:15px;
}

.dicomot {
	font-size:16px;
	display:list-item;
	list-style-type:none;
	list-style-position:outside;
	margin-top:20px;
	color:#608000;
}
.ectit1 {
	padding-top:2px;
	padding-bottom:4px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#0480B7;
	text-align:center;
}
.ectit2 {
	padding-top:2px;
	padding-bottom:4px;
	font-family:Times New Roman;
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	color:#0480B7;
	text-align:center;
}
.ectit3 {
	padding-top:2px;
	padding-bottom:4px;
	font-family:Comic Sans MS;
	font-size:18px;
	font-weight:bold;
	color:#0480B7;
	text-align:center;
}
.ecstit1 {
	padding-bottom:8px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#609088;
	font-style:italic;
}
.ecstit2 {
	padding-bottom:8px;
	font-family:Times New Roman;
	font-size:16px;
	font-weight:bold;
	color:#609088;
}
.ecstit3 {
	padding-bottom:8px;
	font-family:Comic Sans MS;
	font-size:14px;
	color:#609088;
}
.textebleuclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EA5CD;
	font-weight: normal;
}
.textebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6069AC;
	font-weight: normal;
}

.titreBleu_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #007DDE;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}
.titreBleuFonce_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #5f68ab;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}
.titreVert_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #339933;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}
.titreVertClair_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #99CC33;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}
.titreRose_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #fc025c;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}
.titreRouge_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #fa2400;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}
.titreOrange_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #fe9901;
	display:list-item;
	list-style-type:none;
	line-height:30px;
}

.titreBleu_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #007DDE;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}
.titreBleuFonce_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #5f68ab;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}
.titreVert_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #339933;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}
.titreVertClair_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #99CC33;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}
.titreRose_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #fc025c;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}
.titreRouge_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #fa2400;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}
.titreOrange_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #fe9901;
	display:list-item;
	list-style-type:none;
	line-height:20px;
}


.lienlist {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold; 
	margin-left:30px;
	display:list-item;
	text-decoration:none;
	list-style-image:url(puce2.gif);
	list-style-position:outside;
    line-height:20px;
	vertical-align:middle;
}

.titrecadre_vert {font-family:Arial,Helvetica,sans-serif;font-size:14px; font-weight:bold; display:block; color:#1e8f2b;}
.titrecadre_rose {font-family:Arial,Helvetica,sans-serif;font-size:14px; font-weight:bold; display:block; color:#f9004f;}
.titrecadre_bleu {font-family:Arial,Helvetica,sans-serif;font-size:14px; font-weight:bold; display:block; color:#28a2c4;}
.titrecadre_orange {font-family:Arial,Helvetica,sans-serif;font-size:14px; font-weight:bold; display:block; color:#fb891c;}

/*----- ###texte### ----- (zones de texte dans contenu-ensemble) -----*/
.txtnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
.enbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #5f68ab;
}
.enorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fe9901;
}
.petit { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; 
	font-weight: normal;
	color: #000000;
}

.ectxt1 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#103040;
	padding-right:2px;
	text-align:left;
}
.ectxt2 {
	font-family:Times New Roman;
	font-size:13px;
	color:#103040;
	padding:2px;
	text-align:left;
}
.ectxt3 {
	font-family:Comic Sans MS;
	font-size:13px;
	color:#103040;
	padding:2px;
	text-align:left;
}
.ectxt4 {
   	clear:both;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#103040;
	padding-right:2px;
	text-align:left;
}
.ectxt5 {
   	clear:both;
	font-family:Times New Roman;
	font-size:13px;
	color:#103040;
	padding:2px;
	text-align:left;
}
.ectxt6 {
   	clear:both;
	font-family:Comic Sans MS;
	font-size:13px;
	color:#103040;
	padding:2px;
	text-align:left;
}




/*----- ###media### ----- (images,videos,sons dans contenu-ensemble) -----*/
div.videodroite {
	float:right;
	padding-left:10px;
}
object.videodroite, embed.videodroite {
	border:0px;
}
.imagauche {
	border:0px;
	float:left;
	margin-right:10px;
}
.imagauche_bord {
	/*border:0px;*/
	border:2px solid;
	float:left;
	margin-right:10px;
}
.imadroite {
	border:0px;
	float:right;
	padding-left:10px;
}

.grattephoto{
	width:250px;
	height:170px;
}


.ecimg1 {
	padding:8px;
}
.ecimg2 {
	float:left;
	padding:8px;
}
.ecimg3 {
	float:right;
	padding:8px;
}
.ecimg4 {
   	clear:both;
	padding:8px;
	text-align:center;
	width:100%;
}
.ecimg4 img {
	margin-left:auto;
	margin-right:auto;
}
.ecimg5 {
   	clear:both;
	float:left;
	padding:8px;
}
.ecimg6 {
   	clear:both;
	float:right;
	padding:8px;
}
.over123 {
	border:2px solid #FFFFFF;
}
/*----- ###fin### ----- (rollover sur images: "over...v") -----*/
.over123v {
	border:2px solid #FC025C;
}
/*----- ###hyperlien### ----- (hyperliens dans contenu-ensemble) -----*/
a.rose:link, a.rose:visited {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	text-decoration:none;
}
a.rose:hover {
	text-decoration:underline;
}

a.lienlist:link, a.lienlist:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold; 
	margin-left:30px;
	display:list-item;
	text-decoration:none;
	list-style-image:url(puce2.gif);
	list-style-position:outside;
    line-height:20px;
	vertical-align:middle;
}
a.lienlist:hover {
	text-decoration:underline;
}

.ecsit1 {
	color:#103040;
}
.ecsit2 {
	color:#803010;
}
/*----- ###lienemail### ----- (liens mailto dans contenu-ensemble) -----*/
a.lmail:link, a.lmail:visited {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	text-decoration:none;
}
a.lmail:hover {
	text-decoration:underline;
}
.ecmail1 {
	color:#103040;
}
.ecmail2 {
	color:#803010;
}
/*----- ###liendoc### ----- (liens documents dans contenu-ensemble) -----*/
a.ldoc:link, a.ldoc:visited {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	text-decoration:none;
}
a.ldoc:hover {
	text-decoration:underline;
}

a.liendoc:link, a.liendoc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-weight:bold;
	text-decoration:none;
	padding-left:5px;
}

a.liendoc:hover {
	text-decoration:underline;
}


.ecdoc1 {
	color:#103040;
}
.ecdoc2 {
	color:#803010;
}
/*----- ###conteneur### ----- (conteneurs dans contenu-ensemble) -----*/
.fondbleu {
	background-color:#F0F0FF;
	padding:5px;
}
.cadrebio {
	width:360px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:6px;
}

.gratterose {
	width:360px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:6px;
}
.gratterouge {
	width:360px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:6px;
}
.gratteorange {
	width:360px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:6px;
}
.grattebleuclair {
	width:360px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:6px;
}
.grattebleufonce {
	width:360px;
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:6px;
}

.decal_droite {
	width:auto;
	padding-left:30px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	margin-left:6px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:8px;
	text-align:left;
}

.centrer{
	width:auto;
	padding-left:10px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	margin-left:6px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:8px;
	text-align:center;
}


/*----- ###fin### ----- (conteneur avec cadre: "cadre" / tableau, haut, gauche, droite, bas) -----*/
.cadrebiota {
	width:380px;
	margin:0px; padding:0px;
}
.cadrebioht {
	width:380px; height:30px;
	background-image:url(cadrebioht.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	line-height:28px;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:16px;
	padding-right:0px;
}
.cadrebioga {
	width:10px;
	background-image:url(cadrebioga.gif);
	background-repeat:repeat;
	margin:0px; padding:0px;
}
.cadrebiodr {
	width:10px;
	background-image:url(cadrebiodr.gif);
	background-repeat:repeat;
	margin:0px; padding:0px;
}
.cadrebiobs {
	width:380px; height:10px;
	background-image:url(cadrebiobs.gif);
	background-repeat:no-repeat;
	margin:0px; padding:0px;
}


/*----- ###infobulle### ----- (info-bulles dans contenu-ensemble) -----*/
.dubleu {
	background-color:#E0E0FF;
}
/*----- ###tableau### ----- (contenus de type tableau) -----*/
table.bleupetit {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#1E028C;
	border:1px solid #8080FF;
}
td.bleupetit {
	padding:8px;
	vertical-align:top;
	border:1px solid #8080FF;
}

table.centrer {
	font-family:Arial,Helvetica,sans-serif;
}
td.centrer {
	padding:2px;
	vertical-align:center;
	text-align:left;
}

table.top_padding10 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
}
td.top_padding10 {
	padding:10px;
	vertical-align:top;
}

table.bottom_padding10 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
}
td.bottom_padding10 {
	padding:10px;
	vertical-align:bottom;
}

table.bottom_padding2 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
}
td.bottom_padding2 {
	padding:2px;
	vertical-align:bottom;
}

table.tab_liens {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	border:0px;
}
td.tab_liens {
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:20px;
	vertical-align:top;
	text-align:left;
}

div.tabclasse {
	text-align:center;
}
table.tabclasse {
	margin-left:auto;
	margin-right:auto;
	border:1px solid #A0A0A0;
	background-color:#F4F4F0;
	width:80%;
}
td.tabclasse {
	font-size:25px;
	border:1px solid #A0A0A0;
	padding:10px;
	text-align:left;
	vertical-align:top;
}

div.tabactiv {
	text-align:center;
}
table.tabactiv {
	margin-left:auto;
	margin-right:auto;
	border:1px solid #A0A0A0;
	background-color:#F4F4F0;
	width:90%;
}
td.tabactiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	color: #000000;
	border:1px solid #A0A0A0;
	padding:10px;
	text-align:left;
	vertical-align:top;
}
/*----- ###zonehtml### ----- (contenus de type zone_html) -----*/
.grisFonce {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#636363;
}
.titregras {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px; 
	color:#600060;
    font-weight:bold;
}
.enrouge {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#FF3333;
}
.GDjaune {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#FFFD33;
}