/* *** Generated by www.csscreator.com *** */
/* couleurs 
Orange : F35B0B
Vert : D0AB40
Violet : B51C40
Gris + bordure photos vignettes : 9BAEB2
rouge : 770604
-- MENU --
*/
.fond_orange{background-color:#F35B0B}
.fond_vert{background-color:#D0AB40}
.fond_violet{background-color:#B61C40}
.fond_gris{background-color:#9BAEB2}
.fond_rouge{background-color:#770604}
a{color:#fff;text-decoration:none;}
a:hover{color:#F35B0B;text-decoration:none;}

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px; 
	color:#000;
	background-color:#770604;
} 
#background
{
	width:1000px;
	height:auto !important;
	height:600px;
	min-height:600px;
	margin-left:auto; 
	margin-right:auto;
	background-image:url(images/background.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

#conteneur
{ 
 /*width:100%;*/
 width:780px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
 border:0px solid #000;
}

a{/*font-weight:bold*/}
/* ##################### HEADER ################################ */
#header
{
	position:relative;
	height:60px;
	padding:35px 0 25px 0;
	margin:0;
	/*border:1px solid #000;*/
	color:#CAC3B4;
}

#header_gauche
{
	float:left;
	width:250px;
}
#header_gauche p{font-size:10px;margin-top:7px;}

#header_droit
{
	float:right;	
	width:200px;
	text-align:right;
}
#header_droit img{vertical-align:top;margin-left:5px;}
/* ##################### FOOTER ################################ */
#footer
{
	height:30px !important;
	height:30px;
	line-height:30px;
	font-size:10px;
	color:#CAC3B4;
	margin-top:25px !important;
	margin-top:25x;
	
}
#footer a{color:#CAC3B4;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer_gauche
{
	float:left;
	
}
#footer_droit
{
	float:right;
	
}

/* ##################### CENTRE ################################ */
#centre
{
	margin:0;padding:0;
    color:#fff;
}

/* ##################### MENU ################################ */
ul,li,dl,dt,dd {margin:0;padding:0}
#menu
{
	margin:0;
	height:35px;
	background-color:#9baeb2; /* lavande*/
}

#menu li
{
	display:inline;
	list-style-position:outside;
	list-style-type:none;

}
#menu li a
{
	display:block;
	float:left;
	width:187px !important;
	width:195px;
	margin:0;
	padding-left:8px;
}


/*
#################################################################
###################### PARTIE CENTRALE ##########################
#################################################################
*/


#colonne_centre
{
	float:left;
	width:437px;
}
#colonne_centre_large
{
	float:left;
	width:607px;
}
#colonne_gauche
{
	float:left;
	width:148px !important;
	width:168px;
	margin:0px 5px 0px 0;
	padding:14px 10px;
	color:#955235;
}
#colonne_droite
{
	float:left;
	width:125px !important;
	width:165px;
	margin:0px 0px 0px 5px;
	padding:14px 20px;
}
#colonne_gauche a{font-size:11px;}

.clr{clear:both;border:0px solid #000;}
.spacer{clear:both;visibility:hidden;height:0px}
/* ###########################################################
		Les differents modules GENERIQUES
########################################################### */


/* ###########################################################
		MISE      EN     FORME     DU       TEXTE
########################################################### */

h1{	margin:0;font-size:16px;}
h2{	margin:0;padding:0;font-size:14px;}
h3{	margin:0;font-size:12px;}
h4{	margin:0;font-size:10px;color:#fff;}

h6{	margin:0;font-size:9px;line-height:9px;font-weight:lighter;}
p{margin:0;padding:0;}

.pad_20_10{padding:20px 0 10px 0;}
.pad_20_0{padding:20px 0 0 0;}
.pad_10_0{padding:10px 0 0 0;}
.pad_0_10{padding:0 0 10px 0;}

a{text-decoration:none;color:#fff;} /* blanc */
a:hover{text-decoration:none;} /* noir */

hr
{
	margin:0;
	border:0px solid #fff;
	height:1px;
	margin-top:5px;
	clear:both;
}


.important{	color:#FF0000;font-size:11px;}
.barre{text-decoration:line-through}

.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

/* ###########################################################
		MISE EN FORME DES IMAGES
########################################################### */
img{border:none;vertical-align:middle}

.img_gauche{float:left;	margin:0 15px 10px 0;}
.img_droite{float:right;margin:0 0 10px 15px;}


/* ###########################################################
		LA  PAGE   D'ACCUEIL
########################################################### */
.rubrique
{
	float:left;
	width:195px;
	height:auto !important;
	height:350px;
	min-height:350px;
	font-size:10px;
}

#deco
{
	width:117px !important;
	width:125px;
	padding-right:8px;
	height:132px;
	overflow:visible;
	margin:30px 0;
	float:right;
	color:#9BAEB2;
	z-index:10;
}

#matiere
{
	background-image:url(images/visuel_matieres.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#550403;
}
#matiere p
{
	margin:120px 0 0 18px;
}

#peinture
{
	width:132px !important;
	width:140px;
	padding-right:8px;
	height:114px;
	overflow:visible;
	z-index:10;
	margin:30px 0;
	float:right;
	color:#FFF;
}

#savoir_faire
{
	width:132px !important;
	width:140px;
	padding-right:8px;
	height:110px;
	overflow:visible;
	z-index:10;
	margin:80px 0 30px 0;
	float:right;
	color:#CEB699;
}

.img_dessous{position:relative;}
/* ###########################################################
		LA  PAGE   DECO
########################################################### */
#centre_rubrique
{
	margin:0;
	height:auto !important;
	height:350px;
	min-height:350px;
	padding:30px 0 10px 20px !important;	
    color:#fff;
}
#centre_rubrique img{vertical-align:baseline;}

.rubrique_1
{background-color:#F35B0B;/*orange*/}

.rubrique_2
{background-color:#7E8FB8;}

.rubrique_3
{background-color:#D0AB40;}

.rubrique_4
{background-color:#B51C40;/*violet fonce*/}

/* ###########################################################
		LA  PAGE   BOOK
########################################################### */
.book
{
	background-image:url(images/bg_book.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	height:auto !important;
	height:300px;
	min-height:300px;
}
#module_reference
{
 float:left;
 width:410px;
 margin-top:30px;
 margin-left:3px;
 /*border:1px solid #000;*/

}

#colonne_libref
{ 
  float:left;
  color:#fff;
  font-size:13px;
  width:90px; 
  font-weight:bold;
}
#colonne_libref a:hover{color:#F35B0B;/* orange */}
#colonne_libref a.select{color:#F35B0B;/* orange */font-weight:bold;}
#colonne_libref .select{border:0px;} 

#colonne_vignette
{
  float:left;
  width:90px;
  margin-left:20px;
}
#colonne_vignette a:hover{color:#F35B0B;/* orange */}
#colonne_vignette a.select{color:#F35B0B;/* orange */font-weight:bold;}
 

.vignette
{
 float:left;
 width:26px;
 height:26px;
 border:4px solid #9BAEB2;
 margin-right:10px;
 margin-bottom:5px;
}
.select
{
	border:4px solid #fff;
}


#colonne_texte
{
 float:left;
 width:180px;
 width:180px !important;
 color:#fff;
 margin-left:20px;
}

#colonne_droit
{
 float:right;
 width:355px;
 /*height:355px;*/
 margin-top:30px;
 text-align:right;
 /*border:1px solid #ffff00;*/
}

/* ###########################################################
		LA  PAGE   CONTACT
########################################################### */
#colonne_gauche_contact
{
	float:left;
	width:0px;
}
#colonne_centre_contact
{
	float:left;
	width:600px;
}
.fond_contact
{
	/*background-color:#fff;*/
}

#module_contact
{
	float:left;
	color:#CAC3B4;/* gris coordonnées */
	/*border:1px solid #000;*/
}
#chapeau_intro a{text-decoration:none;color:#955235;/* marron */}
#chapeau_intro a:hover{text-decoration:underline;}

#module_contact #intro
{
	margin:10px 0px 10px 0px;
	width:130px;
	font-size:11px;
	color:#671e2a;/*bordeau*/
}

#module_contact label
{
	/*margin-left:50px;*/
	float: left;
	margin:0 5px 0 0;
	width:195px;
	text-align:right;
}
#module_contact span{font-size:10px;}
#module_contact input{border:1px solid #9BAEB2;width:300px;margin-bottom:5px;/*background-color:#9BAEB2;*/}
#module_contact textarea{border:1px solid #9BAEB2;width:300px;margin-bottom:5px;/*background-color:#9BAEB2;*/}

#module_contact input.bouton
{
	/*float:right;*/
	margin-top:10px;
	width:80px;
	border:0px;
	background-color:#9BAEB2;/* bleu gris */
	color:#cdd7d9;/* gris rubrique */
	font-weight:bold;
}
#module_contact input.hover
{
	/*float:right;*/
	margin-top:10px;
	width:80px;
	border:0px;
	background-color:#9BAEB2;/* bleu gris */
	color:#8A0807; /* rouge rubrique */
	font-weight:bold;
}
#module_contact .titre_contact{font-size:15px;}

/* ###########################################################
		LA  PAGE   PLAN DU SITE
########################################################### */

#plan
{
	
}
#plan h2{margin:10px 0}
#plan ul,li{margin:0;padding:0}
#plan li{margin-left:20px;list-style-type:disc;list-style-position:inside;color:#D87B2E;}

#plan .sous_li{margin-left:20px;}

#plan li a{color:#000;text-decoration:none;}
#plan li a:hover{color:#75848D;text-decoration:none;}

/* ###########################################################
		LES STYLES DE L'EDITEUR WISIWYG 
########################################################### */

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.titre_wysiwyg
{
	font-size:14px;
	font-weight:bold;
	color:#0b3f97;/*bleu foncé*/
	margin:20px 0 0 -40px;
}