/*--------------------------------------
        Mise en Page escolar
       Source : www.installation-energies-escolar.com 
      Copyright : com-and-sites.net
--------------------------------------*/

body {
	background-color: #ccffff;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000099;
	padding:0;
	margin:0;
}

a {
  color: #ff6600;
	text-decoration:underline;
}

a:visited,a:hover,a:active {
   color:#000099;
}

.centrage{
text-align:center;}


h1 {
	font-size: 1.2em; 
	font-weight: normal;
 }

h2 {
	font-size: 1em;
	font-weight: normal;
}

.adaptive{
  position:absolute;
 	left:0px;
 	top:-1000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
	
}

img{
  border:0px;
}

.bold{
font-weight:bold;
}



/* ----------bannière-------------- */
#banniere {
  height:186px;
	margin: 0;
	padding: 0;
	background-image:url(images/fond_banniere.jpg);
	background-color: #ccffff;
}
.img_banniere {
float:right;
padding:3px;
margin-top:10px;

}
	/* ----------menu-------------- */
#menu {
	width:100%;
	height:20px;
  margin-top:0px;
  left:0;
  padding:0;
	background-image:url(images/fond_menu.jpg);
	background-repeat:repeat-x;
	
}

#menu ul{
 list-style-type: none ;
 text-align:center;
}
#menu li{
  display:inline;
  padding-right:10px;
	padding-left:10px;
	
	
}

#menu li a#btnaccueil{
  position:absolute;
	margin-left:0px;
	margin-top:-180px;
  width:184px;
  height:165px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;

}

#menu li a#btnaccueil:hover, #menu li a#lang:focus{
background-image:url(images/logo2.gif);

}

#menu li a#btnsolaire{
  position:absolute;
	margin-left:-5px;
	margin-top:-8px;
  width:130px;
  height:36px;
	background-image:url(images/btn_solaire.gif);
	background-repeat:no-repeat;

}

#menu li a#btnsolaire:hover, #menu li a#btnsolaire:focus{
   background-image:url(images/btn_solaire2.gif);
	 margin-top:-10px;
    
}

#menu li a#btnclim{
  position:absolute;
	margin-left:112px;
	margin-top:-8px;
  width:138px;
  height:36px;
	background-image:url(images/btn_pompes.gif);
	background-repeat:no-repeat;

}

#menu li a#btnclim:hover, #menu li a#btnclim:focus{
   background-image:url(images/btn_pompes2.gif);
	 margin-top:-10px;
    
}

#menu li a#btnbrumisation{
  position:absolute;
	margin-left:238px;
	margin-top:-8px;
  width:107px;
  height:36px;
	background-image:url(images/btn_brumisation.gif);
	background-repeat:no-repeat;

}

#menu li a#btnbrumisation:hover, #menu li a#btnbrumisation:focus{
   background-image:url(images/btn_brumisation2.gif);
	 margin-top:-10px;
    
}

#menu li a#btnpartenaires{
  position:absolute;
	margin-left:332px;
	margin-top:-8px;
  width:93px;
  height:36px;
	background-image:url(images/btn_partenaires.gif);
	background-repeat:no-repeat;

}

#menu li a#btnpartenaires:hover, #menu li a#btnpartenaires:focus{
   background-image:url(images/btn_partenaires2.gif);
	 margin-top:-10px;
    
}

#menu li a#btnref{
  position:absolute;
	margin-left:414px;
	margin-top:-8px;
  width:89px;
  height:36px;
	background-image:url(images/btn_ref.gif);
	background-repeat:no-repeat;

}

#menu li a#btnref:hover, #menu li a#btnref:focus{
   background-image:url(images/btn_ref2.gif);
	 margin-top:-10px;
    
}


#menu li a#btncontact{
  position:absolute;
	margin-left:490px;
	margin-top:-8px;
  width:72px;
  height:36px;
	background-image:url(images/btn_contact.gif);
	background-repeat:no-repeat;

}

#menu li a#btncontact:hover, #menu li a#btncontact:focus{
   background-image:url(images/btn_contact2.gif);
	 margin-top:-10px;
    
}


	 
    



/* --------------left------------- */
#left {
  float: left;
	width: 350px;
	margin: 5px;
	padding:15px 5px 10px 5px;
	background-color:#ccffff;
  
}


#left object{
  margin-top:20px;
  margin-left:0px;
	z-index:1;
}


.signature{
font-style:italic;
text-align:right;
}






/* -----------------contenu--------------------- */
#contenu,#contenuref {
	min-height:300px;
	margin-left: 360px;
	margin-right: 230px;
	margin-top:47px;
	margin-bottom: 10px;
	background-color: #ffffff;
	padding: 5px;
	text-align:justify;
}

.ref{

   margin: 5px;
   padding: 0 5px 5px 15px;
	 font-size:0.9em;
	 border-bottom: solid 2px #ff6600;
}

#contenu p.fleche {
font-weight:bold;
	border-left:0;
	margin-left:20px;
}

#contenu p.fleche2 {
	border-left:0;
	margin-left:20px;
}

#contenu p.liste1 {
	border-left:0;
	margin-left:20px;
}

#contenu p.liste2 {
  color:#ff6600;
  font-weight:bold;
	border-left:0;
	margin-left:30px;
}

#contenu p.pliste2 {

	margin-left:40px;
}

#contenu p{
  border-left: solid 2px #ff6600;
	padding: 2px 0px 10px 3px;
	margin:8px;
}


#contenu h1,#contenuref h1 {
  font-weight:bold;
	font-variant:small-caps;
	text-align:left;
	padding: 10px;
	margin:0;
}

#contenu h2, #contenuref h2 {
	padding:10px;
	margin:0;
	font-weight:bold;
}

img_titrec {
float:left;
padding:3px;

}

ul.boldorange{
margin-left:20px;
font-weight:bold;
color:#ff6600;
}

li.boldorange{
margin-left:-25px;
font-weight:bold;
color:#ff6600;
}

.boldorange{
font-weight:bold;
color:#ff6600;
}




/* --------------right------------- */
#right {
  float: right;
	width: 210px;
	margin-top: 35px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	/*background-image:url(images/fond_coldroite.gif);*/
	background-color: #ffcc66;
	/*border-radius: 20px 0 20px 0;
	-moz-border-radius: 20px;*/
	
}

#rightbrumisation {
  float: right;
	width: 250px;
	margin-top: 35px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	background-color: #ffcc66;
}

b.rtop, b.rbottom{
display:block;
background: #ccffff;
}
b.rtop b, b.rbottom b{
display:block;
height: 2px;
overflow: hidden; 
background: #ffcc66;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}

#right h1, #rightbrumisation h1 {
  font-size:1.2em;
  font-weight:bold;
	font-variant:small-caps;
	padding: 10px;
	margin:0;
}

#right h2, #rightbrumisation h1 {
	padding:5px 5px 2px 5px;
	margin:0;
	font-weight:bold;
}

img_titredroite {
float:left;
padding:3px;

}

#right p, #rightbrumisation p {
	padding:2px 5px 2px 6px;
	margin:0;
}

#right a, #rightbrumisation a {
	font-weight:bold;
}



/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color:#ff6600;
	padding-right: 10px;
	margin-top: 10px;
	text-align:right;
	font-size:10px;
	
}

#footer a,#footer a:visited{
	color:#000099;
	
}



#footer a:hover {
   color:#ffffff;
}
#footer a:active { color:#ffffff;}


.img_footer {
float:left;
margin-top:-23px;
margin-left:20px;
padding:5px;

}

#footer p.addr{
  padding:5px;
  margin:10px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}