/* CSS Document */

/* Rouge = 9F1B0A */
/* Bouton over = 7F281C */



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


body,html{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#4A4A34;
	margin:0 0 10px 0;
	padding:0;
	background-image:url(../images/bg.gif);
	background-color:#9F1B0A;
}

table.conteneur{
	margin:20px auto;
	background-image:url(../images/interface_bg.gif);
	background-repeat:repeat-y;
}

p.copyright{
	padding:30px 0 0 0;
	color:#9B9B9B;
	text-align:center;
	font-size:10px;
}

td.langue{
	font-size:11px;
	text-align:right;
	vertical-align:top;
	height:33px;
}

img.icone_langue{
	padding-right:4px;
}

td.menu{
	height:39px;
}

td.sous_menu{
	height:60px;
	vertical-align:top;
}

div#sous_menu_projets{
	display:none;
}

div#sous_menu_infos_corpo{
	width:280px;
	display:none;
}

.sous_menu_infos_corpo_fr{
	padding:0 0 0 105px;
}

.sous_menu_infos_corpo_en{
	margin:0 0 0 120px;
}

/* Contenu */

.contenu{
	margin:0 auto;
}

table.largeur_contenu{ /* 760 - 100*/
	width:660px;
}


/* Boite texte 389 */

.boite_texte389{
	width:389px;
}

.boite_texte389 p{
	margin:10px 25px;
	padding:0;
}

td.bg_boite_texte389{
	background-image:url(../images/txt_box_bg.gif);
	background-repeat:no-repeat;
	background-color:#FCF7E6;
	border-right:1px solid #F1ECDC;
}


/* Boite texte 449*/

.boite_texte449{
	width:449px;
}

.boite_texte449 p{
	margin:10px 25px;
	padding:0;
}

td.bg_boite_texte449{
	background-image:url(../images/txt_box2_bg.gif);
	background-repeat:no-repeat;
	background-color:#FCF7E6;
	border-right:1px solid #F1ECDC;
}


/* Boite texte projets completes */

.boite_texte499{
	width:449px;
}

.boite_texte499 p{
	margin:10px 25px;
	padding:0;
}

td.bg_boite_texte499{
	background-image:url(../images/txt_box3_bg.gif);
	background-repeat:no-repeat;
	background-color:#FCF7E6;
	border-right:1px solid #F1ECDC;
}

/* Boite texte droite */

/*.boite_texte_droit{
	width:389px;
	
}

.boite_texte_droit p{
	margin:10px 25px;
	padding:0;
}*/


td.photo_droit{
	width:100%;
	text-align:right;
	vertical-align:middle;
}

td.photo_gauche{
	width:100%;
	text-align:left;
	vertical-align:middle;
}


div.boite_equipe h2{
	font-size:13px;
	margin:10px 25px 0 25px;
	padding:0;
	color:#9F1B0A;
}

div.boite_equipe h3{
	font-size:12px;
	text-transform:none;
	color:#4A4A34;
	margin:4px 25px 0 25px;
	padding:0 0 10px 0;
	border-bottom:1px solid #F1ECDC;
}

.boite_equipe p{
	margin:10px 25px;
}

.espace_boite_bas{
	padding:0 0 15px 0;
}

img.photo_projets_completes{
	border:1px solid #9F1B0A;
	padding:3px;
	background-color:#FFFFFF;
}


/* popups */

div.popup{
	display:none;
	position:absolute;
	z-index:1;
	margin:0 50%;
	left:-331px;
	top:162px;
	width:654px;
	background-color:#FCF7E6;
	border:4px solid #F1ECDC;
}

div.popup h3{
	font-size:12px;
	text-transform:none;
	color:#4A4A34;
	margin:6px 0 1px 0;
	padding:0;
}

div.popup p{
	margin:1px 0 10px 0;
	padding:0;
}

table.padding_popup{
	margin:20px;
}

td.btn_fermer{
	text-align:right;
}


p.p_accueil{
	padding:20px 0 0 190px;
	width:400px;
}
	



/* -------------------- 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:#9F1B0A;
	margin:0 0 10px 0;
	padding:0;
}

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

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

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

th{
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding:4px 10px;
	background-color:#9F1B0A;
	border-bottom:1px solid #7F281C;
}

a{
	color:#9F1B0A;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

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

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


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

td.display-width{
	padding:6px 50px 0 50px;
	vertical-align:top;
	text-align:left;
	width:660px;
}

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


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

.titles{
	color:#9F1B0A;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	width:100%;
	padding:0 0 10px 0;
	margin: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:#FDFAF0;
}

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

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

.bold{
	font-weight:bold;
}

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

.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:#9F1B0A;
	padding:5px;
}

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

.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 #9F1B0A;
	padding:2px;*/
	vertical-align:top;
	background-color:#FFFFFF;
}	


/* ///////////////////// 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:#9F1B0A;
	padding:5px;
}

.inline-buttons a:hover{
	color:#ffffff;
	background-color:#7F281C;
	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:#9F1B0A;
	border:0;
	color:#FFFFFF;
}

.table-list a{
	color:#9F1B0A;
	text-decoration:none;
}

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

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


/* ///////////////////// 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:#9F1B0A;
	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:#9F1B0A;
	padding:5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	font-size:9px;
	font-weight:bold;
}

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


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

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

.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:#9F1B0A;
	font-size:11px;
	text-align:right;
	padding-bottom:5px;
}


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

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

.btn_zoom a{
	color:#9F1B0A;
}

.btn_zoom a:hover{
	color:#9F1B0A;
	text-decoration:none;
}

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

.btn_zoom span{
	padding:5px;
	border:1px solid #9F1B0A;
}

/* /////////////////////// Style pour communiqués /////////////////////// */

.resultsTitle{
	font-weight:bold;
}

.resultsRecordCount{
	font-weight:bold;
}

.resultsPageLink a{
	text-decoration:none;
	color:#9F1B0A;
}

.resultsPageLink a:hover{
	text-decoration:underline;
	color:#9F1B0A;
}

.resultsCurrentPage{
	color:#9F1B0A;
	font-weight:bold;
}