/* CSS Document */

/*GENERAL*/
body {	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px; 
	    line-height:16px;
		background-color:#ffffff;
		text-align:justify;
		color:#333333;
		margin-left: 0px; 
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom:0px;
		height:100%;
		}
		
html {
		height:100%;
		} 
/*TEXT*/
.tit{
	font-size:14px;
    font-family:Verdana, Arial Narrow,tahoma, @Arial Unicode MS, sans-serif;
    font-weight:bold;
	text-align:left;
	padding-top:7px;
}

.stit{
	font-size:11px;
   	font-family: Verdana, Arial Narrow,tahoma, @Arial Unicode MS, sans-serif;
    font-weight:bold;
   	text-decoration:none;
	text-align:left;
}

.txt{
	font-size:11px;
    font-family:Verdana, Arial Narrow,tahoma, @Arial Unicode MS, sans-serif;
    font-weight:normal;
	text-align:justify;
}

.stxt{
	font-size:10px;
    font-family:Verdana,@Arial Unicode MS,tahoma, sans-serif;
    font-weight:normal;
	text-align: left;
}

.red{ color:#993300;}
.yel{ color:#cc9933;}
.gry{ color:#333333;}
.whi{ color:#ffffff;}

p { text-align:justify; padding:0px 20px 0px 0px;}

a.txt:link  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; }
a.txt:visited  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; }
a.txt:active  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px;  text-decoration: none; }
a.txt:hover  { color: #993300; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: underline;}

a.txtBG:link  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; }
a.txtBG:visited  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; }
a.txtBG:active  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px;  text-decoration: none; }
a.txtBG:hover  { color: #ffffff; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; background-color:#993300}

a.stit:link  { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; text-decoration: none; }
a.stit:visited  { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; text-decoration: none; }
a.stit:active  { color: #333333; font-style: normal; font-weight: bold; font-size: 11px;  text-decoration: none; }
a.stit:hover  { color: #993300; font-style: normal; font-weight: bold; font-size: 11px; text-decoration: underline;}


.gry{ color:#333333;}
.bggris { background-color:#E8E8E8;}

/*POINT FORM*/
ul {margin:0; padding:5px 0px 5px 20px; list-style:none; line-height:20px}
li {background:url(../img/marker.gif) top left no-repeat; padding:0 0 0 10px; text-align:left; line-height:16px }
li.li2 {background:url(../img/marker2.gif) top left no-repeat; padding:0 0 0 10px; text-align:left; line-height:16px }

/*CONTENU*/
.tb1 {border: solid 1px #9ea5ac; }
.tdGA  {width:220px;  }
.tdDR {width:580px; padding-top: 20px; padding-right:20px; text-align:justify;}
.tdRED {background-color:#993300; border-top: solid #ffffff 1px; border-bottom: solid #ffffff 1px; height: 3px; }

/*TEXT SPECIAL*/
.txttop  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
.tittop { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 12px; padding-bottom:3px}
a.linktop:link  { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.linktop:visited  { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.linktop:active  { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.linktop:hover  { color: #993300; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: underline; }

a.plus:link  { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 10px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.plus:visited  { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 10px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.plus:active  { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 10px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.plus:hover  { color: #993300; font-style: normal; font-weight: bold; font-size: 10px; line-height: 10px; font-family: verdana, arial, geneva, sans-serif; text-decoration: underline; }


.txtadr  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; text-align:right; padding:10px 10px 7px 0px; background:url(../img/yelBAR.gif) bottom right no-repeat ;  }
.titadr { color: #333333; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px;}
a.linkadr:link  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.linkadr:visited  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.linkadr:active  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.linkadr:hover  { color: #993300; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; font-family: verdana, arial, geneva, sans-serif; text-decoration: underline; }
.adr  { padding:10px 0px 7px 0px;}

.footer  { color: #666666; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none; }
a.footer:link   { color: #666666; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none }
a.footer:visited  { color: #666666; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: verdana, arial, geneva, sans-serif; text-decoration: none }
a.footer:active  { color: #666666; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: verdana, arial, geneva, sans-serif; text-decoration: underline }
a.footer:hover  { color: #cc9933; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px; font-family: verdana, arial, geneva, sans-serif; text-decoration: underline }

a.txtQ:link  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; text-decoration: none; }
a.txtQ:visited  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; text-decoration: none; }
a.txtQ:active  { color: #333333; font-style: normal; font-weight: normal; font-size: 10px;  text-decoration: none; }
a.txtQ:hover  { color: #cc9933; font-style: normal; font-weight: normal; font-size: 10px; text-decoration: underline; }

.Qreal1 { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none;  padding: 15px 20px 0px 0px; border-top: solid 1px #cccccc;}
.Qreal2 { color: #666666; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px; text-decoration: none; padding: 10px 0px 0px 0px; }
.Qreal3 { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px; text-decoration: none;  padding-top: 5px;}
.Qreal4 { color: #666666; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px; text-decoration: none; text-align:justify;}

.plus:link { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 14px; text-decoration: none; text-align: left; text-decoration: none }
.plus:visited { color: #666666; font-style: normal; font-weight:  bold; font-size: 10px; line-height: 14px; text-decoration: none; text-align: left; text-decoration: none }
.plus:active { color: #666666; font-style: normal; font-weight: bold; font-size: 10px; line-height: 14px; text-decoration: none; text-align: left; text-decoration: none }
.plus:hover { color: #993300; font-style: normal; font-weight: bold; font-size: 10px; line-height: 14px; text-decoration: none; text-align: left; text-decoration: underline }

.top:link { color: #666666; font-style: normal; font-weight: normal; font-size: 9px; line-height: 14px; text-align: left; text-decoration: none }
.top:visited { color: #666666; font-style: normal; font-weight: normal; font-size: 9px; line-height: 14px; text-align: left; text-decoration: none }
.top:active { color: #666666; font-style: normal; font-weight: normal; font-size: 9px; line-height: 14px; text-align: left; text-decoration: none }
.top:hover { color: #993300; font-style: normal; font-weight: normal; font-size: 9px; line-height: 14px;text-align: left; text-decoration: underline }

.serv { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none; text-align:justify; padding: 10px 20px 2px 0px; border-bottom: solid 1px #cccccc;}
.serv1:link { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; }
.serv1:visited { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; }
.serv1:active { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; }
.serv1:hover { color: #993300; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: underline;  }

.real { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none; text-align:justify; padding: 10px 20px 2px 0px; border-bottom: solid 1px #cccccc;}
.real2 { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none; text-align:justify; padding: 10px 20px 2px 0px; }
.real3 { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none;text-align:justify; }
.real1 { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; text-align:justify;}

.coor { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none; text-align: left; padding: 10px 20px 2px 0px; }
.coor2 { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px;  text-decoration: none; text-align: left; padding: 10px 20px 2px 0px; }
.coor3 { color: #333333; font-style: normal; font-weight: normal; font-size: 10px; line-height: 14px;  text-decoration: none; text-align: left; }
.coor1:link { color: #993300; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px;  text-decoration: none; text-align: left;}
.coor1:visited { color: #993300; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px;  text-decoration: none; text-align: left; }
.coor1:active { color: #993300; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px;  text-decoration: none; text-align: left; }
.coor1:hover { color: #993300; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px;  text-decoration: underline; text-align: left; }

.line { border-bottom: solid 1px #cccccc;}
.coor5:link { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; text-align: left;}
.coor5:visited { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; text-align: left; }
.coor5:active { color: #333333; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: none; text-align: left; }
.coor5:hover { color: #993300; font-style: normal; font-weight: bold; font-size: 11px; line-height: 14px;  text-decoration: underline; text-align: left; }

a.realL:link  { color: #993300; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; }
a.realL:visited  { color: #993300; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: none; }
a.realL:active  { color: #993300; font-style: normal; font-weight: normal; font-size: 11px;  text-decoration: none; }
a.realL:hover  { color: #333333; font-style: normal; font-weight: normal; font-size: 11px; text-decoration: underline;}

/* page de contenu */
#pagePrincipale{
	background-color:#FFFFFF;

}
.pagePrincipale a:link{
	color:#ADAA9C;
	text-decoration:none;
	font-size:16px; 
	font-weight:bold; 
}
.pagePrincipale a:visited{
	color:#ADAA9C;
	text-decoration:none;
	font-size:16px; 
	font-weight:bold; 
}
.pagePrincipale a:hover{
	color:#AB511C;
	text-decoration:none;
	font-size:16px; 
	font-weight:bold; 
}
.pagePrincipale a:active{
	color:#ADAA9C;
	text-decoration:none;
	font-size:16px; 
	font-weight:bold; 
}
.sous-texte{
	color:#CC9933;
	font-weight:bold;
	font-size:15px;
	margin-bottom:15px;
	margin-left:7px;
	margin-right::40px;
	margin-top:15px;
}
.borderRight{
	width:52px;
	vertical-align:top;
	background-image:url(../images/right_repeat2.gif);
	background-repeat:repeat-y;

}
.right{
	width:52px;
	vertical-align:top;
}
.textLeft{
	word-spacing: 0em ;
	text-align:justify;
	margin-top:25px;
	margin-left:30px;
}
.text{
	word-spacing: 0em ;
	text-align:justify;
	margin-top:10px;
	margin-left:15px;
}
.arrows{
	width:100%;;
	margin-top:5px;
	text-align:right;
	margin-bottom:0px;
}
/*lien menu*/
#lien a {
	display:block;
	width: 100%;
   	background: url('../images/btn_suivant.jpg') 0 0 no-repeat;
   }
#lien a:hover {
	display:block;
	width: 100%;
	padding: 0 0 0 0;
   	background-position: 0 -29px;
   }
#lien a:active {
	display:block;
	width: 100%;
   	background-position: 0 0;
}

/*arrows*/
#retour a {
	display:block;
	width: 30px;
   	background: url('../images/btn_precedent.jpg') 0 0 no-repeat;
   }
#retour a:hover {
	display:block;
	width: 30px;
	padding: 0 0 0 0;
   	background-position: 0 -29px;
   }
#retour a:active {
	display:block;
	width: 30px;
   	background-position: 0 0;
}
   
#suivant a {
	display:block;
	width: 30px;
   	background: url('../images/btn_suivant.jpg') 0 0 no-repeat;
   }
#suivant a:hover {
	display:block;
	width: 30px;
	padding: 0 0 0 0;
   	background-position: 0 -29px;
   }
#suivant a:active {
	display:block;
	width: 30px;
   	background-position: 0 0;
   }

/* images menu*/
/*accueil*/
#accueil a {
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_accueil.jpg') 0 0 no-repeat;
   }
#accueil a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
   }
#accueil a:active {
	display:block;
	width: 122px;
   	background-position: 0 0;
   }
#accueil_current a{
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_accueil.jpg') 0px -45px no-repeat;
}
#accueil_current a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
 }
#accueil_current a:active {
	display:block;
	width: 122px;
   	background-position: 0 -45px;
 }
 
 /*services*/
#services a {
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_services.jpg') 0 0 no-repeat;
   }
#services a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
   }
#services a:active {
	display:block;
	width: 122px;
   	background-position: 0 0;
   }
#services_current a{
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_services.jpg') 0px -45px no-repeat;
}
#services_current a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
 }
#services_current a:active {
	display:block;
	width: 122px;
   	background-position: 0 -45px;
 }
 
 /*realisations*/
#realisations a {
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_realisations.jpg') 0 0 no-repeat;
  
   }
#realisations a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
   }
#realisations a:active {
	display:block;
	width: 122px;
   	background-position: 0 0;
   }
#realisations_current a{
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_realisations.jpg') 0px -45px no-repeat;
}
#realisations_current a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
 }
#realisations_current a:active {
	display:block;
	width: 122px;
   	background-position: 0 -45px;
 }
 
  /*associees*/
#associees a {
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_associees.jpg') 0 0 no-repeat;
   }
#associees a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
   }
#associees a:active {
	display:block;
	width: 122px;
   	background-position: 0 0;
   }
#associees_current a{
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_associees.jpg') 0px -45px no-repeat;
	
}
#associees_current a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
 }
#associees_current a:active {
	display:block;
	width: 122px;
   	background-position: 0 -45px;
 }

  /*coordonnees*/
#coordonnees a {
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_coordonnees.jpg') 0 0 no-repeat;
   }
#coordonnees a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
   }
#coordonnees a:active {
	display:block;
	width: 122px;
   	background-position: 0 0;
   }
#coordonnees_current a{
	display:block;
	width: 122px;
   	background: url('../images/menu/menu_coordonnees.jpg') 0px -45px no-repeat;
}
#coordonnees_current a:hover {
	display:block;
	width: 122px;
	padding: 0 0 0 0;
   	background-position: 0 -45px;
 }
#coordonnees_current a:active {
	display:block;
	width: 122px;
   	background-position: 0 -45px;
 }