html, body {
 }
 * {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body {
  margin: 0px;
  background-color:#E67817;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
padding: 0px;
  }

#blocfond-page {
position: absolute;
	width: 100%;	
	height : 343px;	
top: 0px;
left: 0px;
background: #E67817 url(img/wp.jpg) no-repeat;
background-position:top center;	
}
#surconteneur {
  position: absolute;
  width: 980px;
margin-left: -490px;
left: 50%;
top:0px;
  font-size: 1em;
  font-weight: normal;
background: #E67817 url(img/fond-cont.jpg) top center repeat-y;
 color:black; 
}

#leconteneur-page {
position: relative;
width: 960px;
text-align: left;
top:0px;
left: 10px; 

}
#labanniere-page {
position: relative;
	width: 960px;	
	height : 380px;	
top: 0px;
/*background: #E67817 url(img/banniere.jpg) top center no-repeat;*/
 /*border: 1px solid red;*/
}
#blocmeteo-page {
position: absolute;
top: 280px;
left: 365px;
  width: 80px;
  height : 50px;	
border: 1px solid #FFFF00;
   background-color:#007CC2;
  }
#blocpalm-page {
position: absolute;
top: 308px;
left: 80px;
  width: 66px;
  height : 70px;
background: #007CC2 url(img/palm.jpg) top center no-repeat;  
   }
#blocpalm2-page {
position: relative;
margin: 10px 0px 0px 0px;
left: 80px;
  width: 66px;
  height : 70px;
background: #007CC2 url(img/palm.jpg) top center no-repeat;  
   }
#blocprincipal-page {
position: relative;
  float: left;
  width: 960px;

   background-color:#007CC2;
  }

#blocgauche-page {
 position: relative;
float:left;
margin: 0px;
padding:0px;
width: 220px;
/*background-color: transparent;*/
background-color:#007CC2;
}

#blocmenugauche {
 position: relative;
left:20px;
margin:0px;
padding:0px;
width: 180px;
/*background-color: transparent;*/
background-color:#007CC2;
}

#blocdroit-page {
 position: relative;
   float: right;
 margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;	
  width: 710px;
background-color: transparent;
}
a:link {outline: none;}

#blocfil{
 position: relative;
  width: 680px;
   height : 55px; 
 margin: 0px 0px 20px 0px;
  padding: 10px 0px 0px 0px;	
  text-indent: 80px;
  color:#FFFF00;
  background: #007CC2 url(img/fil.jpg) top left no-repeat;  
}
#blocfil a{
  color:#FFFFFF;
  text-decoration: none;
}
#blocfil a:hover{
  color:#FFFFFF;
  text-decoration: underline;
}
#blocecriture-page {
 position: relative;
 margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;	
  width: 680px;
  font-size: 1.2em;
text-align: justify;
background-color: transparent;
font-family: Arial,Helvetica,sans-serif;
color:white;

}
h1 h2 h3 h4{font-family: Arial,Helvetica,sans-serif; }
#blocecriture-page p {
padding:0.5em 0em 0.5em 0em;
margin: 0em 0em 0em 0em;
}
#blocecriture-page h1 {
clear:both;
padding:0em;
margin: 0em 0em 1.5em 0em;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.4em;
font-weight:bold;
text-align:center;
color : yellow;
}
#blocecriture-page h2 {
clear:both;
padding:0.5em 0em 0.5em 0em;
margin: 0em 0em 0em 0em;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight:bold;
text-align:left;
color : #99FF99;
clear :both;
}
#blocecriture-page h2 a {
clear:both;
padding:0em;
margin: 1em 0em 1em 0em;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
text-decoration:underline;
font-weight:bold;
text-align:left;
color : #E67817;
}
#blocecriture-page h2 a :hover{
text-decoration:underline;
color : #99FF99;
}

#blocecriture-page h3 {
clear:both;
padding:0em;
margin: 1em 0em 1em 0em;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight:bold;
text-align:center;
color :#FFCC00;
}

#footer-page {
clear:both;
 position: relative;
left:0px;
width: 960px;
 height: 190px;
background: #E67817 url(img/levant-lefooter.jpg) top center no-repeat; 
 color:white;
}
#footer-page a{
color:#FFFF00;
  text-decoration: underline;
}
#footer-page a:hover{
color:#FFFF00;
  text-decoration: none;
}

#pfooter-page {
 position: relative;
 top:140px;
width: 960px;
 color:#FFFFCC;
 background-color:transparent;
}

#footer-page p{
margin:0em 0em 0em 0em;
padding:5px 0px 0px 0px;
text-align: center;
 background-color:transparent;
}
h3.spip{
clear:both;
padding: 0em 0em 1em 0em;
margin: 0em 0em 0em 0em;
font-family: Arial,Helvetica,sans-serif;
color: #FF6600;
font-weight: bold;
text-align: center;
font-size: 1.3em;
}
p.spip{
margin: 0em 0em 1.5em 0em;
padding: 0;
}
.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: transparent;
}
hr {
clear: both;
border:none;
} 


/*-----------------------------------------------------*/
.spip_documents{
text-align:center;
background:transparent;
  border: none;
}
.spip_documents_left{
vertical-align:middle; 
padding: 5px;
clear: left;
border: 1px solid white; 
}
.spip_documents_right {
vertical-align:middle;
padding: 5px; 
clear: right; 
border: 1px solid white; 
}
.spip_documents_center img{
padding: 5px;
vertical-align:middle; 
clear: both; 
border: 1px solid white; 
}



dl {
 padding:0px;
  margin:0px 0px 20px 0px;
text-align:center;
background : yellow;
}

dt {
  padding:0px 0px 0px 0px;
 margin: 0px auto;
text-align:center;
background : transparent;
}

dd {
  margin: 0px auto;
  padding:0px 0px 0px 0px;
text-align:center;
background : silver;
}
hr.spip {
 margin: 1em 2em 1em 2em;
color:red
}
i.spip  {
  }

.spip_doc_titre{
clear:both;
margin: 0px auto;
  padding: 5px 0px 5px 0px;
 color:#007CC2; 
 text-align:center;
 font-weight: bold;
 font-size: 1em; 
background : #99FF99;
border-top: 5px solid #007CC2;
}
.spip_doc_descriptif { 
clear:both;
  padding: 0px;
text-align:center;
color:red;
font-size: 0.8em;
}

.spip_documents_left .format_png  {
  border: none;
	}
#blocportfolio {
  position: relative;
margin: 0px 0px 1em 0px;
  padding: 0px 0px 0px 0px;	
  width: 670px;
  background-color: transparent;
  text-align: justify;
  color: red;
}
.documents_portfolio {
 margin: 0;
 padding: 0;
}

#blocportfolio a{
 margin: 0;
 padding: 0;
}
#blocportfolio h2{
  width: 680px;
   height : 30px; 
 margin: 0px 0px 10px 0px;
  padding: 35px 0px 0px 0px;	
  text-indent: 490px;
  background: #007CC2 url(img/fil.jpg) top left no-repeat; 
  }

#blocportfolio img{
 margin: 0px 0px 0px 0px;
 padding: 5px;
border: 1px solid yellow;
background-color: transparent;	}


#bloctexteplan {
background-color: transparent;
	}	
#bloctexteplan  h1{
 margin: 0;
 padding:0;
color: white;
  font-size: 1.2em;
  text-align: center;  
	}	



#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 {}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	text-align: center;
	/*border: 2px solid red;*/
	border:none;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 5px 10px;
	border:none;
	/*border-top: 2px solid red;
	border-right: 2px solid red;
	border-left: 2px solid red;*/
	font-weight: bold; }
table.spip td { text-align: center; }
table.spip th { text-align: center; }	
table.spip tr.row_first {background: white; color:#007CC2;text-align: center;}
table.spip tr.row_odd {
 background:#99FF99;/*#99CCFF; bleu*/
border-bottom: 1px solid white;
color:#43331C;
 text-align: center;}
table.spip tr.row_even { 
background: #66CCFF;/*#99CC66;  vert*/
color:#43331C;
border-bottom: 1px solid #004DE6;
 }
 
table.spip th, table.spip td {
 padding: 5px; 
 vertical-align: middle; 
 }
/* listes*/
ul.spip {margin-left: 3em;}
ul li.spip { margin-left: 1em; color: white; }

ul ul.spip {  padding-left: 5em; color: yellow; }
ol ol.spip {  padding-left: 5em; color: red; }

.pagination   { margin-top:1.5em;text-align: center; }
.pagination .on  { color: white; }
.lien_pagination { color:#FF6600; }


/*  La grande classe de Frère Gorm */
/* artisan en formulaires de contact */
/* plus qu'un métier : une passion */

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 100px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

 input[type=submit], input[type=reset] {

 border:2px outset #015A6C;

 font-weight:bold;

 cursor:pointer;

 }

input[type=submit]:hover, input[type=reset]:hover {

 border:2px outset white;

 background-color:white;

 }

input[type=submit]:active, input[type=reset]:active {

 border:2px inset #015A6C;

 background-color:#015A6C;

 color:black;

 } 
 
 #blocplan
{
 clear:both; 
 margin: 0;
padding:0;
color: #FFFFFF;
font-size: 0.85em;
text-align: left;  
 
}
#blocplan h3{
padding: 10px 3px 15px 3px;
font-size: 1.8em;
color:#FCD31F;
text-align: center;  
}
#blocplan a{
padding: 10px 3px 10px 3px;
color:#8EF5FE;
text-align: center;  
}
#blocplan h3 a:hover a:visited{
padding: 10px 3px 10px 3px;
font-size: 1.8em;
color:#E34900;
 clear:both; 
text-align: center;  
}
.plandescriptif   {
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
float:left; 
width: 199px;
height:120px;
border: 1px solid #938D6D;
 font-size: 0.85em;
   }
 #blocplan  h1{
margin: 0px;
padding:0px;
color: #FFD720;
font-size: 2em;
text-align: center;  
}
#blocplan  h2{
margin: 0px;
padding:5px;
color: #FEE856;
font-size: 1.5em;
text-align: center;  
}