body {
background-color: white;
background-image: url("../images/trame-header.gif");
background-repeat:repeat-y;
font-family:Arial, verdana, Helvetica, sans-serif;
font-size:12px; color:black;
text-align:left;
margin: 0; padding:0;
}
#conteneur {margin:0; padding:0; text-align:left;}
#contenu { width: 1018px; margin: 0;}
#header { width:970px; height:67px; background-image:url(../images/header.gif); background-repeat:no-repeat; display:block;}
.invisible {display:none; margin:0; padding:0;}

.BoutonLiane {float:left; margin : 20px 0 30px 35px;}

#footer { clear:both; width:940px; text-align:right; display:block;}

.sul { margin:0; padding:5px 0 10px 0; background-color:#FFFFFF; display:block; width:210px; height:auto; display:block;}
.sli { list-style-image:url(../images/fleche_bgroupenews_off.gif); list-style-position:outside; font-weight:bold; background-color:#FFFFFF; color: #669900; margin:0 2px 4px 25px; font-size:11px; text-transform:uppercase;}
.sliorange {list-style-image:url(../images/fleche_bgroupenews_on.gif); list-style-position:outside; font-weight:bold; background-color:#FFFFFF; color: #FF3300; margin:0 2px 4px 25px; font-size:11px; text-transform:uppercase;}

a {color:#669900; text-decoration:none; margin:0; padding:0;}


.ulmenudroit {border-left:1px solid #eee; width:150px; padding:0 0 0 5px;}
.limenudroit {margin:3px; padding:3px; border-bottom:1px solid #eee; font-weight:bold; font-size:11px; list-style-type:none; background-image:url(../images/flecherouge-02.gif); background-repeat:no-repeat; text-indent:10px;}
.orange {color:#FF6600;}


#colonegauche { float:left; width: 300px; margin:25px 0 0 20px;}
#colonedroite { float:left; width: 400px; margin:25px 0 0 20px;}

#colonegauchedef { float:left; width: 400px; margin:25px 0 0 20px;}
#colonedroitedef { float:left; width: 300px; margin:25px 0 0 20px;}


#unecolone { float:left; margin:25px 0 0 20px; width:778px;}




h1 { margin:0 0 10px 0; color:#CC0000; font-size:22px; font-weight:lighter;}
h2 { margin:0 0 10px 0; color: #669933; font-size:14px;}
h3 { margin:0 0 10px 0; color: #003366; font-size:14px;}
h4 { margin:0 0 10px 0; color: #003366; font-size:11px;}
h6 { margin:0 0 10px 0; color: #FF9900; font-size:12px; cursor: pointer;}

.interlocuteur {width:136px; height:260px; border:1px solid #FF6600; display:block; text-align:center; float:left; margin:30px 15px 0 15px}
.alignliens {border-top: 1px solid #cccccc;text-align:left; padding: 10px; display:block;}
.gauchelien { float:left; display:block; width: 180px; text-align:center;}
.droitelien { border:1px solid black; display:block;float: right;}
.alignliens p { font-size:16px;text-transform:uppercase; margin:0; color:#000033; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.alignliens a { font-size:12px;color:#CC0000; margin:0;}


	/*   ---  Defini image chantier ---    */
	
	
	
.cadrephoto { width:578px; height:auto; display:block; background-color:#000000; color:#FFFFFF; padding:1px;}
.datephoto { font-size:11px; color:#FF6600; font-weight:bold; display:block; width:118px; height:15px; background-color:#FFFFFF;padding:2px; float:left; font-family:Arial ;}
.lieuphoto { font-size:9px; color: #333333; display:block; width:350px; height:15px; background-color:#FFFFFF; margin-left:1px; padding:2px; float:left; font-family:Arial ;}
.btop { font-size:9px; color: #FFFFFF; display:block; width:96px; height:15px; background-color:#CCCCCC; margin-left:1px; padding:2px; float:left; text-align:right;}
.fichierphoto { margin-top:1px;}
.cadrelegende { font-size:11px; color:white; display:block; width:574px; height:auto; padding:2px;}






.noir { color:#000000;}
.imagenews { border:1px solid black;}
.boutoncadre { color:#000000; border:1px solid black; display:block; width:290px; height:14px; font-weight:bold; text-indent:15px; background-image: url(../images/fleche_bouton_noir.gif); background-repeat:no-repeat; padding:4px; text-transform:uppercase; font-size:11px; margin-top:10px;}
.border { border:1px solid black; display:block;}

/* SLIMBOX */
#lbOverlay { position: absolute; left: 0; width: 100%; background-color:white; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left:50%; overflow: hidden; background-color:#003366; }
.lbLoading { background-image:url(../images/get.gif); background-repeat:no-repeat; background-position: center;}
#lbImage { border: 5px solid #003366;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover {	background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; line-height: 1.4em; text-align: left; border: 5px solid #003366; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 79px; height: 19px; background: transparent url(../images/close.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }


/* jdGallery */
#myGallery {display:block; width:364px ; height:200px; padding:0; margin:0;}

.jdGallery {overflow: hidden; position: relative;}

.jdGallery img {border: 0; margin: 0;}

.jdGallery .slideElement {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;}


.jdGallery .slideInfoZone {position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #FFFFFF; text-indent: 0; overflow: hidden;}

.jdGallery .slideInfoZone p {
	font-size:10px;
	margin:0;
}
.jdGallery .slideInfoZone h5
{
	font-size:12px;
	margin: 0;
}
.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0;
	left: 0;
	top: 0;
	height: 5px;
	background: #333;
	text-indent: 0;
	overflow: hidden;
}

html .jdGallery .slideInfoZone
{
	display:block;
	margin:0;
	padding:3px 0 0 10px;
}
.jdGallery a
{
	display:block;
	text-decoration: none;
	color: #000000;
}
#CarteA41{
	width:343px;
	margin:0;
	float:left;
}
#news {
	width:318px;
	margin:0;
	padding:40px 0 0 0;
	float:left;
	background-image:url(../images-fr/titre_dernieres_information.gif);
	background-repeat:no-repeat;
	background-position:  0px 10px;
	}
.uneNews {
	padding:8px 4px 0 0 ;
	}


.uneNews p { margin:0; padding:3px 0;}

.titreNews {
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	text-indent:12px;
	color: #FF6600;
	background-image:url(../images/flecherouge-01.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	}
.noBorder { border:0;}
.maigre {font-weight:lighter;}

.pubRn {
	display:block;
	width:309px;
	height:176px;
	padding-top:10px;
}

#espaceMultimedia {
	width:397px;
	float:left;
	background-color:#f4f4f4;
	padding:0 0 20px 18px;;
	margin:0 0 0 15px;
}

.positionTitresMulti { padding:20px 0 20px 18px;}

.developpementDurable { float:right; padding:25px;}

/*
Pages projet
*/

	.tdemplois {
	font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin-right:4px;
		border:1px solid #75B01C;
	}
	.tdressources {
	font-family:Arial, Helvetica, sans-serif;
		float:left;
		border:1px solid #FF9900;
	}
	.cellemplois { height: 30px; background-color:#CEEF9C; border-bottom:1px solid #75B01C; padding: 2px;}
	.cellressources { height: 30px; background-color: #FFD782; border-bottom:1px solid #FF9900; padding: 2px;}
	
.sizeNews {width:700px; clear:both; border-top:1px solid #E5E5E5;}
.margeTop { margin-top: 20px;}

/*newletter formulaire */
	form#subscribe-form { width: 60%; margin: 30px auto 15px; }
	form#subscribe-form fieldset	   { border: 1px dashed #79C; padding: 10px; }
	form#subscribe-form legend		   { background-color: white; padding: 1px 4px; color: black; }
	form#subscribe-form div			   { padding: 5px 8px; }
	form#subscribe-form div.bloc label { display: block; float: left; width: 30%; margin-top: .2em; cursor: pointer; }
	form#subscribe-form div label	   { cursor: pointer; }
	form#subscribe-form div.center	   { text-align: center; }
	form#subscribe-form p.message	   { text-align: center; }
	
	form#subscribe-form select,
	form#subscribe-form input[type="text"]  { border: 1px inset silver; }
	
	abbr[title] { cursor: help; }
	address#footer {
		margin: 15px auto;
		text-align: center;
		font-style: normal;
		font-size: 11px;
	}
	
	/*environnement*/
	
.bdroite {margin-right:15px; float:left;}
.bgauche {margin-left:15px; float:right;}
.bbas {margin-bottom:30px;}
.titrenvironnement { color:#96BF0D; letter-spacing:1px; padding-bottom:25px; padding-left:50px; background-image:url(../fr/environnement/images/feuille.gif); background-repeat:no-repeat;}
.tabulation{
padding: 0 0 0 20px;
}

sup { vertical-align: text-top;}