* {margin: 0; padding:0;}

body {background:#575757 url(img/fond.jpg) 50%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.96em;}

.right {text-align:right;}
.left {text-align: left;}
.center {text-align: center;}
.fr {float:right;}
.fl {float:left;}
.bleu {color:#6583d3;}
.orange {color: #f90;}
.cadre {border-top: 1px solid #f93; border-left: 1px solid #f93;}


a {color: #6583d3; text-decoration:none; font-family: Tahoma, Verdana;}
a:hover {text-decoration:underline;}
a:visited {color:#e8af72;}
strong {}

fieldset {border:none;}
small {font-size:80%;}

#page {width: 61.5em; margin:0 auto; position:relative;margin-top:-4px;/margin-top:0;}

#entete { width:100%; position:relative; height: 139px; background:#e9e9e9 url(img/fd_entete.jpg) repeat-y;}
#logo  {float:left; margin-top:0; margin-left:2.04em; border:0;}
#entete h2 {width:28.5em;/width:23em; padding-top:48px; margin-left:25.80em;/margin-left:20em;font-size:0.78em; text-align:center; line-height:1.2em; color:#033; margin-bottom:0;}
#bord_entete {width:40px; height:100%; position:absolute; top:0; right:0; background: url(img/bord_droit_entete.jpg) repeat-y;}
#liseret_header {position:absolute; top:7.2em;/top:8em; left:2.05em; z-index:40;}

#bretagne {position: absolute; top:0; right: 2.61em; z-index:30;}

#container {width:100%; background:#dfdfdf url(img/fd_container.jpg) repeat-y; position: relative; margin:0; padding-top:0.2em;padding-bottom:1.96em;}
#bord_container {width:40px; height:100%; position:absolute;top:0; right:0; background: url(img/bord_droit_container.jpg) repeat-y; }

/* BLOC DROIT*/
#bloc_droit {position:absolute; top: 3.91em; right:45px; width: 15.89em;border-left: 3px solid #adadad; padding-left:0.7em;}
#bloc_droit a {color:#6583d3;text-decoration:none; font-size: 0.77em;}
#bloc_droit a:hover {text-decoration:underline;}
#menu {width:80%; margin: 0 auto 1.98em auto; padding-bottom:0.7em; }
#menu h3, #menu h1 {margin:0; padding:0; display:inline; background:none;}
#menu h1 {display:block; text-align:center; font-size:0.88em; letter-spacing:1px; color:#ed9742; text-transform:uppercase; margin: 0 0.3em 0.2em 0;width:100%;background: none;padding:0.2em;border-bottom:1px solid #eaaf75;border-top:1px solid #eaaf75;}
#menu h2 {display:block; color: #999; font-weight:normal; font-size:0.86em;/font-size:0.92em; padding:0.3em 0;font-variant:normal; letter-spacing:normal; text-align:center;background:none;font-family: Lucinda, Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #eaaf75; margin:0;}
#menu h3 a{margin:0; padding:0; padding:0.3em 0.7em;font-weight:normal;font-size:0.77em;/font-size:0.88em; color: #6583d3;display:block;  font-variant:normal; letter-spacing:normal; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #eaaf75; }
#menu a:hover { text-decoration:underline; }
#menu_image {magin:0; padding:0;height:1.5em;/height:0.6em;}
#contact {width:80%; margin: 3em auto; text-align:center;}
#menu h3 a.on {color:#033; font-variant:normal;  }
#actu {width: 80%; margin: 10px auto;font-size:0.82em;}
#actu h3{ margin:0 0 0.5em 0; color:#f90; margin-bottom:8px; display:block; font-variant:normal; text-align:center;font-size:1.06em;text-transform:uppercase;}
#actu p{line-height:1.3em; margin-bottom:0.5em;}
/* FIN BLOC DROIT */

#navigation {width:80%;background: #dfdfdf url(img/fond_nav.jpg) repeat-y ;  margin-left:3.33em ;text-align:left; }
#navigation p{text-align:left; margin-left:3.33em;}  
#navigation a{font-weight:normal; color:#033;font-size:14px; margin:0; padding:0; font-family: Tahoma, Verdana; background: url(img/triangle_bleu_nav.png) no-repeat 0% 50%;padding-right:5px; padding-left:12px;margin-right:7px;line-height:1.50em;}
#navigation a:hover {letter-spacing:normal; text-decoration:none; color:#033; background-color:#dfdfdf; padding:3px 5px 2px 12px;}
#navigation a.on {color:#6583d3; font-weight:bold;background-color:#dfdfdf; background-image:none;height:100%; padding:3px 5px 2px 12px;}



h1 {color : #999; font-size: 0.98em; text-transform:none; margin:0.5em 0 1em 0;}
h2 {font-size:1.06em; color : #033; text-align:center; margin: 0.3em 0; }
h3 {color : #f90; font-size:1em; margin: 0.5em 0; letter-spacing:1px;}
h4 {font-size:1em; color:#f60; font-weight:normal;}
#corps a {color:#6583d3;}
strong {color:#666;}

/* texte du corps */
#corps {position:relative; width:34.18em; margin-left:4.63em; margin-top:2.22em; background-color:#eee; }
#corps .texte {margin:0 2em; padding: 1em 0 1.5em 0;}
#bloc1 .texte_bloc, #bloc2 .texte_bloc {margin:0 1em; padding: 0.5em 0 1em 0;}
#corps p{margin-bottom:0.5em;}
#corps img {vertical-align:text-bottom;}

#bloc1 {float:left; position:relative; width:15.98em;  margin-top:2.22em; margin-right:2.48em; margin-left:4.63em; background-color:#eee; margin-bottom:1.5em; min-height:28em;}
#bloc2 {position:relative; width:15.98em; margin-top:2.22em; margin-left:22.83em; background-color:#eee;margin-bottom:1.5em; min-height:28em;}

.coin_hg{position: absolute; top:-0.32em; left:0; }
.coin_hd{position: absolute; top:-0.32em; right:0; }
.coin_bg{position: absolute; bottom:0; left:0; }
.coin_bd{position: absolute; bottom:0; right:0; }

.coin_hgb{position: absolute; top:-0.15em;/top:0; left:0; }
.coin_hdb{position: absolute; top:-0.15em;/top:0; right:0; }
.coin_bgb{position: absolute; bottom:-3px;/bottom:0; left:0; }
.coin_bdb{position: absolute; bottom:-3px;/bottom:0; right:0; }

#bloc1 h2, #bloc2 h2 { font-size:0.98em;text-align:center; margin-bottom:0.5em; padding-bottom:0.4em; border-bottom:1px solid #adadad; }
#bloc1 a, #bloc2 a {color:#6583d3;  font-weight:bold; font-size:1em;}
#bloc1 h3, #bloc2 h3 {margin:1em 0em 0.5em 0em; font-size:0.90em; text-align:left; color:#f90;}
#bloc1 p, #bloc2 p { margin-left:1.8em; margin-right:1em; font-size:90%; margin-top:0; margin-bottom:0;}
#bloc1 li, #bloc2 li {font-size:90%; margin-right:0.3em; margin-top:0; margin-bottom:0;}

#contenu_plan {width: 70%; margin: 0 auto; padding:1.5em 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#contenu_plan ul.article {margin-left: 3.91em;list-style-image:url(img/puce_bleu.png);}
#contenu_plan ul li a {font-weight:normal; color:#6583d3;}
#contenu_plan ul img {vertical-align:baseline;}
#contenu_plan h2 {text-align:left; text-transform:normal;margin-bottom:0.65em;margin-top:0.65em;font-size:1em;color:#033;}
#contenu_plan h3 {margin-left:1.30em; font-size:1em;}


#pied {width:100%; position:relative;  height:4.43em; background: #e9e9e9 url(img/bord_bas.jpg) repeat-x;}
#arrondi_gauche {position: absolute; left:0; top:0;}
#arrondi_droit {position:absolute; right:0; top:0;}
#pied .liseret_orange {width:53.28em; height:1em; border-bottom:3px solid #eaaf75; margin:0 auto;}
#pied p {width:34.18em; ; margin:0.5em 0 0 4.63em; text-align:center; }
#pied a {color:#333;text-decoration:none; font-size: 0.77em; padding-bottom:1em;}
#pied a:hover {text-decoration:underline;}
#pied img {vertical-align:middle;/vertical-align:text-bottom;}
#pied #kwazart {color:#bbb; font-size: 0.77em; position:absolute; top:40%; right: 9em;}
#pied #kwazart a {color:#aaa; font-size: 1em;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

img {margin:0; padding:0;}