*, html {	margin: 0px;	padding: 0px;} 	/* Reset all margins and padding so IE plays nice */	
	
html, body{height:100%;}	

body {													/* Set W and H for the body tag for centering */
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin: auto;
	font-size:12px;
	background:url(../images/Homepage_01.jpg) top center repeat-y;
}

*|*:-moz-any-link:focus {	outline: none !important;}

img {	margin:0px; padding:0px;	border: 0px;}

.clear{	clear:both;	font-size:0px;}

.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	line-height:15px;
	width:920px;
	background:url(/images/bg_container_04.jpg) top left repeat-y;
	margin: 0 auto -156px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push { clear:both; height: 156px;} 

/* ENTETE */	
.header{ background:url(/images/header_02.jpg) bottom right no-repeat;	width:920px;	margin:0px;	height:110px; padding:0px;}
.titre_head{
	float:right; 
	margin:65px 20px 0px 0px; 
	font-size:14px;
}
.left{float:left;}

.left_section{
	float:left;	
	width:210px; 

}

.middle{	
 margin-left:30px;
float:left;}
.right_section{
	background:url(/images/right_04.jpg) top right no-repeat;
	width:25px;
	height:169px;
	float:right;
}

/*MENU*/
ul.menu{float:right; margin-top:75px; font-size:15px;}
ul.menu li{text-align:right; list-style-type:none; margin:8px 0px;}
ul.menu li img{margin-left:10px;}
ul.menu li a{color:#f8f8f8; text-decoration:none;}
ul.menu li a:hover{color:#01a0c7;}
ul.menu li.lang_menu a{color:#01a0c7;}
ul.menu li.lang_menu a:hover{color:#e66e22;}
li.menu_active{color:#e66e22;}

/*FOOTER*/
.footer{	background:url(/images/footer_04.png) top right no-repeat;	width:920px;	margin:0px auto;}
p.footer_text{	text-align:right;	color:#545555; float:right;	margin:130px 25px 0px 0px; font-size:12px;}
p.footer_text a{	text-decoration:none;	color:#545555;}
p.footer_text a:hover{color:#01a0c7;}

/*TITRES*//*e66e22*/
h1{text-indent:-99999px; color:#e66e22; font-size:20px; margin:20px 0px 30px 10px;}
h1.contact{
	width:164px;
	height:28px;
	background:url(../images/titres_contact.jpg) top left no-repeat;
	
}
h1.real{
	width:133px;
	height:31px;
	background:url(../images/titre_real.jpg) top left no-repeat;
}
h1.expertise{
	width:133px;
	height:31px;
	background:url(../images/titres_exp.jpg) top left no-repeat;
	
}
h1.cv{
	width:201px;
	height:28px;
	background:url(../images/titre_cv.jpg) top left no-repeat;
}
h1 img{vertical-align:middle;}
h2{color:#01a0c7; font-size:14px; margin:0px 0px 10px 10px;}

p{margin:5px 0px 5px 10px; font-size:12px;}

.middle p a{ color:#01a0c7; text-decoration:none; }
.middle p a:hover{ text-decoration:underline; }
.vcard{float:left; margin-right:10px; padding:5px; background-color:#ececec;}
.formulaire{ float:left; padding-left:10px;}
.formulaire p{margin:5px 0px 5px 10px;}
hr{border:1px dashed #01a0c7; height:1px; width:250px; text-align:left; margin-left:10px;}

.small_text{font-size:10px; color:#333; font-weight:normal; display:block; font-style:italic;}


/*** PAGE CV ****/
.compagnie{
	float:left; 
	width:180px;
	margin:20px 10px 10px 0px; 
	padding:5px; 
	background-color:#ececec;
}
.relative{
	position:relative;
}
#conteneurGrow{
	position:absolute; 
	top:0px; 
	background-color:#ffffff;
	right:70px; 
	z-index:12; 
	width:150px;
}
#DynamoSite{
	background-color:#ffffff;
	width:150px; 
	border:1px solid #00549F;
}
.date_emploi{
	font-style:italic; 
	font-size:9px; 
	margin:0px 0px 10px 10px;
}
.compagnie h2{
	color:#e66e22; 
	margin:0px 0px 0px 10px; 
	font-size:12px;
}
div.emploi_detail{
	float:left; 
	margin-top:20px; 
	width:400px; 
	position:relative;
}
.nom_emploi{
	font-variant:small-caps; 
	font-weight:bold; 
	color:#000033;
}
ul.taches_emploi{
	margin:0px; 
	padding:0px;
}
ul.taches_emploi li{
	margin-left:30px; 
	padding:0px;
}
ul.taches_emploi li a{
	text-decoration:none; 
	color:#01a0c7;
}
ul.taches_emploi li a{
	color:#e66e22;
}
.titre_acc{
	color:#01a0c7; 
	font-weight:bold;
}
/******* page expertise *********/
ul.exp{margin-left:20px;}

.titre_exp{
	color:#c36224; 
	font-weight:bold;
}
.exp_right{
	float:right; 
	width:220px; 
	margin-right:5px;
}
.exp_gray{
	background-color:#ececec; 
	margin-top:20px;
	padding:5px;}
	
.exp_left{
	width:400px;
	float:left;
}
h2.section{margin-top:20px;}

/************* page realisations ***************/
.folio{
	background:#ececec;
	float:left;
	width:140px;
}
.folio img{ float:left;
	width:60px;
	margin:5px;}
	
.folio_detail{
	float:left;
	margin-left:20px;
	width:450px;
	height:155px;
	overflow:hidden;
}
h2.real_h2 {margin:0px 0px 0px 0px; }
.real_bg{background-color:#ececec; padding:5px 0px;}
h2.real_h2 a{
	color:#01a0c7; 
	font-size:14px; 
	text-decoration:none;
}
#folio2, #folio3, #folio4, #folio5, #folio6, #folio7, #folio8, #folio9{ padding-top:8px; padding-bottom:20px;}
ul.job{margin-left:30px; }
.real_top{
	margin-top:10px; 
	margin-left:0px;
}
.tech{
	float:left;
	width:250px;
}
h5{font-size:11px;}
.left_real{
	text-align:center; 
	margin-top:10px; 
	float:left; 
	width:150px;
}

/****homepage****/
.outline_bloc{
	background-color:#ececec;
	width:580px;
	padding:20px 10px;
	margin:40px auto 25px;
}
.outline_bloc p{
	width:560px;
	font-size:13px;
	line-height:17px;
	margin:10px auto;
}
.col_ind{float:left; margin-top:20px; width:340px;}
ul.widthfix{width:300px;}
.col2_ind{
	margin-top:20px;
	float:left;
	width:240px;
	margin-left:20px;
}
.widthfix li{margin-bottom:15px;}
.margin_bottom{
	padding-bottom:10px;
}
.small{margin-top:100px;font-style:italic; font-size:10px;}