@charset "UTF-8";
/* CSS Document */

body
{
background-color: #000;
}
.borderimage
{
border:0px;
}

.header
{
margin: auto;
padding: 0px;
width: 800px;
}
#bandeaugauche
{
z-index:0;
}
#bandeaudroiteaccueil
{
	position:absolute;
	top:8px;
	z-index:1;
}
#bandeaudroiteprestations
{
	position:absolute;
	top:8px;
	z-index:2;
}
#bandeaudroitetravaux
{
	position:absolute;
	top:8px;
	z-index:3;
}
#bandeaudroitecontact
{
	position:absolute;
	top:8px;
	z-index:4;
}

#boite_fond_couleur
{
	position: absolute;
	left: 50%;
	top: 300px;
	width: 800px;
	margin-left: -400px;
	height: 700px;
	background-color:#006666;
}

#boite_contenu
{
	position: absolute;
	left: 50%;
	top: 300px;
	width: 760px;
	margin-left: -380px;
	height: 680px;
	background-color:#359999;
}

#boite_bas
{
	position: absolute;
	left: 50%;
	top: 984px;
	width: 600px;
	margin-left: -300px;
	height: 15px;
	background-color:#E8E8E8;
}

#boite_texte
{
	position:absolute;
	left: 50%;
	top:260px;
	width:800px;
	margin-left: -400px;
	text-align:justify;
	z-index:1;
	height: 730px;
}


/*#boite_images
{
position:absolute;
top: 0px;
left: 20px;
width: 780px;
height: 100%; 
text-align:justify;
}*/


#boite_thumbnail
{
	position: absolute;
	left: 50%;
	top: 340px;
	width: 720px;
	margin-left: -380px;
	height: 680px;
	background-color:#359999;
}

#formulaire
{
	position: absolute;
	left: 50%;
	top: 330px;
	width: 740px;
	margin-left: -380px;
	height: 300px;
	background-color:#359999;
}

h1{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
}


.titre
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 20px;
	color: #000;
	font-style: normal;
	top: 10px;
	left: 20px;
	width: 720px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.titre2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 20px;
	color: #000;
	font-style: normal;
	top: 420px;
	left: 20px;
	width: 720px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.titre3
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 18px;
	color: #000;
	font-style: normal;
	top: 250px;
	left: 20px;
	width: 720px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.titre4
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 18px;
	color: #000;
	font-style: normal;
	top: 280px;
	left: 20px;
	width: 720px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.texte
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 60px;
	left: 20px;
	width: 500px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.textecontact
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 60px;
	left: 20px;
	width: 500px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
	line-height: 2;
}

.texteindex
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 14px;
	font-style: normal;
	top: 80px;
	left: 20px;
	width: 500px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.texteref
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 14px;
	font-style: normal;
	top: 14px;
	left: 540px;
	width: 200px;
	height: 660pxpx;
	text-align:right;
	z-index:2;
}

.texte2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 220px;
	left: 20px;
	width: 500px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.textePour
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 262px;
	left: 20px;
	width: 500px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.texte3
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 270px;
	left: 20px;
	width: 720px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
	line-height: 2;
}

.texte4
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 386px;
	left: 23px;
	width: 500px;
	height: 12px;
	text-align:justify;
	z-index:2;
}

.textecopyright
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	width: 720px;
	height: 660px;
	text-align:justify;
	z-index:2;
	top: 670px;
	left: 29%;
}

.puces1
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 137px;
	left: 35px;
	width: 460px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.puces2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	top: 289px;
	left: 36px;
	width: 720px;
	height: 660pxpx;
	text-align:justify;
	z-index:2;
}

.references
{
margin: auto;
padding: 0px;
width:760px;
}

.post-content
{
	text-align: justify;
	padding: 16px 10px 20px 20px;
	-moz-border-radius: 20px;
}

#LeMonde
{
	position: absolute;
	margin-right: 20;
	background-color:#006666;
	top: 54px;
	right: 20px;
	width: 125px;
}

#Autrement
{
	position: absolute;
	margin-right: 20;
	background-color:#006666;
	top: 108px;
	right: 20px;
	width: 125px;
}

#Genie
{
	position: absolute;
	margin-right: 20;
	background-color:#006666;
	top: 154px;
	right: 20px;
	width: 125px;
}


#scene
{
	position: absolute;
	margin-right: 20;
	background-color:#006666;
	top: 239px;
	right: 20px;
	width: 125px;
}

#ipemed
{
	position: absolute;
	margin-right: 20;
	width: 125px;
	background-color:#006666;
	top: 340px;
	right: 20px;
}

#cnfpt
{
	position: absolute;
	margin-right: 20;
	width: 125px;
	background-color:#006666;
	top: 402px;
	right: 20px;
}


#drass-idf
{
	position: absolute;
	height: 69px;
	background-color:#006666;
	top: 585px;
	right: 20px;
}

#ird
{
	position: absolute;
	margin-right: 20;
	width: 125px;
	background-color:#006666;
	top: 500px;
	right: 20px;
}

#ENSG
{
	position: absolute;
	height: 69px;
	background-color:#006666;
	top: 585px;
	right: 100px;
}

.thumbnail
{
float: left;
/*width: 60px; */
/*border: 1px solid #999;*/
margin: 0 9px 9px 0;
}

.clearboth { clear: both; }

/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
			.imagecontainer{
				  float:left;
				  clear:left;
				  background: url(img/shadowAlpha.png) no-repeat bottom right !important;
				  background: url(img/shadow.gif) no-repeat bottom right;
				  margin: 10px 0 10px 10px !important;
				  margin: 10px 0 10px 5px;
			}
			.imagecontainer img{
				display: block;
				position: relative;
				background-color: #fff;
				border: 1px solid #a9a9a9;
				margin: -6px 6px 6px -6px;
				padding: 4px;
			}


/* THIS IS THE TEST CODE TO MAKE THE DROP SHADOW WORK WITH BLOCK ELEMENTS. */
		.dropshadow1, .dropshadow2{
		float:left;
		clear:left;
		background: url(img/shadowAlpha.png) no-repeat bottom right !important;
		background: url(img/shadow.gif) no-repeat bottom right;
		margin: 10px 0 10px 10px !important;
		margin: 10px 0 10px 5px;
		width: 400px;
		padding: 0px;
		}

			/* .dropshadow2 only applies to test 1 */
				.dropshadow1 p{
				position:relative;
				bottom:6px;
				right: 6px;
				border: 1px solid #999999;
				padding:4px;
				font-size:14px;
				margin: 0px;
				}
			/* .innerbox only applies to test 2 */
				.innerbox{
				position:relative;
				bottom:6px;
				right: 6px;
				border: 1px solid #999999;
				padding:4px;
				margin: 0px 0px 0px 0px;
				}
				.innerbox{
				/* IE5 hack */
				\margin: 0px 0px -3px 0px;
				ma\rgin:  0px 0px 0px 0px;
				}
				.innerbox p{
				font-size:14px;
				margin: 3px;
				}
				.innerbox h4{
				margin-top: 3px;
				}