.floatleft {float:left; margin:5px;}

#enveloppe {
 
}
#en-tete {

}
#ariane {margin-top:15px;
font:.7em trebuchet ms,arial,helvetica,sans-serif; margin-bottom:2px;
}
#conteneur {
  width: 100%;
  float: left;
  margin-right: -200px;
}
#contenu {
  margin-right: 220px;
}
 #post{margin-bottom:10px;}

#barre-laterale {
  width: 200px;
  float: right;
}
#pied-de-page {
  }

.dernier {
  margin-bottom: 0;
}

.deblayage {
  height: 0px;
  clear: both;
}


/* ----------police---------- */
body{
 color: #000; 
 font: 11px/1.3em Arial, Tahoma, sans-serif;
 text-align: left;
 }
 
 #contenu {
padding-left:30px;
}
 
p {text-align:justify;

 }
 
 h1	{
color: #DB6E4A;
  text-align: left;
font:2em trebuchet ms,arial,helvetica,sans-serif;

 }
  #post h2 {
  margin-left: 0px;
	 margin-bottom:0px;
 margin-top: 0;
  text-align: left;
font:1.6em trebuchet ms,arial,helvetica,sans-serif;

 }
 
  h3	{
  margin-left: 0px;
 margin-top: 0;
  text-align: left;
font:1.4em trebuchet ms,arial,helvetica,sans-serif;
color:#D86D4A;
border-bottom:1px solid #D86D4A;
 }
 
 #resume {color:green;}
 
   #logo h2{display:none; color: #000;
  margin-left: 12px;
 margin-bottom: 0;
margin-top: 0;
text-align: center;
font:2em trebuchet ms,arial,helvetica,sans-serif;
 text-align: center;

 }
 
   #logo p	{ display:none;color: #000;
  text-align: center;
	margin-top:0px;}
 
 #barre-laterale  h1	{
 margin-top:10px;
  text-align: left;
font:1em trebuchet ms,arial,helvetica,sans-serif;
color: #000000;

 }
 
  #coco {
	color:#ffffff;
	 padding:10px;
	 font:2em trebuchet ms,arial,helvetica,sans-serif;}
	  #zong {text-align: center;
padding-top:50px;}
 
 /* ---------- a ---------- */

a {
 text-decoration: none;
 }
a:link, a:visited {
 color: #666;
 }
#contenu a:link, #contenu a:visited { 
  color: #DB6E4A ;
 }
 #contenu  a:hover, #contenu  a:active {
 color: #DB6E4A;
 }
a:hover, a:active {
 color: #000;
 }
 
 
 a.liendiscretsar {
 text-decoration: none;
 }
a.liendiscretsar:link, a.liendiscretsar:visited {
 color: #666;
 }
#contenu a.liendiscretsar:link, #contenu a.liendiscretsar:visited { 
  color: #666 ;
 }
 #contenu  a.liendiscretsart:hover, #contenu  a.liendiscretsar:active {
 color: #666;
 }
a.liendiscretsar:hover, a.liendiscretsar:active {
 color: #666;
 }
 
 
 
 /* ---------- apparence layout---------- */
body
{background-color:/*#52a5f2*/ #e0e8b5 ;}

#logo {
}
#post {border-bottom: 1px solid #E0E8B5 ;padding-bottom:20px;} 
#logo img{margin-left:350px;display:none;}

#conteneur {
 background: url(/IMG/gif/background.gif) repeat-y right;
border-right:0px solid #e7e7e7;
border-left:0px solid #e7e7e7;}

#enveloppe {
margin: 0px auto;
width:800px;
 background: #ffffff url(/IMG/gif/background.gif) repeat-y right;
 border-right:1px solid #dddddd;
border-left:1px solid #dddddd;
}

contenu{
  background: #ffffff ;}

#en-tete {
margin: 0px auto;
margin-top:00px;
width:800px;
background: #ffffff url(imagesar/bandosarvert.jpg) 0px 00px repeat-x;

border-top:1px solid #dddddd;
border-right:1px solid #dddddd;
border-left:1px solid #dddddd;
height:180px;
}

#pied-de-page {
margin: 0px auto;
width:800px;
background: #ffffff;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
border-left:1px solid #dddddd;
height:100px;
border-top:2px dotted #e0e8b5;
}

#resume { background: #ffffff url() ;
border-bottom:1px solid #dddddd;
border-top:0px solid #dddddd;
border-right:1px solid #dddddd;
border-left:0px solid #dddddd;}

/* ---------- ul, li ---------- */

 #barre-laterale ul {padding:0px;
 margin: 5px 5px 0;
 border-top: 1px solid #ddd;
 text-align: left;
 list-style: none;
 }
 #barre-laterale li {
 padding: 3px 0 3px 20px;
 border-bottom: 1px solid #ddd;
 background-repeat: no-repeat;
 background-position: 6px 5px;
 display: block;
 list-style: none;
 }
 #barre-laterale li:hover {
 background-color: #f3f3f3;
 }
 #barre-laterale li {
 background-image: url(imagesar/fondpage.gif);}
 
 /* ----------  une ---------- */
 


/* propri?t?s communes ? l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propri?t?s sp?cifiques ? chaque coin */
#hautgauche {
background: url(http://www.regionreunion.com/fr/spip/imagesar/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(http://www.regionreunion.com/fr/spip/imagesar/hautdroit.gif);
}
#basgauche {
background: url(http://www.regionreunion.com/fr/spip/imagesar/basgauche.gif);
}
#basdroit {
float: right;
background: url(http://www.regionreunion.com/fr/spip/imagesar/basdroit.gif);
}

/*cadre arrondi*/
#cadre { /* taille du cadre, ? titre d'exemple */
width:auto;
background-color: #DBEF89;
}

.agenda,.actualite {
float:left;
width:500px;
padding:15px;
margin-top:20px;
}

.actualite {
border-left:1px solid #ccc;}

 #contenucadrearrondi{padding:15px;}
 
 #enveloppe {
background: #fff url(http://www.regionreunion.com/fr/spip/imagesar/faussecolonne.gif) repeat-y 598px 0;}
h2.h2accueil {
 font:1.3em trebuchet ms,arial,helvetica,sans-serif; margin-bottom:2px;color:#000; }
 
 #separateur {
border-bottom:1px dotted #ccc;}

.datepublication { font:.7em trebuchet ms,arial,helvetica,sans-serif; margin-bottom:2px;}