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



/* Specificites SPIP */
h3.spip {text-align:left;}

/* fil d'ariane, en haut de l'article qui indique où l'on se trouve dans la hiérarchie du site*/
#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: olive; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche .info-publi { font-size: .95em;	margin-top: 0; clear: left; }
.cartouche .h3+.info-publi {margin-top:-0.3em;}

.surtitre, .soustitre { font-size: 0.90em; color: darkkhaki; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: black; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #999999; padding: 0.50em 1em; font-weight: bold; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio - galerie d'image en bas des articles */
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 2px; border: 2px solid linen; }
.documents_portfolio a:hover .spip_logos { border: 4px solid #cccccc; padding: 0;}
.documents_portfolio a.on .spip_logos { border-color: black; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #999999; }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

.menu-liste, .liste-items  {list-style:none;}

.liste-items { padding: px; background:;}/*séparateur entre les différentes rubriques affichées sur une même page, ici la page d'accueil, qui affiche différents articles de plusieurs rubriques*/
.liste-items .item {padding:0 5px 0 5px; clear:both; overflow:hidden; border-top:2px solid dimgray;} /*séparateur entre chaque article d'une même rubrique*/

/*liste des rubriques dans la colonne de droite*/
.menu-liste {
	list-style: none;
	text-align: left;
	margin: 7px 0px 8px;
	padding: 0;
	text-decoration: none;
	
}
.menu-liste .menu-entree {
	list-style: none;
	padding: 4px 5px;
	margin: 0 2px;
	color: gainsborro;
	border-bottom: 1px solid  white ;
}
* html body .menu-liste .menu-entree {
	height: 1%;
}
.menu-liste .menu-entree a {text-decoration: none;	color: black; }
.menu-liste .menu-entree a:hover {color: #ad9c4c;}
.menu-liste .menu-liste { margin-left: 5px; }
.menu-liste .menu-liste .menu-entree { border: none; }

/* Listes d'articles et extraits introductifs */
.articles .liste-items .item { list-style:none; clear: both; padding: 0.40em 0.20em; }
.articles .liste-items .item .h3 { margin: 0.30em 0; }
.articles .liste-items .item .h3 a {color:#666666;}
.articles .item .info-publi { font-size: .95em;	margin-top: 0; clear: left; }
.articles .item .h3+.info-publi {margin-top:-0.3em;}
.articles .spip_logos { float: right; clear: both; margin: 0 0 4px 16px; border: solid 5px silver;}
.articles .liste-items .item .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles .liste-items .item .introduction { margin-top: 0.30em; line-height: 1.40em; }

/* pied de page des articles, lien vers la suite */
.meta-publi {
	clear:both;
	color: #ad9c4c;
	padding: 5px; margin: 20px 0 10px;
	border-top: 1px solid #999999;
	font-size: 95%;
}

.meta-publi .date-redac {	padding-left: 0px; margin: 0 5px; }
.meta-publi .nb_commentaires { padding-left: 0px; margin: 0 5px; }
.meta-publi .lire-la-suite { padding-left: 0px; margin: 0 5px; }

/* Pagination */
.pagination { clear: both; text-align: justify; font-size: 0.95em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }
.liste-items + .pagination {margin-top:0;}


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 0em; margin-right: 1em; text-align: right; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }


/* liste des commentaires */
ul.forum,ul.forum ul {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #cccccc;	
	border-width: 1px 1px 0 1px;
}
ul.forum ul.spip {border:0;}

ul.forum ul { margin:0; }
.forum li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #cccccc; 
}
.forum ul.spip li {border:0;padding:0;}
.forum li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.forum li cite img {
	float: left;
	margin-right: 10px;	
}
.forum li cite .forum-chapo {
	font-size: .8em;
	font-weight: normal;
}
.forum li .forum-texte {
	clear: both;
	margin: 0; padding: 0;
}
.forum li.alt {
	background: silver 
}


/* tableaux */
tables.spip tr,tables.spip tr.row_odd,tables.spip tr.row_even {background:transparent;}



/*Elements html*/



/* élements du haut */
* { margin: 0; padding: 0; outline: 0; }

body {
	background: #666666;
	font: 75%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #333333;
	text-align: center;
	margin: 15px 0;
}

/* liens */
a, a:visited {
	text-decoration: none;
	background: inherit;
	color: black; 
}
a:hover {
	text-decoration: underline;
	background: inherit;
	color: #ad9c4c;
}

/* headers */
h1,.h1, h2,.h2, h3,.h3, h3.spip { font-family: 'Trebuchet MS', Tahoma, Sans-serif;  line-height:100%;margin:1em 0 0.5em;}
h1,.h1 {
	font-size: 180%;	
	font-weight: normal;	
	color: black;
}
h2,.h2 {
	clear:both;
	background: black;
	padding: 5px 10px 10px 10px ; margin: 20px 0 10px;
	border: 1px solid black;
	font-size: 160%;
	color: white;
	font-weight: normal;
}
h3,.h3, h3.spip {
	font-size: 135%;	 
	color: #666666;
	line-height:100%;}

/* images */
.spip_documents img,.spip_logos img {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px 5px 5px 5px;
}
.spip_documents_right { margin: 5px 0px 10px 10px;  }
.spip_documents_left { margin: 5px 10px 10px 0px; }

p {
	margin: 10px 0px;
	padding: 0;
	text-align: justify;
}
ul.spip, ol.spip, ul.forum ul.spip {
	margin: 5px 15px;
	padding: 0 25px;
}

.spip_code {font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;}
.spip_cadre {
  margin: 5px 0;
  padding: 15px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  border: 1px solid #d0cfcb;  
  background: #F4F8FD;
  width:90%;
}
acronym,abbr {
  cursor: help;
  border-bottom: 1px dotted #777;
}
blockquote.spip {
  margin: 10px 0;
  padding-left: 45px;
  font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif; 
  color: #2361BA;
  border: 1px solid #d0cfcb;   
  background: silver url(img/quote.jpg) no-repeat 8px 6px;
}

/* début tableaux */
table.spip {
	border-collapse: collapse;
	margin: 10px 0;
}
table.spip th strong {
	color: #fff;
}
table.spip th {
	background: #d0cfcb url(img/bouton.png) repeat-x 0 0;
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border: 1px solid #d0cfcb;
	border-bottom-width: 2px;
}
table.spip th a,table.spip th a:hover,table.spip th a:visited {background:none;}
table.spip tr {
	height: 32px;
	background: #fff;	
}
table.spip td {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid dimgray; 
}
/* fin tableaux */

/* formulaires */
.formulaire_spip {
	margin:10px 0; 
	padding: 10px 15px;
	border: 1px solid dimgray; 
	background: silver;
}
.formulaire_spip fieldset {
	margin: 0;	padding: 0;
	border: none;
}
.formulaire_spip legend {
	display: none;
}
.formulaire_spip label {
	display:block;
	font-weight:bold;
	margin: 7px 0;
}
.formulaire_spip input.text,.formulaire_spip input.password {
	padding:3px;
	border: 1px solid dimgray; 
	font: normal 1em Verdana, sans-serif;
	color:#777;	
}
.formulaire_spip textarea {
	padding:3px;
	font: normal 1em Verdana, sans-serif;
	border: 1px solid dimgray; 
	height:100px;
	display:block;
	color:#777;
}
#contenu .formulaire_spip textarea {width:400px;}

.formulaire_spip .boutons {
	text-align:left; margin:0;
}
.formulaire_spip .boutons input,.formulaire_spip input.submit { 
	font: bold 12px Arial, Sans-serif; 
	height: 28px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: black url(img/bouton.png) repeat-x 0 0;
	border: 1px solid black;
}

/* conteneur du formulaire de recherche */
.formulaire_recherche {
	background-color: black;
	border:;	
	margin: 20px 0px 20px 0px; 
	padding: 0px 0 5px 0;	
}
/*titre du formulaire de recherche*/
.formulaire_recherche label {
	margin: 5px 1px 10px 10px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	padding: 0;
	color: white;
}

.formulaire_recherche p { margin: 0; padding: 5px; }
.formulaire_recherche input.text { 
	width: 100px;
	color: #777; 
	height: 15px;
	padding: 5px;	
	border: 1px solid black; 
	vertical-align: top;
	background-image:none;
}
#colonne-droite .formulaire_recherche input.text {
	width: 100px;
	margin: 0 0 5px 10px;
}
.formulaire_recherche input.submit {
	height: 30px;
	padding: 2px 5px 5px;
	vertical-align: top;
}
#colonne-droite .formulaire_recherche input.submit {width: 55px;}



/*********************************************************************************
**********************************************************************************
   Mise en page du body, qui redéfinit la charte graphique par défaut du squelette 
**********************************************************************************
*********************************************************************************/ 


#conteneur {
	width: 790px;
	clear:both;
	background: #CCC url(img/contenu.png) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#conteneur-colonne-principale {
	position:;
	clear: both;
	width: 760px;	
	margin: 5px auto;
	padding: 0; 	
}
#header {
	position: relative;
	height: 124px;
	background: #666666 url(img/bandeau-head.png) no-repeat center top;
	padding: 0;	
	color: #fff;	
}
#header #nom_site_spip {
	background: none;
	position: absolute;
	margin: 0; padding: 0;
	font: bold 40px 'Trebuchet MS', Calibri, Sans-serif;
	letter-spacing: -3px;
	color:#d0cfcb;
	text-transform: none;
	text-decoration: none;
	top: 30px; left: 220px;	
}
#header #nom_site_spip a {
	color:white ;
	margin: 10px 0 20px -10px;
	
}

#header #slogan_site_spip  {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 18px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #636734;
	top: 80px; left: 190px;		
}
#header .accueil img.spip_logos { 	
	display:none;
	position: absolute;
	bottom: 0px; right: 5px;	
	
}
#header .formulaire_menu_lang { position: absolute; right: 10px; top: 5px; display: block; margin:0;width: 235px;padding:0;background:none;border:0; } /*Cf.: spip_formulaires.css*/

/* liens du header */
#header #header-links {
	position: absolute;
	color: #d0cfcb;
	font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
	top: 20px; right: 20px;	
}
#header #header-links a {	
	color: #fff;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #8e908f;	
}
#descriptif_site_spip {
	margin-bottom: 1em; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
}

/* navigation */
#navigation {
	clear: both;	
	margin: 0 auto; padding: 0;
	background: #666666 url(img/menu1.png) no-repeat;
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 790px;
	overflow: hidden;
}
#navigation .menu-liste {
	float: left;
	list-style: none;
	margin:0; padding: 0 0 0 20px;
}
#navigation .menu-liste .menu-entree {
	display: inline;padding:0;margin:0;
}
#navigation .menu-liste .menu-entree a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #fff;	
	text-decoration: none;
	background: url(img/sep.png) no-repeat 100% 100%;
}
#navigation .menu-liste .menu-entree a:hover {
	color: #ad9c4c;	
}
#navigation .menu-liste .menu-entree.on a {
	color: black;
}
#navigation .menu-entree .menu-liste{
display:none;
}



/* Colonne principale */
#principale {
	float: left;
	width: 515px;
	margin: 5px 0 10px 1px; padding:20px 15px; 
	display: inline;
	background: url(img/box.png) no-repeat;
	border: solid 1px silver;
}
#principale h2,#principale .h2 {
	font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: 10px; 	
	margin-bottom: 0;		
	color: white;
}


#principale h2 a,#principale .h2 a {
	color: #8e908f;
	text-decoration: none;	
}

#principale ul.spip li {
	
}


/* Colonne droite */	
#conteneur-colonne-droite {
	float: right;
	width: 201px;
	padding: 0; margin:  0 0;	
	color: #777;	
}
#colonne-droite {margin-right:px;}
#colonne-droite h2,#colonne-droite .h2 {
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: ffffff;	
}

#colonne-droite .menu-liste {

}
#colonne-droite .menu-liste .menu-entree {
}
#devis{
	background: transparent url(img/demande-devis.png);
	margin: 25px 8px 15px 10px;
	padding: 10px 5px 0px 0px;
	font-size:100%;
	font-weight: bold;
	text-align: center;
	height: 242px;
}
/*Conteneur des mini-colonnes*/

#avant-pied{
	border-top: solid 50px #d7d2cb;
	clear:both;
	background:#d7d2cb;
	margin:5px 0 5px 0;
	}
	
/*Elements des mini colonnes juste avant le pied de page*/

#mini-colonne-gauche{
	float:left;
	width: 49.5%;
	color:black;
	border-top:solid 10px white;
	border-right:solid 3px white;
	border-bottom: solid 5px #d7d2cb;
	background:#d7d2cb;
	
}

#mini-colonne-gauche .liste-items .item {
	padding:0 10px 5px 5px; 
	clear:both; 
	overflow:hidden; 
	border-top:none;
	margin: 1px 0 1px 0;
} 

#mini-colonne-gauche h2.h2 {
	background:url(img/moment.png) no-repeat right;
	height: 50px;
	border:none;
	padding: 30px 15px 5px 5px ; margin: 0 0 5px;
	font-size: 150%;
	color: white;
	font-weight: bolder;
}
#mini-colonne-gauche.spip_logos img {
	background: #fff;
	border: 2px solid yellow;
	padding: 5px 5px 5px 5px;
	margin: 0 5px 0 0;
}
.colonnes-bas .spip_logos { float: right; clear: both; margin: 0 0 4px 16px; border: solid 5px silver;}

#mini-colonne-droite{
	float:right;
	width: 49.4%;
	color:black;
	border-top:solid 10px white;
	border-bottom: solid 10px #d7d2cb;
	border-left: solid 3px white;
	background:#d7d2cb;
}

#mini-colonne-droite .liste-items .item {
padding:0 10px 5px 5px; 
clear:both; 
overflow:hidden; 
border-top:none;
margin: 1px 0 1px 0;
}

#mini-colonne-droite h2.h2 {
	background:  url(img/blabla.png) no-repeat right;
	height: 50px;
	border: none;
	padding: 30px 6px 5px 5px ; margin: -5px 0 4px;
	font-size: 150%;
	color: white;
	font-weight: bolder;
	
}
#mini-colonne-droite.spip_logos img {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px 0 5px 5px;
}

p.colonne{
	margin : 5px 10px 5px 10px;
	
}

/* Pied de page */	
#pied-de-page {
	color: silver;
	background: #666666 url(img/pied.png) no-repeat center top;
	clear: both;
	width: 790px;
	height: 57px;
	text-align: center;	
	font-size: 90%;	
}
#contenu-pied-de-page { 
	padding: 10px 0;
	margin: 0;
}
#pied-de-page a { 
	color: #fff;
	text-decoration: none; 
}

/* Specifique page d'accueil*/
#illustration {
	width: 500px;
	height:300px;
	background:black ;
	clear:both;
}

/* Page mentions légales*/
#mentions-legales{
	margin: 10px 0px 50px 0px;
}

ul.mentions-legales{
	margin: 50px 20px 20px 20px;
	padding: 10px 0 10px 0;
	font-size: 110%;
	line-height: 2em;
	
}

h1.light{
	clear:both;
	background: none;
	font-size: 160%;
	font-weight: bold;
	border-bottom: solid 1px black;
	padding: 0 0 5px 0:
}
/* Page Plan du site */
ul.plan{
	margin: 0 10px 10px 10px;
}

/*Page espace personnel*/
ul.phrasebienvenue{
	font-weight:bold;
	font-size: 120%;
	margin: 10px 10px 10px 10px;
	}
p.phrasebienvenue{
font-size: 120%;
}
h1.phrasebienvenue{
	font-size: 120%;
	color: black;
	}