/* CSS Document */

/* Vert Foncé = 006D3F */
/* Vert Pale = 6FA043 */
/* Vert pale tableau = E5F0DC */
/* Bleu = 20497A */




/* -------------------- Style de l'interface -------------------- */
/* ------------------------------------------------------------- */


body,html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0 0 10px 0;
	padding:0;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#F8F8F5;
}


/* ///////////////////// Conteneur exterieur ///////////////////// */

.conteneur{
	width:756px;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
}


/* ///////////////////// Menu ///////////////////// */

.menu{
	background-color:#6FA043;
}

.btn_accueil{
	padding-left:10px;
}	

.btn_langue{
	width:100%;
	text-align:right;
	padding-right:15px;
	padding-bottom:5px;
	vertical-align:bottom;
}

.btn_langue a{
	color:#20497A;
	font-weight:bold;
	text-decoration:none;
}

.btn_langue a:hover{
	color:#006D3F;
}

.btn_langue img{
	padding-left:5px;
	vertical-align:middle;
}


/* ///////////////////// Colonne gauche ///////////////////// */

td.col_gauche{
	width:168px;
	vertical-align:top;
	background-image:url(../images/bg_col_gauche.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#EAF1E3;
}

td.col_gauche table{
	width:100%;
	margin:0 0 220px 0;
}


/* ///////////////////// Communiqué ///////////////////// */

td.communique{
	padding:0 10px 0 10px;
}

td.communique p{
	margin:8px 0;
}

td.communique h2{
	color:#006D3F;
	font-size:12px;
	margin:10px 0;
	padding:0;
}


/* ///////////////////// Copyright ///////////////////// */

td.copyright{
	padding-top:20px;
}

td.copyright p{
	font-size:10px;
	color:#848482;
	text-align:center;
}


/* ///////////////////// Milieu vie ///////////////////// */

td.milieu_vie h2{
	font-size:12px;
	text-transform:uppercase;
	color:#20497A;
	padding:0;
	margin:30px 0 20px 0;
	border-bottom:1px solid #20497A;
}

td.milieu_vie h3{
	font-size:12px;
	text-transform:none;
	color:#20497A;
	padding:0;
	margin:15px 0 5px 0;
}

td.milieu_vie h6{
	text-align:left;
	margin:5px 0;
	padding:0;
	color:#000000;
	font-style:italic;
	font-weight:normal;
	font-size:1em;
}

td.milieu_vie p{
	margin:5px 0;
	padding:0;
}

td.milieu_vie img{
	text-align:center;
	border:1px solid #6FA043;
	padding:2px;
	margin:10px 0 0 0;
}

td.milieu_vie td{
	width:100%;
}

td.milieu_vie ul{
	list-style-type:square;
	margin:7px 25px 5px 25px;
	padding:0;
}

td.milieu_vie em{
	color:#6FA043;
}

.milieu_vie_button a{
	line-height:30px;
	background-color:#006D3F;
	padding:5px;
	margin:30px 0 0 0;
	text-decoration:none;
	color:#ffffff;
	font-size:10px;
}

.milieu_vie_button a:hover{
	background-color:#6FA043;
	color:#ffffff;
	text-decoration:none;
}


/* ///////////////////// Localisation ///////////////////// */

td.localisation li{
	margin:10px 0;
}

td.localisation ol{
	margin:10px 30px;
	padding:0;
}

td.localisation{
	text-align:left;
}

td.localisation img{
	text-align:center;
}

td.localisation img{
	border:1px solid #6FA043;
	padding:21px;
	margin:10px 0 0 0;
}


/* ///////////////////// Financement ///////////////////// */

td.financement{
	text-align:center;
}

td.financement img{
	margin:20px 0;
}

td.financement p{
	text-align:center;
}





/* -------------------- Style de pages dynamiques -------------------- */
/* ------------------------------------------------------------------ */


p{
	line-height:1.3em;
	margin:4px 0;
	padding:0px 0;
	text-align:left;
}

h1{
	font-size:14px;
	text-transform:uppercase;
	color:#006D3F;
	margin:0 0 10px 0;
	padding:0;
}

h2{
	font-weight:bold;
	font-size:1em;
	margin:0;
	padding:0;
}

h3{
	font-size:11px;
	text-transform:uppercase;
	color:#20497A;
	padding:0 0 5px 0;
	margin:0;
}

h3 span{
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}

th{
	font-size:11px;
	color:#6FA043;
	font-weight:bold;
	text-align:left;
	padding:4px 10px;
	background-color:#E5F0DC;
	border-bottom:1px solid #6FA043;
}

a{
	color:#6FA043;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	border:1px solid #7F7168;
	color:#7F7168;
	margin:2px;
	font-weight:normal;
}

textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	border:1px solid #7F7168;
	color:#7F7168;
	margin-top:2px;
}


/* ///////////////////// Largeur de la cellule de contenu ///////////////////// */

td.display-width{
	padding:20px;
	vertical-align:top;
	text-align:left;
	width:588px;
}

td.display-width table{
	width:100%;
}


/* ///////////////////// Titre de haut de page ///////////////////// */

.titles{
	color:#20497A;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	width:100%;
	margin:0;
	padding:0 0 10px 0;
}

/* ///////////////////// Résultats de recherche ///////////////////// */

.results{
	background-color:inherit;
	/*padding:20px;*/
}

.results p{
	margin:0;
	padding:8px 10px;
}

.cell-photo{
	vertical-align:top;
	padding:20px;
	background-color:#E5F0DC;
}

.cell-photo img{
	border:4px solid #ffffff;
	vertical-align:top;
}

.cell-info{
	padding:20px 20px 20px 0;
	vertical-align:top;
	width:100%;
	background-color:#E5F0DC;
}

.bold{
	font-weight:bold;
}

.dotted{
	padding:0 0 10px 0;
	border-bottom:1px dotted #DEC76D;
}

.button-detail{
	padding:10px 0 0 0;
	text-align:right;
}

.button-detail a{
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	background-color:#006D3F;
	padding:5px;
}

.button-detail a:hover{
	text-decoration:none;
	color:#ffff;
	background-color:#DEC76D;
}

.cell-spacer{
	height:4px;
}


/* ///////////////////// Détails du projet ///////////////////// */

.project-details{
	background-color:inherit;
	/*padding:20px;*/
}

.cell-info-details{
	vertical-align:middle;
	width:100%;
	padding-left:10px;
	margin:0;
}
.cell-info-details p{
	line-height:1.8em;
}

.photo-border{
	/*border:1px solid #6FA043;
	padding:2px;*/
	vertical-align:top;
}	


/* ///////////////////// Rangée de boutons (fiche de détails) ///////////////////// */

.inline-buttons{
	text-align:left;
}

.inline-buttons a{
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	background-color:#006D3F;
	padding:5px;
}

.inline-buttons a:hover{
	color:#ffffff;
	background-color:#6FA043;
	text-decoration:none;
}

.inline-buttons ul{
	margin:15px 10px 20px 0;
	padding:0;
}

.inline-buttons li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}


/* ///////////////////// Caractéristiques (fiche de détails) ///////////////////// */

.characteristics{
	width:100%;
}

.characteristics ul{
	margin:20px 26px;
	padding:0;
}

.characteristics li{
	list-style-type:square;
	line-height:1.5em;
}


/* ///////////////////// Tableau (fiche de détails) ///////////////////// */

.table-list{
	width:100%;
	background-color:inherit;
	margin-bottom:30px;
}

.table-list td{
	text-align:left;
	padding:2px 0 2px 10px;
	line-height:2em;
}

.table-list th{
	text-align:left;
	background-color:#6FA043;
	border:0;
	color:#FFFFFF;
}

.table-list a{
	color:#6FA043;
	text-decoration:none;
}

.table-list a:hover{
	text-decoration:underline;
}

.table-list-dark{
	background-color:#E5F0DC;
}


/* ///////////////////// Contact ///////////////////// */

.contact{
	background-color:inherit;
	/*padding:20px;*/
}

.contact p{
	margin:10px;
	padding:0;
}


/* ///////////////////// Mission ///////////////////// */

.mission{
	background-color:inherit;
}

.mission h3{
	font-size:12px;
	text-transform:none;
}

.mission h4{
	color:#006D3F;
	font-size:12px;
	margin:10px 0 0 0;
	padding:0;
}

.mission p{
	margin:4px 0;
	padding:0;
}

.mission ul{
	list-style-type:square;
	margin:15px 30px;
	padding:0;
}

.mission ol{
	margin:0 25px;
	padding:0;
}



/* ///////////////////// Bulletin ///////////////////// */

.bulletin{
	background-color:inherit;
}

.bulletin th h2{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
	width:100%;
}

.bulletin th p{
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:right;
}

.bulletin p{
	margin:10px;
	padding:0;
}

.bulletin img{
	border:4px solid #ffffff;
	vertical-align:top;
	margin:8px 10px 0 10px;
}

.bulletin_info{
	margin:0px;
	padding:4px 0;
}


/* /////////////////////// Demande d'infos /////////////////////// */

.demande_infos{
	width:600px;
	height:470px;
	padding:20px;
	background-color:#FFFFFF;
}

.demande_infos td{
	vertical-align:top;
}	

.demande_infos table{
	width:100%;
}

.demande_infos input{
	color:#000000;
	width:175px;
	margin:8px 10px;
	height:1.8em;
	padding:2px 2px;
	border:1px solid #000000;
}

.demande_infos textarea{
	color:#000000;
	width:520px;
	height:100px;
	margin:8px 10px 0 10px;
	border:1px solid #000000;
}

/* Bouton envoyer */

.button-form p{
	text-align:center;
	margin:10px 0 10px 0;
	padding:0;
}

.button-form a{
	background-color:#006D3F;
	padding:5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	font-size:9px;
	font-weight:bold;
}

.button-form a:hover{
	background-color:#6FA043;
	color:#ffffff;
	text-decoration:none;
}


/* /////////////////////// Message erreur /////////////////////// */

.message_erreur{
	margin:50px auto 0 auto;
	width:300px;
	height:150px;
	background-color:#FFFFFF;
	border:1px solid #6FA043;
}

.message_erreur p{
	text-align:center;
}

.message_erreur td{
	height:100%;
}

.message_erreur th{
	text-align:center;
	height:40px;
}


/* /////////////////////// Style pour gestion de champs obligatoires /////////////////////// */

.mandatory{
	color:Red;
	font-size:11px;
	text-align:right;
	padding-bottom:5px;
	width:600px;
}


/* /////////////////////// Bouton pour afficher photo "Jumbo" /////////////////////// */

.btn_zoom{
	text-align:right;
	padding:10px 0;
	vertical-align:middle;
}

.btn_zoom a{
	color:#6FA043;
}

.btn_zoom a:hover{
	color:#006D3F;
	text-decoration:none;
}

.btn_zoom img{
	padding-right:5px;
}

.btn_zoom span{
	padding:5px;
	border:1px solid #6FA043;
}