/*classe général*/

BODY { background-color: #FFFFFF; margin-top: 0em; margin-left: 0em;}
Body.popup { background-color: #007CC2; margin-top: 0em;}
 

/*les paragraphes*/

.texte  { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: justify; font-weight: bold;}
.texte2  { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: justify; font-weight: normal;}
.textebleu  { font-family: Arial, sans-serif; font-size: 12px; color: #007CC2; text-align: justify; font-weight: bold; margin:1em;}
.texteright  { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: right; font-weight: bold;}
.textecenter  { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: center; font-weight: bold;}
.tbold {  font-family:  Arial, sans-serif; font-size: 16px; font-weight: bolder; color: #007CC2}
.tbold2 {  font-family: Comic Sans MS; font-size: 16px; font-weight: bolder; color: #007CC2}
.tbold3 {  font-family: Arial; font-size: 12px; font-weight: bolder; color: #007CC2}
.textegris  { font-family: Arial, sans-serif; font-size: 12px; color: #666666; text-align: justify; font-weight: bold;}

ul.texte{font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: justify; font-weight: bold;}
li.texte{font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: justify; font-weight: bold;}

.lien  { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-align: justify; font-weight: normal;}

.stexte { font-family: Arial, sans-serif; font-size: 9px; color: #000000; text-align: justify; font-weight: normal;}

.menu { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; }
.chemin { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-align: justify; font-weight: bold;}

a.consumer:link { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold;}  
a.consumer:active { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold;}  
a.consumer:visited { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold;}  
a.consumer:hover { font-family: Arial, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight: bold;}  


a.texte:link { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}  
a.texte:active { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}  
a.texte:visited { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}  
a.texte:hover { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold;} 

a.texte2:link { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold;text-align:center;}  
a.texte2:active { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold;text-align:center;}  
a.texte2:visited { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold;text-align:center;}  
a.texte2:hover { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; font-weight: bold;text-align:center;}   


a.lien:link { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}  
a.lien:active { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}  
a.lien:visited { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: normal;}  
a.lien:hover { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-decoration: underline; font-weight: normal;}  

a.img:link { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}  
a.img:active { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}  
a.img:visited { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;}  
a.img:hover { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold;} 


.salon { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-align: justify; font-weight: normal; margin:1em;}


.borderbleu {border-bottom: 1px #007CC2 dashed; border-top: 1px #007CC2 dashed; border-left: 1px #007CC2 dashed; border-right: 1px #007CC2 dashed;}
.borderbleu2 {border-bottom: 0px #007CC2 dashed; border-top: 0px #007CC2 dashed; border-left: 0px #007CC2 dashed; border-right: 1px #007CC2 dashed;}

.salon2 {  font-family:  Arial, sans-serif; font-size: 14px; font-weight: normal; color: #007CC2; }



.image {margin-top : 0em; margin-left: 1em; margin-right: 0em; margin-bottom : 0em;}


.question {
font-family: Arial, sans-serif;
font-size: 14 px;
color: black;
list-style-type:none;
background-image:url(../images/demilogo.gif);
background-repeat:no-repeat;
background-position:0% 50%;
padding-left:15px;
}


div.rebord {
	position: absolute;
	margin: -20px 0px -10px 0px;
}

div.rebord2 {
	position: absolute;
	margin: -20px 0px -10px 0px;
}


div.rebord3 {
	position: absolute;
	margin: -20px 0px -10px 0px;
}



a.menu:link{ 
				
				text-decoration: none;
				font-family: Verdana, sans-serif;
				font-size: 11px; 
				font-weight: bold;
				text-align: center; 
				display: block;
				
} 
		
a.menu:active { 
			 
				 text-decoration: none; 
				 font-family: Verdana, sans-serif; 
				 font-size: 11px; 
				 font-weight: bold; 
				 text-align: center; 
				 display: block;
				
} 

a.menu:visited { 
					 
					text-decoration: none; 
					font-family: Verdana, sans-serif; 
					font-size: 11px; 
					font-weight: bold; 
					text-align: center; 
					display: block;
					
}

a.menu:hover { 
				 
				text-decoration: underline; 
				font-family: Verdana, sans-serif; 
				font-size: 11px; 
				font-weight: bold; 
				text-align: center;
				display: block;
			
} 
 
 
 
a.smenu:link{ 
				background-color: #FFFFFF;
				color: #1C7CB4;
				text-decoration: none;
				font-family: Verdana, sans-serif;
				font-size: 12px;
				text-align: left; 
				display: block;
				padding:2px 2px; 
				border-left: 1px solid #1C7CB4;
} 
		
a.smenu:active { 
				 background-color: #FFFFFF;
				 color: #1C7CB4; 
				 text-decoration: none; 
				 font-family: Verdana, sans-serif; 
				 font-size: 12px;
				 text-align: left; 
				 display: block;
				 padding:2px 2px;
				 border-left: 1px solid #1C7CB4;
} 

a.smenu:visited { 
					background-color: #FFFFFF;
					color: #1C7CB4; 
					text-decoration: none; 
					font-family: Verdana, sans-serif; 
					font-size: 12px; 
					text-align: left;
					display: block;
					padding:2px 2px;
					border-left: 1px solid #1C7CB4;
}

a.smenu:hover { 
				background-color: #FFFFFF;
				color: #1C7CB4; 
				text-decoration: underline; 
				font-family: Verdana, sans-serif; 
				font-size: 12px; 
				text-align: left;
				display: block;
				padding:2px 2px;
				border-left: 1px solid #1C7CB4;
}  
 
 
ul.ssmenu {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	
	color:black;
	text-decoration:none;
	padding:0px 30px;
	margin:0;
	list-style-type:none;
}

div.truc{
position: absolute;
z-index: +1;
}
#contacts{
	margin-top:-30px;
}
#contacts li{
	list-style:none;
	font-size:.8em;
	line-height:1.5em;
}
#contacts ul{
	display:block;
	height:100px;
}
#contacts #mainOffice{
	height:150px;
}
.epicture{
	float:left;
	width:150px;
}
.epicture img{
	padding:3px;
	border:1px solid #ccc;
}
.ename{
	font-size:1.2em !important;
	font-weight:bold;
	padding-top:10px;
}









/* classe particuliere */
/*
b.titrevert {color: #016235; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold;}

p.menugauche{color: #016235; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }
p.menugaucheviolet{color: #6e005b; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }
p.texte  { font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin: 3em; text-align: justify;}
p.textepop  { font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin: 1em; text-align: justify;}
p.news  { font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin: 1em; text-align: justify;}
p.texteviolet  { font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin-top: 1em; margin-left: 5em; margin-right: 5em; margin-bottom: 1em; text-align: justify;}
p.titreviolet {color: #880672; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; margin-top: 1em;margin-right: 0em;margin-left: 1em;margin-bottom: 0em;}
p.titrevert {color: #016235; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; margin-top: 1em;margin-right: 0em;margin-left: 1em;margin-bottom: 0em;}
p.titrebleu {color: #00303C; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; margin-top: 1em;margin-right: 0em;margin-left: 1em;margin-bottom: 0em;}
p.petittexte  { font-family: Verdana, sans-serif; font-size: 9px; color: #000000; margin: 0em; text-align: center;}


p.texte2  { font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin: 1em; text-align: center;}
p.titrep  { font-family: Verdana, sans-serif; font-size: 14px; color: #FFBB44; margin: 1em; text-align: center;}
a.lien	 { color: #F4BD5C; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; }
a.smenu2 { color: #B1AEAE; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; }
img.texte { margin-left: 1em; margin-bottom: 1em; border: 0;}
*/
/* pour les popup */
/*
p.popuptitre  { font-family: Verdana, sans-serif; font-size: 14px; color: #FFFFFF; margin: 0em; text-align: left; font-weight: bold;}
p.popuptitre2  { font-family: Verdana, sans-serif; font-size: 14px; color: #FFFFFF; margin: 0em; font-weight: bold;}
p.popuptexte  { font-family: Verdana, sans-serif; font-size: 11px; color: #FFFFFF; margin: 0.5em;}
p.popuptexte2 { font-family: Verdana, sans-serif; font-size: 11px; color: #FFFFFF; margin: 0.5em; text-align: right;}
p.stitre      { font-family: Verdana, sans-serif; font-size: 9px; color: #FFFFFF; margin: 0.5em; align:justify;}
textarea      { background-color: #FFFFFF;font-family: Verdana, sans-serif; font-size: 11px; color: #000000; margin: 0.5em;text-align: justify;
                border : 0.5pt #000000 solid;}
.boite        { background-color: #FFFFFF;font-family: Verdana, sans-serif; font-size: 11px; 
                color: #000000; margin: 0em; text-align: justify; border : 0.5pt #000000 solid;}*/

/*mise en forme des paragraphe*/
/*
ul { font-family: Arial, sans-serif; font-size: 12px; color: #000000; margin: 0.5em;}
li { font-family: Arial, sans-serif; font-size: 12px; color: #000000; margin: 0.5em;}

u{ color: #FFFFFF; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; } */

 /* cellule de tableau */
/*
td.border {border-bottom: 1px #016336 solid; border-top: 0px #545444 solid; border-left: 0px #545444 solid; border-right: 0px #545444 solid;}
td.borderhaut {border-bottom: 0px #016336 solid; border-top: 1px #016336 solid; border-left: 0px #545444 solid; border-right: 0px #545444 solid;}
td.borderviolet {border-bottom: 1px #6e005b solid; border-top: 0px #6e005b solid; border-left: 0px #6e005b solid; border-right: 0px #6e005b solid;}
td.borderviolethaut {border-bottom: 0px #6e005b solid; border-top: 1px #6e005b solid; border-left: 0px #6e005b solid; border-right: 0px #6e005b solid;}
table.border {border-bottom: 1px #016336 solid; border-top: 1px #016336 solid; border-left: 1px #016336 solid; border-right: 1px #016336 solid;}
table.borderviolet {border-bottom: 1px #6e005b solid; border-top: 1px #6e005b solid; border-left: 1px #6e005b solid; border-right: 1px #6e005b solid;}
table.borderbleu {border-bottom: 1px #00303C solid; border-top: 1px #00303C solid; border-left: 1px #00303C solid; border-right: 1px #00303C solid;}
table.general{border-bottom: 1px #016336 solid; border-top: 0px #016336 solid; border-left: 1px #016336 solid; border-right: 1px #016336 solid;}
table.generalviolet{border-bottom: 1px #6e005b solid; border-top: 0px #6e005b solid; border-left: 1px #6e005b solid; border-right: 1px #6e005b solid;}
table.generalbleu{border-bottom: 1px #00303C solid; border-top: 0px #00303C solid; border-left: 1px #00303C solid; border-right: 1px #00303C solid;}

td.menuhautvert { color: #FFFFFF; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; text-align:center;}
td.menuhautviolet { color: #FFFFFF; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; text-align:center;}
td.menuhautbleu { color: #FFFFFF; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; text-align:center;}




td.fiche		 {border-bottom: 1px #000000 solid; border-top: 0px ##000000 solid; border-left: 0px #000000 solid; border-right: 0px #000000 solid;}
td.plan {border-bottom: 1px #000000 solid; border-top: 1px #000000 solid; border-left: 1px #000000 solid; border-right: 1px #000000 solid;}*/


 /* liens */
/*

a:link { color: #FFFFFF; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; } 
a:active { color: #FFFFFF; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; } 
a:visited { color: #FFFFFF; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; }
a:hover { color: #FFFFFF; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; }


a.accueilvert:link { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center; } 
a.accueilvert:active { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;} 
a.accueilvert:visited { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;}
a.accueilvert:hover { color: #016336; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;}

a.accueilbleu:link { color: #00303C; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center; } 
a.accueilbleu:active { color: #00303C; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;} 
a.accueilbleu:visited { color: #00303C; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;}
a.accueilbleu:hover { color: #00303C; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;}

a.accueilviolet:link { color: #6D015B; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center; } 
a.accueilviolet:active { color: #6D015B; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;} 
a.accueilviolet:visited { color: #6D015B; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;}
a.accueilviolet:hover { color: #06D015B; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align:center;}

a.menugauche:link { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px;  } 
a.menugauche:active { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; } 
a.menugauche:visited { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px;}
a.menugauche:hover { color: #016336; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; }

a.menugaucheviolet:link { color: #6e005b; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px;  } 
a.menugaucheviolet:active { color: #6e005b; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; } 
a.menugaucheviolet:visited { color: #6e005b; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px;}
a.menugaucheviolet:hover { color: #6e005b; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; }

a.menugauchebleu:link { color: #00303C; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px;  } 
a.menugauchebleu:active { color: #00303C; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; } 
a.menugauchebleu:visited { color: #00303C; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px;}
a.menugauchebleu:hover { color: #00303C; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; }


a.index:link { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 12px;  } 
a.index:active { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 12px; } 
a.index:visited { color: #016336; text-decoration: none; font-family: Verdana, sans-serif; font-size: 12px;}
a.index:hover { color: #016336; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 12px; }

a.texte:link { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; } 
a.texte:active { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; } 
a.texte:visited { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; }
a.texte:hover { color: #000000; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 9px; font-weight: bold; }

a.petittexte:link { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px;  } 
a.petittexte:active { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px;  } 
a.petittexte:visited { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 9px;  }
a.petittexte:hover { color: #000000; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 9px;  }

a.texte2:link { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; } 
a.texte2:active { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; } 
a.texte2:visited { color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }
a.texte2:hover { color: #000000; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; }*/