/* feuille de style pour renovation */
body {margin:auto; background: url(images/fond_body4.jpg) repeat-x #c8c6c5;}
.net {clear:both;}


label{color:#000000; font-weight:bold; padding:5px;}
input {padding:5px; color:#a72438;}
textarea {color:#a72438;}
.erreur {background-color:#a72438; font-style:italic; color:#ffffff;}
.formulaire_erreur {background-color:#a72438; font-style:italic; color:#ffffff;}
.formulaire_ok {background-color:orange; font-style:italic; color:#ffffff;}
h3 {margin:0;}

/* ------------- */
#page {width:910px; margin:auto; font-family: arial, helvetica, sans-serif;}
 
 
/* -------------- */
#entete 
{width:895px; margin:auto; padding-top:20px;}


#entete a:link, #entete a:visited {color:#666666; text-decoration:none; font-weight:bold; border:none;}
#entete a:hover, #entete a:active {color:#ffffff; text-decoration:none; font-weight:bold; border:none;}

#entete a.on:link, #entete a.on:visited {color: #a72438; text-decoration:none; font-weight: bold; border:none;}
#entete a.on:hover, #entete a.on:active {color: #a72438; ftext-decoration:none; font-weight: bold; border:none;}

#conteneur_entete
{width:260px; height:135px; padding-left:40px; padding-top:5px; position:relative;}
#logo
{width:280px; height:98px; background: url(images/petitlogo_accueil.png) no-repeat;}
#etiquette
{width:210px; height:60px; position:absolute; z-index:1; top:91px; left:140px; background: url(images/petiteetiquette_renovation.png) no-repeat;}

#menu 
{width:860px; height:50px; font-weight:bold; color:#FFFFFF; font-size:14px;}
#menu .onglet
{width:100px; height:25px; float:left; padding-top:18px; text-align:center; padding-left:10px;}
#menu .separateur
{width:31px; height:45px; background: url(images/separateur.png) no-repeat; float:left;}

/* -------------- */
#corps 
{width:835px; margin:auto; background:url(images/fond_daipo.jpg) repeat-x; margin:auto; opacity:0.9; filter:alpha(opacity=90); position:relative;}
#corps a:link, #corps a:visited {color:#a72438; font-weight:bold; text-decoration:underline;}
#corps a:hover, #corps a:active {color:orange; font-weight:bold; border:none; }

/* ---sommaire.html------ */

#menu .onglet .red
{color: #a72438;}
#legende
{width:795px; height:100px;  margin:auto; font-size:12px; position:absolute; z-index:2000; top:345px; left:2px; background-color:white; opacity:0.9; filter:alpha(opacity=90); 
padding-left:35px; color:black;font-weight:bold;}
#legende .colonne
{width:215px; height:75px;  padding-top:20px; padding-left:40px; float:left; text-align:left;}
#diapo
{width:830px; height:485px;  margin:auto;}

/* ---rubrique.html------ */
#info
{width:830px; height:420px; background:url(images/fond_corps++.png) repeat-x; margin:auto;}

#chapo
{width:780px; margin:auto; color:#333333; padding-left:18px; padding-top:10px; font-weight:bold;}
#chapo .ariane
{font-size:10px; color:#a72438;}
#chapo .ariane a:link, #chapo .ariane a:visited {color:#666666; font-weight:bold; text-decoration:underline;}
#chapo .ariane a:hover, #chapo .ariane a:active {color:orange; font-weight:bold; text-decoration:none;}
#chapo .titre
{font-size:18px; padding-top:20px; padding-bottom:10px; padding-left:30px;}

#texte
{width:805px; height:320px; background-color:#f9f9f9; margin:auto; color:#333333; padding-top:10px; }
#texte .bord_gauche
{width:29px; height:225px; background: url(images/bord_g.png); float:left;}
#texte .col_gauche
{width:300px; height:270px; margin:auto; float:left; padding-left:20px; padding-right:15px; padding-top:5px; font-size:14px; 
overflow-x: hidden; overflow-y: auto; text-align: justify;}
#texte .col_droite
{width:405px; height:290px;  margin:auto; float:left; padding-left:25px; padding-top:10px;}

/* ---rubrique-4.html------ */
#texte .col_realisations
{width:700px; height:270px; margin:auto; padding-left:20px; padding-right:15px; padding-top:5px; font-size:14px; 
overflow-x: hidden; overflow-y: auto;}

/* ---article.html------ */

#info_article
{width:830px; height:465px; background:url(images/fond_corps++.png) repeat-x; margin:auto;}
#texte_article
{width:805px; height:385px; background-color:#f9f9f9; margin:auto; color:#333333;}
#texte_article .bord_gauche
{width:29px; height:225px; background: url(images/bord_g.png); float:left;}

#texte_article .col_articles
{width:760px; height:375px; margin:auto; padding-top:5px; font-size:14px; 
overflow-x: hidden; overflow-y: auto; background-color:#fff;}
#texte_article .col_articles .titre-fiche
{color:#a72438; border-bottom: 2px solid orange; padding-left:55px; padding-top:10px; padding-bottom:10px;}

#texte_article .col_articles .contenu-fiche
{font-size:12px; padding-left:30px; padding-top:15px; border-bottom: 2px solid #CCC; }
#texte_article .col_articles .contenu-fiche .image-fiche
{width:436px; height:315px; float:left; padding-right:15px;}
#texte_article .col_articles .contenu-fiche .info-fiche
{width:225px; height:285px; float:left; overflow-x: hidden; overflow-y: auto; padding-top:5px; padding-right:10px; padding-left:15px; padding-bottom:10px;
background:url(images/texte_info.png) repeat-x; }


/* -------------- */
#pied
{width:835px; height:75px; margin:auto;}
#pied a:link, #pied a:visited {color:#333333; text-decoration:underline;}
#pied a:hover, #pied a:active {color:#666666; text-decoration:none;}

#sign1
{width:835px; height:50px; font-size:10px; text-align:right; padding-top:5px;}
#sign2
{width:835px; height:25px; font-size:10px; text-align:right;}