* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color:#606060;
}
	
body {background: #000;}

img {border: 0;}

a {color: #303030; text-decoration: none;}

p {text-align: justify;}

.fR {float: right;}
.fL {float: left;}
.clr {clear:both;font-size:0;line-height:0;}

.gris {color: #606060;}
.blanc {color:#FFFFFF;}
.rouge {color: #CE331A;}
.vertClair{color: #B8CB67}

.bold {font-weight: bold;}
.italic{font-style:italic;}
.barre {text-decoration: line-through;}
.soulign {text-decoration: underline;}
.justifie {text-align: justify;}

.font14{font-size: 14px;}

.dn{display:none;}

.clickable{cursor:pointer;}

h2{
	margin: 0;
	padding: 0 0 20px 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #CE331A;
}

h3{
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #2e2e2e;
}

#background{background: url(../_img/fd.gif) repeat-y center top;}

#zoneHeader{
	width: 100%;
	height: 153px;
	margin: 0 auto;
	background: url(../_img/fdHeader.jpg) no-repeat center top;
}


/*MENU & LANGUES*/

#zoneMenu{
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

#lienOkoWeb{
	display: block;
	position: absolute;
	width: 168px;
	height:85px;
	top:60px;
	left:60px;
}

#menu{
	float: right;
	padding-top: 100px;
	width: 732px;	
}

#menu a, p a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #606060;
	padding: 5px 12px;
}

#menu a:hover, #menu a.actif{
	background-color:#CE331a;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color: #FFF;
}	

#langage{
	float: right;
	margin-top: 83px;
	width: 22px;
	height: 41px;
	background: url(../_img/fdLangues.gif) no-repeat;
	padding: 9px 0 0 8px;
}


/*ZONE ROUGE*/

#zoneFondRouge{
	width: 100%;
	height: 366px;
	margin: 0 auto;
	background: url(../_img/fdRed.gif) repeat-y center top;
}

#nature{
	width: 100%;
	height: 229px;
	margin: 0 auto;
	background: url(../_img/fdZoneRef.gif) no-repeat center top;
}


#contentFondRouge{
	width: 911px;
	padding-top: 15px;
	margin: 0 auto;
}


#slide{
	width: 580px;
	height: 327px;
	padding: 15px 0 0 11px;
	background: url(../_img/cadreSlide.gif) no-repeat center top;
	float: left;
}


#edito{
	width: 300px;
	float: right;
	overflow: hidden;
}

#edito h1{
	background: url(../_img/bulleTitle.gif) no-repeat center top;
	width: 280px;
	height: 56px;
	margin: 0;
	font-size: 18px;
	color: #96B415;
	padding: 6px 10px 0 10px;
	font-weight: normal;
	font-family: Arial;
}

#edito p{
	padding-top: 10px;
	color: #FFF;
	text-align: justify;
	line-height: 16px;
}


/*BANDEAU BLANC*/

#zoneSolution{
	width: 100%;
	height: 124px;
	margin: 0 auto;
	background: url(../_img/fdBandeau.gif) no-repeat center top;	
}

#mainSolution{
	width: 911px;
	margin: 0 auto;
	padding: 10px 0;
}

#mainSolution li{
	list-style-type:none;
	margin: 0;
}

.boxCrea{
	float: left;
	padding: 19px 50px 20px 85px;
	background: url(../_img/picCrea.jpg) no-repeat;
}

.boxTrafic{
	float: left;
	padding: 19px 55px 20px 150px;
	background: url(../_img/picTrafic.jpg) no-repeat;
}

.boxDesign{
	float: left;
	padding: 19px 20px 20px 125px;
	background: url(../_img/picDesign.jpg) no-repeat;
}


/*CONTENU*/

#filet{
	width: 958px;
	height: 2px;
	margin: 0 auto;
	background: url(../_img/filet.gif) repeat-x;
}

#mainContent{
	width: 100%;
	margin: 0 auto;
	background: url(../_img/fdMainContent.gif) repeat-y center top;
}

#content{
	position: relative;
	width: 880px;
	margin: 0 auto;
	padding: 20px 40px;
	background: url(../_img/twitter.gif) no-repeat bottom right;
}

#blocContent{width: 610px;}
#blocContent p{font-size: 14px; padding-bottom: 22px;}


#blocContentRea{}
#blocContentRea p{font-size: 14px; padding-bottom: 22px;}

#reaCat{padding-bottom: 20px;}
#reaCat a{
	background-color:#96B415;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color: #FFF;
	font-size: 14px;
	padding: 3px 8px;
}


#reaCat a:hover, #reaCat a.actif{
	background-color:#CE331A;
	color: #FFF;
}

.screenRea{
	float: left;
	width: 330px;
	padding-bottom: 30px;
}

.contentRea{
	float: left;
	width: 550px;
}

.contentRea .h2{
	color:#606060;
	padding-bottom: 10px;
	padding-top: 10px;
    clear:both;
    display:block;
    font-family:Arial,Tahoma,Verdana,sans-serif;
    font-size:15px;
    font-weight:bold;    
}

.contentRea li{
	list-style-type:none;
	margin: 0;
	font-size: 14px;
	line-height: 25px;
	background: url(../_img/coche.gif) no-repeat;
	padding-left: 21px;
	padding-right: 45px;
}

.contentRea a{color:#96b415; font-size: 14px;}

.ban{padding-bottom: 15px;}
.ban img{padding: 0 15px 15px 0;}

.mailing{
	float: left;
	width: 435px;
	padding-bottom: 20px;
}

.visit{
	margin-top: 40px;
	padding-left: 45px;
	height: 30px;
	font-size: 14px;
	background: url(../_img/icoCocci.gif) no-repeat top left;
}

#formulaire{padding: 20px 0;}

.itemForm{
	display:block;
	float:left;
	width:120px;
	font-size: 14px;
}

#f_contact_table td, .lForm{padding-bottom: 15px;}

#formulaire input, #f_contact_table input{
	width:170px;
	background: url(../_img/fdForm.gif) bottom repeat-x #FFF;
	border:1px solid #939393;
	padding:3px;
	font-size: 14px;
}

#formulaire textarea{
	background: #FFF;
	border:1px solid #939393;
	height:200px;
	margin-top:3px;
	padding:5px;
	width:541px;
	font-size: 14px;
}

#lienTwitter{
	display: block;
	position: absolute;
	width: 230px;
	height:80px;
	right:30px;
	bottom:0;
}

.gris15, .gris15 a{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #2e2e2e;
}



/*BLOC RIGHT*/

.blocRight{
	float: right;
	width: 244px;
	padding-bottom: 195px;
}


#contentRight1{width: 244px;padding-bottom: 15px;}

#contentRight1 h3, #contentRight1 h3 a{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-style: italic;
	color:#96b415;
	padding: 0;
	margin: 0;
}

#contentRight1 ul{padding: 12px 0;}
#contentRight1 li{
	list-style-type:none;
	margin: 0;
	font-size: 14px;
	line-height: 25px;
	background: url(../_img/coche.gif) no-repeat;
	padding-left: 21px;
}

#lastreaRight{padding: 12px 0;}
#lastreaRight img{padding-bottom: 10px;}
#lastreaRight a{color:#CE331A; text-decoration: underline;}
#lastreaRight a:hover{color:#96b415; text-decoration: underline;}


#ben{height: 64px;padding-left: 67px;background: url(../_img/ben.jpg) no-repeat;}
#michael{height: 64px;padding-left: 67px;background: url(../_img/michael.jpg) no-repeat;}
#perrine{height: 64px;padding-left: 67px;background: url(../_img/perrine.jpg) no-repeat;}
#remi{height: 64px;padding-left: 67px;background: url(../_img/remi.jpg) no-repeat;}
#angeline{height: 64px;padding-left: 67px;background: url(../_img/angeline.jpg) no-repeat;}
#sylvie{height: 64px;padding-left: 67px;background: url(../_img/sylvie.jpg) no-repeat;}



#presse h2{
	background: url(../_img/bullePresse.gif) no-repeat;
	width: 224px;
	height: 40px;
	padding: 4px 10px 0 10px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-style: italic;
	color:#FFF;
}


#presse a{color:#CE331A; text-decoration: underline; line-height: 25px;}
#presse a:hover{color:#96b415; text-decoration: underline;}


#citation{width: 244px;}

#citHead{background: url(../_img/headCitation.gif) no-repeat; height: 44px;}

#citMiddle{
	background: url(../_img/middleCitation.gif) repeat-y;
	color: #FFF;
	padding: 0 15px;
	text-align: justify;
}

#citBottom{
	background: url(../_img/bottomCitation.gif) no-repeat;
	height: 43px;
	color: #FFF;
	text-align: right;
	padding: 28px 15px 5px 15px; 
}

.transport{line-height: 30px; font-weight: bold;}

#metrol1{background: url(../_img/l1.gif) no-repeat; padding-left: 40px; padding-bottom: 10px;}
#metrol7{background: url(../_img/l7.gif) no-repeat; padding-left: 40px;padding-bottom: 10px;}
#metrol4{background: url(../_img/l4.gif) no-repeat; padding-left: 40px;padding-bottom: 10px;}
#metrol14{background: url(../_img/l14.gif) no-repeat; padding-left: 40px;padding-bottom: 10px;}
#rer{background: url(../_img/rer.gif) no-repeat; padding-left: 75px;padding-bottom: 10px;}

.sign{color:#C4EB6B; font-style: italic;}



/*FOOTER*/

.footer{background: url(../_img/filetFooter.gif) repeat-x center top #000;}

#footerInfos{
	background: url(../_img/fdBottom.gif) no-repeat center top;
	padding-top: 70px;
}

.subfooter{
	width: 920px;
	margin: 0 auto;
	padding: 30px 20px;
}

.blocFooter{
	float: left;
	padding-right: 60px;
	color: #FFF;
}

.blocFooter a{color: #9b9b9b}

.blocFooter h3{
	margin: 0;
	padding: 4px 0 15px 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 15px;
	font-weight:normal;
	color: #FFF;
}

.blocFooter li{
	list-style-type:none;
	margin: 0;
	color: #9b9b9b;
	line-height: 20px;
}

.arial19blanc{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 19px;
	color:#FFF;
}

.arial19rouge{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 19px;
	color:#CE331A;
}

a.lienRedSoulign{
	color:#CE331A;
	text-decoration: underline;
}

.footerRss{
	background: url(../_img/icoBlog.gif) no-repeat left top;
	padding: 0 0 3px 22px;
}

.footerTwitter{
	background: url(../_img/icoTwitter.gif) no-repeat left top;
	padding: 0 0 3px 22px;
}


#copyright{float: left; color: #9b9b9b;}
#lienFooter{float:right; color: #9b9b9b;}
#lienFooter a{padding: 0 6px; color: #9b9b9b;}
#lienFooter a:hover{color: #CE331A;}


/* Div login intranet*/
#login_box{
	position:absolute;
	padding:5px;
	z-index:10;
	border:2px solid #93B700;
	background:#BAD751;
	}
#mdp_box{
	position:absolute;
	padding:5px;
	z-index:10;
	border:2px solid #93B700;
	background:#BAD751;
	}

/* FIXE BUG GOOGLE MAP*/
#ggmap div span {
	position: absolute;
	top: -150px;
	right: 0px;
	padding: 0;
    margin:0;
	font-size: 9px;
	background-color: #9EC632;
	color: #F4FFD7;
	font-weight: bold;
}

.ban div {
    float:left;
}
    
    

/*DIVERS*/

a:hover {color: #CE331A;}