* {
	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;}

.optiul{
    list-style-type:none;
    margin:0;
    margin-left:10px;
}

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

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

h4 {
	color: #CE331A;
}

.clear
{
	clear:both;
}

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

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

#zoneHeader-en{
	width: 100%;
	height: 153px;
	margin: 0 auto;
	background: url(../_img/fdHeader-en.png) no-repeat center top;	
/*	background: url(../_img/fdHeader-en-noel.png) 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: 12px;
	font-weight: bold;
	color: #606060;
	padding: 5px 8px;
}

#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: 15px;
}


/*BANDEAU BLANC*/

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

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

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

.boxCrea{
	float: left;
	width: 328px;
	height: 104px;
	background: url(../_img/picCrea.jpg) no-repeat;
}

.txtCrea
{
	width: 220px;
	height: 80px;
	margin: 25px 0 0 125px;
}

.boxCrea:hover{
	background: url(../_img/picCreaHover.jpg) no-repeat;
}

.boxTrafic{
	float: left;
	width: 326px;
	height: 104px;
	background: url(../_img/picDesign.jpg) no-repeat;
}

.txtTrafic
{
	width: 220px;
	height: 80px;
	margin: 25px 0 0 125px;
}

.boxTrafic:hover{
	background: url(../_img/picDesignHover.jpg) no-repeat;
}

.boxDesign{
	float: left;
	width: 326px;
	height: 104px;
	background: url(../_img/picTrafic.jpg) no-repeat;
}

.txtDesign
{
	width: 220px;
	height: 80px;
	margin: 25px 0 0 150px;
}

.boxDesign:hover{
	background: url(../_img/picTraficHover.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: 900px;
	margin: 0 auto;
	padding: 30px 30px;
	background: url(../_img/twitter.gif) no-repeat bottom right;
}

.blocHome{
	width: 420px;
	float: left;
}

.blocdroite
{
	margin-left: 30px;
}

.blocdroite img
{
	margin-top: 30px;
}

.blocgauche
{
	margin-right: 30px;
}

.blocgauche img
{
	margin-top: 15px;
}

#blocContent{width: 610px;}

#savoirfairebloc
{
	width: 910px;
	height: 210px;
	margin: 20px 0 20px 0;
	background: #e4f3b4;
	border-top: 1px solid #545f1d;
	border-bottom: 1px solid #545f1d;
}

.listesavoirfaire
{
	width: 280px;
	height: 200px;
	float: left;
	margin-left: 20px;
}

#savoirfairebloc img
{
	width: 205px;
	height: 18px;
	margin: 10px 0 10px 20px;
	float: left;
}

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

#blocContentRea{}
#blocContentRea p{font-size: 13px; 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: 13px;
	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: 13px;
	line-height: 25px;
	background: url(../_img/coche.gif) no-repeat;
	padding-left: 21px;
	padding-right: 45px;
}

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

.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: 13px;
	background: url(../_img/icoCocci.gif) no-repeat top left;
}

#formulaire{padding: 20px 0;}

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

#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: 13px;
}

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

#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;
}

.Realisationagence
{
	width: 203px;
	height: 200px;
	float: left;
}

.Realisationagence img
{
	margin: 10px 0 10px 50px;
}

.btnrealisationWeb_fr
{
	width: 207px;
	height: 48px;
	float: bottom;
	background: url(../_img/siteWeb_fr.png) no-repeat;
}

.btnrealisationWeb_fr:hover
{
	background: url(../_img/siteWeb_hover_fr.png) no-repeat;
}

.btnrealisationdesign_fr
{
	width: 207px;
	height: 48px;
	float: bottom;
	background: url(../_img/webdesign_ban_fr.png) no-repeat;
}

.btnrealisationdesign_fr:hover
{
	background: url(../_img/webdesign_ban_hover_fr.png) no-repeat;
}

.btnrealisationnewsletter_fr
{
	width: 207px;
	height: 48px;
	float: bottom;
	background: url(../_img/newsletter_fr.png) no-repeat;
}

.btnrealisationnewsletter_fr:hover
{
	background: url(../_img/newsletter_hover_fr.png) no-repeat;
}



.btnrealisationWeb_en
{
	width: 207px;
	height: 48px;
	float: bottom;
	background: url(../_img/siteWeb_en.png) no-repeat;
}

.btnrealisationWeb_en:hover
{
	background: url(../_img/siteWeb_hover_en.png) no-repeat;
}

.btnrealisationdesign_en
{
	width: 207px;
	height: 48px;
	float: bottom;
	background: url(../_img/webdesign_ban_en.png) no-repeat;
}

.btnrealisationdesign_en:hover
{
	background: url(../_img/webdesign_ban_hover_en.png) no-repeat;
}

.btnrealisationnewsletter_en
{
	width: 207px;
	height: 48px;
	float: bottom;
	background: url(../_img/newsletter_en.png) no-repeat;
}

.btnrealisationnewsletter_en:hover
{
	background: url(../_img/newsletter_hover_en.png) no-repeat;
}







/*BLOC RIGHT*/

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

.blocRightIllustration
{
	float: right;
	width: 430px;
}

.contentSolution
{
	float: left;
	width: 435px;
}

.contentSolution p
{
	margin-bottom: 20px;
}

.contentSolution h2
{
	color: #90b732;
	font-size: 18px;
}

.contentSolution > img 
{
	margin: 0 10px 0 0;
}

.contentSolution img 
{
	float:left;
}

.contentSolutionGauche
{
	float: left;
	width: 435px;
}

.contentSolutionDroite
{
	float: right;
	width: 435px;
	margin-right: 10px;
}

/* ******* Bloc devis ****** */
.contentDevis 
{
	width : 580px;
	float: left;
}

.contentDevis h2
{
	color: #ce331a;
	font-size: 18px;
}

.contentDevis p
{
	color: #606060;
	font-size: 12px;
	text-align: justify;
}

.contentDevis img
{
	margin : 10px 0 10px 0;
}

/* **** Page Web Design ***** */

.descriptionSolution
{
	width: 890px;
	color: #606060;
	text-align: justify;
	font-size: 12px;
	float: left;
	margin-bottom: 20px;
}

.descriptionSolution h2
{
	color: #ce331a;
	font-size: 18px;
}

.descriptionSolution img
{
	float: left;
	margin-right: 20px;
}

.titrePageDedie
{
	color: #ce331a;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

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

.teamName {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	font-size: 19px;
	font-style: italic;
	color:#96b415;
	padding: 0;
	margin: 0;
	float : left;
	clear:left;
}

.teamName a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color:#96b415;
	font-size: 19px;
}

.teamName img {
	border: 0;
	margin-right : 10px;
}


#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;}
#pauline{height: 64px;padding-left: 67px;background: url(../_img/pauline.jpg) no-repeat;}
#remi{height: 64px;padding-left: 67px;background: url(../_img/remi.jpg) no-repeat;}
#christophe{height: 64px;padding-left: 67px;background: url(../_img/christophe.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, address.vcard{
	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;
    width:200px;
    height:100px;
    //bottom:0px;
    //right:0px;
    
}
#mdp_box{
	//position:absolute;
	padding:5px;
	z-index:10;
	border:2px solid #93B700;
	background:#BAD751;
    height:100px;
    width:200px;
    //bottom:0px;
    //right:0px;
}

/* 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;}

.vcard span{
    color:#9B9B9B;
    text-decoration: none;
    font-style:normal;
}

.vcard a{
    color:#CE331A;
    text-decoration: none;
    font-style:normal;
}