/* or aa8c46 */

h3.spip { background: url(puce2.gif) left 2px no-repeat; padding: 4px 0 4px 56px; color:#2C67B5; font-family:Georgia;
border-bottom: 1px dotted #AAA; font-size:16px; }
p.spip { margin: 0 0 8px 0; }

body { background: #FFF url(bg_body.gif) top left repeat-x; font-family: Arial; font-size:12px;
	margin:0; padding:0;}

#global { width: 775px; margin: 0 auto 0 auto; padding: 0 1px 0 1px;
border-left:1px solid #d1d0cd; border-right: 1px solid #d1d0cd; background:#FFF;}
#top { cursor: default; margin: 0 0 1px 0;}

img.exo_logo_article { border:2px solid #AAA; background:#326DB9; }

a#logo {}
a#logo img { vertical-align: middle; margin: 0 0 2px 0;}
h1 { color:#356689; font-family: Georgia; font-size:20px; margin:0; padding:0; font-weight:bold; position: absolute; top:0; width: 774px; }
h1 span.gris { color:#737373; }
img.barre_separ { vertical-align: middle; }

#infosclub {float:right; width: 150px; font-size:14px; text-align: right;
		margin: 8px 5px 0 0; display: block;}

img#courbehaut { position: absolute; }
#div_logo_rubrique { padding: 56px 0 0 0; }
#div_logo_rubrique img {  }

img#courbebas {  }

#menu { background: #194bad url(bg_menu.gif) top repeat-x; color:#FFF; text-align: center;
	width:100%; padding:0; margin:0; }
#menu td { padding:0; margin:0; }
#menu td a { color:#FFF; font-weight:bold; text-decoration: none; padding: 4px 6px 4px 6px; display:block; }
#menu td a:hover { color:#aa8c46; background: url(bg_menu_on.gif) top repeat-x;}
#menu td img { vertical-align:middle; float:right; }
#menu td a.on { background: #194bad url(bg_menu_on.gif) top repeat-x; color:#aa8c46; }

.colgauche { width: 200px; float: left; margin: 0 15px 0 0;}
.colmilieu { width: 534px; float:left; }

#content {padding: 16px 12px 8px 12px; }

.bloc { border:1px solid #2c67b5; }
.bloc h3 { color:#FFF; font-family: Georgia; font-weight:bold; font-size:13px; margin:0; padding: 5px 4px 3px 4px;
background: #2c67b5 url(bg_titre.gif) top repeat-x;  }
.bloc h4 { margin: 0 0 2px 0; padding:0; font-weight:normal; font-size:13px;}
.bloc h4 a { text-decoration: none; color:#2e63ab; background: url(fleche_3.gif) left center no-repeat; padding: 1px 0 1px 12px; font-weight: bold; display: block;
 }
.bloc h4 a:hover { color:#0c284d; }
.bloc h4 a.on { background: url(fleche_4.gif) right center no-repeat; padding: 1px 12px 1px 0;  color:#333;
border-top: 1px dotted #2c67b5;  border-bottom: 1px dotted #2c67b5; margin: 4px 0 0 0; }
.bloc h4 a.on:hover { color:#000; }

.bloc h5 { margin: 0 0 2px 0; padding:0; font-weight:normal; font-size:12px;}
.bloc h5 a { text-decoration: none; color:#2e63ab; background: url(fleche1.gif) left center no-repeat; padding: 1px 0 1px 12px; font-weight: bold; display: block;
 }
.bloc h5 a:hover { color:#0c284d; }
.bloc h5 a.on { background: url(fleche1.gif) right center no-repeat; padding: 1px 12px 1px 0; color:#666;
 border-bottom: 1px solid #2c67b5; margin: 4px 0 4px 0; }
.bloc h5 a.on:hover { color:#000; }

.bloc .margeBox { margin: 8px; }

.tetepage { border-bottom:1px solid #bfbfbf; padding: 4px 0 1px 0; margin: 0 0 12px 0; }
h2 { color:#6d6d6d; margin: 0; padding: 0; font-weight:bold; letter-spacing:1px; font-size:20px;}
.soustitre { color:#aa8c46; font-weight: bold; margin: 0 0 1px 0; }

.intro { font-family: Arial; font-size: 15px; color:#2a65b4;  }
.texte { margin: 12px 0 0 0; font-family: Arial; }

span.carte_ville { position: absolute; font-size:10px; }
span.carte_ville a { text-decoration: none; color:#000; }
span.carte_ville a:hover { color:#FFF; background:#000; }
span.carte_ville a img{ border:0; margin: 0 2px 0 1px; }
span.carte_ville a:hover span { background:#000; cursor: pointer; }


.portfolio { margin: 24px 0 0 0; clear:both;}
.portfolio table { width: 100%; }
.portfolio table td { vertical-align: top; }
.portfolio table td a img { border:1px solid #AAA; padding:2px; }
.portfolio table td a:hover img { border:1px solid #000; padding:2px; }

.portedocument {}
.portedocument h3 { margin: 0 0 8px 0; }
.portedocument h4 { margin: 0 0 6px 0; padding: 4px 4px 4px 4px; border:1px solid #AAA; }
.portedocument h4 a { display:block; text-decoration: none !important; }
.portedocument h4 a img { vertical-align: middle; margin: 4px 12px 4px 0; }
.portedocument_a_titre { font-size:11px; color:#004E96; font-weight:bold; }
.portedocument_a_desc { font-size:11px; color:#009DCD; font-weight:normal; }
.portedocument_a_poids { float:right; font-size:10px; font-weight:normal; margin: 4px 4px 0 0;}
.portedocument h4 a:hover { color:#004E96; background: #EEE; }
.portedocument h4 a:hover .portedocument_a_titre { color:#000 !important; }
.portedocument h4 a:hover .portedocument_a_desc { color:#333 !important; }
.portedocument h4 a:hover .portedocument_a_poids { color:#666 !important; }

.exoplan {  }
.exoplan a { text-decoration: none; }
.exoplan h2 { font-family: Georgia; font-weight:bold; font-size:13px; margin:0 0 8px 0; }
.exoplan h2 a { color:#2C67B5; }
.exoplan h2 a:hover { color:#000; }
.exoplan h4 { }
.exoplan h4 a { color:#666; }
.exoplan h4 a:hover { color:#222; }
.exoplan hr.separ { height:1px; border:0; background:#CCC; border-bottom: 1px solid #CCC; font-size:1px; margin: 8px;}


#hierarchie { font-size:10px; font-family: Tahoma, Verdana; font-weight: normal; padding: 4px 12px 0 0; margin: 28px 0 0 0; 
border-top: 1px dotted #AAA; clear: both; }
#hierarchie a { color:#666; }
#hierarchie a:hover { color:#aa8c46; }
#hierarchie a:active { background:#666; color:#FFF; }

#piedautour { background: url(courbe_bas.jpg) left top no-repeat; padding: 20px 0 8px 0; }
#pied { font-family: Tahoma, Arial; color:#6b6b6b; font-size:10px;
margin: 24px 0 64px 0; padding: 20px 0 64px 40px; }
#piedpictos { float:right; text-align: right; margin: 0 24px 0 0;}
#piedpictos a { text-decoration: none; margin: 0 8px 0 0; color:#6b6b6b; }
#piedpictos a:hover { text-decoration: underline; color:#2C67B5; }
#piedpictos a img { margin: 0 2px 0 0; }
#piedpictos:hover a { color:#333; }
#piedpictos:hover a:hover { color:#2C67B5; }

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }