body { background:#777; margin: 8px auto; font-family: Arial, sans-serif; font-size: 10pt; text-align:center}
table	{font-size:10pt; }
.lien_rubB       { color: #FC9F38; text-decoration: none; font-weight: bold; font-size: 8pt;}
.lien_rubC       { color: #009933; text-decoration: none; font-weight: bold; font-size: 8pt;}
a       { color: #0A61A8; text-decoration: none }
a:hover { color: #FF5050;  text-decoration: underline}
img {border: 0}
em {font-size:8pt}

h1		{margin:10px; color:#008000; font-weight:bold; font-size:10pt; text-align:center}
.h1a		{clear:both; margin-top:20px; margin-left:10px; color:#008000; font-weight:bold; font-size:10pt;}
.h1a	a	{color:#008000; font-weight:bold; font-size:10pt; text-align:center}
.h1a	a:hover		{color:#008000; text-decoration: none}
.h1b		{clear:both; margin-top:20px; color:#008000; font-weight:bold; font-size:10pt; text-align:center}
.h11		{color:#008000; font-weight:bold; font-size:10pt;}
h1	a	{color:#008000; font-weight:bold; font-size:10pt; text-align:center}
h1	a:hover		{color:#008000; text-decoration: none}
h2		{margin-left: 10px; font-weight:bold; font-size:10pt; }
h3		{margin-left: 10px; font-style:italic; font-size:8pt; }
h4		{margin-left: 10px; font-weight:bold; font-size:10pt; color:#800000; }
h4	a	{color:#800000; font-weight:bold; font-size:10pt; text-align:center}
h4	a:hover		{color:#800000; text-decoration: none}
h5		{margin-left: 10px; margin-top: 10px;  margin-bottom:0; font-weight:bold; font-size:10pt; color:#0A61A8; }
h6		{margin-left:10px; margin-top:0; font-weight:bold; font-size:10pt; color:#646B6F;}
#h7		{margin:5px 0 10px 0; color:#FF6600; font-weight:bold; font-size:10pt; }
.h7		{margin:5px 0 10px 0; color:#FF6600; font-weight:bold; font-size:10pt; }
#h8		{margin:0 0 10px 15px;color:#008000; font-weight:bold; font-size:10pt;}
.h8		{margin:0 0 10px 15px;color:#008000; font-weight:bold; font-size:10pt;}
#h9		{margin:0 0 10px 20px; color:#0033CC; font-weight:bold; font-size:10pt; }
.h9		{margin:0 0 10px 20px; color:#0033CC; font-weight:bold; font-size:10pt; }
.space {clear:both;}
.gauche {text-align: left;}
.droite {text-align: right}
.center {text-align: center}
.milieu {vertical-align:middle; float:right; padding: 0 1px}
.border {height:1px; width:100%; background: #ddd; margin: 5px 0}

.tbl_bordure {border-collapse: collapse; margin:0 auto}
.tbl_bordure td {border:#000000 1px solid;}
.tbl_bord_bleu {border-collapse: collapse; margin:0 auto}
.tbl_bord_bleu td {border:#0A61A8 1px solid;}
.tbl_bord_noir {border-collapse: collapse; }
.tbl_bord_noir td {border:#000 1px solid;}

.cre {font-weight:bold; color:#808080}
.texte{/*background:#eefae4;*/ height:100%; width: 830px; float: left;}
.coords {margin: 20px 0; font-size: 85%; color: white}
.coords a { color: white}
.coords a:hover {text-decoration: none; color: #bebebe}
#copyright {clear: both; padding: 20px 0 0 0; font-size: 85%; color: #bbb; text-align:center;}
#copyright a { color: white}

.bureau				{clear:both; margin: 0 10px; }
.bureau ul			{float: left; list-style: none; width:45%; margin: 5px 10px; padding:0}
.bureau li.photo		{border:1px; text-align:center;}
.bureau li img		{border:1px solid #008000;}
.bureau li.nom		{text-align:center;font-size:8pt; font-weight:bold;}
.bureau li.present	{font-size:7.5pt;}

.secret 				{clear:both; margin: 0 10px; }
.secret ul			{float: left; list-style: none; width:45%; margin: 5px 10px; padding:0}
.secret li.photo		{border:1px;text-align:center;}
.secret li img		{border:1px solid #008000;}
.secret li.nom		{text-align:center;font-size:8pt; font-weight:bold;}
.secret li.present	{font-size:7.5pt;}

.comite			{width:48%; float:left; padding:0; margin:3px; border:1px solid #008000; }
.comite div		{clear:both; }
.comite	p.tit	{font-weight:bold; text-align:center;}
.comite ul			{float: left; list-style: none; width:46%; margin: 5px; padding:0}
.comite li.photo		{border:1px;text-align:center;}
.comite li img		{border:1px solid #008000;}
.comite li.nom		{text-align:center;font-size:8pt; font-weight:bold;}
.comite li.present	{font-size:7.5pt;}

.body { border: #999 1px solid; padding:0; margin:0 auto; width: 990px; text-align:left }

#baspage {clear:both; float:none; margin: 20px; text-align:center; font-size:8pt;}

.band_pa {height:137px;background:#eefae4}
.band_pa #carre_vert {background: #393; width: 160px; height: 137px;float: left;}
.band_pa .slogan {position: absolute; z-index: 10; margin: 10px 0 0 33px}
.band_pa #band_photos {float:left; margin:0 0 0 200px}
.band_pa #logo { padding: 3px 0 0 20px; text-align:center;}
#band_mots {border-top: #999 1px solid;border-bottom: #999 1px solid; padding: 3px 0 3px 10px; background: white; font-weight: bolder; color: #360;font-size: 120%;letter-spacing:1px}
#band_mots #accueil {font-size: 9pt; letter-spacing:0px; margin-right:60px}
#band_mots img {vertical-align:baseline}
#band_mots a {color: red;}
#band_mots a:hover {color: red; text-decoration: underline}
#band_mots .mot {margin:0 30px;}

#map {margin:10px auto; width: 550px; height: 450px; position:static; z-index:1}
.legende {margin:10px auto; width: 550px; }
.legende a:hover {text-decoration: none}
.legende img {vertical-align: middle}

.mid_pa { height:100%; background:#fff url('../images/fond_page.gif') repeat-y;}

#colD {width: 164px; float: right; text-align:left; padding: 10px 8px; }
#colD form {padding:0; margin:0}
#colD form p {padding:0; margin:0}
#colD a {color: white}
#colD input.champ {padding:0; font-size: 8pt;height:16px; width: 140px}
#newsletter {margin: 10px 0px 15px 0;}
#newsletter #tit_newsl {padding: 0 2px; color: white; font-weight: bold}
#newsletter #txt_newsl {padding: 5px 0;}

#recherche {margin: 10px 0px 15px 0;}
#recherche #tit_search {padding: 0 2px; color: white; font-weight: bold}
#recherche #txt_search {padding: 5px 0;}

#infocre_pa {margin: 10px 0px 15px 0;}
#infocre_pa #tit_info_pa {padding: 0 2px; color: white; font-weight: bold; border-bottom: 1px white solid}
#infocre_pa #tit_info_pa:hover {background:red}
#infocre_pa #tit_info_pa a:hover { text-decoration: none;}
#infocre_pa .txt_info_pa {padding: 5px 0 0 15px; font-weight:bold;}
#infocre_pa .txt_info_pa a:hover {background:red; text-decoration:none}

#annonces_pa {margin: 10px 0px 15px 0;}
#annonces_pa #tit_ann_pa {padding: 0 2px; color: white; font-weight: bold; border-bottom: 1px white solid}
#annonces_pa #tit_ann_pa:hover {background:red}
#annonces_pa #tit_ann_pa a:hover { text-decoration: none;}

#partenaires_pa {margin: 10px 0px 15px 0;}
#partenaires_pa #tit_part {padding: 0 2px; color: white; font-weight: bold; border-bottom: 1px white solid}
#partenaires_pa #tit_part:hover {background:red}
#partenaires_pa #tit_part a:hover { text-decoration: none;}
#partenaires_pa #logo_part {padding: 5px;}

.annonces { float: left; font-family: Tahoma; width: 310px; margin:0; padding:0; }
.annonces ul { list-style: none; }
.annonces li.ann_tit{ font-weight: bold; font-size: 10pt; color:#0A61A8; text-align:center; }
.annonces li.ann_txt{ font-size: 8pt; text-align:justify; color:#646B6F; }
.annonces li.ann_con { text-align:left; font-size: 8pt; color:#646B6F; }
.annonces li.ann_tel { text-align:left; font-size: 8pt; color:#646B6F; }


.texte8     { font-size: 8pt }
.texte10     { font-size: 10pt }
.texte12     { font-size: 12pt;}

.info { width: 620px; margin: 10px; float: left; text-align:left; }

.actu { width: 620px; margin: 10px; float: left;  }
.actu img { padding: 0 5px 0 0}
#tit_actu_pa {padding: 5px; text-align:left; color: red; font-weight: bold; border-bottom: 1px red solid;}
.txt_actu_pa {padding: 10px 5px}

.lien_actu_R       { color: #008000; text-decoration: none }
.lien_actu_R:hover { color: #008000; text-decoration: underline }
.lien_actu_S       { color: #FF0000; text-decoration: none }
.lien_actu_S:hover { color: #FF0000; text-decoration: underline }
.lien_actu_T       { color: #0066FF; text-decoration: none }
.lien_actu_T:hover { color: #0066FF; text-decoration: underline }

#sommaire {padding:10px 8px; width: 144px; float: left;position: static; z-index: 10}
ul#menu	{color: white; font-weight: bold; margin: 0; padding: 0; list-style: none;position: static; z-index: 10; display: block;}
ul#menu li ul{ display:none; }
ul#menu li:hover>ul{ display:block; }
ul#menu li{ position:relative; padding: 0; padding: 2px; margin:5px 0; border-bottom: 1px white solid}
ul#menu li:hover{background:red}
ul#menu li a {color:white}
ul#menu ul{ position:relative; z-index:10;background:#FFFFFF; border: 1px #0A61A8 solid; list-style:none; margin:0; padding:0; width:110px; font-size: 9pt; font-weight: normal}
ul#menu ul li { margin:3px 0; padding:3px 0; }
ul#menu ul li:hover{background:red}
ul#menu ul{ position:absolute; top:-1px; left:140px; }
ul#menu li.affiche{color: red; border:none; margin:0 0 0 10px; }
ul#menu li.affiche a{ width: 108px; }
ul#menu li.affiche a:hover{ color:white}
ul#menu a.affiche{ color:red; display:block; text-decoration:none;  }
ul#menu a.affiche:hover{ color: white; text-decoration:none;}
ul#menu a{ display:block; text-align:left; padding:0; }
ul#menu a:hover{ text-decoration:none; }
ul#menu li li a{ color:#195085; display:block; text-decoration:none; margin-left:5px; }
ul#menu li li a:hover{ color: white; text-decoration:none; }

.gris {color: #777}
.petit {font-size: 90%}

.CCE {color:#58ac25}
.CSO {color:#7f3589}
.ATT {color:#01a4a6}
.PGAM {color:#a9398b}
.ETHO {color:#5d014a}
.DRE {color:#004687}
.HUN {color:#b36407}
.TREC {color:#00664a}
.TREA {color:#ada000}
.VOL {color:#0098d1}
.WEST {color:#d54d12}
.END {color:#f7cc00}
.AMA {color:#f524b8}
.DIV {color:#005fc2}
.PARA {color:#463ba8}