/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	margin: 0;
	padding:0;
	text-align: center;
	font-size: 1em;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

.cs_blocs{
margin-right:10px;
}
#graphique{
margin-top:20px;
}
h4.blocs_titre, h4.blocs_replie {
background:transparent none;
}
.tt_search a{
display:block;
margin:0 0 0 10px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
text-align:left;
color:#009ee1;
}
.desc_search{
display:block;
margin:0 50px 0 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}
.imgPres{
display:block;
text-align:center;
}
.financiers{
display:block;
font-size:9px;
margin-left:50px;
color:#fff;
text-align:center;
line-height:11px;}
#diaporama_innerfade{
width:161px;
}
#nom_res{
display:block;
width: 500px;
height:30px;
line-height:30px;
margin:10px 0 0 0;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
text-align:left;
color:#009ee1;
background:url(delimiteur_bleu.gif) top left no-repeat;
}
table#listeDce td {
font-size:12px;
font-weight:bold;
}
table#listeDce td a:hover{
color:#009ee1;
font-weight:bold;
}
table#listeDce td small {
color:#989ba4;
}
#adress_res{
display:block;
width: 500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3d474a;
height:30px;
background:url(delimiteur_bleu.gif) bottom left no-repeat;
}
#type_res{
display:block;
width: 500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}
.typrRes_3{
display:block;
background:url(typeRes_3.gif) top left no-repeat;
height:30px;
width:20px;
float:left;
}
.typrRes_4{

display:block;
background:url(typeRes_4.gif) top left no-repeat;
height:30px;
width:20px;
float:left;
}
.typrRes_5{
display:block;
background:url(typeRes_5.gif) top left no-repeat;
height:30px;
width:20px;
float:left;
}
.typrRes_6{
display:block;
background:url(typeRes_6.gif) top left no-repeat;
height:30px;
width:20px;
float:left;
}
.mot_noir{
display:block;
float:left;
width:280px;
height:30px;
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;

}
.titre_bleu{
display:block;
float:left;
clear:right;
width:200px;
height:30px;
line-height:30px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#009ee1;
}
.desc_complete h4, .desc_complete h5{
 width:490px;
height:30px;
line-height:30px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#009ee1;
 }
.titre_jaune{
display:block;
float:left;
width:200px;
height:30px;
line-height:30px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#FF9900;
}
.entreprise h4, .entreprise h5{
width:490px;
height:30px;
line-height:30px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#FF9900;
}
.spip_documents_left {
float:left;
margin-bottom:0;
margin-right:15px;
}
p.spip {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
line-height:16px;/**/
}
ul.spip {
list-style:square;
}
li.spip {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
h3.spip{
font-size:1.15em;
font-weight:normal;
margin-bottom:1.4em;
margin-top:2em;
text-align:center;
font-family:"Times New Roman", Times, serif;
color:#56727B;
text-transform:uppercase;
}
.disclaimer{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
padding: 10px;
}
/*La partie entreprise*/
.entreprise{
margin:0 0 0 10px;
}
.entreprise h2{

}
.entreprise span{
display:block;
width:500px;
height:78px;
background:url(tt-entreprise.jpg) top left no-repeat;
}
.entreprise span.mot_noir{
background: transparent none;
height: auto;
display:block;
float:left;
width:280px;
}
.info_ent{
height: auto;
display:block;
float:left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
.colonnes2{
display:block;
width:250px;
margin:0;
padding:0;
float:left;
}
.font-ch-top{
display:block;
background:#fff url(fond-chantier-top.png) top left no-repeat;
padding-top:50px;
/*height:53px;*/
}
.chantier-middle{
display:block;
background:#fff;
margin:0;
padding:10px;

}
.font-ch-bottom{
display:block;
height:26px;
background:url(fond-chantier-bottom.png) top left no-repeat;
}
.tt-diapo-chantier{
display: block;
width:161px;
margin:20px 0 0 0;
font-family:"Times New Roman",Times,serif;
font-size:12px;
font-weight:normal;
height:24px;
line-height:20px;
color:#009EE1;
text-align:center;
padding-left:10px;
background: url(bt-diapo-chantier.png) top left no-repeat;
}
.spip_doc_titre{
height:20px;
font-size:12px;
font-weight:bold;
float:left;
margin-left:auto;
margin-right:auto;
}
.liste_docs {
display:block;
height:30px;
width:440px;
list-style:none;
}
.lien_docs{
display:block;
float:left;
height:20px;
line-height:20px;
}
.small_docs{
display:block;
float:left;
height:20px;
line-height:22px;
margin: 0;
padding:0;
font-size:9px;
}
ul#plan_ul{
margin:0;
padding:0;
list-style:none;
}
ul#dce{
border: 1px solid #009EE1;
padding:100px 0 0 0;
margin:20px 0 0 0;
width: 497px;
background: url(slide-DCE.png) top left no-repeat;
}
ul#plan_ul li ul, ul#dce li{
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
list-style:square;
}
ul#dce li{
width:450px;
margin-left:40px;
}
ul#plan_ul li ul li{
line-height:16px;
}
ul#plan_ul li ul li a:hover, ul#dce li a:hover{
color:#009EE1;
}
ul#plan_ul span{
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#009EE1;
}
#haut{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
display:block;
font-size:11px;
color:#000;
text-align:right;
margin:2px 20px 4px 0;
}
a#haut:hover{
display:block;
font-size:11px;
color:#FF3300;
text-align:right;
margin-right:20px;
}
/* ------------------------------------------ */
/*  tableaux des articles*/
table.spip {
border:1px solid;
border-collapse:collapse;
margin:auto auto 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:10px;
text-align:center;
width:100%;
}
table.spip tr.row_first {
background:#009ee1;
}
table.spip th, table.spip td {
padding:5px;
text-align:center;
vertical-align:middle;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 1024px;
	background:#3d474a url(fond-degrade.jpg) top left no-repeat;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
#frise{
	position:absolute;
	width: 114px;
	background:url(frise.png) top right repeat-y;
	margin-left: 910px;
	margin-right: auto;
	height:100%;
}
#conteneur {
	margin:0;
	padding:0;
	width: 100%;
}

#conteneur #contenu {
	margin:0;
	padding:0;
	float: left;
	width: 100%;
	background: url(frise2.png) top left repeat-y;
	/*height:2000px;*/
}
/*	MENU DE GAUCHE   */
#conteneur #navigation {
	display:block;
	float: left;
	width: 190px;
	margin-left:10px;
	margin-bottom:20px;
	text-align: left;
	height:auto;
	background:transparent none;
}
#conteneur #navigation ul{
width: 190px;
margin-bottom: 10px;
padding:13px 0 10px 0;
background: #fff url(menu-top.gif) top left no-repeat;
}
#conteneur #navigation #decoupe_pages{
display:block;
background:#fff;
background-image:none;
width:auto;
height:20px;
margin: 10px 0 0 30px;
font-size:11px;
color:#333;
border-top:1px dotted #009ee1;
}

.mini{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#888;
}
#conteneur #navigation li{
width: 190px;
margin:0;
padding:0;
height:auto;
background:url(menu-fond.gif);
}
#conteneur #navigation li.bt_res{
width: 190px;
margin:0;
padding:5px 0 0 0;
height:auto;
background:url(menu-fond.gif);
}
#conteneur #navigation li a{
display:block;
width: 188px;
height:auto;
margin:0;
padding:0;
background:url(bt-menu-off.gif);
color:#56727b;
}

#conteneur #navigation li a:hover{
display:block;
width: 188px;
height:auto;
text-decoration:none;
background:url(bt-menu-on.gif);
color:#009ee1;
}
#conteneur #navigation li a span{
display:block;
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
margin-left:30px;
line-height:24px;
}
.on, #conteneur #navigation ul span#decoupe_pages a.lien_pagination{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:15px;
display:inline;
}
a.lien_pagination:hover{
text-decoration:underline;
}
.tt_res{
display:block;
width: 190px;
height:22px;
line-height:24px;
padding-left:30px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
text-align:left;
color:#009ee1;
background:url(tt_residences.jpg) top left no-repeat;
}
#conteneur #navigation li.bt_res a{
height:auto;
background:url(fond-res.jpg) repeat-y;
}
#conteneur #navigation li.bt_res a span{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
}
div.spip{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}
/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	display:block;
	width: 520px;
	height:auto;
	margin: 0 10px 30px 10px;
	background:#fff;
}
.desc_complete{
display:block;
width:500px;
padding:0 0 10px 0;
margin:0 0 0 10px;
background:transparent url(delimiteur_bleu.gif)bottom left no-repeat;
}

#contact-form div.cs_blocs h4.blocs_titre{
background:transparent none !important;
width:170px;
margin-left:335px;
margin-bottom:20px;
padding:0;}
.bouton-nous-contacter{
display:block;
}

h4.blocs_titre span.bouton-nous-contacter p{
display:block;
width:163px;
height:47px;
line-height:47px;
background: url(bouton-nous-contacter.png) top left no-repeat;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
color:#fff;
text-align:center;
}
#contact-form div.cs_blocs .blocs_destination{
background:#ddebf1;
}
.trait_bleu{
display:block;
width:500px;
height:10px;
margin:0 0 0 10px;
background:transparent url(delimiteur_bleu.gif) top right no-repeat;
}
#contenu .encart {
	display:block;
	float: left;
	width: 161px;
	height:250px;
	margin: 0;
	background:transparent none;
}
#contenu #nav_droite{
display:block;
float:right;
width:161px;
margin-right:123px;
background: transparent none;
}
#contenu #nav_droite #boite_login{
width:161px;
background:transparent none;
height:185px;
}
.partenaires{
display:block;
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
padding:0;
text-transform:uppercase;
width:161px;
height:21px;
}
#contenu #nav_droite #boite_login .partenaires a{
background:url(bt-partenaire.png) top left no-repeat;
display:block;
/*margin-left:30px;*/
color:#98bf0d;
text-align:center;
line-height:21px;
height:21px;
}
#contenu #nav_droite #boite_login .partenaires a:hover{
text-decoration:none;
color:#ccfc1f;
}
.entreprises{
display:block;
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
width:161px;
height:23px;
line-height:23px;
text-align:center;
color:#f29400;
background:url(entreprises-log.png) bottom left no-repeat;
}
/* LOGIN */
#log{
width:161px;
height:80px;
}
#log h1{
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#f29400;
margin-left:3px;
padding-top:10px;
}
#log p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#f29400;
margin:0 0 0 3px;
padding:0;
line-height:11px;
}
#log p a{
color:#ffcc00;
}
#log p a:hover{
text-decoration:underline;
}
#log p label{
display:block;
height:10px;
margin-left:0 0 0 3px;
}
#log fieldset{
border:medium none;
margin:0;
padding:0;
}
#log form {
margin:0pt;
padding:5px 0pt;
width:160px;
}
#log input#var_login, #log input.passw {
border:1px solid #f29400;
display:block;
float:left;
font-size:10px !important;
height:14px;
padding:0;
margin-left:3px;
}
.spip_bouton input {
display:inline;
float:left;
font-size:11px !important;
height:16px;
width:48px;
}
.offreprop{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
width:161px;
height:23px;
line-height:23px;
text-align:center;
color:#f29400;
background:url(part-prop.gif) bottom left no-repeat;
}
.offreprop a{
color:#fff;
text-align:left;
display:block;
margin:0 0 0 3px;
text-decoration:none;
line-height:23px;
height:23px;
width:161px;
}
.offreprop a:hover{
color:#fff;
}
/*FORMULAIRES*/
.votre_proposition{
display:block;
margin:0;
padding-top:16px;}
.spip_forms legend {
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
text-align:left;
color:#f29400;
padding:5px;
}
.spip_forms .spip_form_label {
font-family:"Times New Roman", Times, serif;
font-size:16px;
display:block;
font-weight:normal;
text-align:left;
}
.spip_forms .spip_form_label_obligatoire {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:normal;
}
.spip_forms .spip_form_label label, .spip_forms .spip_form_label .label {
color:#56727B;
font-weight:bold;
text-align:left;
}
/*formulaires mail couleurs
******** encardrement
div.spip_forms.form_4 div.spip_descriptif, div.spip_forms.form_6 div.spip_descriptif{
border:1px solid #7fa642;
}
div.spip_forms.form_5 div.spip_descriptif, div.spip_forms.form_7 div.spip_descriptif {
border:1px solid #660066;
}
div.spip_forms.form_8 div.spip_descriptif, div.spip_forms.form_9 div.spip_descriptif, div.spip_forms.form_10 div.spip_descriptif, div.spip_forms.form_12 div.spip_descriptif{
border:1px solid #FF3300;
}
div.spip_forms.form_11 div.spip_descriptif{
border:1px solid #000099;
}*/
div.spip_forms div.spip_descriptif{
border:1px solid #019ee1;
}
/******** texte de titre
div.spip_forms.form_4 legend, div.spip_forms.form_6 legend {
color:#7fa642;
}
div.spip_forms.form_5 legend, div.spip_forms.form_7 legend {
color:#660066;
}
div.spip_forms.form_8 legend, div.spip_forms.form_9 legend, div.spip_forms.form_10 legend, div.spip_forms.form_12 legend {
color:#FF3300;
}
div.spip_forms.form_11 legend {
color:#000099;
}*/
div.spip_forms legend {
color:#019ee1;
}
/* Entete */
#entete {
	float:right;
	display:block;
	width: 500px;
	height:387px;
	background: transparent none;
	}
#entete2{
	float: right;
	display:block;
	width: 500px;
	height:184px;
	margin-right: 10px;
	background: transparent none;
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em;
	background: transparent none;
	}
#entete a { text-decoration: none; }

/* Fil d'Ariane */
#hierarchie {
	background: transparent none;
	height:30px;
	width:100%;
	padding-top:10px;
	margin:0 0 0 50px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3f9ee1;
	}
#hierarchie a{
color:#7fbce4;
}
#hierarchie a:hover{
color:#bfdfed;}
/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	height:31px;
	padding: 0;
	border-top: 1px dotted #fff;
	background: #fff;
	margin: 0;
	text-align: center; }
#pied small { font-size: 10px;
color:#666;
}
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, .voirskel {
	font-family: Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}

.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;
}

#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: #EAFFEA;}
.rubriques .menu-titre { background: #F2FFF2; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 0;
	margin-bottom: 0; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 10px; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.boite{
font-size:10px;
width:155px;
}
.rechercheRes{
display:block;
width:160px;
height:21px;
background:url(recherche-res.png);
}
.rechercheRes span{
display:block;
line-height:21px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-transform:uppercase;
color:#009ee0;
margin:0 0 0 30px;
}
/*Formulaire de recherche avancée*/
.formulaire-recherche .basic-search{
width:100%;
margin:10px 0 8px 0;
}

.formulaire-recherche .adv-search{
width:100%;
height:40px;
}
.formulaire-recherche .basic-search input#input-recherche,.formulaire-recherche .adv-search select,
.formulaire-recherche .basic-search label,.formulaire-recherche .adv-search .AS_label{
display:block;
font-size:11px;
width:161px;
}
.formulaire-recherche .basic-search input#input-recherche{
width:158px;
}
.formulaire-recherche .adv-search .AS_label, .formulaire-recherche .basic-search label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
font-weight:bold;
color:#fff;
}
.adr_search{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:30px;
}
.formulaire-recherche input.bouton{
display:block;
float:right;
}
/*Récursion du formulaire sur la page de résultats*/
.formulaire-recherche2 .basic-search{
width:510px;
padding:0 0 5px 10px;
background:#e4f0f5;
}

.formulaire-recherche2 .adv-search{
float:left;
width:163px;
height:40px;
padding-left:10px;
background:#e4f0f5;
}
.formulaire-recherche2 .basic-search input#input-recherche,.formulaire-recherche2 .adv-search select,
.formulaire-recherche2 .basic-search label,.formulaire-recherche2 .adv-search .AS_label{
display:block;
font-size:11px;
width:161px;
}
.formulaire-recherche2 .basic-search input#input-recherche{
width:158px;
}
.formulaire-recherche2 .adv-search .AS_label, .formulaire-recherche2 .basic-search label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
font-weight:bold;
color:#009EE1;
}
.formulaire-recherche2 input.bouton{
display:block;
float:left;
margin:17px 0 0 68px;
}
.titre_recherche{
font-family:"Times New Roman", Times, serif;
font-size:18px;
clear:both;
color:#0a6193;
background:#D6E4EA url(icone-infobulle.gif) top right no-repeat;
line-height:30px;
padding:0 10px;
margin: 0;
}
/*Infobulle*/
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #f0f6f8;
	-moz-border-radius:5px;
}

/**************************************************/
.formulaire_spip {
text-align: left;
font-size: 10px;
}
.formulaire_spip p {
margin: 0.5em 0;
padding: 0;
}

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton {
text-align: right;
}
.spip_bouton input {
float: right;
}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }


/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file.
		   Refer to README.txt to review markup requirements.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

div#cadreGalery {
	float: left;
	margin: 0 8px 30px;    
	border: 1px solid grey;
	}

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; background: transparent url('fondPanel.jpg') repeat-x center top;}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay h2 a { color: #7d4d01; font-weight: bold; text-decoration: none; outline: none; height: 40px; line-height: 41px; }
.panel .panel-overlay h2 a:hover { text-decoration: underline; }

.panel .panel-overlay p {margin: 0; padding: 0; font-size: 0.7em; font-weight: normal;}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}          

div#pointer > img {display: none;}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}