html, body {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:11px;
	color:#6D6C71;
	background-color:#f6f7f4;
	text-align:justify;
}
/* @group Header */

img{
	border:0;
}

a{
	text-decoration:none;
}

#champ_obligatoire{
	position:absolute;
	bottom:30px;
	left:10px;
	color:#979797;
}

#container_header{
	background-color:#f6f7f4;
	width:100%;
	height:247px;
	_height:266px;
	padding-top:19px;
}

#header{
	background: url(../image/interface/header.png) no-repeat;
	width:857px;
	padding-top:28px;
	position:absolute;
	left:50%;
	margin-left:-428px;
}

#lien_mailto{
	display:block;
	top:40px;
	margin-left:725px;
	height:20px;
	width:0px;
	margin-bottom:42px;
}

#lien_accueil{
	margin-left:50px;
	display:block;
	top:0px;
	height:65px;
	width:160px;
	margin-bottom:25px;
}

#container_footer{
	width:100%;
	height:30px;
	padding-top:10px;
	background: url(../image/interface/filet.png) repeat-x;
	background-color:#f6f7f4;
}

#footer{
	width:857px;
	position:absolute;
	left:50%;
	margin-left:-428px;
	font-size:10px;
}

#footer #form_news{
	float:left;
	height:16px;
	width:307px;
	padding-top:1px;
	padding-left:1px;
	background: url(../image/interface/sinscrire_a_news.png) no-repeat;
}

#footer #contenu_footer{
	width:547px;
	height:40px;
	float:left;
}

#footer #form_news input{
	border:0;
	font-size:9px;
	width:156px;
	text-align:center;
	color:#a5a5a5;
}

#footer #form_news #container_input_news{
	float:left;
	width:159px;
	height:20px;
}
#footer #form_news a{
	float:left;
	display:block;
	width:145px;
	height:15px;
}


#footer a{
	color:#6d6c71;
}

#footer a:hover{
	color:#0094E6;
}

#header ul{
	display:block;
	float:right;
	margin-top:15px;
	height:15px;
}

#header ul li{
/*	display:inline;
*/
	display:block;
	float:left;
	width:100px;
	height:15px;
	border-right:2px solid #8d8d90;
}

#header ul li.last{
	border-right:0;
	padding-right:0px;
	margin-right:9px;
	width:65px;
}

#header ul li a{
	color:#6d6c71;
	display:block;
	width:100px;
	text-align:center;
}

#header ul .last a{
	color:#6d6c71;
	display:block;
	width:65px;
	text-align:right;
}

#header ul li a:hover{
	color:#00aaee;
	font-weight:bold;
}

#container_main{
	background: url(../image/interface/filet.png) repeat-x;
	width:100%;
	position:relative;
	background-color:#fff;
}

#main{
	width:857px;
	position:absolute;
	left:50%;
	margin-left:-428px;
	padding-top:20px;
}

#ul_portfolio{
	margin:0;
	padding:0;
	width:120px;
	padding-right:5px;
	float:left;
	list-style-type:none;
}

.kidilist{
	margin:0;
	padding:0;
	width:145px;
	float:left;
	text-align:left;
	margin-left:50px;
	color:#000;
}

.kidilist b{
	display:block;
	margin-top:10px;
}

.kidilist a{
	color:#000;
	text-decoration:underline;
}

#main ul li a{
	color:#6d6c71;
}

#main ul a:hover{
	color:#00aaee;
	font-weight:bold;
}


#masque_portfolio{
	width:732px;
	float:left;
	overflow:hidden;
}


.portfolio{
	background: url(../image/interface/fond_fiche.png) no-repeat;
	width:351px;
	height:129px;
	padding-top:1px;
	float:left;
	margin-bottom:30px;
	margin-right:30px;
	_margin-right:0px;
	|padding-top:0;
	_padding-top:1px;
}

.portfolio .contenu{
	float:left;
	padding-left:12px;
	color:#000;
	width:200px;
	height:127px;
	overflow:hidden;
}

.portfolio .contenu h3{
	color:#0094e6;
	margin-top:5px;
	margin-bottom:0px;
	font-size:12px;
}

h3 a{
	color:#0094e6;
}

.portfolio .contenu p{
	margin-top:3px;
	margin-bottom:3px;
	font-size:9px;
}

.portfolio .contenu em{
	font-size:10px;
}

.portfolio .contenu strong{
	font-size:9px;
	color:#0094e6;
}
.portfolio .image{
	float:right;
	width:127px;
	height:127px;
	text-align:right;
}


#titre_section{
	display:block;
	float:left;
}

#main_main{
/*	margin-top:25px;
	_margin-top:27px;
*/	width:858px;
	float:left;
}

#main_agence{
	width:260px;
	float:left;
}

#adresse_agence img{
	display:block;
	float:left;
}

#adresse_agence{
	font-size:10px;
	color:#6d6c71;
	margin-top:18px;
}

#adresse_agence span{
	font-size:12px;
	color:#3f3d41;
}

#adresse_agence a{
	font-size:13px;
	color:#0094e6;
}

#main_agence p{
	color:#242424;
	height:180px;
}

#header_main{
	width:851px;
	height:47px;
	float:left;
}

#header_main_agence{
	width:260px;
	height:47px;
	float:left;
}

#espace_agence_philo{
	height:40px;
}

#header_main div{
	_position:relative;
	_top:-20px;
	float:right;
	font-size:10px;
	margin:2px 6px 0px 6px;
}

#header_main img{
	float:left;
	display:block;
}

#sous-titre{
	padding-top:7px;
	display:block;
	float:left;
	_display:inline;
	_float:none;
	padding-left:2px;
}

#sous-titre a{
	color : #6D6C71;
}

#fleche_gauche{
	_position:relative;
	_top:-20px;
	background: url(../image/interface/fleche_grise_gauche.png) no-repeat;
	width:21px;
	height:21px;
	display:block;
	float:right;
}

#fleche_gauche:hover{
	background: url(../image/interface/fleche_over_gauche.png) no-repeat;
}

#fleche_droite{
	_position:relative;
	_top:-20px;
	background: url(../image/interface/fleche_grise_droite.png) no-repeat;
	width:21px;
	height:21px;
	display:block;
	float:right;
}

#fleche_droite:hover{
	background: url(../image/interface/fleche_over_droite.png) no-repeat;
}

.container_1_portfolio{
	width:381px;
	float:left;
}

#div_gauche{
	width:412px;
	float:left;
	margin-right:33px;
	height:400px;
}

#div_gauche_metier{
	width:260px;
	float:left;
	height:400px;
	color:#000;
}

#div_gauche_agence{
	width:235px;
	float:left;
	height:400px;
	color:#000;
	padding-left:15px;
}


.contact_spec {
	height: 613px !important;
}

#div_gauche_contact{
	width:260px;
	float:left;
	height:650px;
	color:#000;
	padding-left:15px;
	_width:250px;
}

#div_gauche_contact .ligne{
	margin-bottom:10px;
}

#div_gauche_contact label{
	text-transform:uppercase;
	color:#979797;
	font-weight:bold;
	width:70px;
	display:block;
	float:left;
	padding-top:4px;
	_width:65px;
}

#div_gauche_contact .text{
	width:175px;
	_width:160px;
}

#div_gauche_contact textarea{
	height:99px;
	margin-bottom:7px;
}

#div_gauche_contact #btn_envoyer_formulaire{
	background: url(../image/interface/btn_envoyer.png) no-repeat;
	height:35px;
	width:175px;
	display:block;
	float:left;
	font-size:14px;
	color:#FFF;
	padding-top:5px;
	text-align:center;
	padding-right:8px;
	margin-left:70px;
	margin-top:15px;
	_margin-left:33px;

}

#div_gauche_contact #croix_form_contact{
	background: url(../image/interface/croix_check.png) no-repeat;
	height:23px;
	width:23px;
	display:block;
	float:left;
}

#div_gauche_contact #txt_sabonner_newsletter{
	padding-top:5px;
	margin-left:5px;
	color:#979797;
	font-weight:bold;
	float:left;
	font-size:10px;
	|font-size:9px;
}

#div_droite_contact{
	float:left;
	width:530px;
	padding-top:20px;
	padding-left:40px;
	_width:490px;
}

#div_droite_contact #div_rencontrons_nous a, #div_droite_contact #div_postulez a{
	color:#6D6C71;
}

#div_droite_contact #div_rencontrons_nous ul, #div_droite_contact #div_postulez ul{
	padding-left:18px;
	margin:0;
	list-style-image: url(../image/interface/img_gt.png); 
}

#div_droite_contact #div_rencontrons_nous ul li, #div_droite_contact #div_postulez ul li{
	padding:0;
	margin:0;
	margin-bottom:10px;
}

#div_droite_contact #div_rencontrons_nous, #div_droite_contact #div_postulez{
		padding-left:13px;
}

#div_postulez{
	margin: 35px 0 0 0;
}


#div_postulez a:hover {
	font-weight: bold;
}


#div_gauche_metier #contenu_metier{
	height:200px;
}
	
#div_gauche_metier #div_image_metier{
	height:156px;
	width:240px;
	margin-left:10px;
}

p{
	text-align:justify;
}

#contenu_portfolio_zoom{
	height:245px;
}

#contenu_portfolio_zoom a:hover{
	text-decoration:underline;
}

#contenu_portfolio_zoom p{
	margin-top:7px;
	margin-bottom:7px;
}

h2{
	color:#0094e6;
	font-size:14px;
	margin:0;
	padding:0;
}

#type_contenu{
	color:#0094e6;
	margin:0;
	padding:0;
}

#date{
	margin:0;
	padding:0;
	margin-top:5px;
	color:#0094e6;
}

#list_miniature img{
	border:1px solid #b6b9bc;
	margin:9px;
}

#list_miniature img:hover{
	border:4px solid #b6b9bc;
	margin:6px;
}

#masque_list_miniature{
	width:352px;
	overflow:hidden;
	float:left;
	height:120px;
	margin-right:10px;
	margin-top:10px;
}

#petite_fleche_gauche{
	background: url(../image/interface/ptite_fleche_gauche.png) no-repeat;
	width:15px;
	height:21px;
	display:block;
}
#petite_fleche_droite{
	background: url(../image/interface/ptite_fleche_droite.png) no-repeat;
	width:15px;
	height:21px;
	display:block;
}

.container_petite_fleche{
	margin-top:10px;
	width:25px;
	height:70px;
	float:left;
	display:block;
	padding-top:50px;
}

#container_container_petite_fleche{
	height:120px;
	width:412px;
}

#div_droite{
	width:400px;
	float:left;
}

#div_droite #image_grand{
	width:402px;
	height:302px;
	margin:0;
}
#div_droite #image_grand img{
	border:1px solid #fff;
}

#div_droite div{
	margin-top:13px;
	|margin-top:12px;
	_margin-top:13px;
}

#div_droite h3{
	color:#00aaee;
	font-size:13px;
	margin:0;
	padding:0;
	margin-top:3px;
	margin-bottom:1px;

}

#div_droite em{
	color:#3f3d41;
}

#div_droite p{
	margin:0;
	padding:0;
	margin-top:2px;
	font-size:10px;
	color:#3f3d41;
}

#div_droite p a{
	color:#00aaee;
}

.btn_bas_portfolio span{
	position:relative;
	top:-7px;
	padding-left:5px;
	_margin-top:5px;
}

#retour_galerie{
	color:#0094E6;
	float:left;
}

#projet_precedent{
	color:#3f3d41;
	float:right;
	margin-right:10px;
}

#projet_suivant{
	color:#3f3d41;
	float:right;
}

#projet_suivant span{
	padding-right:5px;
}

.btn_bas_portfolio{
	display:block;
}

#kiditeam{
	float:left;
}

#bulle_agence{

	background: url(../image/interface/bulle_vide.png) no-repeat;
	height:82px;
	width:200px;
	float:left;
	padding-left:12px;
	padding-top:13px;
}

#bulle_agence h4{
	color:#1e9fda;
	font-size:18px;
	margin:0;
	padding:0;
}

#image_vole{
	padding-left:30px;
}

#div_accolade{
	float:left;
}

#div_accolade div{	
	background: url(../image/interface/accolade.png) no-repeat;
	height:130px;
	padding-left:40px;
	width:170px;
	color:#3f3e42;
	line-height:22px;
	overflow:auto;
}
#div_accolade div span{
	margin-top:17px;
	display:block;
	line-height:10px;
		font-size:9px;
}
#div_accolade h5{
	color:#0094e6;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;
}

#div_accolade h5 span{
	color:#000;
}

#titre_image{
	height:12px;
	width:100%;
	}

#containeur_print_web_photo{
	height:10px;
	_margin-top:10px !important ;
}

.bleu{
	color:#0094E6;
}
