/*****************************************
newpool 760px centre
***************************************/



body {background:url("../images/fond.jpg") repeat-x #cdf5f6; font:0.9em "Trebuchet MS", Verdana, Arial, sans-serif; color:#444444; text-align:center; width:840px; margin:auto; }

* {margin:0; padding:0;}
li { list-style:none;}
a {text-decoration:none; color:#BF6A17;}
a:hover {color:#639F94; outline:none;}

#fondorange { float:left; width:840px; background: #DFA74F; border-right:1px solid #8EAFA9; border-left:2px solid #FFC76F; padding-top:10px;}

#container {float:left; width:780px; margin-left:30px !important; margin-left:15px; background:#FEFFF9; }

#top {float:left; width:610px; height:170px; background:url("../images/haut_anim.gif") left top no-repeat #FFFFFF; }

#right {float:right; width:170px;  background:#77BFB7; margin-bottom:5px; margin-left:5px;}

#left {float:left; width:100%; height:100%; text-align:justify; background:url("../images/logo_fond.jpg") center center no-repeat fixed #FEFFF9; }

.page_sommaire #left, .page_rubrique_lang #left {width:70%; font-size:1.1em; padding:20px; }

#footer {clear:both; width:100%; height:30px; background:#DFA74F; text-align:center; font-size:0.95em;  }
#footer a {color:white; font-weight:bold; }

#site { font:0.7em Arial, Helvetica, sans-serif;}

/*****************************************
fin general
***************************************/

#entete {float:left; width:780px; height:180px; text-align:right;  font-size:22px; color:#D37D18; font-weight:bold; }

#menu_lang a {float:right; height:20px; font-weight:bold; font-size:9px; padding:0 5px;}
#menu_lang ul li .on { display:none; }

#agence {position:absolute; top:300px; left:300px;}



/*****************************************
menu
***************************************/


#menu {float:left; width:100%; text-decoration:none; font-size:1em; text-align:left;
margin-top:10px; margin-bottom:20px;}

#menu a {color:#EFFFF9; display:block; padding:2px 2px 2px 10px;}

#menu a:hover {color:#2C8A8F;  background:#C8E8E6; border-left:5px solid #DFA200;
padding-left:5px; outline:none;}

#menu li {width:100%;  }

#menu ul li .on {display:none; outline:none;}

#recherche {margin-top:40px; margin-left:9px; margin-bottom:20px;}

.menu a span {     /* definition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* definition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
color: #000;
outline:none;
}

#dauphins {text-align:center;}


/************************************************
articles
*************************************************/

#desrubrique {padding:50px 10px 5px 10px;}

.page_article #container {float:left; width:100%;}

.page_article #left {width:85%;}

#article {padding-left:8px;}

.legende {font-weight:bold; text-align:center; padding:2px; margin-top:20px;}

#sousmenu {float:right; width:200px; padding:0px; }

#left .titre {float:right; font-size:1em; color:#2C8A8F; text-align:right; padding:2px  5px;  border-right:5px solid #DFA200; background:#C8E8E6; margin-top:10px;}

.titreart li  {float:right; display:block; font-size:1em; color:#2C8A8F; text-align:right; }
.titreart li a {float:right; display:block; font-size:1em; color:#2C8A8F; text-align:right; padding:2px 10px 2px 5px;}

.titreart li a:hover {color:#2C8A8F; background:#C8E8E6; border-right:5px solid #DFA200;
padding:2px 5px;}

#left .titrerubart {float:right; font-size:1em; color:#2C8A8F; text-align:right; padding:2px 5px;  border-right:1px solid #DFA200; background:#C8E8E6; margin-bottom:20px;}

#left .texte {padding:30px 10px 10px 5px; }

.pagination { font-size: 0.90em; }


/*************articles avec images rangees en colonnes**************/

#article_images {float:left; width:575px; padding-top:20px; padding-left:10px; }
#article_images .textecomment {float:left; width:195px ; text-align:left; font-size:0.9em; }

#article_images  #vignettes {float:left; display:inline; text-align:center; width:190px; height:250px; }
#article_images .surtitre, .soustitre {text-align:center; font-weight:bold;}


.page_realisations #article_images  #vignettes {float:left; display:inline; text-align:center;  width:48%; height:170px; }

.page_realisations #article_images .textecomment {float:left; width:100% ; margin-bottom:20px; text-align:left; font-size:0.9em; }

.page_ligne #article_images  #vignettes {float:left; display:inline; text-align:center;  width:190px; height:100px; }

.page_ligne #article_images .textecomment {float:left; width:100% ; margin:20px 0; text-align:left; font-size:0.9em; border-top:dotted 1px gray;}

.page_couleurs #article_images  #vignettes {float:left; display:inline; text-align:center;  width:190px; height:200px; }

.page_couleurs #article_images .textecomment { width:100% ; margin-bottom:20px; }

.page_escaliers #article_images  #vignettes {float:left; display:inline; text-align:center;  width:190px; height:180px; }

.page_technique #article_images  #vignettes {float:left; display:inline; text-align:center;  width:190px; height:180px; }

/*************carte**************/

#map {text-align:center; margin-top:40px;}

#poly {position:relative; top:10px; left:10px;}
#poly a span {display:none;}
#poly a:hover span {position:absolute; display:block; width:200px; background:white;}



/*************Formulaire de recherche**************/

.formulaire_recherche {text-align:left;}/*place du rectangle recherche*/
.formulaire_recherche label { display:none; }

/********resultats de la recherche*********/

.page_recherche {padding-top:10%;}
.page_recherche .surtitre {font-size:1.2em;}
.page_recherche .mot {font-size:1.2em; font-weight:bold; text-decoration:underline; padding:10px 0px 10px 250px;}




/*************page auteur**************/

.page_auteur #container {float:left; width:100%;}

.page_auteur #left {width:85%;}

.page_auteur .cartouche {width:100%; }

.page_auteur .formulaire_recherche {width:80%;}

.page_auteur .formulaire_spip label  {vertical-align:top;} /*votre adresse, sujet, message*/



.page_auteur .formulaire_spip fieldset { /*cadre pointilles*/
height:400px; }

.page_auteur .formulaire_spip .forml {width:100%; background:#F3EEDA;}/*les cadres a ecrire*/


/*************Styles des formulaires de Spip */

.formulaire_spip label {text-align:left;}/*votre adresse, sujet, message*/

.formulaire_spip {font-size:1em; } /*pour tous les formulaires*/

.formulaire_spip p {margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {/*cadre entoure de pointilles pour envoyer message*/
display:block;
margin:0.77em 0;
padding:0.77em;
width:95%; background:#CFE6E3;}

.formulaire_spip legend { /*Envoyer un message en haut*/
padding:3px;}


.formulaire_spip .forml {/*cadres ecrire tous formulaires*/
width:95px;
padding:1px;
border:1px inset #E9DDCF;
font-family:inherit;
font-size:inherit; background:#C8E8E6; color:#444444;}

.spip_bouton { text-align:right; }
.spip_bouton input { /*bouton d'envoi*/
margin:3px 0;
padding:1px 2px;
border:1px outset #FFE7BD;
font-weight:bold;
float:right; background:#8FBFB6; color:#F3EEDA; }