body{width:100%; font-size:12pt; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; background:url(../images/fond_body.jpg);}
/*behavior:url(../js/pie/PIE.htc);*/
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica.eot');
    src: url('../fonts/helvetica.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica.woff') format('woff'),
         url('../fonts/helvetica.ttf') format('truetype'),
         url('../fonts/helvetica.svg#HelveticaLTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#bande_bleu{position:absolute; top:110px; left:0; width:100%; height:320px; background-color:#004160; z-index:1;}
#container{position:relative; width:1000px; margin:0 auto; z-index:10;}

img{-ms-interpolation-mode:bicubic;}
h1{float:left; font-size:3em; font-weight:normal; color:#559cbe; line-height:.45em; font-family:'Helvetica', Arial, Verdana, Helvetica, sans-serif; margin:-10px 30px 0 0; padding-bottom:35px;}
h1 .h1small{font-size:40%; color:#000;}
.ie7 h1{margin-top:0;}
h2{font-size:1.15em; font-weight:normal; line-height:.9em;}
h3{font-size:.75em; font-weight:bold; padding-bottom:10px;}
h3 span{font-size:.95em; font-weight:normal;}
h4{font-size:.75em; font-weight:bold; padding-bottom:10px;}
p{font-size:.75em; padding-bottom:10px; line-height:1.25em;}
p a{font-size:1em;}
a{font-size:.75em; text-decoration:none;}
a:hover{text-decoration:underline;}
a.actif{text-decoration:underline;}

hr{border:0; color:#000; background-color:#000; height:1px; clear:both;}

header{position:relative; display:block; width:100%;}
header img{margin:20px 0 0 20px;}

#menu_haut{position:absolute; right:45px; height:30px; background-color:#004160;}
#menu_haut ul li{display:inline;}
#menu_haut ul li a{padding:0 15px; font-size:.7em; font-weight:bold; color:#FFF; line-height:2.5em; border-right:1px solid #fff;}
#menu_haut ul li a.last{border-right:none;}

nav{position:absolute; top:55px; right:0; width:665px; }
nav ul{text-align:center; width:100%;}
nav ul li {display:inline;}
nav ul li a{padding:0px 10px; color:#000; border-right:1px solid #000;}
nav ul li a.last{border-right:none;}

#centre{position:relative; display:block; min-height:375px;}
#centre a{color:#000; text-decoration:underline;}
#centre a:hover{color:#004160;}
#centre a:visited{color:#999;}

#nouvelles{position:relative; top:60px; left:0; width:325px; height:305px; background-color:#f5eee5; box-shadow:2px 2px 5px #454545; behavior:url(js/pie/PIE.htc);}
#nouvelles div{padding:20px;}
#nouvelles img{float:left; margin-right:10px;}
#nouvelles h2{padding-bottom:10px;}
#nouvelles a{display:block; text-align:right;}

#diaporama{position:absolute; top:0; right:0; width:655px; height:365px; overflow:hidden; box-shadow:2px 2px 5px #454545; behavior:url(js/pie/PIE.htc);}

#ariane{position:relative; display:block; margin:30px 20px 10px; font-size:.75em; color:#fff;}
#ariane a{font-size:1em; text-decoration:none; color:#fff;}
#ariane a:hover{text-decoration:underline; color:#fff;}
#ariane a:visited{color:#fff;}

#contenant{position:relative; display:block; width:100%; background-color:#f5eee5; box-shadow:2px 2px 5px #454545; behavior:url(js/pie/PIE.htc); overflow:hidden;}
#contenant ul{list-style:disc inside none; padding-bottom:10px;}
#contenant ol{list-style:decimal inside none; padding-bottom:10px;}
#contenant li{margin-left:20px; font-size:.75em; line-height:1.3em; text-indent:-12px;}
.ie7 #contenant li, .ie8 #contenant li{text-indent:-15px;}
#contenant ul li a{font-size:1em;}
#contenant .contenu{padding:20px;}

.fond_propos{background:url(../images/a-propos-crayon.jpg) bottom right no-repeat;}

.adresse{float:left; margin-right:20px;}
#map{float:right; display:block; width:455px; min-height:365px; margin-bottom:20px; /*border:1px solid #999;*/}
#map .ville{font-size:.75em; font-weight:bold;padding-bottom:4px;display:block;}

.equipe{position:relative; float:left; width:300px; height:175px; padding:0 20px 20px 0;}
.equipe img{float:left; margin-right:20px;}

#boite_cache{display:none; width:600px;}
.close{display:block; text-align:right;}

.img_droite{float:right; position:relative; display:block; margin:10px 0 20px 10px; box-shadow:2px 2px 5px #454545; z-index:10; behavior:url(js/pie/PIE.htc);}
.img_bas{float:right; clear:right; position:relative; display:block; margin:-75px 175px 20px 0; box-shadow:2px 2px 5px #454545; z-index:5; behavior:url(js/pie/PIE.htc);}

.nouv{position:relative; margin:10px 10px 0; padding:10px; background-color:#fff; box-shadow:2px 2px 5px #454545; behavior:url(js/pie/PIE.htc); overflow:auto;}
.nouv div{clear:both; width:100%; margin-bottom:10px; overflow:hidden; }

footer{position:relative; display:block; margin-top:20px;}
footer div{float:left; position:relative; display:block; width:225px; margin-left:20px;}
footer div.last{float:right; margin-left:0; margin-right:20px}
footer div img{position:relative; display:block; width:215px; margin:0 auto 10px; box-shadow:1px 1px 5px #454545; behavior:url(js/pie/PIE.htc);}
footer div h2{position:absolute; top:10px; display:block; width:100%; text-align:center; z-index:10;}
footer div p{font-size:.7em; margin:0 5px;}
footer div p.liens{text-align:right; text-decoration:underline;}
footer div a{display:block; width:100%; height:100%; color:#000; font-size:1em;}
footer div a:hover{text-decoration:none;}
footer ul{width:100%; text-align:center;}
footer ul li{display:inline;}
footer ul li a{ padding:0px 10px; color:#b3b3b3; border-right:1px solid #b3b3b3;}
footer ul li a.last{border-right:none;}