body {rem background-color:#D6F0E6; background-color:#FFFFFF;margin:0 0 0px 0 ;padding: 0 0 0 0;font-family: arial,verdana,helvetica,sans-derif,sans serif;#669999;font-size:90%;}

body.rubrique { rem background: #E5E4E2 url(images/bandeau-fond-rubrique.jpg) repeat-y top center;  margin:0 0 0px 0 ;padding: 0 0 0 0;}
	
a {text-decoration: none;color:#7F9797;}
a.hover {text-decoration: none;color:#EC7C04;}

/*-------------------------------------------------------------- */
/* navigation                                      */
/*-------------------------------------------------------------- */
#menu_h {
height:20px;
top:0px;
padding: 0 0 0 0;
margin: 0px 0 0px 0px;

  
}
ul.menu_h{ list-style: none;margin: 0;rem font-weight: bold; font-family: verdana,helvetica,arial,sans-serif;font-size: 13px;padding:0 0px 0 0;}
ul.menu_h li { float:left;padding: 0 0 0 0; margin: 0px 0px 0 0;  }
ul.menu_h li a { display: block; text-decoration: none; color:#707070;font-weight:500;border-right: 1px solid #999;padding: 0 4px 0 4px;}
ul.menu_h li a:hover {display: block; padding: 0; text-decoration: none;color:orange; border-right: 1px solid #999;padding: 0 4px 0 4px; }
ul.menu_h li a.on {color:#339999;font-weight: 600; }
ul.menu_h li span { display: block; float: left; padding: 0 0 0 19px; }


#menu_droit {
rem float:left;
top:0px;
padding: 0 0 0 0;
margin: 11px 0 0 600px;
rem background-color:red;
  
}
ul.menu_d{ list-style: none;text-align:left;padding:0;margin:0;font-weight: bold; font-family: verdana,helvetica,arial,sans-serif;font-size:.75em;}
ul.menu_d li a.item1 { margin: 0 0 0 75px;color:#1D8F1D;line-height: 18px;}
ul.menu_d li a.item2 { margin: 0px 0 0px 52px;color:#E38704;line-height: 22px;}
ul.menu_d li a.item3 { margin: 0px 0 0 83px;color:#178289;}

ul.menu_d li a:hover { text-decoration: none;color:orange; }

/* ----------------------------- */
/*            bloc Page          */
/* ----------------------------- */


#entete{
 background: #FFFFFF url(images/entete.jpg) no-repeat top center;
  width: 775px;
border-top: 1px solid #71767A;  
border-left: 1px solid #71767A;  
border-right: 1px solid #71767A;  
padding: 0;
height:180px;
margin: 10px auto 0px auto;
}

#global {
   width: 775px;
 background: #FFFFFF url(images/fond-page.jpg) repeat-y top center;
  padding: 0 0 0 0;
 border-left: 1px solid #71767A;  
 border-right: 1px solid #71767A;  
border-bottom: 1px solid #71767A;  
 margin: 0px auto 20px auto;
}
#global_rubrique {
   width: 775px;
  padding: 0 0 0 0;
  margin: 0 auto;

}

#page {	
  background: #FFFFFF url(images/filigrane.jpg) no-repeat left bottom;
  padding : 0 0 0 0px; 
  margin : 0 0 0 0;
}
#page_accueil {	
  rem background: #EEEEEE;
  padding : 0 0 0 0px; 
  margin : 0 0 0 0;
}

html>body #page{
height: auto;
min-height: 480px;
} 


#sidebar {
  rem float: left;
 padding: 0 0 0 0;
  margin-top:41px;
  margin-left: 98px;
  width: 650px;
	
}

#image_sidebar{
margin-top:15px;
}
#content_realisation {
    background: #FFFFFF url(images/filigrane2.jpg) no-repeat right bottom;
  rem float: left;
  margin-top: 0px;
  margin-left: 165px;
   margin-bottom: 30px;
  rem width: 565px;
   rem min-height:120px;
}
H2.titre_article_realisation {rem width:560px;text-align:right;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:1.6em;line-height: 1.3em;font-style:italic;color:#99CCCC ; padding: 3px 0px 0px 0px; margin: 0px 15px 5px 45px;  background: url(images/image_titre.jpg) no-repeat left}
H3.stitre_article_realisation {rem width:560px;rem text-align:right;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:1.1em;line-height: 1.3em;color:#669999 ; padding: 0px 0px 0px 0px; margin: 0px 15px 5px 45px; }

#content {
 rem background: #FFFFEE url(images/) no-repeat center center;
  float: left;
  margin-top: 25px;
  margin-left: 5px;
   margin-bottom: 30px;
  margin-right:0px;
  width: 540px;
  height:420px;

}

/* astuce pour que la hauteur mini soit bien géré dans les browers cf. http://www.alsacreations.com/actu/lire/149-min-height-sur-internet-explorer.html*/
html>body #content{
height: auto;
min-height: 420px;
} 

#bloc-deco{
  float: left;
margin-left:0px;
background: url(images/deco1.jpg) no-repeat top left;
rem height:400px;
rem width: 157px;

}
#bloc-info{
rem float: left;
margin-top: 150px;
margin-left: 10px;
padding-left:7px;
padding-right:7px;
font-size:11px;
rem text-align:justify;
color:#777777;
rem background: #ffffff url(images/bandeau-infos.jpg) repeat-x top left;
border: 2px dotted #eeeeee;
 width: 150px;
}
#bloc-info_basdepage{
float: left;
margin-top: 30px;
margin-left: 10px;
padding-left:7px;
padding-right:7px;
font-size:11px;
rem text-align:justify;
color:#777777;
rem background: #ffffff url(images/bandeau-infos.jpg) repeat-x top left;
border: 2px dotted #eeeeee;
 width: 150px;
}

/* ===============================================   */
/*      AFFICHAGE des 3 pavés d'information avec bandeau couleur
/* =================================================*/
#pave_infos{
rem float: left;
margin-top: 10px;
margin-left: 55px;
padding-left:7px;
padding-right:7px;
font-size:11px;
rem text-align:justify;
color:#777777;

}

#infos1{
float: left;
line-height: 1.2em;
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
padding-left:7px;
padding-right:7px;
font-size:11px;
color:#666666;
background: #eeeeff url(images/banniere1.gif) no-repeat top left;
rem border: 2px solid #eeeeee;
 width: 136px;
rem width: 500px;
height: 180px;
}
#infos2{
float: left;
line-height: 1.2em;
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
padding-left:7px;
padding-right:7px;
font-size:11px;
color:#666666;
 background: #FBE4D9 url(images/banniere2.gif) no-repeat top left;
rem background: #Ffffff url(images/banniere2.gif) no-repeat top left;
rem border: 2px solid #eeeeee;
 width: 136px;
rem width: 500px;
height: 180px;
}
#infos3{
float: left;
line-height: 1.2em;
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
padding-left:7px;
padding-right:7px;
font-size:11px;
color:#666666;
 background: #D7F4D7 url(images/banniere3.gif) no-repeat top left;
rem background: #ffffff url(images/banniere3.gif) no-repeat top left;
rem border: 2px solid #eeeeee;
 width: 136px;
rem width: 500px;
height: 180px;
}

#titre-info_pave {
font-style:normal;
text-align:center;
font-family: verdana, arial, helvetica,sans-serif;
font-weight:bold; 
font-size:15px;
line-height: 16px;
color:#FFF ;
margin-bottom:5px;
padding-bottom: 4px;
 }

#texte-info_pave {
font-style:normal;

 }
/*================ FIN ==============================*/

#affichage_infos{
float: left;
line-height: 1.2em;
margin-top: 10px;
margin-left: 10px;
padding-left:7px;
padding-right:7px;
font-size:11px;
color:#777777;
rem background: #ffffff url(images/bandeau-infos.jpg) repeat-x top left;
border: 2px dotted #eeeeee;
 width: 150px;
}

#titre-info {text-align:center;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:14px;line-height: 16px;color:#996666 ;margin-bottom:5px;padding-bottom: 4px;border-bottom: 1px solid #996666;  }
#stitre-info {text-align:center;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:13px; line-height: 12px;}


#titre-vertical1 {
 float: left;
background: url(images/titre-vertical-1.jpg) no-repeat top;
height:550px;
 width: 40px;

}
#titre-vertical2 {
 float: left;
background: url(images/titre-vertical-2.jpg) no-repeat top;
height:400px;
 width: 40px;
}
#titre-vertical3 {
 float: left;
background: url(images/titre-vertical-3.jpg) no-repeat top;
height:400px;
 width: 40px;
}
#titre-vertical4 {
 float: left;
background: url(images/titre-vertical-4.jpg) no-repeat top;
height:400px;
 width: 40px;
}
#titre-vertical5 {
 float: left;
background: url(images/titre-vertical-5.jpg) no-repeat top;
height:400px;
 width: 40px;
}
#titre-vertical6 {
 float: left;
background: url(images/titre-vertical-6.jpg) no-repeat top;
height:400px;
 width: 40px;
}
#titre-vertical7 {
 float: left;
background: url(images/titre-vertical-7.jpg) no-repeat top;
height:480px;
 width: 40px;
}
#titre-vertical8 {
 float: left;
background: url(images/titre-vertical-8.jpg) no-repeat top;
height:400px;
 width: 40px;
}
#content_accueil {
  float: left;
  margin-top: 0px;
  margin-left: 0px;
    margin-bottom: 0px;
  width: 770px;
  rem height:500px;
color:#666666;

}

#content_actualite {
  float: left;
  margin-top: 13px;
  margin-left: 90px;
  margin-bottom: 10px;
  width: 700px;
  color:#666666;
}
.titre_actualite {float:left;font-family: verdana,arial,helvetica,sans-serif;font-weight: 1000; font-size:1.8em;line-height: 1.3em;font-style:italic;color:#808080 ;  padding: 0px 0px 3px 0px; margin: 0 20px 10px 0; border-bottom: 2px solid #DDDDDD; }
.titre_2_actualite {REM float:left;font-family: verdana,arial,helvetica,sans-serif;font-weight: 800; font-size:1.4em;line-height: 1.3em;font-style:italic;color:#EC7C04 ;  padding: 0px 0px 3px 0px; margin: 0 0 10px 0;  }

.liste_articles {rem float:left;width:850px; margin: 0 0 10px 0px; }

.soustitre_article {font-family: verdana,arial,helvetica,sans-serif;font-weight: 800; font-size:1.4em;line-height: 1.3em;font-style:italic;color:#999999 ;  padding: 0px 0px 3px 0px; margin: -10px 0 10px 0;  }

.pave_infos{float:left;margin : 20px 40px 0 40px;padding : 5px 5px 5px 15px;background: #F5F5F5}


.article_entete {
margin : 7px 0 0 50px;
}
.article_post_block {
margin : 20px 0 0 50px;
}
.article_post_block_accueil {
margin : 0px 0 0 70px;
padding: 0 0;
}

.texte_article {
rem float:left;
width:470px;
font-size:.9em;
line-height: 1.2em;
font-family: verdana, helvetica, arial, sans-serif;
margin : 0 0 0 0px;
padding : 0 0 0px 0;
color:#009999;
color:#776655;
rem border-bottom: 2px dotted #999999 ;
}
.chapeau_article {
text-align:left;
width:460px;
font-size:.9em;
font-weight:700;
font-family:verdana,helvetica,arial, sans-serif;
rem font-style:italic;
rem line-height: 1em;
color: #339999;
}
.chapeau_article_accueil {
text-align:left;
width:460px;
font-size:.9em;
font-weight:700;
font-family:verdana,helvetica,arial, sans-serif;
rem font-style:italic;
line-height: 1.3em;
color: #339999;
padding:0;
padding:0;
}
.image_article {
margin : 0 0 0 0;
padding:0px;

}


 H2.titre_article {rem width:560px;font-variant: small-caps;text-align:right;font-family: verdana,arial,helvetica,sans-serif;font-weight: 700; font-size:1.9em;rem line-height: 1.3em; font-style:italic;color:#8BC1C1 ;padding: 0px 0px 0px 0px; margin: 0px 15px 5px 210px;  background: url(images/image_titre2.gif) no-repeat left}
rem H2.titre_article {rem width:560px;text-align:left;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:1.6em;line-height: 1.3em;font-style:italic;color:#99CCCC ; padding: 3px 0px 0px 0px; margin: 0px 15px 5px 210px;  background: url(images/fond-titre.gif) no-repeat left}

.chapo {text-align:left;}
.texte {padding:0;margin: 0 60px 0 0 ;font-size:1.4em;} 


h2.archive_name, h2.post_name { font-size:1.7em;line-height: 1.3em;color: #EC7C04; font-weight: bold;padding: 0.3em 0 .2em 0 ;}


/* Header styles  -----*/

#header2 {
float:left;
REM background-color:#FF0;
height:150px;
width:998px;

}

/* Home page columns*/
/*--------------------------------*/

#home_content { margin: 1.5em 0; }

/*sommaire*/

#colonne1{
rem background: #FFFFFF url(images/fond-colonne1.jpg) no-repeat bottom center;
float:left;
font-size:13px;
rem font-style:italic;
font-family: verdarna, helvetica, arial, sans-serif;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding: 0 0px 0 0;
width:570px;
rem height:550px;
vertical-align:top;
text-align:left;
}

.accueil_titre_actualite {font-variant: small-caps;color:#669999 ;font-weight: 600; font-size:.85em;line-height: 1.3em;rem font-style:italic; padding: 0 0 0px 0; margin: 0px 0 0 0px; font-family:verdana,arial,helverica,sans-serif;rem width:200px;}

.titre_rubrique_actualite {font-weight: 900; font-size:1.2em;line-height: 1.2em;font-style:italic; padding: 0 0 10px 0; margin: 0 0 0 0; font-family:verdana,arial,helverica,sans-serif;text-align:right;color:#FF9900;letter-spacing: -0.1em; }

#colonne2{
float:left;
text-align:right;
margin:0 0 0 0px;
padding: 0 0px 0 10px;
width:180px;
border-left: 1px dotted #99CCCC ;

}

#details_actualite { padding: 0 0px 7px 0; margin: 10px 0 0 0; border-bottom : 1px dotted #99CCCC; }



/* recent posts */

.home_recent_thumb { padding: 0px 0px 0 0; margin: 7px 0 2px 0; rem float: left; }
.home_recent_thumb img { rem float: left; margin: 0; }
.home_recent_thumb a img { background: #999; padding: 0px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
.home_recent_title a { font: bold .7em verdana,arial,sans-serif;text-decoration: none;font-weight: bold; color: #888888;}
.home_recent_title a:hover { text-decoration: none;color: #fff; background: #EC7C04 }


.home_recent_date { padding: 0; margin: 0; color:#DD1B92; font-weight:bold;font-size: 0.9em; font-style:italic;line-height: 1.2em; }
.home_recent_auth{ font: bold 0.75em verdana,arial,sans-serif;}
.home_recent_exc p { color: #666; text-align: left; }

/* Archive styles*/
/*-------------------------------------------------------------- */

#arch_content, #post_content { margin: 1.5em 2em ; height:900px;}
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #FA8221; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0;  margin: 0 0 20px 0;background: url(images/bg/dot.png) repeat-x bottom left; }
.archive_site_post_block {padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a, .post_meta a { color: #FA8221; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }

/* Single post styles                                              */
/*-------------------------------------------------------------- */

.post_meta { color: #666; padding: 0.3em 0 1.4em 0; }
.post_meta_tag { color: #666; }
.post_meta p img { margin: 0; padding: 0; float: none; }
.post_meta p { margin: 0 0 0.4em 0; }
#post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
#post_content blockquote p { text-align: right; line-height: 1.5em; }
#post_content p img { margin: 0;padding:0; }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
#post_content p a, #arch_content p a { color: #224970; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }


/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */


#footer {  clear: both;background: #FFFFFF url(images/pied-page.jpg) no-repeat bottom center; margin: 0 0 0 0;padding: 0 0 0 0;  width: 775px;height:26px ; font-size: 8pt; text-align:center;}
#footer_accueil {clear: both; background: #FFFFFF url(images/fond-pied_accueil.jpg) no-repeat bottom center; margin: 0 0 0 0;padding: 0 0 0 0;  width: 775px;height:26px ; font-size: 8pt; text-align:center;}
#infos_connexion { float:left; color:#7F9797;rem background-color:white;margin: 0 0px 0 7px;padding: 8px 0 0 0;  width: 160px;height:20px ; font-size: 8pt; text-align:left;}
#copyright {float:left;width:775px;text-align:center;font-family: verdana,arial,helvetica,sans-serif; font-style:italic;font-size:7pt;color:#808080 ;  padding: 5px 0px 0px 0px; margin: 0px 0px 0px 7; }
#mot-clef {float:left;width:775px;text-align:center;font-family: verdana,arial,helvetica,sans-serif; font-style:italic;font-size:7pt;color:#339999;height:30px;padding: 10px 0 0 0;margin: 10px 0 0 0;}


/* Tableaux */
table {
border: #fff 0px solid;

}
table td {
border: #fff 0px solid;
}
table th {
border: #fff 0px solid;
color:orange;
text-align:left;
}
table.spip {
	font-size:1em;
	margin: auto;
	margin-bottom: 1em;
	border: 0px solid;
	border-style:double;
	REM border-collapse: collapse; }
table.spip caption {
	font-size:1.2em;
	text-weight: 800;
       color: orange;
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 6px;
	}

table.spip tr.row_first { background: #F9CF87; }
table.spip tr.row_odd { background: #BBCDE7; }
table.spip tr.row_even { background: #FFF; }
table.spip th { padding: 3px; text-align: left; vertical-align: middle;color:#666666 }
table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


/* Logos, documents et images */
 .spip_logos { margin: 0 20px 20px 0; padding: 0;  border: 1px solid #999999;}

.spip_documents { text-align: justify; }
.spip_documents_center { clear: both; text-align: center;width: 100%; margin-left: auto; margin-right: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 20px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 20px; margin-bottom: 5px; }
.spip_doc_titre { text-align: center;font-weight: bold; font-size: 0.9em;  margin-bottom:0.1em;}
.spip_doc_descriptif { clear: both;  text-align: center;font-size: 0.8em; margin: 0 0 5px 0;}


/* Titres ...*/
H3.spip {border-left: 20px solid #AF8FA2 ; color:#AF8FA2;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:1.4em;padding: 0px 0px 0px 10px; margin: 17px 20px 0px 0; }

#intertitre_accueil{

border-left: 20px solid #B1C5C2 ; rem font-variant: small-caps;color:#CC9999;font-family: verdana,arial,helvetica,sans-serif;font-weight: 600; font-size:1.4em;line-height:1.1em;padding: 0px 0px 0px 10px; margin: 17px 0px 7px 0; 
}
#intertitre1_accueil {
margin:10px 0 5px 0;
width:400px;height:29px;;background: #EEEEFF url(images/pour_tous_les_budgets.gif) no-repeat top left;
}
#intertitre2_accueil {
margin:10px 0 5px 0;
background: #FFFFFF url(images/fiables_et_solides.gif) no-repeat top left;
width:400px;height:29px;
}
#intertitre3_accueil {
margin:10px 0 5px 0;
width:400px;height:29px;;background: #FFFFFF url(images/evolutifs.gif) no-repeat top left;
}
/* Formulaire Contact */
#errormsg
	{
		border:2px solid #c00;
		padding:10px;
		width:400px;
  		background:#FFEEEE;
                                        color:red;
		font-size: 13px;
		FONT-WEIGHT: bold;
		text-align:left;

	}    
.error
	{
		background:#FFEEEE;
	}
.element
{
    BACKGROUND-COLOR: #FFFFFF;
}