html {height:100%}
body { position:relative; margin:0 0 5px 0; padding:5px 0; font-family: Arial, Tahoma, sans-serif; font-size:10pt; width: 100%; background-color:#004a83;height: 100%; display: block;}
table			{font-size:10pt;}
img	{	padding: 0; margin:0; border: 0;}
a       { color: #004a83; text-decoration: none }
a:hover { color: #FF9933;  text-decoration: none}
h1 { color:#fed016; font-size: 12pt; margin: 5px 0 10px 0}
h4 { color:#e3001a;  margin: 0; padding:0 0 8px 0 }
.space {clear: both; visibility: hidden}
.gauche {float: left;}
.droite {float: right;}
.center {text-align: center; margin: 0 auto;}
.gris {color: #aaa}
.rouge {color: #f00}

.body    { position:relative; border: 1px white solid; margin:0 auto; padding:0; width:990px; height: auto; display: block; }

.form_ets {position: absolute; display: block}

.div_1 {border: 1px #004a83 solid; padding: 5px; background-color: #bfd2e0; height:120px;}
.tit_actu_1 {color: #004a83}
.div_1:hover {border: 1px #004a83 solid; padding: 5px; cursor:pointer;}
.div_2 {border: 1px #fed016 solid; padding: 5px;background: #fff3c5; height:120px;}
.tit_actu_2 {color: #fec500}
.div_2:hover {border: 1px #fed016 solid; padding: 5px; cursor:pointer; }
.div_3 {border: 1px #e3001a solid; padding: 5px;background-color: #fbd9dd; height:120px;}
.tit_actu_3 {color: #e3001a}
.div_3:hover {border: 1px #e3001a solid; padding: 5px; cursor:pointer; }
.div_4 {border: 1px #33890e solid; padding: 5px;background-color: #cce1c3; height:120px;}
.tit_actu_4 {color: #33890e}
.div_4:hover {border: 1px #33890e solid; padding: 5px; cursor:pointer; }

.texte	{position:relative;width: 815px; min-height: 100%;float: right; padding: 10px ; font-size: 10pt; display: block; background-color: #fff;}

.texte8 {font-size: 8pt;}

#bas_page {clear:both; margin: 20px 0; font-size: 8pt;}

#bandeau  { clear:both; margin:0; padding:0; width:990px; height:84px; display: block; background-color:#fed016;}
#bandeau #logo { width: 150px; text-align: center; float: left; padding: 1px 0 0 0; margin:0; }
#bandeau #photo { float: right; padding:0; margin:0;height:84px; position: relative; z-index: 9; }
#bandeau #photo img{ padding:0; margin:0; border:0}
#bandeau #photo .picto_disc{ position: absolute; z-index: 10; margin-left: -30px; margin-top: 54px}
#navig  { clear:both; margin:0; width:990px; height:23px; line-height:23px; color: white; font-size: 9pt;display: block; background-color:#e3001a;}
#navig form {padding: 0 12px; margin:0; color: white; font-weight: bold; display: inline; }
#navig input { font-size: 1em; vertical-align: middle;}
#navig .liens a {padding: 0 12px; color: white; font-weight: bold;}
#navig .liens a:hover {color: #fed016}
#navig .pictos { }
#navig .liens {float: right; }
#navig .pictos img {padding: 1px 5px 0 5px;vertical-align:top; }

.sommaire {position: static; margin:0; padding: 0px; width:154px; float: left; height: 100%; display: block; background-color: #004a83;}

.mid_pa { clear: both; }

h1.tit_actu  {font-size: 10pt; font-weight: bold; color:#e3001a}

.edito { width: 558px; text-align:justify; font-family:Comic sans Ms, Arial, sans-serif; padding:5px; margin: 0 0 0 5px; border: #9b7f0d solid 1px; background:#fed016}
.fond_edito {background: url('../images/fond_editoC.gif') repeat-y 0% 50%}
.edito h1  {font-size: 10pt; font-weight: bold; margin:0 0 5px 0; padding:0; color: black }
.edito h1:first-letter  {font-size: 16pt; font-style: italic }
.edito p {font-size: 9pt;}

.actu { position: relative; z-index:1; font-family: Tahoma, sans-serif; width: 275px; float: left; margin-right:10px; padding: 5px}
.actu div.photo{ float: left; margin: 0 5px 0 0;}
.actu div.tit_actu{ font-weight: bold; font-size: 8pt; text-align:center;  }
.actu div.dat_actu{ font-size: 8pt; padding-bottom:3px;}
.actu div.txt_actu{ font-size: 7pt; color:#000000; text-align:justify; }
.actu div.lien_actu{ font-size: 7pt; text-align:right; }
.actu div a.lien_actu { font-size: 7pt; color: #195085; text-decoration: none }
.actu div a.lien_actu:hover { color: #FF9933;  text-decoration: underline}

.menu_deroulant{ height: 350px; text-align: center; overflow: hidden; position: relative;}
#menu_defile{ position: relative;}

.tit_une_defil {position: relative; z-index: 20; background: #fff3c5; width: 100%; padding:10px 0 5px 0; margin: 0;}
.une { position: absolute; z-index:1; font-family: Tahoma, sans-serif; width: 200px; padding: 0 5px 5px 5px; margin:0; right: 10px; top: 72px; background: #fff3c5; border: 1px #004a83 solid; }
.une a { color: black; text-decoration: none; }
.une a:hover { color: #ccc; text-decoration: none; }
.une h1 {font-size: 10pt; font-weight: bold; color:#004a83}
.une div.tit_une{ font-weight: bold; font-size: 8pt; text-align:left;}
.une div.dat_une{ font-size: 7pt; font-weight: bold;padding-top: 2px;}
.une div.txt_une{ font-size: 7pt; color:#000000; text-align:justify; }
.une div.lien_une{ font-size: 7pt; text-align:right; padding-top: 3px;}
.une div a.lien_une { font-size: 7pt; color: #195085; text-decoration: none }
.une div a.lien_une:hover { color: #F93;  text-decoration: underline}

.actualites { text-align:left; width: 375px; height: 120px; margin: 5px 10px; padding:5px; float:left; border: 1px #FF9933 solid; }
.actualites div.photo{ float: left; margin: 5px;}
.actualites div.actu_tit{ margin-top:3px; font-weight: bold; font-size: 9pt; }
.actualites div.actu_dat{ font-size: 8pt; font-weight: bold; color:#646B6F; padding-bottom: 5px;}
.actualites div.actu_txt{ font-size: 8pt; text-align:justify; }
.actualites div.actu_lien { font-size: 8pt; text-align:right; }

.lien_actu_R       { color: #195085; text-decoration: none }
.lien_actu_R:hover { color: #195085; text-decoration: underline }
.lien_actu_S       { color: #FF9933; text-decoration: none }
.lien_actu_S:hover { color: #FF9933; text-decoration: underline }
.lien_actu_T       { color: #ABD320; text-decoration: none }
.lien_actu_T:hover { color: #ABD320; text-decoration: underline }

div.slogan { clear: both; margin-top: 8px; text-align: center; font-size: 10pt; font-weight: bold; font-size: 12pt; color: #195085; }
div.slogan span.label { float: none; }

div.coords_pa { margin: 10px auto; font-family: Tahoma, sans-serif; font-size: 0.7em; text-align: center; color: white;}
div.coords { position: relative; margin-left: 5px; font-family: Tahoma, sans-serif; font-size: 0.7em; color: white;}
div.coords a {color: white; text-decoration:none;}
div.coords a:hover {text-decoration:underline}

.newsletter { position: absolute; top: 480px; width:110px; padding: 2px; font-family: Tahoma, sans-serif; font-size: 0.75em; color: #195085;border: 2px #ff9933 solid; background: #FFF}
.newsletter input { font-family: Tahoma, sans-serif; font-size: 0.75em;}

.newsletter_pa { position: absolute; top: 390px; width:110px; padding: 2px; font-family: Tahoma, sans-serif; font-size: 0.75em; color: #195085; border: 2px #ff9933 solid; background: #FFF}
.newsletter_pa input { font-family: Tahoma, sans-serif; font-size: 0.75em;}

div.copyright { margin: 10px auto 5px auto; color: white; text-align: center;font-size: 8pt}
div.copyright a { color: white; text-decoration: underline; }

ul#menu	{position: relative; z-index:1000; font-size:11px;}
ul#menu li ul{ display:none; font-size:11px;}
ul#menu li:hover>ul{ display:block; }
ul#menu { list-style:none; margin:0px; padding:0px; width:130px; }
ul#menu ul{ background:#fed016; list-style:none; margin:0px; padding:0px; top: 0px; position:absolute; left:130px; font-size:11px;}
ul#menu li{ position:relative; margin:1px 0; padding: 0;font-size:11px;}
ul#menu li.affiche	{color: #fed016; font-size: 9pt;}
ul#menu li.affiche a{ color: #fed016; margin-left:10px; width: 120px; font-size:11px;}
ul#menu li.affiche a:hover{ background-color: #e3001a; }
ul#menu a.affiche{ color:#ffffff; display:block; text-decoration:none; font-size:11px;}
ul#menu a.affiche:hover{ color: #fed016; text-decoration:none; }
ul#menu a{ display:block; text-align:left; padding:3px; margin-left:5px; width: 130px; color: white;font-size:11px;}
ul#menu a:hover{ background-color: #e3001a; text-decoration:none; margin-left:5px; padding:3px; width: 130px; }
ul#menu li li { margin:0; padding:0;font-size:11px;}
ul#menu li li a{ color:#004a83; display:block; text-decoration:none; font-size:11px;}
ul#menu li li a:hover{ color: #004a83; background-color: #e3001a;text-decoration:none; }

.annonces { float: left; width: 290px; margin:10px; padding:0; }
.annonces div.photo{ float: left; margin: 5px;}
.annonces div.ann_tit{ font-weight: bold; font-size: 10pt; color:#004a83; text-align:center; }
.annonces div.ann_txt{ font-size: 9pt; text-align:justify; color:#646B6F; }
.annonces div.ann_con { text-align:left; font-size: 9pt; color:#646B6F; }
.annonces div.ann_tel { text-align:left; font-size: 9pt; color:#646B6F; }