/* FONTFACE */

@font-face {
	font-family: 'GothamRegular';
	src: url('fonts/gotham-book-webfont.eot');
	src: local('?'), url('fonts/gotham-book-webfont.woff') format('woff'), url('fonts/gotham-book-webfont.ttf') format('truetype'), url('fonts/gotham-book-webfont.svg#webfontgpe0BGGR') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamBold';
	src: url('fonts/gotham-bold-webfont.eot');
	src: local('?'), url('fonts/gotham-bold-webfont.woff') format('woff'), url('fonts/gotham-bold-webfont.ttf') format('truetype'), url('fonts/gotham-bold-webfont.svg#webfontUZsKP2j6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamLight';
	src: url('fonts/gotham-light-webfont.eot');
	src: local('Gotham'), local('GothamLight'), url('fonts/gotham-light-webfont.woff') format('woff'), url('fonts/gotham-light-webfont.ttf') format('truetype'), url('fonts/gotham-light-webfont.svg#webfontJFoKR6mx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamMedium';
	src: url('fonts/gotham-medium-webfont.eot');
	src: local('?'), url('fonts/gotham-medium-webfont.woff') format('woff'), url('fonts/gotham-medium-webfont.ttf') format('truetype'), url('fonts/gotham-medium-webfont.svg#webfontRTtVi7y5') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* STYLE */

html{
	font-family: Arial, sans-serif;
	height:100%;	
	background: #cfcfcf url(../images/skin/main_bg.jpg) center 124px no-repeat;
	margin: 0; padding: 0;
}
body {
	font-family:  Arial, sans-serif;
	font-size:12px;
	color: #555555;
	margin:0;
	text-align:center;
	/* height:100%; */
	background: url(../images/skin/header_bg.gif) top repeat-x;
	margin: 0; padding: 0;
}

#corps{
	font-family:  Arial, Helvetica, sans-serif;
	/* background-color: #b3aa7e; */
	font-size:12px;
	color: #555555;
	margin:0px auto;
}

table {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #555555;
}

a{
	color:#ee3524;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


li{
	color: #555555;
	}
	
#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	clear: both;
	text-align:left;
	/* height:100%; */
	
}

#bandeau {
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 95px;
	text-align: right;
	position: relative; 
}

#bandeau .logo{
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0; top: 20px; 
	width: 189px;
	height: 59px; 
	text-align: left; 
	background:url(../images/skin/de_la_fontaine.png) no-repeat;
}

#container_contenu {
	padding: 30px;
	background-color:#FFFFFF;
	display:block;
	margin: 40px 0 10px 0;
	height: auto; overflow: hidden;
}

#container_contenu_t {
	background-color:#FFFFFF;
	height:100%;
	display:block;
}

.texte{
	position:relative;
	margin-left: 25px;
	margin-right: 25px;
}

.texte_11{
	font-size:11px;
}

.texte_vert{
	color:#949494;
}


#menu_bas{
	text-align:center;
	height:45px;
	font-size: 11px;
	color:#666;
	line-height:45px;
}

#menu_bas a{
	color:#666;
	text-decoration:none;
}

#menu_bas a:hover{
	color:#666;
	text-decoration:underline;
}

#menu {
	height:29px;
	line-height:29px;
	padding: 0px;
	font-family: 'GothamMedium', sans-serif;
}

#menu a {
	text-decoration:none;
	color: #949494;
	word-spacing: 0px;
}
#menu a:hover, #menu_d a:hover {
	color: #ee3524;
}


.menu_on{
	display:inline;
	color: #ee3524;  
}

#menu_1, #menu_2, #menu_3, #menu_4, #menu_5, #menu_6, #menu_7, #menu_10, #menu_11{
	padding:0 10px;
	margin:0px;
	height:29px;
	border-left: 1px solid #e6e6e6; 
	display: block;
	float: left; 
}

#menu_6 { border-right: 1px solid #e6e6e6; }
#menu_7, #menu_10, #menu_11 { border: none; }

#menu_t {
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 20px 0 0 0;
	word-spacing: 10px;
}

#menu_t a {
	text-decoration:none;
	color: #FFFFFF;
	word-spacing: 0px;
}
	
#menu_t a:hover {
	color: #dfdbcf;
}

#menu_d {
	float: right;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 5px 0 ;
	word-spacing: 10px;
}

#recherche{
	font-size:10px; 
	width:115px; 
	height:21px; 
	line-height: 21px;
	padding: 0 5px 0 25px;
	border: 1px solid #e1e1e1;
	background: #ffffff url(../images/skin/search.gif) left no-repeat;
}
/**************************************
MENU GAUCHE
***************************************/
#menu_gauche{
	float:left;
	width:158px;
	position: relative;
	left: -30px;
	top: -30px;
	margin-right:-20px;
	/*line-height:20px;*/
	background-color:#e1e1e1;
	padding-bottom: 12px;
	min-height:320px;
	/*height:100%;*/
}

#menu_gauche a{
	color:#949494;
	text-decoration:none;
	display:block;
	padding:2px 0px;
}

#menu_gauche_titre{
	padding: 5px 10px;
	background-color:#949494;	
	font-weight:normal;
	font-size: 16px; 
	color:#ffffff;	
	font-family: 'GothamLight', sans-serif;
}

#menu_gauche_titre a{
	color:#ffffff;	
	}
.menu_gauche_soustitre, .menu_gauche_lien, .menu_gauche_souslien, .menu_gauche_souslien_on, .menu_gauche_lien_on{
	padding:5px 5px 3px 10px;
	color:#ffffff;	
	font-size:11px;
}

.menu_gauche_soustitre{ 
	background-color:#a5a5a5;
	font-family: 'GothamLight', sans-serif;
	font-size: 12px; 
	text-transform: uppercase;
	padding: 5px 10px; 
}
.menu_gauche_lien, .menu_gauche_souslien{
	/* background-color:#e4dfcf; */
}

.menu_gauche_souslien, .menu_gauche_souslien_on{
	padding-left:20px;
}

.menu_gauche_lien_on, .menu_gauche_souslien_on{
 	background: url(../images/triangle_rouge.png) #ffffff 0 center no-repeat;
	color: #ee3524;
}
.menu_gauche_souslien_on{
 	background: url(../images/triangle_rouge.png) #ffffff 10px center no-repeat;
}

.menu_options_lien, .menu_options_lien_on{
	color:#ee3524;
	font-size:11px;
	margin-bottom:5px;
	padding:3px 0px 3px 10px;
	display:block;
	cursor: pointer;
	cursor:hand;
}

.menu_options_lien_on{
	background: url(../images/triangle_rouge.png) #eaeaea left no-repeat;
	color: #949494;
	cursor: default;
}

/**************************************
CONTENANTS DÉROULANTS
***************************************/
.bulle_centre_fleche{
	width:322px;
	float:left;
	margin: 10px 10px;
}

#portes_deroulantes{
	position:relative;
	overflow:hidden; 
	width:86px; 
	display:block; 
	height:298px;
}

#details_deroulants, #details_deroulants_1, #details_deroulants_2, #details_deroulants_3, 
#details_deroulants_4, #details_deroulants_5, #details_deroulants_6, #details_deroulants_7{
	position:relative;
	overflow:hidden; 
	width:298px; 
	display:inline-block;
	height:267px;
}

#fleche_g_b, #fleche_g_t{
	background:url(../images/fleche_gauche.png) no-repeat center;
	float:left;
	width:12px; 
	height:22px;
	display:block;
}

#fleche_d_b, #fleche_d_t{
	background:url(../images/fleche_droite.png) no-repeat center;
	float:right;
	width:12px; 
	height:22px;
	display:block;
}

.fleche_bloc{
	float:left;
	width:12px; 
	height:22px;
	display:block;	
	}
	
.pointer{
	cursor:pointer;
	cursor:hand;
}

.pointer_none{
	cursor:text;
}

.bloc_deroulant{
	width:298px;
	display:block;
}

.bloc_deroulant_p{
	max-width:86px;
	height:298px;
	overflow:hidden;
	display:block;
}

.contenant_deroulant_1{
	padding:0px; 
	color:#555555;
}

/**************************************
BULLES
***************************************/
.bulle_gauche{
	width:298px;
	float: left;
	margin-top: 10px; 
}

.bulle_centre{
	width:298px;
	float:left;
	margin: 0 0 0 22px;
	margin-top: 10px; 
}


.bulle_droite{
	width:298px;
	float: right;
	margin-top: 10px; 
}

.titre1{
	background: repeat-y url(../images/bg_degrade_titre.gif); 
	padding:1px 0 1px 12px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
}

.titre2{
	background: #e1e1e1; 
	padding: 5px 5px 0 5px;
	color: #949494;
	font-family: 'GothamLight', serif;
	font-size: 16px;
	text-align:left;
	margin:0px;
	font-weight: normal;
}

.sous-titre {
	font-family: 'GothamMedium', serif;
	font-size: 10px;
	padding: 0 5px;
	color: #949494;
	background: #e1e1e1; 
	padding: 0 0 5px 5px;
	text-transform: uppercase; 
}

.titre2_align_gauche{
	background: #e1e1e1; 
	padding: 5px 5px 0 5px;
	color: #949494;
	font-family: 'GothamLight', serif;
	font-size: 16px;
	text-align:left;
	margin:0px;
	font-weight: normal;
}


.titre2_align_gauche_sp{
	background: #67652f; 
	padding:3px 0 1px 0px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	text-align:left;
	margin:0px;
}

.titre_gris{
	color: #808285;
	font-size: 16px;
	font-weight:bold;
}

.titre_vert{
	color:#ee3524;
	font-size: 14px;
	font-weight:bold;
	margin:0px;
}

.contour {
	border:solid 1px #e1e1e1;
	width:296px;
}

/**************************************
LISTES
***************************************/
.puce{
	position:relative;
	background:url(../images/puce_rouge.gif) no-repeat left top;
	width: 21px;
	margin-top: 0px;
	padding:0;
	height:15px;
	float:left;
}

.petite_puce{
	position:relative;
	background:url(../images/petite_puce.png) no-repeat left top;
	width: 7px;
	top: 2px;
	padding-right:10px;
	height:7px;
	clear:right;
	float:left;
	display:inline;
}

.puce_liste_rouge{
	margin:0px;
	padding-top:3px;
	padding-left: 15px;
	color:#820024;
}

.puce_liste_rouge_mix{
	margin:0px;
	padding-left: 15px;
	padding-bottom: 3px;
	color:#820024;
}

.texte_liste_noir{
	color:#555555;

}

#liste_p li{
	padding-bottom:8px;
}

#liste_p a{
	text-decoration:none;
	font-size:11px;
}

#sections_techniques, #liens_centre, #liens_droite {
	padding:25px 5px 5px 25px;
	color:#ee3524; 
	line-height:20px;
}

#sections_techniques a, #liens_droite a{
	line-height:normal;
	font-weight: bold; 
}

/*****************************************
HOME
******************************************/
.big_promo_home { width: 940px; height: 350px; background: url(../images/skin/promo_home.jpg) no-repeat; margin-bottom: 10px; }
.big_promo_home .content{ float: right; width: 368px; height: 295px; padding: 25px 20px 30px 20px; color: #ffffff; line-height: 18px; }
.big_promo_home .content h2{ font-family: 'GothamLight', sans-serif; font-size: 36px; color: #ffffff; font-weight: normal; background: url(../images/skin/title_bg.jpg) left bottom no-repeat; padding-bottom: 30px; line-height: 36px; margin: 0 0 35px 0; }
.big_promo_home .content h2 span{ font-family: 'GothamMedium', sans-serif; font-size: 14px; color: #ffffff; font-weight: normal; }


/**************************************
GÉNÉRAL
***************************************/
.copyright{
	clear:both;
	width: 1000px; 
	color:#949494;
	text-align:right;
	font-size: 10px;
	height: 25px;
	margin: 0 auto 30px auto;
	display:block;
}
.clearAll {
	clear: both;
	height:5px;
}
.spacer {
	display:block;
	height:5px;
	clear: both;
}
.align_gauche{
	float: left;
}
.align_droite{
	float: right;
}

.fade_20{
	-moz-opacity: 0.2;
	filter: alpha(opacity: 20);
	opacity: 0.2;	
	}
	
.fade_100{
	-moz-opacity: 1;
	filter: alpha(opacity: 100);
	opacity: 1;	
	}	
	
.height_100{
	height:100%;
}

.champ {
	font-size:12px;
	padding:2px;
	width:90%;
	border:none;
	background-color:#f5f5f5;
}

.champ_non_rempli {
	font-size:12px;
	padding:2px;
	width:90%;
	border:none;
	background-color:#FFF0F0;
}


.bouton {
	font-size:11px;
	width:100px;
}

.case_echantillon{
	float:left;
	width:140px;
	padding:6px 0px;
	display:inline-block;
	font-size:11px;
}

.qt_echantillon{
	display:inline;
	float:right;
	width:25px;
	border:1px solid #ccc;
	text-align:center;
	padding:0px;
	margin-right:27px;
	font-size:10px;
}

.couleur_echantillon{
	float:left; 
	position:relative;
	top:1px;
	width:18px; 
	height:13px;
	margin-right:3px;
}

/*****************************************
GALERIE PHOTOS
******************************************/
.gal_petite_photo {
	float:left;
	cursor:pointer;
	cursor:hand;
	display:inline;
}

/*****************************************
POPUP
******************************************/

#bg_alert{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #555555;	
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 1000;
    height: 100%; 
    min-height: 100%;!important
}

#contenant_alert, #contenant_formulaire{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1002;
	width: 100%;
	margin-top: 100px;
	margin-left:auto;
	margin-right:auto;
}

#alert, #formulaire {
	width:auto;
	padding:10px;
	z-index: 1003;
}


/*****************************************
PROJETS
******************************************/
.boite_projet{
	border-left:1px solid #820024; 
	border-bottom:2px solid #820024;
	margin-bottom:10px;
	border: 0; 
}

.titre_projet {
	/* background:url(../images/bg_degrade_projet.gif) repeat-y;  */
	background: #f73a13; 
	color:#ffffff; 
	font-size:13px; 
	font-weight:normal; 
	padding:3px 7px;
}

.cell_caracteristiqes_projet{
	width:25%; 
	padding:4px 7px 7px 7px; 
}

.cell_description_projet{
	width:50%; 
	padding:16px 7px 0 7px; 
}

.cell_description_projet img{
	padding: 5px; 
	background: #ffffff;
}

.caracteristique_rouge{
	color:#949494; 
	font-weight:bold;	
}