/* Couleurs */
/* 

orange : #E77927;
rouge:#BC0005;
pourpre:#C5007B;
violet:#715C9F;
bleu:#0090D4;
vert:#9BCB1A;
*/

*{margin:0;padding:0;}
html{background:url('images/global.png') top repeat-x #E6E6E4; font-family: arial;}
body{}

a {text-decoration:none;}
a:hover {}
div.clearer{clear:both;}


/*Structure de la page*/
div#page{width:960px; margin:0px auto;}
	div#navigation{width:960px;}
	div#content{width:960px;}
	
/*Entête*/
div#entete{height:147px;}
	div#entete img#logo_carayon{float:left; margin:13px 0 0 0;}
	div#entete img#fabricant{float:left; margin:13px 0 0 70px;} 


/*Menu de navigation horizontale*/

div#menu{ background:url(images/menu-center.png) #343434;}
img{border:none;}

div#navigation img#logo{margin:auto; display:block;}
img#drapeau{margin:35px 0 0 -170px;}

div#navigation ul{margin:0 0 0 2px; position:relative;}
	div#navigation ul li{list-style-type:none; float:left; margin:0 1px 0 0; width:107px; padding:0px 2px; color:#FFFFFF; font-family: arial; font-size:10px; font-weight:bold; background:#42474D; text-align:center; cursor:pointer;}
		div#navigation ul li a{color:#FFFFFF;}
	div#navigation ul li ul{position:absolute; display:none; background:#FFFFFF; margin:0px 0 0 -2px; width:150px;}

			div#navigation ul li:hover ul{display:block;}

				
		div#navigation ul li  ul li{background:#FFFFFF; float:none; padding:2px; width:146px; text-align:left; color:#000000}
			div#navigation ul li a{display:block;}
			div#navigation ul ul li a{color:#000000; font-weight:normal; font-size:1.1em;}
				div#navigation ul ul li:hover a{color:#FFFFFF;}
				
html body div#page a#bt_contact{position:fixed; bottom:50px; right:50px; text-align:center; font-weight:bold; color:#000000;}
	div.contact{}

/* MENU Elément par élément*/
	
	/*Onglet HOME*/
	li#p_home{width:50px !important; height:45px; padding:0 3px !important; border-bottom:solid 5px #BC0005;}
		li#p_home a{padding:12px 0;}
		li#p_home:hover{background:#BC0005;}
		
	/*Onglet ACCUEIL*/
	li#p_accueil{border-bottom:solid 5px #C5007B; height:45px;}
		li#p_accueil a{padding:15px 0;}
			
		li#p_accueil:hover{background:#C5007B;}
	div#navigation ul ul#sc-acceuil{border:solid 2px #C5007B;}
		div#navigation ul ul#sc-acceuil li:hover{background:#C5007B; top:0px;}
			div#navigation ul ul#sc-acceuil li a{padding:0;}
	
	/*Onglet COLLECTIVITES*/	
	li#p_collectivite{border-bottom:solid 5px #715C9F; height:45px;}
		li#p_collectivite a{padding:15px 0;}
		
		li#p_collectivite:hover{background:#715C9F;}
	div#navigation ul ul#sc-collectivite{border:solid 2px #715C9F;}
		div#navigation ul ul#sc-collectivite li:hover{background:#715C9F;}
		
		li#p_collectivite ul li.cat-menu{background:#715C9F; color:#FFFFFF; margin:5px 0 2px 0; font-size:1.1em; text-align:center;}
				li#p_collectivite ul li.cat-menu:hover{background:#715C9F !important; color:#FFFFFF !important; cursor:default;}
		li#p_collectivite ul li a{padding:0;}
			
	/*Onglet BUREAUX*/	
	li#p_bureaux{border-bottom:solid 5px #0090D4; height:45px;}
		li#p_bureaux a{padding:15px 0;}
	
		li#p_bureaux:hover{background:#0090D4;}
	div#navigation ul ul#sc-bureaux{border:solid 2px #0090D4;}
		div#navigation ul ul#sc-bureaux li:hover{background:#0090D4;}
			div#navigation ul ul#sc-bureaux li a{padding:0;}

	/*Onglet REUNION*/	
	li#p_reunions{border-bottom:solid 5px #FF0400; height:45px;}
		li#p_reunions:hover{background:#FF0400;}
	div#navigation ul ul#sc-reunions{border:solid 2px #FF0400; margin: 6px 0 0 -2px !important;}
		div#navigation ul ul#sc-reunions li:hover{background:#FF0400;}

	/*Onglet HOTELLERIE*/	
	li#p_hotellerie{border-bottom:solid 5px #476072; height:45px;}
			li#p_hotellerie a{padding:15px 0;}
		li#p_hotellerie:hover{background:#476072;}
	div#navigation ul ul#sc-hotellerie{border:solid 2px #476072;}
		div#navigation ul ul#sc-hotellerie li:hover{background:#476072;}
		
		li#p_hotellerie ul li.cat-menu{background:#476072; color:#FFFFFF; margin:5px 0 2px 0; font-size:1.1em; text-align:center;}
				li#p_hotellerie ul li.cat-menu:hover{background:#476072 !important; color:#FFFFFF !important; cursor:default;}
			li#p_hotellerie ul li a{padding:0px;}

	/*Onglet MOBILIER BOIS*/	
	li#p_bois{border-bottom:solid 5px #830628; height:45px;}
		li#p_bois a{padding:15px 0;}
		
		li#p_bois:hover{background:#830628;}
	div#navigation ul ul#sc-bois{border:solid 2px #830628;}
		div#navigation ul ul#sc-bois li:hover{background:#830628;}		
			div#navigation ul ul#sc-bois li a{padding:0px;}
	
	/*Onglet MOBILIER EXTERIEUR*/	
	li#p_exterieur{border-bottom:solid 5px #D3C000; padding:0 2px !important; height:45px;}
		li#p_exterieur a{padding:8px 0;}
		li#p_exterieur:hover{background:#D3C000;}
	div#navigation ul ul#sc-exterieur{border:solid 2px #D3C000; margin: 0px 0 0 -2px !important;}
		div#navigation ul ul#sc-exterieur li:hover{background:#D3C000;}	
			div#navigation ul ul#sc-exterieur li a{padding:0px;}
	
	
	/*Onglet CULTE*/	
	li#p_culte{border-bottom:solid 5px #9BCB1A; height:45px;}
		li#p_culte a{padding:15px 0;}
		li#p_culte:hover{background:#9BCB1A;}
	div#navigation ul ul#sc-culte{border:solid 2px #9BCB1A;}
		div#navigation ul ul#sc-culte li:hover{background:#9BCB1A;}
			div#navigation ul ul#sc-culte li a{padding:0px;}
		
		
		
	/*LISTE CONTACT*/
	ul#bloc_contact{float:right;margin:15px 20px 0 0;list-style-type:none;}
		ul#bloc_contact li{margin:6px 0;}



	/*Contenu*/
div#content{}

div#content div#contenu{padding:10px 20px;background:#FFFFFF;min-height:680px;}


div#content div#contenu div.col1{width:95%; float:left; margin:10px;}
div#content div#contenu div.col2{width:45%; float:left; margin:10px; text-align:center;}
div#content div#contenu div.col3{width:29%; float:left; margin:10px; text-align:center;}
div#content div#contenu div.col4{width:22%; float:left; margin:10px; text-align:center;}
div#content div#contenu div.col5{width:18%; float:left; margin:10px; text-align:center;}
div#content div#contenu div.col6{width:14%; float:left; margin:10px; text-align:center;}

div#content div#contenu div.col2-3{width:65%; float:right; margin:10px; text-align:center;}
div#content div#contenu div.col1-3{width:30%; float:left; margin:10px; text-align:center;}

.floatLeft{float:left !important;}
.floatRight{float:right !important;}

div#content div#contenu p{color:#666666; font-size:0.9em; padding:10px 0; text-align:justify;}
div#content div#contenu ul{color:#666666; font-size:0.9em; padding:10px 25px;}


div#content div#contenu h1{color:#F47527; font-size:1.2em; letter-spacing:0px; font-weight:normal; text-shadow:1px 1px 2px #ADA4A4;}
div#content div#contenu h2{color:#E77927; letter-spacing:0px; font-weight:bold; font-size:14px; margin:5px 0 5px 0;}
div#content div#contenu h3{color:#E77927; letter-spacing:0px; font-weight:bold; font-size:12px; margin:5px 0 5px 0;}


/*COLORIS*/
div#content div#contenu div.coloris{width:205px; text-align:center; margin:0 5px;}
	div#content div#contenu div.coloris img{max-height:200px;}
	div#content div#contenu div.coloris span{display:block; text-align:center;}



small{display:block; font-style:italic; font-size:0.6em;}

/*Liste des produits*/
div.produit{margin:20px; /*width:220px; height:230px;*/ float:left; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.75); border:solid 1px lightgrey;}
	div.produit:hover{-webkit-box-shadow:7px 7px 5px 0px #C5007B; -moz-box-shadow:7px 7px 5px 0px #C5007B; box-shadow:7px 7px 5px 0px #C5007B;}
	
	div.produit a{text-align:center; display:block; width:220px; height:245px; padding:10px; color:#575E64; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
		div.produit img{}
		div.produit span{display:block; padding:3px 0; margin:5px auto; width:200px; }
		div.produit h2{margin:85px 0 0 0 !important; font-size:1.5em !important;}


/*Bouton demande devis*/
a.bt_devis{display:block; text-align:center; color:#FFFFFF; font-weight:bold; font-size:0.9em; margin:10px auto; width:50%; padding:5px; background:#F47527; border-radius:10px; box-shadow:5px 5px 5px #c6c6c6;}
a.bt_devis:hover{color:#EAEFF2; box-shadow:5px 5px 5px #EAEFF2;}
/*Fiches produits*/
/*Tableau déclinaisons et tarif*/
table.declinaisons{font-size:0.7em; width:890px;text-align:center;}
	table.declinaisons th{width:33%; background:#D0D5D8; padding:3px;}
	table.declinaisons tr{}
	table.declinaisons td{width:33%; padding:3px; background:#E8EEF2;}
	


/*Tableau caractéristiques*/
table.caracteristiques{font-size:0.7em; text-align:left; width:580px;}
	table.caracteristiques tr{background:#CFDAE1;}
	table.caracteristiques tr.bg_ciel{background:#EAEFF2;}
		table.caracteristiques tr td{padding:1px 2px;border:#FFFFFF; width:50%;}


/*Contact*/
div.contact{}
	div.contact tr{text-align:right;background:#D6D9DB;}
	div.contact td{padding:5px;}
	div.contact input,textarea{float:left;}
	div.contact #envoyer{float:right; padding:2px; background:#576065; border:none; border-radius:5px; -moz-border-radius:5px; text-align:center; color:#FFFFFF; font-size:1em; border:solid 1px #EAEFF2;}
	div.contact #envoyer:hover{background:#EA9B62;cursor:pointer;}
	div.contact p{font-size:0.9em; color:#03685C;}
	div.contact legend{margin-left:10px;}
	div.contact fieldset{border-radius:10px;}
	
/*Icone contact*/

 ul.contact_list{font-size:0.9em; color:#CECECE; background:#000000; margin:9px 0 0 0; border-radius:10px;}		
	 ul.contact_list li{list-style-type:none;line-height: 20px !important; margin: 7px 0 0 !important; color:#CECECE; font-size:0.9em; letter-spacing:-0.4px;}
	 ul.contact_list li a{color:#CECECE;}
	 ul.contact_list li a:hover{text-decoration:underline;}
	li.home {background: url("../images/design/home.png") no-repeat scroll left 3px transparent;margin: 0; padding-left: 25px !important;}
	li.phone {background: url("../images/design/phone.png") no-repeat scroll left 3px transparent;margin: 0; padding-left: 25px !important;}
	li.fax {background: url("../images/design/fax.png") no-repeat scroll left 3px transparent;margin: 0; padding-left: 25px !important;}
	li.mail {background: url("../images/design/mail.png") no-repeat scroll left 3px transparent;margin: 0; padding-left: 25px !important;}
	li.help {background: url("../images/design/help.png") no-repeat scroll left 3px transparent;margin: 0; padding-left: 25px !important;}
	li.map {background: url("../images/design/map.png") no-repeat scroll left 3px transparent;margin: 0; padding-left: 25px !important;}
		
/*Pied de page*/
div#footer{margin:10px 0 10px 0; height:30px;text-align:center; color:#E77927;}
	div#footer a{color:#E77927;}
		div#footer a:hover{text-decoration:underline;}
		
		
/*CSS SPECIAL PAGE PERIPHERIQUE REFERENCEMENT*/	
div#content div#contenu p.alignCenter{text-align:center;}	
div.rappel label{width:220px; display:block;}
div.rappel p{background:#E6E6E4; padding:10px !important; border-radius:10px;}
div.rappel .bt{width:260px;margin:20px auto; border:none; background:#585F65; color:#FFFFFF; padding:10px; border-radius:5px;}
span.erreur{color:red;}
span.etat{color:green;}