/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:12px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff url(/images/common/fonds/fd_body.gif) 0 0 repeat-x; color:#919191; text-align:center; }
img { border:0; }

h1 { font-weight:bold; font-size:20px; font-family:Myriad, "Trebuchet MS", Arial, sans-serif; }
h2 { font-weight:bold; font-size:12px; }
h3 { font-weight:bold; font-size:11px; }

a { text-decoration:none; color:#00b6ee; }
a:hover { text-decoration:underline; }
select { font-size:11px; margin:0;  }
form { margin:0; }
input { font-size:11px;  margin:0; }
textarea { font-size:11px; margin:0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#top { background:url(/images/common/fonds/fd_top.gif) 0 0 no-repeat; width:980px; margin:0 auto; height:169px; position:relative; }
#top img.logo, #top_home img.logo { position:absolute; left:39px; top:58px; }

#menu { position:absolute; width:540px; background:#b49e67; }
ul#pratique { position:absolute; right:46px; top:14px; list-style:none; margin:0; padding:0; width:180px; }
ul#pratique li { float:left; margin:0; padding:0; font:12px "Trebuchet MS", Arial, sans-serif; color:#fd8d08; }
ul#pratique li.pipe { border-right:1px solid #fd8d08; }
ul#pratique li a { display:block; color:#fd8d08; padding:0 13px; }

#conteneur { width:980px; margin:0 auto; padding:0; text-align:left;  background:#fff; }
#conteneur_home { width:980px; margin:0 auto; padding:0; text-align:left; background:#fff url(/images/strategie/arbre.gif) no-repeat scroll 0 bottom;}

#conteneur h1.titre { margin:0 0 0 22px; padding-bottom:20px; font-size:32px; line-height:32px; color:#08b2e9;  }
#conteneur h3.soustitre { font: normal 20px/20px Myriad, "Trebuchet MS", Arial, sans-serif; margin:-12px 0 0 22px; }
#conteneur p.chapo { font: normal 14px/18px Myriad, "Trebuchet MS", Arial, sans-serif; margin:8px 0 0 22px; padding-bottom:20px; width:600px; }

#conteneur_footer { 
	background:url(/images/common/fonds/fd_footer.gif) 0 0 repeat-x; 
	clear:both; 
	height:105px;
	padding:8px 0 0 0; 
	text-align:left; 
	width:100%; 
}
#footer { width:980px; padding:0;  margin:0 auto; padding:0; }
p.adresse { float:left; margin:0; padding:0; width:180px; }
p.coords { float:left; margin:0; padding:0; width:140px; }
p.liens { float:right; margin:0; padding:0; color:#919191; }
p.liens a { color:#919191; }

/*****************************/
/*           HOME            */
/*****************************/
#top_home { width:980px; margin:0 auto; height:129px; position:relative; }

#left_home { float:left; width:400px; height:500px; padding:0 37px 0 27px;  }
#edito { padding:0 0 20px 0; }
#edito h1 { color:#08b2e9; margin:30px 0 0 0; line-height:24px; }
#edito p { margin:6px 0 0 0; color:#5e5e5e; }
#zoom { 
	background:url(/images/common/fonds/fd_zoom.gif) 0 0 repeat-x; 
	height:180px;  
	padding:10px 0; 
	margin:30px 0 0 0; 
	width:400px; 
}
#zoom h2 { color:#fff; font-size:20px; font-weight:normal; margin:0 0 0 15px; }
#zoom div.visuel { margin:9px 0 0 4px; position:relative; background:#fff url(/images/common/fonds/fd_zoom_visuel.gif) 0 bottom repeat-x; height:136px; border:1px solid #e9e9e9; width:390px; }
#zoom div.visuel img { position:absolute; }
#zoom div.visuel p { position:absolute; left:13px; top:45px; color:#2f2f2e; width:182px; }

#center_home { float:left; width:148px; padding:22px 0 0 0; }
#center_home div.item { margin:0 0 20px 0; }
#center_home img { border:1px solid #d6d6d6; }
#center_home h3 { margin:3px 0 0 4px; }
#center_home p { margin:0 0 0 4px; }
/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:142px; }
a.link_img:hover { border:3px solid #08b2e9; }

#right_home { float:left; width:304px; padding:29px 27px 0 37px; }
#news { margin:0 0 20px 0; padding:1px 0 10px 0; background:url(/images/common/pointilles/gris_hz.gif) 0 bottom repeat-x; }
#news h2 { color:#2d2d2d; font-size:16px; margin:4px 0 10px 0; }
#news h3 { color:#08b2e9; font-size:13px; margin:4px 0 0 0; }
#news p.archives a { color:#919191; text-decoration:underline; }
#news h4 {
width:77px; /* la largeur de l'image de fond */
height:25px; /* la hauteur de l'image de fond */
line-height:23px;
background:url(/images/common/boutons/bt_archives.gif) 0 0 no-repeat; /* l'image de fond */
font-size:10px;
font-weight:bold;
padding:0;
margin:0;
text-align:center;
}
#news h4 a { color:#919191; /* la couleur du texte */ }
#news h4 a:hover { color:#00b6ee; text-decoration:none; /* la couleur du texte */ }

#newsletter { margin:0 0 20px 0; padding:1px 0 15px 0; background:url(/images/common/pointilles/gris_hz.gif) 0 bottom repeat-x; }
#newsletter h2 { color:#2d2d2d; font-size:16px; margin:4px 0 10px 0; }
#newsletter h3 {
width:120px; /* la largeur de l'image de fond */
height:24px; /* la hauteur de l'image de fond */
line-height:22px;
background:url(/images/common/boutons/bt_ns_contacter.gif) 0 0 no-repeat; /* l'image de fond */
font-size:10px;
font-weight:bold;
padding:0;
margin:0;
text-align:center;
}
#newsletter h3 a { color:#919191; /* la couleur du texte */ }
#newsletter h3 a:hover { color:#00b6ee; text-decoration:none; /* la couleur du texte */ }

#ensavoirplus { margin:0 0 20px 0; padding:1px 0 15px 0; background:url(/images/common/pointilles/gris_hz.gif) 0 bottom repeat-x; }
#ensavoirplus h2 { color:#2d2d2d; font-size:16px; margin:4px 0 10px 0; }
#ensavoirplus h3 {
width:120px; /* la largeur de l'image de fond */
height:24px; /* la hauteur de l'image de fond */
line-height:22px;
background:url(/images/common/boutons/bt_ns_contacter.gif) 0 0 no-repeat; /* l'image de fond */
font-size:10px;
font-weight:bold;
padding:0;
margin:0;
text-align:center;
}
#ensavoirplus h3 a { color:#919191; /* la couleur du texte */ }
#ensavoirplus h3 a:hover { color:#00b6ee; text-decoration:none; /* la couleur du texte */ }

/*****************************/
/*          AGENCE           */
/*****************************/
#content { float:left; width:980px; padding:0 0 20px 0; background:url(/images/common/fonds/fd_content.gif) 0 0 repeat-y; }

#agence { float:left; padding:0 20px 0 22px; width:257px; }
#agence h3 { font: normal 20px/20px Myriad, "Trebuchet MS", Arial, sans-serif; margin:0; }
#agence div.partners { margin:30px 10px 0 0; text-align:right; }
#agence div.partners img { margin-bottom:15px; float:right; clear:right; }

#lequipe { float:left; width:306px; padding:1px 15px 0 15px; }
#lequipe h2 { font-size:18px; color:#00b6ee; margin:0; }


#exemples { float:left; width:303px; padding:0 22px 0 20px; }
#exemples h3 { color:#00b6ee; font:bold 16px/16px Myriad, "Trebuchet MS", Arial, sans-serif; margin:0; }


/*****************************/
/*        STRATEGIE          */
/*****************************/
#content_strategie { background:url(/images/strategie/arbre.gif) 0 bottom no-repeat; float:left; width:980px; padding:0; }

#explication { float:left; width:330px; height:500px; padding:0 20px 0 22px; }
#explication h3 { font: normal 20px/20px Myriad, "Trebuchet MS", Arial, sans-serif; margin:0; }

#points { float:left; width:608px; }


/*****************************/
/*        EXPERTISE          */
/*****************************/
#content_expertise { background:url(/images/common/fonds/fd_content_expertise.gif) 0 0 repeat-x; padding:20px; width:940px; }

#items { float:left; width:235px; height:300px; padding:15px 0 0 0; }

#presentation { float:left; width:333px; padding:15px 0 0 15px; }

#cases { float:left; width:331px; padding:7px 0 0 26px; }
#cases h3 { background:url(/images/common/pointilles/gris_lg_hz.gif) 0 bottom repeat-x; color:#51727f; font:bold 13px "Trebuchet MS", Arial, sans-serif; margin:0; padding:0 0 10px 2px; }
#cases div.item { background:url(/images/common/pointilles/gris_lg_hz.gif) 0 bottom repeat-x; }
#cases div.item div.text { float:left; width:269px; }
#cases div.item img { float:left; border:4px solid #f0f0f0; width:54px; }


/*****************************/
/*          CONTACT          */
/*****************************/
#content_contact { width:980px; padding:0; }
#forms { float:left; padding:1px 64px 1px 23px; width:490px; }
div.map { float:left; width:403px; text-align:right; }
div.map h2 { font:20px "Trebuchet MS", Arial, sans-serif; color:#2d2d2d; margin:5px 0; }
div.map p { font:14px "Trebuchet MS", Arial, sans-serif; color:#5e5e5e; margin:0; }
#map { width:403px; }
.asterisk { color:#e96061; }

/*****************************/
/*        REFERENCES         */
/*****************************/
#content_references { width:943px; padding:15px 0 0 37px; }
img.big { border:1px solid #dfe0e1; }

/*****************************/
/*          SHARE2WORK           */
/*****************************/
#content { float:left; width:980px; padding:0 0 20px 0; background:url(/images/common/fonds/fd_content.gif) 0 0 repeat-y; }

#sharepoint { float:left; padding:0 20px 0 22px; width:257px; }
#sharepoint h3 { font: normal 20px/20px Myriad, "Trebuchet MS", Arial, sans-serif; margin:0; }

#competences { float:left; width:306px; padding:1px 15px 0 15px; }
#competences h3 { font: normal 20px/20px Myriad, "Trebuchet MS", Arial, sans-serif; color:#00b6ee; margin:0; }

#partenaires { float:left; width:303px; padding:0 22px 0 20px; }
#partenaires h3 { font: normal 20px/20px Myriad, "Trebuchet MS", Arial, sans-serif; margin:0; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.bloc { display:block; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.bleu { color:#00b6ee; }

.hide { display:none; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

ul.list_simple { list-style:none; margin:0; padding:0; }
ul.list_simple li { margin:0; padding:0; }

div.riviere {}
div.illstr_riv { float:left; }
div.texte_riv { float:left; }