@charset "iso-8859-1";
/* --- Modifiée le 11/05/2009 par Ch --- */
body {
  background:#135 url("img/bg.gif"); 
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  color:#333;
  }
.container {
  width:850px;/*750px; */
  margin:0 auto;
  border:solid #124;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position:relative;
  background-image:url("img/bg_page.gif");
  }

/* Pied de page
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0; 
  font-size:85%;
  }
#footer p {
  background-color:#124;
  background-repeat:repeat-x;
  margin:0;
  padding:10px 20px; 
 /* border-top:1px solid #ccc; */
  color:#777;
  text-align:center;
  line-height:1.6em;
  }
/* Fixe-bug pour IE-Win (5 and 6)*/
* html #footer p {
  height:1%;
  }
/*	
#footer, #footer p {
  border-color:#124;
  }	 
*/  

/* barre de Nav haut
----------------------------------------------- */
#navhaut {
  background-color:transparent;
  background-repeat:repeat-x;
  width:100%;
  padding:0;
  height:3em;
  position:absolute;
  top:-18px;
  left:-15px; 
  z-index:5;
  }
#navhaut ul {
  margin:0;
  padding:1em 12px 0;
  list-style:none;
  }
#navhaut li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  }
#navhaut a, #navhaut strong {
  float:left;
  display:block;
  color:#689;	 /*#689*/
  margin-top:3px;
  padding:.25em 8px;
  border-width:0;
  font-size:85%;
  /*text-transform:lowercase; */
  }
#navhaut a strong {
  font-size:100%;
  margin-top:0;
  padding:0;
  }
#navhaut strong {
  color:#333;
  }
#navhaut a:hover {
  color:#9ce;
  }
 
/* Liens
----------------------------------------------- */
a {
  color:#069;
  text-decoration:none;
  border-bottom:1px dotted #069;
  }
a:visited {
  color:#677;
  border-color:#899;
  } 
a:hover{
  color:#09e;
  border-color:#09e;
  border-bottom-style:solid;
  }
a.image{
  border:0;
  border-bottom:none;
} 
a.titre{
  background:url("img/icon.gif") no-repeat 1px .35em;
  display:block;
  border-width:0;
  padding-left:15px;
  }
strong{color:#111;}
/* Menu barre Nav
----------------------------------------------- */
#nav {
  background-color:#235;
  float:left;
  width:100%;
  /*   sans header*/
  /*
  height:21px;
  margin:40px 0 0;
  padding:0; */
   
  border:solid #ddd;
  border-width:1px 0;
  }

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:85%;
  /*text-transform:lowercase;  */
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:4px 10px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#9ce;	 /*68a*/
  text-decoration:none;
  white-space:nowrap;
  }
/* hack pour IE/win
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
  }
#nav #encours strong, #nav #encours a {
  background-repeat:no-repeat;
  }
#nav #encours a:hover strong, #nav #encours strong {
  background-color:#abc;
  color:#333;
  }
#nav a:hover {
  background-color:#bcd;
  color:#235;
  } 
  
#nav a:hover {
  background-repeat:no-repeat;
  }
#nav a strong, #nav #encours a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  }

 
/* Structure de la Page 
----------------------------------------------- */
#contenu {
  float:left;
  width:850px;	
  }
/* http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #contenu{
    margin-right:-3px;
    }						   	
#colprincipal {
  float:right;
  width:590px; /*490*/
  margin-top:14px;
  }
#colgauche {
  float:left;
  width:220px;
  margin:-6px 5px 0px 12px;
  margin-top:-6px;
  }
  
 * html #colgauche{
    margin:-7px 5px 0px 6px;
    }					
.colprincipaltitre{	
  background-color:#abc;
  width:555px; /*455*/
  padding:10px;
  text-align:justify;
}
.colprincipalblanc{	
  background-color:#fff;
  width:555px; /*455*/
  padding:10px;
  text-align:justify;
} 
.colprincipalblanc2 {
background: transparent url(img/fond1.jpg) repeat-y 100% 0%; 
width: 565px; 
padding: 0px; 
text-align: justify}
/*---------------- full contenu ----------------*/ 
.containerfull {
  width:850px;
  margin:0 auto;
  border:solid #124;
  border-width:0 1px;
  text-align:left;
  color:#333;
  position:relative;
  background-color:#bcd;
  }
#colprincipalfull {
  float:right;
  width:850px; 
  margin-top:14px;
  }
.colprincipaltitrefull{	
  background-color:#abc;
  width:830px; 
  padding:10px;
  text-align:justify;
}
.colprincipalblancfull{	
  background-color:#fff;
  width:830px;
  padding:10px;
  text-align:justify;
}
/* colonnes  images
-----------------------------------------------*/
.colgauch {
  float:left; 
  width:250px;
  margin-top:10px;
  display:inline;
  }
.coldroit {
  float:right;
  display:inline;
  width:250px; 
  margin-top:10px;
  } 
.colgauch200 {
  float:left; 
  width:200px;
  margin-top:10px;
  margin-left:25Px;
  display:inline;
  }
.coldroit200 {
  float:right;
  display:inline;
  width:200px; 
  margin-top:10px;
  margin-right:20Px;
  }	 
.colgauch250 {
  float:left; 
  width:250px;
  margin-top:10px;
  display:inline;
  margin-left:10px
  
  }
.coldroit250 {
  float:right;
  display:inline;
  width:250px; 
  margin-top:10px;
  margin-right:10px
  } 
/* Headings
----------------------------------------------- */
h1{
  background:#e1eaf3;
  margin:0;
  padding:20px 20px 8px;
  border-bottom:1px solid #ddd;
  text-align:center;
  font:160%/1.7em Georgia,Serif;
  color:#776;
  }	
  
#colprincipal h2 {
  clear:both;
  font-size:119%;
  line-height:1.5em;
  padding-left:0.4em;
} 
h2 a, h2 a:visited {
  color:#643;
  border-width:0;
  margin-left:15px;
}	    
h2 a:hover {
  color:#865;
  text-decoration:none;
}	
h2{
  font:18px Georgia,Serif; 
  color:#643;
}
#colprincipal h2 {
  color:#643;
  margin:1.25em 0 .25em;
  font:130%/1.4em Georgia,Serif; 
  background-color:#abc;
}
h2.colprincipalblanc{
  background-color:#abc;   
}
#colgauche h2 {
  font-size:119%;
  line-height:1.5em;
  padding-left:0.4em;
  background-color:#cde;
  }

h3 {
  margin:1em 0 .25em;
  color:#222;
  font:130%/1.5em bold Verdana,Serif;
  border-bottom:1px solid #ddd;
  }
h3 a {
  border-width:0;
  }
  
h4 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }
h4.heavy{
  margin:1em 0 .25em;
  text-align:center;
  font: italic bold 145%/1.8em Verdana,Serif;
  color:#575;
}


h5 { margin:1em 0 .25em;
  color:#222;
  font:125%/1.5em bold Verdana,Serif;
  text-decoration:underline;
}

p {
  margin:0 0 .75em;
  }
  

.teaser dd {
  margin-bottom:.75em;
  }
.teaser{
  background-color:#bcd;
  padding:10px 15px 15px 15px;
  }
.centrer{
  text-align:center;
} 
.justifier{
  text-align:justify;
}
.signature{
  text-align:right;
}
p, dd, dt{
  padding:0px;
}
p.nointerligne {
  margin-top:0.7em;
  margin-bottom:0;
/*line-height:1.2em;*/
}
p span{	
  color:#643;
  background: #abc url("img/icon.gif") no-repeat 3px ;
  padding:5px 10px 5px 20px;
  text-decoration:underline;
}
p span.priorite{	
  color:#fff;
  background: #2c649f url("img/icon.gif") no-repeat 3px ;
  padding:5px 10px 5px 20px;
  text-decoration:underline;
}
img{
  border:0;
  margin:0;
} 
strong {
  color:#555;
}
ul{list-style:none;}
li{background-image:none;} 
li span{
text-decoration:underline;
}
ul.ast{list-style-type:circle} 
ul.img{list-style-image:url("img/icon2.gif")}
ul.num{list-style-type:decimal}
.malvoyant{
  color:#666;
  font:150%/1.6em Verdana,Sans-serif;
  line-height:1.3em;
}
#extralogo1 {
  position: absolute; 
  top:-5px;	
  right:0;
  width:850px;
  height: 45px;
  background: url(img/logo/logo_sos.gif);
  z-index:2;
 }	

.claire{
  clear:both;
}
.contraste{
  text-align:center;
  position:absolute;
  top:30px;
  right:500px;
  z-index:5;
} 
.souligne{text-decoration:underline}
#contraste{
  position: absolute;
  top:170px;
  right:0;
  width:130px;
  height:25px;
  z-index:5;
}
 
/* -------------------- mise en valeur des nouveaux articles ------------------- */
#colgauche h2.priorite {
  font-size:119%;
  color:#fff;
  line-height:1.5em;
  padding-left:0.4em;
  background-color:#246;
  } 
.teaser2{
  background-color:#fff;
  padding:10px 15px 15px 15px;
  }