/* ----------- FICHIER CSS STRATECO --------*/
*{margin:0px; padding:0px; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#757575;}
html{}
body{width:auto; height:auto; background-image:url(http://www.strateco.fr/wp-content/uploads/2010/05/background.jpg); background-repeat:repeat; margin:0px auto 0px auto; width:auto;}
table{margin-top:5px;}

#contain{
	background-image:url(http://www.strateco.fr/wp-content/uploads/2010/05/maquette_header.jpg);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	width:auto;
	height:844px;
}
/*                      header                       */
#header{
margin:0px auto;
width:880px;
height:110px;
}
#header #logo a{
	float:left;
	background:url(img/logo.png) no-repeat left top;
	margin-top:35px;
	padding-left:40px;
	height:65px;width:201px;
	text-indent:-9000px;
	border:0px;
}
#header #logo a:hover{
border:none;
}
#header ul{
margin:0px auto;
width:830px;
height:110px;}
#header ul li{
float:left;
margin:78px 25px 0px 0px;
list-style-type:none;
}
#header ul a:link, #header a:visited, #header a:active {
	color: #fff;
	text-decoration:none;
	font-weight:400;
	font-size:14px;
	font-variant:small-caps;
	position:relative;
}
#header ul a:hover {
	border-bottom:4px solid #b5f63c;
	color: #b5f63c;
	position:relative;
}
#header ul #zd-multilang a:hover{
border:none;
}
#header ul #drap{
margin-left:25px;
}
#header ul .drap{
float:left;
margin-right:10px;
}
#header ul .drap a:hover{
border:0px solid black;
}


/*                      Super Contain                       */
#supercontain{
	height:739px;
	width:1107px;
	background:url(http://www.strateco.fr/wp-content/uploads/2010/05/fond_supercontain.png) no-repeat;
	margin:0px auto 0px auto;
}

/*                      Sidebar                       */
#supercontain .offre_sidebar{
background:url(img/sidebar_offre.png) no-repeat;
}
#sidebar{
float:left;
margin-left:13px;
margin-top:5px;
background:url(img/sidebar.png) no-repeat;
height:683px;width:290px;
list-style-type:none;
}
#supercontain  .rivolier{
background:url(img/sidebar_jasmine.png) no-repeat;
}
#supercontain  .guena{
background:url(img/sidebar_guena.png) no-repeat;
}
#supercontain  .cecile{
background:url(img/sidebar_cecile.png) no-repeat;
}
#supercontain  .mention{
background:url(img/sidebar_mention.png) no-repeat;
}
#sidebar #contact{
	top:42px;left:35px;
	height:50px;width:220px;
	position:relative;
}
#sidebar #contact ul li{
	list-style-type:none;
	position:relative;
	top:15px;
}
#sidebar #contact ul li a{
	color:#FFFFFF;float:left;
	font-weight:600;
	text-decoration:none;
	position:relative;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
}
#sidebar #contact ul li #main{	margin-left:60px;}

#sidebar #menu_sidebar{
width:235px;height:250px;
position:relative;
top:50px;left:32px;
}
#sidebar #menu_sidebar h2{
font-size:14px;
color:#757575;
text-align:center;
font-weight:bold;
}
#sidebar .bouton_gris{
	clear:left;list-style-type:none;
	height:64px; width:230px;
	margin-top:7px;
	display:block;
}
#sidebar  #menu_sidebar .bouton_gris a{
display:block;
height:64px; width:230px;
	}
/* **************************** LANG LANG LANG LANG LANG **************************** */
/* **************************** LANG LANG LANG LANG LANG **************************** */

#header .widget{
float:left;
margin:0px;
}
#header .widgettitle{
display:none;
}
#contain #header .zd_multilang_list {float:left;margin:0px;width:auto;}
/* **************************** LANG LANG LANG LANG LANG **************************** */
/* **************************** LANG LANG LANG LANG LANG **************************** */
/*                      contain                       */
#content{
float:left;
background:url(img/content.png) no-repeat;
margin-top:5px;
height:683px;
width:571px;
list-style-type:none;
margin-left:5px;
}
#breadcrumbing{
float:left;
height:35px;width:310px;
margin-top:25px;
margin-left:17px;
font-size:10px;
font-weight:700;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#search_div  #search li{float:left;
}
#search #searchsubmit{
position:relative;
margin-top:22px;
margin-left:12px;
width:138px;
height:14px;
background:url(img/font_input.png) no-repeat;
text-indent:15px;
}
#search #button_input{
position:relative;
background:url(img/input_ok.png) no-repeat;
width:15px;
height:14px;margin-top:22px;
margin-left:2px;
}
#content1{
height:115px;
width:500px;
margin-left:17px;
float:left;}
#content2{
height:auto;
width:500px;
margin-left:17px;
float:left;
margin-top:15px;}
#content3{
float:left;
height:auto;
width:550px;
margin-left:17px;
margin-top:10px;}
#content h2{font-size:13px;font-weight:900;}
#content h3{font-size:12px;font-weight:900;}
#content p {font-size:11px;width:500px;}
#content #content3 ul{margin-top:10px;}
#content #content3 ul li{float:left;width:130px;list-style-type:none;padding-right:40px;}
#content #content3 ul li p{font-size:11px;width:auto;}
#content #content3 ul .derli{width:160px;padding-right:0px;}
#content p.cf-sb{
width:70px;}
/* BOOOOOOOOOOOOOOOOOOOOOXXXXXX */ /* BOOOOOOOOOOOOOOOOOOOOOXXXXcf-sbXX */
/* BOOOOOOOOOOOOOOOOOOOOOXXXXXX */ /* BOOOOOOOOOOOOOOOOOOOOOXXXXXX */
/* BOOOOOOOOOOOOOOOOOOOOOXXXXXX */ /* BOOOOOOOOOOOOOOOOOOOOOXXXXXX */
#box{
float:left;
height:160px;
width:531px;
margin-left:10px;
background:url(img/box.png) no-repeat;
display:block;
}
#box ul{
margin-left:15px;
margin-top:8px;
padding-bottom:30px;
}
#box ul li{
float:left;
padding-right:70px;
list-style-type:none;}
#box ul li a{text-decoration:none;font-size:18px;font-weight:800;color:#757575;}
#enmerdeur{padding-left:10px;}

#box .margclass{
margin-left:10px;
margin-top:17px;
}
#content #box #savoir{
position:relative;
margin-top:20px;
margin-left:400px;
float:left;
font-size:12px;
font-weight:bold;
color:#757575;
text-decoration:none;
}
#box h3{font-size:14px;}

/********** 2eme boxxx CONVAINCU***********/
#box_convaincu{
float:left;
height:160px;
width:531px;
margin-left:10px;
display:none;
background:url(img/box2.png) no-repeat;
}
#box_convaincu ul{
margin-left:15px;
margin-top:8px;
padding-bottom:30px;
}
#box_convaincu ul li{
float:left;
padding-right:70px;
list-style-type:none;}
#box_convaincu ul li a{text-decoration:none;font-size:18px;font-weight:800;color:#757575;}
#enmerdeur{margin-left:20px;}

#box_convaincu .margclass{
margin-left:10px;
margin-top:15px;
}

#content #box_convaincu #savoir{
position:relative;
margin-top:5px;
margin-left:400px;
float:left;
font-size:12px;
font-weight:bold;
color:#757575;
text-decoration:none;
}
#box_convaincu h3{font-size:14px;}

/********** 2eme boxxx EXPERT***********/
#box_expert{
float:left;
height:160px;
width:531px;
margin-left:10px;
display:none;
background:url(img/box3.png) no-repeat;
}
#box_expert ul{
margin-left:15px;
margin-top:8px;
padding-bottom:30px;
}
#box_expert ul li{
float:left;
padding-right:70px;
list-style-type:none;}
#box_expert ul li a{text-decoration:none;font-size:18px;font-weight:800;color:#757575;}
#enmerdeur{margin-left:20px;}

#box_expert .margclass{
margin-left:10px;
margin-top:15px;
}
#content #box_expert #savoir{
position:relative;
margin-top:5px;
margin-left:400px;
float:left;
font-size:12px;
font-weight:bold;
color:#757575;
text-decoration:none;
}
#box_expert h3{font-size:14px;}
/*                      Pied                       */
#footer{
width:670px;
height:20px;
margin:0px auto 0px auto;
}
#footer  ul li{
	list-style-type:none;
	float:left;
	margin-top:10px;
}
#footer ul  li a{
float:left;
text-decoration:none;
margin-left:8px;
font-size:11px;
color:#757575;
text-align:center;
font-weight:600;
}
#footer ul{clear:left;}
#footer ul li #kevsax_copy{
font-weight:bold;
clear:left;
}

/*************** CONTACT **************/
#contact_contenu h1{font-size:14px;font-weight:bold;clear:left;color:#757575; width:540px;margin-top:10px;margin-left:17px;padding-bottom:7px;}
#contact_contenu img{clear:left;margin-left:17px;}
#contact_contenu h3{font-size:15px; margin-left:17px;margin-top:20px; color:#b5f63c;}
#content #contact_contenu #contact_div{clear:left;border:0 solid black; font-size:10px; color:#b5f63c;}
#content #contact_contenu .ddsg-wrapper{ float:left;margin-left:50px;} 
#content #contact_contenu li {list-style-type:none;font-weight:800;font-size:0.9em;line-height:25px;} 
#content #contact_contenu li a{text-decoration:none;}
#content #contact_contenu li a:hover{text-decoration:underline;}
/********************       LEQUIPE          ********************/
#equipe_contenu h2{font-size:14px;font-weight:900;clear:left;color:#757575; width:540px;margin-top:10px;margin-left:15px;}
#equipe_contenu p{float:left;width:420px;height:100px; margin-top:10px;
margin-left:5px;}
#equipe_contenu p strong{font-weight:bold;font-size:12px;color:#757575;text-decoration:none;}
#equipe_contenu #img{clear:left;width:auto;height:auto;margin-top:5px;margin-left:13px;padding-bottom:5px;}
#box_equipe{
float:left;
height:161px;
width:536px;
margin-left:10px;
margin-top:10px;
background:url(img/box_equipe.png) no-repeat;
display:block;
padding-bottom:10px;
}
#box_equipe ul{
margin-left:15px;
margin-top:15px;
padding-bottom:10px;
}
#box_equipe ul li{
padding-right:70px;
list-style-type:none;}
#box_equipe img{
clear:left;
}

#box_equipe ul li a{text-decoration:none;font-size:18px;font-weight:bold;color:#757575;}
#box_equipe .margclass{
margin-left:10px;
margin-top:15px;
}
#content #box_equipe #savoir{
position:relative;
margin-top:5px;
margin-left:400px;
padding-bottom:10px;
float:left;
font-size:12px;
font-weight:bold;
color:#757575;
text-decoration:none;
}
#box_equipe h3{font-size:14px;}
#equipe_contenu #box_equipe p{
height:auto;width:460px;
}
#equipe_contenu #equipe_membre{
 margin-top:10px;
}
#equipe_contenu #equipe_membre p{
 float:left;width:auto;height:150px;margin-top:10px;margin-left:10px;
}
#equipe_contenu #equipe_membre #cv  h1{
width:350px;height:15px;
font-weight:bold;
margin-top:10px;
font-size:14px;

}
#equipe_contenu #equipe_membre #cv  h2{
width:350px;height:auto;
font-size:13px;
color:#b5f63c;margin-top:15px;
margin-left:0px;
font-weight:bold;
}
#equipe_contenu #cv{
float:left;
margin-left:10px;
width:400px;height:550px;
}
#equipe_contenu #cv li{
list-style-type:none;
margin-left:10px;
font-size:11px;
}
/***************************     NOTRE OFFREEEEE ***************************************/
#offre_contenu #box_offreun{
float:left;
height:161px;
width:536px;
margin-left:10px;
margin-top:10px;
background:url(img/notre_offre_2.png) no-repeat;
display:block;
padding-bottom:10px;
}
#offre_contenu #box_offrede{
float:left;
height:161px;
width:536px;
margin-left:10px;
margin-top:5px;
background:url(img/notre_offre_grd.png) no-repeat;
display:block;
padding-bottom:10px;
}
#offre_contenu  #box_offretr img, #offre_contenu #box_offrede img, #offre_contenu #box_offreun img{
margin-left:11px;
}
#offre_contenu #box_offretr{
float:left;
height:161px;
width:536px;
margin-left:10px;
margin-top:5px;
background:url(img/notre_offre_2.png) no-repeat;
display:block;
padding-bottom:10px;
}
#content #offre_contenu h2{font-size:14px;font-weight:bold;clear:left;color:#757575; width:540px;margin-top:15px;margin-left:17px;padding-bottom:25px;}
#offre_contenu ul{
margin-left:10px;
margin-top:15px;
padding-bottom:5px;
}
#offre_contenu ul li{
padding-right:70px;
list-style-type:none;}
#offre_contenu img{
clear:left;
}
#offre_contenu ul li a{text-decoration:none;font-size:16px;font-weight:bold;color:#757575;}
#offre_contenu .margclass{
margin-left:10px;
margin-top:18px;
}
#content #offre_contenu #savoir{
position:relative;
margin-top:5px;
margin-left:400px;
padding-bottom:10px;
float:left;
font-size:12px;
font-weight:bold;
color:#757575;
text-decoration:none;
}
#offre_contenu p{
margin-left:10px;
margin-top:15px;
width:500px;
}
/*********************************************************************************************************************************************************************/
/**********************************************************            SEARCH**               ************************************************************************/
/*********************************************************************************************************************************************************************/
#content #box_search{clear:left; width:auto;margin-top:30px;margin-left:30px;}
#content #box_search h3{font-size:16px;font-weight:bold;color:#b5f63c;}
#content #box_search p{font-size:12px;color:#757575; margin-top:15px;}
/*********************************************************************************************************************************************************************/
/**********************************************************            MENTION LEGALEs         ************************************************************************/
/*********************************************************************************************************************************************************************/
#content #mention{
float:left;
width:550px;
height:600px;
overflow:auto;
margin-left:10px;
}
#content #mention img{
width:500px;
margin-left:-5px;
}
#content #mention p{
margin-left:5px;
margin-top:4px;
width:500px;
}
#content #mention h2{
margin-left:5px;
margin-top:15px;
font-size:14px; font-weight:bold;
}
#content #mention h3{
margin-top:10px;
padding-bottom:5px;
}
#content #mention h1{
clear:left;
color:#757575;
font-size:14px;
font-weight:bold;
margin-left:7px;
margin-top:10px;
padding-bottom:7px;
width:540px;
}
#contact_contenu ul{
margin-left:30px;
margin-top:5px;
}