body
{	
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	
}


/*------------PAGEACCUEIL--------------*/

/*sous menu*/



.contenuac
{
	padding-left:25px ;
	padding-top:15px ;
}
.fondac
{
	display: block;
	float: left;
	width: 823px;
	height: 243px;
	background: url(img/fondac.png) no-repeat;
	position: absolute;
	top: 227px;
	left: 0px;
}

.contenuac
{
	padding-left:25px ;
	padding-top:15px ;
}

.dsmenuac

{
	display: block;
	width: 24px;
	height: 116px;
	background: url(img/dsmenuac.png) no-repeat;
	float: left;
	position: absolute;
	left: 799px;
	top: 111px;
}



div#smenuac
{
	display: block;
	width: 172px;
	height: 116px;
	background: url(img/sousmac.gif) repeat;
	float: left;
	text-align: right;
	font-size: 9pt;
	line-height:11pt;
	position: absolute;
	left: 627px;
	top: 111px;
}


a.macsoc
{	
	
	width: 172px ;
	height: 18px ;
	background: url(img/macsoc.gif) no-repeat ;
	float: left ;
	
}

a.macsoc:hover
{
	color: #fff ;
	background: url(img/macsoc.gif) repeat-x 0 -18px;
}

a.macmoyhum
{	
	display: block ;
	line-height: 22px ;
	width: 172px ;
	height: 22px ;
	background: url(img/macmoyhum.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px;
	text-align: center ;
}

a.macmoyhum:hover
{	
	color: #fff ;
	background: url(img/macmoyhum.gif) repeat-x 0 -22px;
}


a.macmoytech
{	
	display: block ;
	line-height: 22px ;
	width: 172px ;
	height: 22px ;
	background: url(img/macmoytech.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}

a.macmoytech:hover
{	
	color: #fff ;
	background: url(img/macmoytech.gif) repeat-x 0 -22px;
}

a.macref
{	
	display: block ;
	line-height: 22px ;
	width: 172px ;
	height: 19px ;
	background: url(img/macref.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}

a.macref:hover
{	
	color: #fff ;
	background: url(img/macref.gif) repeat-x 0 -19px;
}

a.maccont
{	
	display: block ;
	line-height: 22px ;
	width: 172px ;
	height: 24px ;
	background: url(img/maccont.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}

a.maccont:hover
{
	color: #fff ;
	background: url(img/maccont.gif)  repeat-x 0 -24px;
}


.sousmac
{
	display: block ;
	width: 172px ;
	height: 11px ;
	background: url(img/sousmac.gif) no-repeat ;
	float: left ;
}




.souslogoac
{
	display: block;
	width: 627px;
	height: 116px;
	background: url(img/souslogoac.png) no-repeat;
	float: left;
	position: absolute;
	left: 0px;
	top: 111px;
}


h1#headerac
{
	width: 823px;
	height: 111px;
	background: url(img/piac.png) no-repeat center top;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


h1#headerac a
{
	width: 0px ;
	height: 0px ;
	display: block ;
	position: relative ;
	left: 40px ;
	top: 10px ;
	text-indent: -5000px ;
}





div#smenuac a
{

	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
}

div#smenuac a:hover
{

	font-weight: normal ;
	color: #d46804 ;
	text-decoration: none ;
}





div#footerac
{
	display: block;
	float: left;
	text-align: center;
	font: 7pt "arial", helvetica, sans-serif;
	color: #fff;
	line-height: 40px;
	width: 823px;
	height: 48px;
	background: url(img/footac.png) no-repeat top;
	position: absolute;
	top: 470px;
	left: 0px;
}


a.eauac
{	
	display: block ;
	line-height: 22px ;
	width: 154px ;
	height: 217px ;
	background: url(img/eauac.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.eauac:hover
{	
	color: #fff ;
	background: url(img/eauac.gif) repeat-x -154px 0;
}

a.envac
{	

	display: block ;
	line-height: 22px ;
	width: 155px ;
	height: 217px ;
	background: url(img/envac.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.envac:hover
{	

	color: #fff ;
	background: url(img/envac.gif) repeat-x -155px 0;
}


a.solac
{	
	display: block ;
	line-height: 22px ;
	width: 155px ;
	height: 218px ;
	background: url(img/solac.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.solac:hover
{	
	color: #fff ;
	background: url(img/solac.gif) repeat-x -155px 0;
}


a.assaiac
{	
	display: block ;
	line-height: 22px ;
	width: 155px ;
	height: 217px ;
	background: url(img/assaiac.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.assaiac:hover
{	
	color: #fff ;
	background: url(img/assaiac.gif) repeat-x -155px 0;
}


a.pdcac
{	
	display: block ;
	line-height: 22px ;
	width: 156px ;
	height: 218px ;
	background: url(img/pdcac.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.pdcac:hover
{	
	color: #fff ;
	background: url(img/pdcac.gif) repeat-x -156px 0;
}





/*----------------------------*/

.org
{
	color : #d98000;
	text-decoration: none ;
}

.bloceau
{	
	width: 350px ;
	color: #316b7b ;
}

.blocenv
{	
	width: 350px ;
	color: #0f8c23 ;
}

.blocsol
{	
	width: 350px ;
	color: #9e4b01 ;
}

.blocassai
{	
	width: 350px ;
	color: #7a5c01 ;
}

.blocprot
{	
	width: 350px ;
	color: #5b5b5b ;
}

a
{
	color: #3f230e ;
}

a:hover
{		
	color: #a97d47 ;
}

a#telecharger
{		
	color: #3f230e ;
	background: url(img/flech.gif) no-repeat left center ;
	padding-left: 20px ;
}

a#telecharger:hover
{		
	color: #a97d47 ;
}




h1#header
{
	width: 823px;
	height: 90px;
	background: url(img/pi.png) no-repeat;
	margin: 0 0 0;
}


h1#header a
{
	width: 70px ;
	height: 100px ;
	display: block ;
	position: relative ;
	left: 40px ;
	top: 10px ;
	text-indent: -5000px ;
}

span#h3contenu
{	
	font-weight: bold ;
	line-height: 30px ;
	font-size: 10pt ;
	color: #873900 ;
}

.italik
{
	font: 11pt "Trebuchet MS", helvetica, sans-serif ;
	font-style: italic ;
	text-align: right;



}

/*MENU-------------------------------------------------------*/
/*menu non cliquable*/


.souslogo
{
	display: block;
	line-height: 22px;
	width: 119px;
	height: 30px;
	background: url(img/souslogo.png) no-repeat;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: absolute;
	top: 90px;
	left: 0px;
}


.societeU
{
	display: block;
	line-height: 22px;
	width: 173px;
	height: 30px;
	background: url(img/societe.png) repeat-x 0 -30px;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: absolute;
	left: 119px;
	top: 90px;
}

.moyhumU
{
	display: block;
	line-height: 22px;
	width: 150px;
	height: 30px;
	background: url(img/moyhum.png) repeat-x 0 -30px;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: absolute;
	top: 90px;
	left: 292px;
}

.moytechU
{
	display: block;
	line-height: 22px;
	width: 148px;
	height: 30px;
	background: url(img/moytech.png) repeat-x 0 -30px;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: absolute;
	left: 442px;
	top: 90px;
}

.refU
{
	display: block;
	line-height: 22px;
	width: 117px;
	height: 30px;
	background: url(img/ref.png) repeat-x 0 -30px;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	position: absolute;
	left: 590px;
	top: 90px;
}

.contU
{
	display: block;
	line-height: 22px;
	width: 116px;
	height: 30px;
	background: url(img/cont.png) repeat-x 0 -30px;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	position: absolute;
	left: 707px;
	top: 90px;
}

/*menu cliquable*/

a.societe
{
	display: block;
	line-height: 22px;
	width: 173px;
	height: 30px;
	background: url(img/societe.png) no-repeat;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	position: absolute;
	left: 119px;
	top: 90px;
}

a.societe:hover
{
	color: #fff ;
	background: url(img/societe.png) repeat-x 0 -30px;
}

a.moyhum
{
	display: block;
	line-height: 22px;
	width: 150px;
	height: 30px;
	background: url(img/moyhum.png) no-repeat;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	left: 292px;
	top: 90px;
	position: absolute;
}

a.moyhum:hover
{	
	color: #fff ;
	background: url(img/moyhum.png) repeat-x 0 -30px;
}


a.moytech
{
	display: block;
	line-height: 22px;
	width: 148px;
	height: 30px;
	background: url(img/moytech.png) no-repeat;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	left: 442px;
	top: 90px;
	position: absolute;
}

a.moytech:hover
{	
	color: #fff ;
	background: url(img/moytech.png) repeat-x 0 -30px;
}

a.ref
{
	display: block;
	line-height: 22px;
	width: 117px;
	height: 30px;
	background: url(img/ref.png) no-repeat;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	left: 590px;
	top: 90px;
	position: absolute;
}

a.ref:hover
{	
	color: #fff ;
	background: url(img/ref.png) repeat-x 0 -30px;
}

a.cont
{
	display: block;
	line-height: 22px;
	width: 116px;
	height: 30px;
	background: url(img/cont.png) no-repeat;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	position: absolute;
	left: 707px;
	top: 90px;
}

a.cont:hover
{
	color: #fff ;
	background: url(img/cont.png) repeat-x 0 -30px;
}


/*------------------------------------------------*/

div#smenu	
{
	float: left;
	background: url(img/prep.png) ;
	display: block;
	line-height: 22px;
	width: 129px;
	height: 437px;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	position: absolute;
	top: 120px;
	left: 0px;

	
}

/*SOUSMENU---------------------------------------------*/


a.eau
{	
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 46px ;
	background: url(img/eau.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}

a.eau:hover
{
	color: #fff ;
	background: url(img/eau.gif) repeat-x 0 -46px;
}

.eauU
{
	display: block;
	line-height: 22px;
	width: 129px;
	height: 46px;
	background: url(img/eau.gif) repeat-x 0 -92px;
	float: left;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	text-align: center;
	
}

a.env
{	
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 40px ;
	background: url(img/env.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.env:hover
{
	color: #fff ;
	background: url(img/env.gif) repeat-x 0 -40px;
}

.envU
{
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 40px ;
	background: url(img/env.gif) repeat-x 0 -80px;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}


a.sol
{	
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 42px ;
	background: url(img/sol.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.sol:hover
{	
	color: #fff ;
	background: url(img/sol.gif) repeat-x 0 -42px;
}

.solU
{
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 42px ;
	background: url(img/sol.gif) repeat-x 0 -84px;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}


a.assai
{	
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 40px ;
	background: url(img/assai.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}
a.assai:hover
{	
	color: #fff ;
	background: url(img/assai.gif) repeat-x 0 -40px;
}

.assaiU
{
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 40px ;
	background: url(img/assai.gif) repeat-x 0 -80px;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px;
	text-align: center ;
}


a.pdc
{	
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 43px ;
	background: url(img/pdc.gif) no-repeat ;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
	
}

a.pdc:hover
{	
	color: #fff ;
	background: url(img/pdc.gif) repeat-x 0 -43px;
}


.pdcU
{
	display: block ;
	line-height: 22px ;
	width: 129px ;
	height: 43px ;
	background: url(img/pdc.gif) repeat-x 0 -86px;
	float: left ;
	font-size: 10pt ;
	font-weight: normal ;
	color: #fff ;
	text-decoration: none ;
	text-indent: 0px ;
	text-align: center ;
}


.aa
{
	line-height: 22px;
	float: left;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	line-height: 10pt;
	padding-left: 25px;

}



.aas
{
	line-height: 22px;
	float: left;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	text-indent: 0px;
	text-align: left;
	line-height: 10pt;
	padding-left: 25px;
	position: absolute;
	top: 400px;
	left: 0px;

}

a.eaus
{
	color: #316b7b;
}
a.eaus:hover
{
	color:#fff;
}

a.envs
{
	color: #0f8c23 ;
}
a.envs:hover
{
	color:#fff;
}
a.sols
{
	color: #9e4b01 ;
}
a.sols:hover
{
	color:#fff;
}
a.assais
{
	color: #7a5c01 ;
}
a.assais:hover
{
	color:#fff;
}
a.pdcs
{
	color: #5b5b5b ;
}
a.pdcs:hover
{
	color:#fff;
}


/*---------------------------------------------*/

div#conteneur
{
	position:absolute;
   	width: 823px;
	text-align: left;
	height: 606px;
	margin-left: -411px;
	margin-top: -303px;
	left: 50%;
	top: 50%;
}


div#fond
{
	display: block;
	float: left;
	width: 694px;
	height: 437px;
	background: url(img/fond.png) no-repeat;
	position: absolute;
	left: 129px;
	top: 120px;
}

div#contenu
{
	display: block;
	overflow:-moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical;
	padding-left: 15px;
	width: 660px;
	height: 437px;
	color: #343434;
	line-height: 15px;
	font-size: 8pt;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	position: relative;
}

.text
{
	width: 380px ;
}

.text2
{
	width: 600px ;
}



.textmoinlarg
{
	width:235px ;
}

.imageplularg
{
	width: 385px ;
	text-align: right ;
	padding-right: 17px ;
	color: #0e5b1d ;
	font-size: 10px ;
	float: right;
}

.image
{
	width: 230px;
	padding-right: 17px;
	text-align : right;
	color: #0e5b1d;
	font-size: 10px;
	float: right;

}

/*----TITRES---------------*/


span#titrecontenu
{	
	font-size: 18pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -2px ;
	color: #d46804 ;
	line-height: 20px ;
}



span#nom
{	
	font-size: 12pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -1px ;
	color: #d46804 ;
	line-height: 20px ;
}	

span#h2eau
{	
	font-size: 18pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -2px ;
	line-height: 20px ;
	color: #316b7b ;
}

span#h2env
{
	font-size: 18pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -2px ;
	line-height: 20px ;
	color: #0f8c23 ;
}


span#h2sol
{	
	font-size: 18pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -2px ;
	line-height: 20px ;
	color: #9e4b01 ;
}

span#h2assai
{	
	font-size: 18pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -2px ;
	line-height: 20px ;
	color: #7a5c01 ;
}

span#h2prot
{	
	font-size: 18pt ;
	font-weight: bold ;
	font-family: Arial, sans-serif ;
	letter-spacing: -2px ;
	line-height: 20px ;
	color: #5b5b5b ;
}

span#h3contenu
{	
	font-weight: bold ;
	line-height: 11pt ;
	font-size: 10pt ;
	color: #873900 ;
}	
		
span#h3eau
{	
	font-weight: bold ;
	line-height: 11pt ;
	font-size: 10pt ;
	color: #316b7b ;
}

span#h3env
{
	font-weight: bold ;
	line-height: 11pt ;
	font-size: 10pt ;
	color: #0f8c23 ;
}

span#h3sol
{	
	font-weight: bold ;
	line-height: 11pt ;
	font-size: 10pt ;
	color: #9e4b01 ;
}

span#h3assai
{	
	font-weight: bold ;
	line-height: 11pt ;
	font-size: 10pt ;
	color: #7a5c01 ;
}

span#h3prot
{	
	font-weight: bold ;
	line-height: 11pt ;
	font-size: 10pt ;
	color: #5b5b5b ;
}
	
.eh4
{	
	font-family: Arial, sans-serif;
	font-size: 10pt ;
	font-weight: bold ;
}


/*---------------------------*/


div#footer
{
	display: block;
	float: left;
	text-align: center;
	font: 7pt "arial", helvetica, sans-serif;
	color: #fff;
	line-height: 40px;
	width: 823px;
	height: 49px;
	background: url(img/foot.png) no-repeat top;
	position: absolute;
	top: 557px;
	left: 0px;
}