#top, #middle, #bottom {
  position:relative;
  width:960px;
  margin:0 auto;
  text-align:left;
}


#fond{ background:url(../images/fond.jpg); }
#fond2{ background:url(../images/fond2.gif); }




.title_paragraf {background: #e2f4f2; color: #004c93; font-size:12px; font-weight: bold; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; text-align:left; text-indent:5px;}


.mise_en_valeur{font-size:12px; font-weight: bold; width:100%;}


.valeur_blue, a.valeur_blue, a:hover.valeur_blue, a:active.valeur_blue, a:visited.valeur_blue {color: #10AEEF;}


.valeur_green, a.valeur_green, a:hover.valeur_green, a:active.valeur_green, a:visited.valeur_green {color: #9FB14B;}


.valeur_orange, a.valeur_orange, a:hover.valeur_orange, a:active.valeur_orange, a:visited.valeur_orange {color: #F79239;}


.valeur_black, a.valeur_black, a:hover.valeur_black, a:active.valeur_black, a:visited.valeur_black {color: #000000;}

.valeur_white, a.valeur_white, a:hover.valeur_white, a:active.valeur_white, a:visited.valeur_white {color: #fff;}







#logo {
  position:absolute;
  top:0;
  left:0;
}


#col1, #col2, #col3 {
  position:relative;
  float:left;
  padding:15px 0;
}
#col1 { width:270px; }
#col2 { width:419px; }
#col3 { width:271px; }


#col1 .padding {
  padding:10px 30px 10px 25px;
  font-size:12px;
}


#col2 img { margin-bottom:10px; }
#col2 .padding {
  padding:0 45px 0 38px;
  text-align:justify;
}
#col2 #date {
  position:absolute;
  top:20px;
  right:45px;
  font-size:12px;
}


#date {color:#0A4665}




#col3 .block {
  margin-left:30px;
  margin-right:20px;
  margin-bottom:7px;
  padding-left:7px;
  padding-bottom:2px;
  border-bottom:1px solid #8A9EA8;
  color:#D1E3F2;
}
#col3 .block a { color:#D1E3F2; text-decoration:none; }
#col3 .block a:hover { text-decoration:underline; }
#col3 .block img {
  float:left;
  margin-right: 10px;
}
#col3 .block em { font-style:normal; text-decoration:underline; }




#left, #center { float:left; padding:10px 0; }
#left { width:197px; }
#center { width:745px; }
#center .padding { padding:0 0 0 18px;}
#leftvisu { position:absolute; bottom:0px; left:0; }






#bottom {
  min-height:130px;
  height: auto!important;
  height:130px;
  background: url(../images/bas.jpg) repeat-x #0A4665;
  text-align:center;
  color:#fff;
}
#bottom div { padding:20px 0 25px; }
#bottom strong { font-size:12px; }


div#outils { position:absolute; top:5px; left:20px; padding:0; }
#outils img { margin-right:48px; }


div#outils2 { position:absolute; top:5px; right:10px; padding:0; }