@charset "utf-8";
body {
	margin-top:2px;
	background:url(../image/gif/top.gif) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}
.top {
	width:994px;	
	margin:auto;
	overflow:hidden;
}
.div_top {
	margin:0 15px;
	width:994px;
	overflow:hidden;
}
.div_menu_secondaire {
	width:540px;
	overflow:hidden;
}
.lien_menu_secondaire {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0 8px;
	white-space:nowrap;
}
.lien_menu_secondaire:hover {
	color:#008e00;
}
.right_cell_menu_secondaire {
	background:url(../image/gif/separateur_top.gif) right top repeat-y;
}
.separateur_menu_sec {
	background:url(../image/gif/separateur_menu_sec.gif) left top no-repeat;
	width:1px;
	height:20px;
}
.bg_input {
	background:url(../image/gif/input_recherche.gif) left top no-repeat;
	padding:5px 0 0 10px;
	width:140px;
	height:19px;
}
input.recherche {
	width:145px;
	height:15px;
	color:#a4a4a4;
	font-family:arial;
	font-size:11px;
	vertical-align:top;
}
.espace_membre {
	background:url(../image/gif/bg_espace_membre.gif) right top no-repeat;
	width:130px;
	height:19px;
	float:right;
	color:white;
	font-family:arial;
	font-size:11px;
	text-align:left;
	padding-top:5px;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	margin-bottom:11px;
}
.espace_membre_lien {
padding-left:40px;
}
.espace_membre_block {
	background:url(../image/gif/bg_espace_membre_over.gif) right top no-repeat;
	width:130px;
	height:30px;
	float:right;
	color:white;
	font-family:arial;
	font-size:11px;
	text-align:left;
	padding-top:5px;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}

.div_espace_membre {
	width:328px;
	position:absolute;
	margin-left:-218px;
}
input.membre {
	background:url(../image/gif/input_membre.gif) left top no-repeat;
	width:126px;
	height:21px;
	color:#a4a4a4;
	font-family:arial;
	font-size:11px;
	padding:5px 5px 0 10px;
}
.lien_11_blanc_souligne {
	color:white;
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
}
.lien_espace_membre {
	display:inline-block;
	background:url(../image/gif/puce_membre.gif) right top no-repeat;
	padding:2px 35px 2px 0;
	color:#a4a4a4;
	font-family:arial;
	font-size:11px;
}
.bg_btn_espace {
	background:url(../image/gif/bg_btn_espace.gif) left top repeat-x;
	height:32px;
	padding:0 20px 0 0;
}
.left_btn_membre {
	background:url(../image/gif/left_btn_membre.gif) right top no-repeat;
	width:20px;
	height:32px;
}
.bg_mot_passe_oublier {
	background:url(../image/gif/bg_mot_passe_oublier.gif) left top repeat-x;
	padding:15px 0 0 20px;
}
.td_espace {
	padding:20px 0 0 20px;
	background-color:#086a33;
}
p.forget_password {
	padding:3px 60px 18px 50px;
	font-family:arial;
	font-size:11px;
	color:white;
	background:url(../image/gif/img_forget_password.gif) left top no-repeat;
	vertical-align:top;
}
.div_logo {
	width:994px;
	height:119px;
	background:url(../image/gif/right_bann.gif) right top no-repeat;
	margin:1px auto;
	/*position:relative;*/
}
#logo {
	background:url(../image/gif/logo.gif) left top no-repeat;
	width:751px;
	height:119px;
	display:block;
	text-indent:-9999px;
}
#iso9001 {
	/*background:url(../image/gif/icon_iso9001.gif) left top no-repeat;*/
	position:absolute; top:130px; left:170px;}
.div_bann {
	background:url(../image/gif/hach_bann.gif) left top repeat-x;
	height:240px;
}
.border_bann {
	background:url(../image/gif/border_bann.gif) white left top no-repeat;
	width:994px;
	height:240px;
	overflow:hidden;
	margin:auto;
}
.banniere {
	width:994px;
	height:240px;
	overflow:hidden;
	margin:auto;
}
#menu {
	width:994px;
	overflow:hidden;
	margin:0 auto 20px;
}
.border_top_gris {
	border-top:#e8e8e8 1px solid;
}
.border_bottom_gris {
	border-bottom:#e8e8e8 1px solid;
	padding:20px 0 18px 0;
}
.bg_body {
	background:url(../image/gif/bg_body.gif) white left top repeat-x;
}
/*************
	MENU
**************/

.menu {
	width:100%;
	font-size:11px;
	line-height:normal;
	height:30px;
	overflow:hidden;
}
.menu ul {
	list-style:none;
	height:30px;
	float:right;
	margin-right:1px;
	display:inline;
}
.menu li {
	display:inline;
	margin:0;
	padding:0;
}
.menu a {
	background:none;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
	height:30px;
	cursor:pointer;
}
.menu a span {
	float:left;
	display:block;
	padding:8px 0 0 10px;
	height:22px;
	background:url(../image/gif/left_menu.gif) left -100px no-repeat;
	color:#323232;
	white-space:nowrap;
}
.menu a b {
	float:left;
	padding:0;
	height:30px;
	width:10px;
	background:url(../image/gif/right_menu.gif) right -100px no-repeat;
}
.menu a:hover{
color:white;
}
.menu a:hover span {
	background:url(../image/gif/left_menu.gif) left top no-repeat;
	color:white;
}
.menu a:hover b {
	background:url(../image/gif/right_menu.gif) right top no-repeat;
}
.menu a.actif span {
	background:url(../image/gif/left_menu.gif) left top no-repeat;
	color:white;
}
.menu a.actif b {
	background:url(../image/gif/right_menu.gif) right top no-repeat;
}
/*************
	END MENU
**************/





/*************
	FAQ
**************/
.bg_faq{
border:#e8e8e8 1px solid;

}
.bg_rep{
border:#white 1px solid;
margin:20px 0;

}
.fond_question{
background:url(../image/gif/fond_question.gif) left center no-repeat;
width:30px;
padding:5px 0;
}
.titre_question{
padding:8px 20px ;
border-left:#565656 1px solid;
background:url(../image/gif/titre_faq.gif) left center repeat-x;
}
.fond_reponse{
background:url(../image/gif/fond_reponse.gif) left top no-repeat;
width:30px;
height:40px;
padding:10px 0 0 0;
text-align:center;
}
.reponse_question{
padding:0 20px 10px;
border-left:#399313 1px solid;
}

.odd td{
background:url(../image/gif/bg_actualite.gif) left top repeat-x;
padding:8px 5px 8px 20px;
border-bottom:#e8e8e8 1px solid;
}
.even td{
padding:8px 5px 8px 20px;
border-bottom:#e8e8e8 1px solid;
}



.content {
	width:994px;
	margin:auto;
	overflow:hidden;
}
.titre_puce_oranger {
	background:url(../image/gif/puce_oranger.gif) 2px top no-repeat;
	padding:4px 0 10px 35px;
	color:black;
	font-family:arial;
	font-size:14px;
	text-transform:uppercase;
}
.puce_oranger {
	background:url(../image/gif/puce_oranger.gif) left top no-repeat;
}
.td_border_bottom_gris{
border-bottom:#e7e7e7 1px solid;
}
/*******************
	BORDER IMG
*******************/
.border_img {
	border:#d5d5d5 1px solid;
	height:100%;
}
.border_img div {
	margin:4px;
}
.border_img div div {
	margin:0;
	padding:0;
}
/*******************
	END BORDER IMG
********************/

.actualite {
	width:72px;
	height:72px;
	overflow:hidden;
}
.carte {
	width:264px;
	height:399px;
	overflow:hidden;
}
.presence_ineternational {
	width:312px;
	height:62px;
	overflow:hidden;
}
.img_index {
	width:312px;
	height:72px;
	overflow:hidden;
}
.projets_link {
	padding:5px 0 10px 0;
	height:14px;
	overflow:hidden;
}
.btn_projets {
	background:url(../image/gif/btn_projets.gif) left top no-repeat;
	width:14px;
	height:14px;
	display:block;
	color:white;
	font-family:arial;
	font-size:10px;
	text-align:center;
	margin-right:5px;
}
.btn_projets:hover {
	background:url(../image/gif/btn_projets.gif) left bottom no-repeat;
}


.wrapper {
	margin:0 0 20px 0;
}
.separateur_hor {
	height:1px;
	background-color:#dfdfdf;
	margin:0 0 20px;
}
.div_metier {
	width:228px;
	float:left;
	margin:0 0 20px 0;
	display:inline;
}
.metier {
	width:218px;
	
	overflow:hidden;
}
.margin_right8 {
	margin-right:8px;
}

h3.title_metier{
padding-bottom:10px;
}
#footer{
background:url(../image/gif/bg_footer.gif) left top repeat-x;
}
.div_footer{
margin:40px auto 0;
width:994px;
}
.developped_by{
display:inline-block;
background:url(../image/gif/logo_medianet.gif) left top no-repeat;
padding:3px 0 3px 40px;
color:white;
font-family:arial;
font-size:11px;
}
.developped_by:hover{
text-decoration:underline;
}
.div_menu_left{
padding-right:7px;

}
.sep_menu_left{
background:url(../image/gif/dotted_menu.gif) left bottom repeat-x;
}
.lien_menu_left{
display:block;
padding:10px 5px 8px 30px;
background:url(../image/gif/puce_menu.gif) white 13px 16px no-repeat;
color:#646464;
font-family:arial;
font-size:12px;
}
.lien_menu_left:hover{
background-color:#e7e7e7;
color:black;
}
.hachure_title{
background:url(../image/gif/hachure_titre.gif) left top repeat;
padding:0 13px;
margin-bottom:10px;

}
.td_title{
padding:3px 20px;
background-color:white;
text-transform:uppercase;
}
.cell_contents{
padding:15px 0;
}
.padding_bottom10{
padding-bottom:10px;
}
.padding_tpo10{
padding-top:10px;
}
/*.cell_img_ref{
padding:10px;
background-color:#e5f3eb;
width:410px;
}*/
.lien_ref{
display:block;
padding:8px 3px 8px 13px;
color:black;
font-family:arial;
font-size:12px;
border-bottom:#d8d8d8 1px solid;
}
.lien_ref_last{
display:block;
padding:8px 3px 8px 13px;
color:black;
font-family:arial;
font-size:12px;
}

.lien_ref:hover , .lien_ref_last:hover{
background-color:#e5f3eb;

}
.separateur_ref{
height:1px;
background-color:#d8d8d8;
}
.fond_developpement_durable{

width:205px;
height:59px;
padding:0 5px 0 59px;
}
.fond_qualite{
background:url(../image/gif/fond_qualite.gif) left top no-repeat;
width:205px;
height:59px;
padding:0 5px 0 59px;
}

.margin_top_bottom20{
margin:20px 0;
cursor:pointer;
}
.div_actualite{
padding:20px 10px;
background:url(../image/gif/bg_actualite.gif) left top repeat-x;
border-top:#e8e8e8 1px solid;
}
.actualite_pagination{
display:inline-block;
background:url(../image/gif/bg_nav_actualite.gif) left top repeat-x;
color:#6b6b6b;
font-family:arial;
font-size:11px;
padding:2px 6px;
border:#d9d9d9 1px solid;

}
.actualite_pagination:hover{
background:#096a33 ;
color:white;
}
.precedant{
border:#d9d9d9 1px solid;
background:url(../image/gif/precedant.gif) left top no-repeat;
display:block;
width:18px;
height:18px;
}
.suivant{
border:#d9d9d9 1px solid;
background:url(../image/gif/suivant.gif) left top no-repeat;
display:block;
width:18px;
height:18px;
}
.margin_right10{
margin-right:10px;
}

/***************
	CONTACT
****************/
.span{
color:#fe0000;
font-size:14px;
font-family:Arial;
}
.odd_con td{
background-color:#f2f7f5;
padding-top:10px;
padding-bottom:10px;
}
.even_con td{
padding-top:10px;
padding-bottom:10px;
}


form.contact span{
color:#fe0000;
font-size:14px;
font-family:Arial;
}
form.contact .ligne1 td{
background-color:#f2f7f5;
padding-top:10px;
padding-bottom:10px;
}
form.contact .ligne2 td{
padding-top:10px;
padding-bottom:10px;
}
input.contact{
border:#e3e9ef 1px solid;
height:17px;
padding:0 0 0 10px;
}

form span{
color:#fe0000;
font-size:14px;
font-family:Arial;
}
form .ligne1 td{
background-color:#f2f7f5;
padding-top:10px;
padding-bottom:10px;
}
form .ligne2 td{
padding-top:10px;
padding-bottom:10px;
}
input.contact{
border:#e3e9ef 1px solid;
height:17px;
padding:0 0 0 10px;
}

.textarea_contact{
border:#e3e9ef 1px solid;
height:60px;
padding:0 0 0 10px;
overflow:hidden;
}
.btn_contact a{
display:block;
height:24px;
background:url(../image/gif/left_btn_contact.gif) left top no-repeat;
padding-left:40px;
}
.btn_contact a input.btn_contact{
border:none;
height:24px;
background: url(../image/gif/right_btn_contact.gif) right top no-repeat;
padding-right:22px;
color:white;

}
.btn_contact a:hover{
background:url(../image/gif/left_btn_contact.gif) left bottom no-repeat;
}
.btn_contact a:hover input.btn_contact{
border:none;
height:24px;
background: url(../image/gif/right_btn_contact.gif) right bottom no-repeat;
}
/******************
	PADDING
*******************/

.padding_left20{
padding-left:20px;
}
.padding_left30{
padding-left:30px;
}
.padding_left_right15 {
	padding:0 15px;
}
.padding_10{
padding:10px;
}
.padding_left_right10 {
	padding:0 10px;
}
.padding_left_right5 {
	padding:0 5px;
}
.padding_top_bottom15 {
	padding:15px 0;
}

/******************
	PHOTOTHEQUE
*******************/


.lien_ph{
float:left;
border:#e8e8e8 1px solid;
margin-bottom:20px;
margin-right:20px;
display:inline;
}
.lien_ph div {
	margin:4px;
}
.lien_ph div div {
	margin:0;
	padding:0;
}
.des_pho{
position:relative;
background:url(../image/gif/bg_noir.gif) #262626 left top repeat-x;
padding:10px 0 10px 0;
margin-bottom:20px;
}
.btn_detail{
display:inline-block;
background:url(../image/gif/left_detail.gif) left top no-repeat;
height:17px;
padding:0 0 0 33px;
margin-right:10px;
}
.btn_detail span{
float:left;
background:url(../image/gif/right_detail.gif) right top no-repeat;
height:15px;
padding:2px 15px 0 0 ;
color:white;
font-family:arial;
font-size:11px;
cursor:pointer;
text-transform:uppercase;
}
.clearfix{
clear:both;
display:block;
}
.bg_theme{
background:url(../image/gif/bg_libelle.gif) #096a33 left top no-repeat; position:relative; 
}
.icone_theme{
display:block; width:50px;
}
.div_theme{
position:relative; width:220px; margin:0 12px 12px 0 ; float:left;
}
.div_theme_last{
position:relative; width:225px; margin:0 0 12px 0 ; float:left;
}
.div_img_photo{
border:#096a33 1px solid; padding:4px
}
.div_img_photo a{
display:block;
width:215px;
height:90px;
overflow:hidden;
}
/*************
	TXT
*************/

.txt_noir11 {
	color:black;
	font-family:arial;
	font-size:11px;
}
.txt_noir12 {
	color:black;
	font-family:arial;
	font-size:12px;
}
.txt_noir14{
font-family:arial;
font-size:14px;
color:black;
}
.txt_gris11 {
	color:#afafaf;
	font-family:arial;
	font-size:11px;
}
.txt_gris_fonce12 {
	color:#5f5f5f;
	font-family:arial;
	font-size:12px;
}
.txt_gris_fonce16 {
	color:#5f5f5f;
	font-family:arial;
	font-size:16px;
}
.txt_blanc18{
font-family:arial;
font-size:18px;
color:white;
}
.txt_blanc12{
font-family:arial;
font-size:12px;
color:white;
}
.txt_blanc14{
font-family:arial;
font-size:14px;
color:white;
}
.txt_vert12 {
	color:#096a33;
	font-family:arial;
	font-size:12px;
}
.txt_vert16{
	color:#096a33;
	font-family:arial;
	font-size:16px;
}
.photo_galerie_photo{
display:block;
width:45px; 
height:34px; 
position:absolute; 
left:10px; 
top:-10px;
}
.titre_gallerie_photo{
padding:0 10px 0 0 ; 
position:relative ; 
color:white; 
font-size:12px;
}
/*************** ul gris *********/
ul.liste_pucegris {
list-style:none;
margin-bottom:10px;
}
ul.liste_pucegris li {
display:block;
padding:7px 5px 5px 30px;
background:url(../image/gif/puce_gris.gif) white 16px 12px no-repeat;
color:#646464;
}
.lien_vert_9 {
	color:#096a33;
	font-size:9px;
}
.lien_vert_9 hover {
	color:#096a33;
	text-decoration:underline;
	font-size:9px;
}
.btn_deconnexion{
display:inline-block;
background:url(../image/gif/left_btn_vert.gif) left top no-repeat;
height:20px;
padding:0px 0 0 33px;
margin-right:10px;
}
.btn_deconnexion span{
float:left;
background:url(../image/gif/right_btn_vert.gif) right top no-repeat;
height:20px;
padding:5px 15px 0 0 ;
color:white;
font-family:arial;
font-size:11px;
cursor:pointer;
text-transform:uppercase;
}
.align_right { text-align:right;}