@charset "iso-8859-1";

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_mv.gif");
  /*background-color:white;*/
  }

/* 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:5px;
  margin-top:-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;
} 
 /*---------------- 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;
  }


h2, h2 a, h2 a:visited {
  color:#643;
  border-width:0;
  margin-left:15px;
  }
h2,  #colprincipal h2 {
  margin:1.25em 0 .25em;
  font:140%/1.5em Georgia,Serif;
  }
.colprincipalblanc h2 {
  margin:0.25em 0 .25em;
  background-color:#235; 
  color:white;
}
#colprincipal h2 {
clear:both;
font-size:119%;
line-height:1.5em;
padding-left:0.4em;
}
/*
#colprincipal h2 {
  font-size:119%;
  line-height:1.5em;
  padding-left:0.4em;
  }
  */
#colgauche h2 {
  font-size:119%;
  line-height:1.5em;
  padding-left:0.4em;
  background-color:#235;
  color:white;
  } 
#colgauche h2 a, #colgauche a span, #colgauche p span{
  background-color:#235;
  color:white;
  } 
#colgauche h2 a:hover, #colgauche a:hover span{
  background-color:#235;
  color:#09d;
  } 
h2 a:hover {
  color:#865;
  text-decoration:none;
  }

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:#fff;
 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;
}

img{
	border:0;
	margin:0;
}
h2 strong{
   color:#eee;} 
strong {
	color:#555;
}
.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{
   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:red;
  } 
.teaser2{
  background-color:#fff;
  padding:10px 15px 15px 15px;
  }
#colgauche p span.priorite{	
  color:#fff;
  background:red url("img/icon.gif") no-repeat 3px ;         
  padding:5px 10px 5px 20px;
  text-decoration:underline;
}