html{
	font-family:  Arial, Helvetica, sans-serif;
	height:100%;	
}
body {
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #b3aa7e;
	font-size:12px;
	color: #191717;
	margin:0;
	text-align:center;
	height:100%;
}

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

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

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

a:hover{
	text-decoration:underline;
}

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

#bandeau {
	color: #FFFFFF;
	background-image: url(../images/bandeau.jpg);
	background-repeat: no-repeat;
	height: 101px;
	text-align: right;
}


#container_contenu {
	padding: 15px 28px 0px 27px;
	background-color:#FFFFFF;
	height:120%;
	display:block;
}

#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:#67652f;
}

#menu {
	background-color: #820024;
	height:19px;
	line-height:19px;
	font-weight:bold;
	padding: 0px 8px 0px 70px;
	
}

#menu a, #menu_t a {
	text-decoration:none;
	color: #FFFFFF;
	word-spacing: 0px;
}
#menu a:hover, #menu_d a:hover {
	color: #d4cca5;
}

.menu_on{
	display:inline;
	background-color:#e4dfcf;
	color: #820024;  
}

#menu_1, #menu_2, #menu_3, #menu_4, #menu_5, #menu_6, #menu_7, #menu_10, #menu_11{
	padding:2px 12px;
	margin:0px;
	height:19px; 
}
#menu_t {
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 81px 5px 0 0 ;
	word-spacing: 10px;
}

#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:100px; 
	height:15px; 
	padding:1px;
}
/**************************************
MENU GAUCHE
***************************************/
#menu_gauche{
	float:left;
	width:158px;
	position: relative;
	left: -27px;
	top: -12px;
	margin-right:-20px;
	/*line-height:20px;*/
	background-color:#e4dfcf;
	padding-bottom: 12px;
	min-height:320px;
	/*height:100%;*/
}

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

#menu_gauche_titre{
	padding-left:17px;
	background-color:#98926c;	
	font-weight:bold;
	color:#ffffff;	
}

#menu_gauche_titre a{
	color:#ffffff;	
	}
.menu_gauche_soustitre, .menu_gauche_lien, .menu_gauche_souslien, .menu_gauche_souslien_on, .menu_gauche_lien_on{
	padding:2px 0px 2px 17px;
	color:#67652f;	
	font-size:11px;
}

.menu_gauche_soustitre{ 
	background-color:#d2cbb0;
}
.menu_gauche_lien, .menu_gauche_souslien{
	background-color:#e4dfcf;
}

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

.menu_gauche_lien_on, .menu_gauche_souslien_on{
	background: url(../images/triangle_rouge.png) #ffffff right no-repeat;
}

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

.menu_options_lien_on{
	background: url(../images/triangle_rouge.png) #e4dfcf right no-repeat;
}

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

#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:#333333;
}

/**************************************
BULLES
***************************************/
.bulle_gauche{
	width:298px;
	float: left;
}

.bulle_centre{
	width:298px;
	float:left;
	margin: 0 25px 0 25px;
}


.bulle_droite{
	width:298px;
	float: right;
}

.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: #67652f; 
	padding:3px 0 1px 0px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
}

.titre2_align_gauche{
	background: #67652f; 
	padding:2px 0 2px 12px;
	color: #FFFFFF;
	font-size: 16px;
	text-align:left;
	font-weight:bold;
}

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

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

.titre_vert{
	color:#b3aa7e;;
	font-size: 14px;
	font-weight:bold;
}

.contour {
	border:solid 1px #8b865b;
	width:296px;
	height:232px;
}

/**************************************
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:#000000;

}

#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 45px;
	color:#820024; 
	line-height:20px;
}

#sections_techniques a{
	line-height:normal;
}

/**************************************
GÉNÉRAL
***************************************/
.copyright{
	clear:both;
	color:#FFFFFF;
	text-align:center;
	font-size: 10px;
	height: 25px;
	margin: 7px 0px;
	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: #000000;	
	-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:4px solid #820024;
	margin-bottom:10px;
}

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

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

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


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