/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; height:100%} /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ 

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { 
	background: #000000; margin:10px 0; padding: 0; text-align: left; 
	font-size:11px;
}

#pageSommaire { 
	position: relative; width:980px; margin: 0 auto; text-align: left; 
}
#pageSommaire .hautPage {
	height:350px; background:#FFFFFF; position:relative;
}
#pageSommaire #diaporama_innerfade {
	height:355px; width:980px; background:#FFFFFF; position:absolute; top:0; left:0;
}

#pageSommaire .hautPage .intro {
	position:absolute; top:30px; left:15px; width:340px;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:justify;
	color:#FFFFFF; z-index:100;
}
#pageSommaire .hautPage .intro h1 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:left;
}
#pageSommaire .hautPage .blancDroite {
	position:absolute; top:0; right:0; z-index:10;
	width:292px; height:350px; background: #FFFFFF;
	filter: Alpha(Opacity=30); opacity:.3;
}

#pageSommaire .hautPage .blancBas {
	position:absolute; bottom:0; left:0; width:680px; height:30px;
	background: white; filter: Alpha(Opacity=20); opacity:.2; z-index:10;
}
#pageSommaire .hautPage .logo {
	position:absolute; bottom:0; right:0; width:390px; height:155px; z-index:100;
	background:#FCB36B url(../vsl/logo_accueil.gif) no-repeat left top;
}
#pageSommaire .basPage {
	background-color:#4A3028; position:relative;
}
#pageSommaire .basPage .menuProduits {
	vertical-align:top; width:688px;
}
#pageSommaire .basPage .droite {
	vertical-align:top; width:292px;
}
#pageSommaire .basPage .droite .devis, #pageSommaire .basPage .droite .actus {
	margin:15px 0; border-bottom:1px solid #999999; padding-right:8px; position:relative;
}
#pageSommaire .basPage .droite .devis h1 {
	font:15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:0 0 5px 0; text-transform:uppercase;
}
#pageSommaire .basPage .droite .devis p, #pageSommaire .basPage .droite .actus p {
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:0 0 5px 0; padding-right:5px;
}
#pageSommaire .basPage .droite .actus h1 {
	font:15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:0 0 5px 0; text-transform:uppercase;
}
#pageSommaire .basPage .droite .actus h2 {
	font:bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:0 0 5px 0;
}

#pageSommaire .basPage .droite .plan{
	margin:10px 0;
}
#pageSommaire .basPage .droite .plan h1{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:0 0 5px 0; text-transform:uppercase;
}

#pageSommaire .basPage .droite .evenement{
	margin:10px 0 15px 0; border-bottom:1px solid #999999;
	padding-right:10px; position:relative;
}
#pageSommaire .basPage .droite .evenement h1 {
	font:15px Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0; text-transform:uppercase;
}

#pageSommaire .motcles {
	text-align:center;  background-color:#4A3028; position:relative;
	color:#CCCCCC; font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px;
}

#pageSommaire .hautPage .menuHaut {
	position:absolute; top:0; right:0;
	width:292px; height:350px; z-index:50;
}
#pageSommaire .hautPage .menuHaut .phone {
	position:absolute; top:2px; left:2px; width:292px; padding-left:30px;
	height:30px;font:bold 18px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background: url(../vsl/phone.gif) no-repeat left center;
}
#menu {
	margin-top:55px; text-align:left;
}
#menu a{
	color:#FFFFFF; padding-left:15px;
	background:url(../vsl/puce_rouge.gif) no-repeat left 2px;
}
#menu a:hover{
	color:#FF9900;
	background:url(../vsl/puce_rouge_over.gif) no-repeat left 2px;
}
#menu ul{
	margin:0; padding:0;
}
#menu li{
	margin:0 0 0 0; padding:5px 0; list-style:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
#pageSommaire #menuProd{
	padding:30px 10px 0 15px;
}

#pageSommaire #menuProd .bloc{
	width:275px; float:left; border:1px solid #999999; min-height:240px;
}
#pageSommaire #menuProd .bloc h1{
	background:#2E1811; color:#FFFFFF; text-align:left; font:12px Verdana, Geneva, sans-serif; margin:0; padding:0;
}
#pageSommaire #menuProd .bloc ul{
	margin:0; padding:0 5px;
}
#pageSommaire #menuProd .bloc li{
	margin:0; padding:0; list-style:none; border-bottom:1px dashed #999999; font:12px Verdana, Geneva, sans-serif;
}
#pageSommaire #menuProd .bloc li a{
	color:#FFFFFF; display:block; padding:8px 0 8px 18px; background:url(../vsl/fleche.gif) no-repeat left center;
}
#pageSommaire #menuProd .bloc li a:hover{
	background:#41271F url(../vsl/fleche_over.gif) no-repeat left center; color:#FF6600;
}

#pageSommaire #menuProd .pros{
	margin-left:20px;
}

#formulaire form{
	margin:0;
}
#formulaire input, select{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:#EAEAEA; border:1px solid #999999;
}

#signature{
	width:980px; margin:10px auto 5px auto;
}

#page { 
	position: relative;width:980px; margin: 0 auto; text-align: left;
	background:#4A3028 url(../vsl/fond_page_type.jpg) no-repeat left top; 
}
/* style menu produits un page */
#page .menuProdun{
	position:absolute; top:0; left:0; z-index:20;
}
#page .menuProdun img{
	margin:0; vertical-align:middle; float:left
}
#page .menuProdun .item{
	position:relative; float:left; margin:0;
	width:115px; height:108px;
}

/* style menu produits deux page */
#page .menuProdeux{
	position:absolute; top:108px; left:0; z-index:50;
}
#page .menuProdeux .item{
	position:relative; margin:0;
	width:115px; height:110px;
}
#page .menuProdeux img{
	vertical-align:middle; display:block; margin:0;
}
#page .menuProdeux .menurub{
	background:#2E1811 url(../vsl/rond_haut_menu.gif) no-repeat right top; color:#FFFFFF; width:130px; position:relative; top:-1px;
}
#page .menuProdeux .menurub{
	background:#2E1811 url(../vsl/rond_haut_menu.gif) no-repeat right top; color:#FFFFFF; width:130px; position:relative;
}
#page .menuProdeux .menurub ul{
	margin:0 5px 0 5px; padding:8px 0 10px 0;
}
#page .menuProdeux .menurub li{
	margin:0; padding:3px 0 3px 10px; list-style:none; border-bottom:1px dashed #85665C; background:url(../vsl/puce_li_mgauche.gif) no-repeat left 6px;
	font:11px Verdana, Geneva, sans-serif;
}
#page .menuProdeux .menurub li a{
	color:#FFFFFF;
}
#page .menuProdeux .menurub li a:hover{
	color:#FF9900;
}
#page .menuProdeux .menurub .bas{
	position:absolute; right:0; bottom:0; height:8px;
}

#page .logoPage { 
	position: absolute; top:70px; right:0; width:295px; z-index:10;
}
#page .hautPage { 
	position: relative; height:135px;
}
#page .hautPage .menu { 
	position: relative; top:14px; left:475px; width:150px;
}
#page .hautPage .menu a{
	color:#FFFFFF; padding-left:15px; background:url(../vsl/puce_rouge.gif) no-repeat left 2px;
}
#page .hautPage .menu a:hover{
	color:#FF9900; background:url(../vsl/puce_rouge_over.gif) no-repeat left 2px;
}
#page .hautPage .menu ul{
	margin:0; padding:0;
}
#page .hautPage .menu li{
	margin:0 0 0 0; padding:3px 0; list-style:none; font:12px Verdana, Arial, Helvetica, sans-serif;
}
#page .hautPage .phone{ 
	position: absolute; top:20px; left:685px; padding-left:30px;
	width:292px; height:30px;font:bold 18px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background: url(../vsl/phone_page.gif) no-repeat left center;
}

#page .corpsPage{
	background-color:#4A3028; padding:25px 0 35px 0; min-height:450px;
}
#page .corpsPage table{
	border-collapse:collapse;
}
#basPage{
	padding:8px 0; background-color:#4A3028; width:980px; margin:0 auto;
	text-align:center;  color:#CA9F72; font:9px Verdana, Arial, Helvetica, sans-serif;
}

/* styles colonne argumentaire page*/
#page .corpsPage .argu{
	vertical-align:top; width:685px; color:#FDDDBC;
}
#page .corpsPage .argu .conteneur{
	padding:0 35px 0 180px;
}
#page .corpsPage .argu h1{
	font:20px  Arial, Helvetica, sans-serif; margin:0 0 10px 0 ;
}
#page .corpsPage .argu h2{
	font:15px Tahoma, Arial, Helvetica, sans-serif; margin:0 0 5px 0;
}
h3.spip {
	text-align: left; margin-top: 5px; margin-bottom: 2px; font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
}
#page .corpsPage .argu .texte{
	text-align:justify; font:11px/15px Verdana, Arial, Helvetica, sans-serif;
}
#page .corpsPage .argu .sousmenu{
	margin:15px 0; border-top:1px dashed #CCCCCC; clear:both;
}
#page .corpsPage .argu .sousmenu p{
	margin:5px 0;
}
#page .corpsPage .argu .sousmenu a{
	color:#FFFFFF; padding:5px 0 5px 15px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../vsl/puce_texte.gif) no-repeat left center;
}
#page .corpsPage .argu .sousmenu a:hover{
	color:#FF9900;
	background:url(../vsl/puce_texte_over.gif) no-repeat left center;
}
#page .corpsPage .argu .portfolio{
	margin:6px 0;
}
#page .corpsPage .argu .portfolio img{
	margin:5px; border:1px solid #999999;
}
#page .corpsPage .argu fieldset{
	border:1px solid #999999; padding:3px; margin:10px 0;
}
#page .corpsPage .argu legend{
	font:10px Verdana, Arial, Helvetica, sans-serif; padding:1px 5px;
}
#page .corpsPage .argu fieldset .item{
	float:left; width:100px; text-align:center;
}
#page .corpsPage .argu fieldset p{
	margin:2px 0;
}

#page .corpsPage .argu .blocActu{
	margin:10px 0; border-top:1px dashed #999999; border-bottom:1px dashed #999999;
	padding:5px 0; text-align:justify;
}
#page .corpsPage .argu .blocActu p{
	margin:5px 0 0 0;
}
#page .corpsPage .argu .blocActu a{
	color:#FFFFFF; background:url(../vsl/puce_texte.gif) no-repeat left center;
	padding:0 0 0 15px;
}
#page .corpsPage .argu .blocActu a:hover{
	color:#FF9900; background:url(../vsl/puce_texte_over.gif) no-repeat left center;
}

/* styles colonne droite page*/
#page .corpsPage .extras{
	vertical-align:top; width:295px;
}
#page .corpsPage .extras .conteneur{
	padding:40px 0 0 0;
}

#page .corpsPage .extras .evenement{
	margin:10px 0 15px 0; border-bottom:1px solid #999999;
	padding-right:10px; position:relative;
}
#page .corpsPage .extras .evenement h1 {
	font:15px Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0;
}

#page .corpsPage .extras .devis{
	margin:10px 0 15px 0; border-bottom:1px solid #999999;
	padding-right:10px; position:relative;
}
#page .corpsPage .extras .devis h1 {
	font:15px Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0;
}
#page .corpsPage .extras .devis p{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0; padding-right:5px;
}

#page .corpsPage .extras .actus{
	margin:0 0 15px 0; border-bottom:1px solid #999999;
	padding-right:10px;
}
#page .corpsPage .extras .actus p {
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0; padding-right:5px;
}
#page .corpsPage .extras h1 {
	font:15px Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0; text-transform:uppercase;
}
#page .corpsPage .extras h2 {
	font:bold 11px Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0;
}

#page .corpsPage .extras .plan{
	margin:10px 0;
}
#page .corpsPage .extras .plan h1{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0; text-transform:uppercase;
}

#page .corpsPage .extras .download{
	margin:10px 0; border-bottom:1px solid #999999; padding-right:10px;
}
#page .corpsPage .extras .download h1{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FDDDBC;
	margin:0 0 5px 0; text-transform:uppercase;
}

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: transparent; }
table.spip tr.row_odd { background: transparent; }
table.spip tr.row_even { background: transparent; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid #FFFFFF; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: none; }
a:focus{outline:none;}

/* Couleurs des liens de SPIP */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_ancre {} /* liens internes a la page */
a.spip_in {color: #FF9900;} /* liens internes */
a.spip_mail { color: #FF9900; }
a.spip_mail:before { content: "\002709"; } /* liens vers un email */
a.spip_out { color: #FF9900; } /* liens sortants */
a.spip_url { color: #FF9900; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
a.spip_glossaire:hover { text-decoration: underline overline; }
.on { font-weight: bold; } /* liens exposes */