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


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font: 90% Verdana, Arial, Helvetica, sans-serif; color: #333; }


/* 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 */

p{margin:0 0 10px 0; padding:0;}

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #EFE6DE; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 980px; margin: 0 auto; text-align: left; background-color:#FFFFFF}

#page .hautPage{
	position:relative; height:132px; background:url(../vsl/fond_haut.gif) no-repeat left top;
}
#page .hautPage .logo{
	position:absolute; top:18px; left:18px;
}
#page .hautPage .menu{
	position:absolute; left:378px; bottom:0; height:20px; padding:0 5px 0 85px;
	background:url(../vsl/fond_menu.gif) no-repeat left top;
}
#page .hautPage .menu dl{
	float:left; margin:0; padding:0;
}
#page .hautPage .menu dt{
	margin:0; padding:0 8px 0 8px; list-style:none;
  	font:12px Verdana, Arial, Helvetica; background:url(../vsl/lien_dt.gif) no-repeat left top;
}
#page .hautPage .menu dt a{
	margin:0 8px 0 0; padding:0 0 0 0; color:#666666; line-height:20px;
}
#page .hautPage .menu dt a:hover{
	color:##006741;
}
#page .hautPage .menu dd{
	margin:0 0 0 -5px; padding:0 0 5px 0; display:none; position:absolute;
	width:170px; z-index:20;
}
#page .hautPage .menu dd a{
 	color:#FFFFFF; font:11px Verdana, Arial, Helvetica, sans-serif;
	background:#B5946B url(../vsl/dossier.gif) no-repeat 1px 5px; display:block; padding:2px 12px 2px 14px;
	border-bottom:1px solid #E6DDD3;
}
#page .hautPage .menu dd a:hover{
	color:#FFFFFF; background:#A29477 url(../vsl/dossier_over.gif) no-repeat 1px 5px;
}

#loginClient{
	position:absolute; top:5px; right:10px; font:10px Verdana, Arial, Helvetica, sans-serif;
}
#loginClient form{
	margin:0;
}
#loginClient input{
	font:10px Verdana, Arial, Helvetica, sans-serif; border:1px solid #D2C3B0;
}
#loginClient .bouton{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif; background:#FFFFFF; border:none; padding:1px 2px;
}
#loginClient .crea{
	margin:8px 0; font:10px Verdana, Arial, Helvetica, sans-serif; text-align:left;
}
#loginClient .crea a{
	background:url(../vsl/loupe.gif) no-repeat left center; padding-left:12px;
}

/* ----------------------------------- */

#page .conteneur, #page .conteneurPage{
	background:#DBCEC0 url(../vsl/fond_page.gif) no-repeat right top;
}
#page .conteneur .tampon, #page .conteneurPage .tampon{
	height:13px; line-height:13px;
}
#page .conteneur table, #page .conteneurPage table{
	border-collapse:collapse; width:100%;
}
#page .conteneur td, #page .conteneurPage td{
	vertical-align:top;
}
#page .conteneur .produits{
	width:570px; padding:15px 0 10px 0;
	background:url(../vsl/coin_un.gif) no-repeat right bottom;
}
#page .conteneur .produits .pad{
	padding:0 0 10px 20px;
}
#page .conteneur .produits h1{
	margin:0 0 10px 0; padding-right:10px;
	font:21px Tahoma, Arial, Helvetica, sans-serif;
	color:#006741;
}
#page .conteneur .produits h2{
	margin:0 0 10px 0; padding-right:10px;
	font:30px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#page .conteneur .produits .produitAccueil{
	float:left; width:20%;
	margin:0 20px 20px 0;
}
#page .conteneur .produits .produitAccueil .titre{
	background:url(../vsl/haut_pav_prod.gif) no-repeat left top;
	font:15px Tahoma, Arial, Helvetica, sans-serif;
	height:20px;
	font-weight:bold;
	color:#ffffff;
	padding-left:5px;
	margin:0px;
}
#page .conteneur .produits .produitAccueil .titreProduct{
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006741;
	padding-left:5px; background:#FFFFFF;
	margin:0px;
}


#page .conteneur .produits .produitAccueil .pad{
	padding:0 0px;
}
#page .conteneur .produits .produitAccueil .logoRub{
	width:122px; height:115px; background:#CCCCCC; float:right; margin-left:5px;
}
#page .conteneur .produits .produitAccueil h1{
	font:16px Georgia, "Times New Roman", Times, serif; text-align:left;
	margin:0; color:#666666; text-transform:uppercase;
}

/* ----------------------- */
#page .conteneur .argu{
	width:230px; background:#E6DDD3 url(../vsl/coin_deux.gif) no-repeat right bottom; padding:70px 0 10px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666;
}
#page .conteneur .argu .pad{
	padding:0 10px 10px 20px;
}
#page .conteneur .argu h1{
	font:bold 14px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 4px 0;
}
#page .conteneur .argu h2{
	font:bold 12px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 8px 0;
}
#page .conteneur .argu h3{
	font:12px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 8px 0; text-align:left;
}
#page .conteneur .argu ul{
	margin:10px 0; padding:0;
}
#page .conteneur .argu li{
	margin:6px 0; padding:0 0 0 10px; list-style:none; background:url(puce.gif) no-repeat left top;
}
/* ----------------------- */

/* ----------------------- */
#page .conteneurPage .contenu{
	width:800px; background: url(../vsl/coin_trois.gif) no-repeat right bottom; padding:70px 0 10px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666;
}
#galerie{
	width:200px; float:right; margin:0 10px 10px 20px;
}
#galerieOnglet{
	width:150px; float:right; margin:0 0 10px 20px;
}
#page .conteneurPage .contenu .pad{
	padding:0 10px 10px 20px;
}
#page .conteneurPage .contenu h1{
	margin:0 0 10px 0; padding-right:10px;
	font:21px Tahoma, Arial, Helvetica, sans-serif;
	color:#006741;
}
#page .conteneurPage .contenu h2{
	margin:0 0 10px 0; padding-right:10px;
	font:16px Tahoma, Arial, Helvetica, sans-serif;
	color:#006741;
}
#page .conteneurPage .contenu h3{
	margin:0 0 10px 0; padding-right:10px;
	font:16px Tahoma, Arial, Helvetica, sans-serif;
	color:#006741;
}
#page .conteneurPage .contenu .texte{
	margin:0 0 10px 0; padding-right:10px;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#666666; text-align:justify;
}
#page .conteneurPage .contenu ul{
	margin:0; padding:0;
}
#page .conteneurPage .contenu li{
	margin:6px 0; padding:0 0 0 10px; list-style:none; background:url(../vsl/puce_carre.gif) no-repeat left 5px;
	display:block;
}
#page .conteneurPage .contenu table{
	margin:10px 0; border-collapse:collapse; border:1px solid red
}
#page .conteneurPage .contenu td{
	border:1px solid #999999; padding:5px; background:#FFFFFF;
}
#page .conteneurPage .contenu .onglets ul{
	margin:0; padding:0; position:relative; z-index:2;
}
#page .conteneurPage .contenu .onglets li{
	margin:0; padding:0; list-style:none; display:inline; background:none;
}
#page .conteneurPage .contenu .onglets li a{
	color:#666666; background:url(../vsl/onglet_on.gif) no-repeat left top; padding:2px 8px; line-height:22px;
}
#page .conteneurPage .contenu .onglets li a.on{
	 background:url(../vsl/onglet_on.gif) no-repeat left top;
	 padding:2px 8px 4px 8px; color:#666666; font-weight:normal; z-index:100;
}
#page .conteneurPage .contenu h2{
	font:bold 12px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 8px 0;
}
#page .conteneurPage .contenu h3{
	font:bold 12px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 8px 0; text-align:left;
}

/* ------------------------------------------ */
#page .conteneurPage .contenu .artChoose{
	padding:20px 30px 10px 30px; text-align:justify; background:#EDE5DC url(../vsl/coin_quatre.gif) no-repeat right bottom;
	margin-top:-2px; margin-right:10px; border-top:1px solid #999999;
}
#page .conteneurPage .contenu .artChoose table{
	margin:10px 0; border-collapse:collapse; border:1px solid #999999;
}
#page .conteneurPage .contenu .artChoose td{
	border:1px solid #999999; padding:5px;
}
#page .conteneurPage .contenu .artChoose hr{
	height:1px; color:#999999; background-color:#999999; border:none; margin:5px 0;
}
#page .conteneurPage .contenu .artChoose h1{
	font:bold 14px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 8px 0;
}
#page .conteneurPage .contenu .artChoose h3{
	font:bold 12px Arial, Helvetica, sans-serif; color:#006741; margin:0 0 8px 0; text-align:left;
}

/* ----------------------- */

#page .conteneur .droite, #page .conteneurPage .droite{
	width:180px; background:#FFFFFF; padding:70px 0 5px 0;
}
#page .conteneur .droite .pad, #page .conteneurPage .droite .pad{
	padding: 0 0 10px 15px;
}
#page .conteneur .droite .item, #page .conteneurPage .droite .item{
	background:url(../vsl/bas_item.gif) no-repeat left bottom;
	padding:0 5px 7px 0; font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:8px; color:#666666;
}
#page .conteneur .droite .item table, #page .conteneurPage .droite .item table{
	border-collapse:collapse;
}
#page .conteneur .droite .item td, #page .conteneurPage .droite .item td{
	vertical-align:middle;
}
#page .conteneur .droite .item img, #page .conteneurPage .droite .item img{
	margin-right:5px;
}
#page .conteneur .droite .item a, #page .conteneurPage .droite .item a{
	color:#666666;
}
#page .conteneur .droite .item a:hover, #page .conteneurPage .droite .item a:hover{
	color:#FF9900;
}
#page .conteneur .droite .itemActu a, #page .conteneurPage .droite .itemActu a{
	color:#666666;
}
#page .conteneur .droite .itemActu a:hover, #page .conteneurPage .droite .itemActu a:hover{
	color:#FF6600;
}
#page .conteneur .droite .item h1, #page .conteneurPage .droite .item h1{
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif; color:#666666;
	margin:0 0 0 0;
}
#page .conteneur .droite .itemActu, #page .conteneurPage .droite .itemActu{
	background:url(../vsl/bas_item.gif) no-repeat left bottom;
	padding:0 5px 7px 0; font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	margin:12px 0; color:#666666;
}
#page .conteneur .droite .itemActu .titre, #page .conteneurPage .droite .itemActu .titre{
	background:url(../vsl/titre_actu.gif) no-repeat left top; height:30px;
}
#page .conteneur .droite .itemActu h1, #page .conteneurPage .droite .itemActu h1{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#666666;
	margin:2px 0 0 0;
}
#page .conteneurPage .ssmenu{
	margin:10px 0; border-top:1px dashed #666666; padding:5px 0;
}
/* ----------------------- */

#pied{
	width:980px; margin:0 auto; height:80px; position:relative;
	background:#FFFFFF url(../vsl/baspage.gif) no-repeat right bottom;
}
#pied .texte{
	position:absolute; left:10px; top:10px; width:85%; font:9px/11px Arial, Helvetica, sans-serif;
	text-align:left; color:#B19F8B;
}

/* ----------------------- */

.popup{
	margin:20px; background:#EFE6DE;
}

#iframe{
	border-left:1px solid #999999; border-right:1px solid #999999; background-color:#FFFFFF;
	padding:10px; text-align:left; font:11px Verdana, Arial, Helvetica, sans-serif;
}
#iframe table{
	border-collapse: collapse;
}
#iframe td{
	padding:5px;
}
#iframe h1{
	margin:0 0 10px 0; padding-right:10px; font:21px Tahoma, Arial, Helvetica, sans-serif;
	color:#006741;
}
#iframe form{
	margin:0
}
#iframe form input, #iframe form textarea{
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#iframe .gauche{
	width:40%; vertical-align:middle; text-align:right;
}
#iframe .droite{
	width:600%; vertical-align:middle;
}







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