/* CSS Document */

/* ---------- ---------- GENERALITES ---------- ---------- */
body, div, p, h1, h2, h3, h4, h5, h6, h7, table, tr, td, form, input, textarea, option, ul, dl, dt, dd, img {
margin:0; padding:0; border:0; font-family:Verdana; font-size:10px; font-weight:normal; font-style:normal; 
text-decoration:none; background:0; color:#444444;}

h1, h2, h3, h4, h6, .titreportail, .titreannuaire, .titreguide, .titrecarnet, .gros {font-weight:bold;}
p, td, h2, h3, h4, h5, small, li, dt, dd, .petit {color:#444444;}

a {color:inherit; text-decoration:none;}

table {border-collapse:collapse;}
td {vertical-align:top;}
p {color:#222222;}
a:hover.liensimple {border-bottom:1px dotted #555555;}
h1 {font-size:16px; letter-spacing:2px; color:#444444; margin:7px 0 0 0; padding:0 0 7px 0;
border-bottom:1px solid;}
h2 {font-family:Arial; font-size:15px; margin:20px 0 5px 0;}
h3 {margin:12px 0 0 0; font-family:Arial; font-size:13px; text-transform:uppercase; text-decoration:underline;}
h4 {margin:20px 0 0 0; font-size:12px;}
h5 {margin:10px 0 0 50px; font-size:10px; text-decoration:underline;}
h6 {/* voir SERVICES > vignettes */}
.px9 {font-size:9px;}

input, textarea, option {background-color:#FFFFFF; border:1px solid #999999;}
small {font-size:9px;line-height:14px;}
strong {font-weight:bold;}
dl {margin-top:0px;}
dt {margin:5px 0px 2px 0px;font-size:11px;}
dd {font-size:10px;margin-left:10px;line-height:15px;}

ul {margin-left:15px;}
li {list-style-position:outside; list-style-type:disc; margin:5px 0px 0px 0px;}






/*  ---------- ZONES  ---------- */

body {background-color:#559955; padding-bottom:10px;}
#centre {margin:8px;}


/*  ENTETE */

#entete {border:1px solid #CCCCCC; border-bottom:0; background-color:#66AA66;}


/* LIGNE */
#ligne {width:100%; height:27px;}
#ligne td {text-align:center; font:Bold 10px Arial;
color:#FFFFFF; letter-spacing:1px; padding-top:6px; border-bottom:0;
background:transparent url('img/boutons/fond0.png') no-repeat;
border-left:1px solid #FFFFFF;}
#ligne td:hover {color:#444444; background:transparent url('img/boutons/fond2.png') no-repeat;}

#ligne td#ligneportail {background-color:#0033FF; width:200px;}
#ligne td#ligneguide {background-color:#00BB00; width:200px;}
#ligne td#ligneannuaire {background-color:#FF1414; width:200px;}
#ligne td#ligneservices {background-color:#FF8800; width:200px;}

#ligne td.lignevide {background:#ffffff url('img/boutons/fond4.png') repeat-x; border-width:0;}
#ligne td.lignevide:hover {background-image:url('img/boutons/fond4.png');}

#ligne td.blanc {/*height:23px; line-height:18px;*/ color:#444444; background-image:url('img/boutons/fond3.png');}





/* GAUCHE */

#gauche {width:145px; padding:5px 5px 10px 5px;}

.titre {text-transform:uppercase; font:bold 10px arial; text-align:center; margin:0 0 0 0; color:#555555;
 border-bottom:1px solid; padding:3px; background:#FFFFFF;}
#somportail .titre {border-bottom-color:#0033FF;}
#somportail #liste11 {color:#0033FF;}
#somguide .titre {border-bottom-color:#00AA00;}
#somguide #liste11 {color:#00AA00;}
#somannuaire .titre {border-bottom-color:#FF1414;}
#somannuaire #liste11 {color:#FF1414;}
#somservices .titre {border-bottom-color:#FF6600;}
#somservices #liste11 {color:#FF6600;}

.liste1 {border:1px solid #999999;margin:0 0 10px 0;}
#liste11 {background-color:#E0E0E0; font:normal 9px Verdana; line-height:11px; padding:3px 3px 3px 8px; margin-bottom:1px;}
.sousligne1 #liste11 {background-color:#FFFFFF;font:bold 10px Arial;}
#liste11.blanc {background-color:#FFFFFF;font-weight:bold;}

.cadrerose {border:1px dotted #888888;margin:20px 10px 10px 10px;padding:2px; background:#FFFFFF;}
.cadrerose:hover {border:1px dotted #EE00CC;background-color:#E7E7E7;}
.cadrerose p {margin:0;padding:0;color:#DD00BB;}



/*  DROITE */

#droite {width:130px; padding:0 7px 10px 7px; border-left:1px solid #BBBBBB; background-color:#AADDAA;}
#droite input {font-size:10px;}
#droite div {border-top:1px solid #888888;margin-top:15px;}
#droite h2 {font-size:10px;color:#FF6600;margin-top:5px;}
#droite p {font-size:9px;margin:5px 0 0 0;}
#droite p.1 {margin:0 0 5px 0;}

#droite a {color:#333333;border-bottom:1px dotted #AADDAA;}
#droite a:hover {color:#333333;border-bottom:1px dotted #333333;}

#droite div.cadrerouge {border:1px dashed #FF6600; padding:7px; margin:10px 0px 10px 0; line-height:15px; color:#FF0000; background-color:#DDFFDD; font-size:9px;}
#droite div.cadrerouge:hover {background-color:#FFFFFF;}



/* ---------- PAGE ---------- */

#portail0, #annuaire0, #guide0, #services0, #baguette0 {position:relative; top:5px; left:0px;
background-color:#FFFFFF; border:1px solid #DDDDDD; /*border-top-width:0;*/}
#tableau {width:100%;}
#portail, #annuaire, #guide, #services, #baguette {padding:0 25px 15px 15px;}
#imgfond {background-image:url(img/fond/img1.jpg);
background-repeat:no-repeat;background-position:100px 300px;}

#texte p {text-align:justify;line-height:14px;margin:3px 0px 0px 0px;}
#texte td {font-size:10px;line-height:12px;}

/* #portail0 {border-top:1px solid #FFFFFF;}
#guide0 {border-top:1px solid #116611;}
#annuaire0 {border-top:1px solid #D21414;}
#services0 {border-top:1px solid #FF6600;}
#baguette0 {border-top:1px solid #DD00BB;} */

#chapeau {padding:5px 10px 5px 10px; background-color:#EEEEEE; border:1px solid #AAAAAA; border-top-width:0;}
#chapeau0 {font:bold 14px Arial; letter-spacing:1px; margin:5px 0 5px 0;}
#chapeau1 {font:bold 11px Arial; margin:5px 0 0 0;}
.sousligne2 #chapeau1 {font:bold 11px Arial;}
#chapeau2 {font:normal 9px verdana;}


/* RESUME */
#resume {color:#202020;font:normal 10px Verdana;}
.resume1 {text-transform:uppercase;}

.liste a, .liste a:visited {border-bottom:1px solid #FFFFFF;}
.liste a:hover {border-bottom:1px dotted #555555;}




/* Baguette */
#baguette h1 {color:#DD00BB;}
#baguette a {color:#DD00BB;} 

#baguette1 img {float:left;}
#baguette1 p {padding:50px;font-size:12px;line-height:18px;}



/* Portail */
.bleu {color:#0022C8;}
#portail h1 {color:#0033FF;}
#portail a {color:#0022EE;} 
#portail #site a:visited { color:#777777; }
#portail h2 {font-family:Arial;font-size:13px;}

#site {}
#site h2 {margin-top:0;}

#tbliste {margin:0 0 15px 0; border-collapse:collapse; width:100%;}
#tbliste td {border:1px dotted #AAAAAA; padding:5px;}
#tbliste .cell1 {width:135px; text-align:center;}


/* Annuaire */
#annuaire h1 {color:#FF1414;}
#annuaire a {color:#FF1414;}
#annuaire h2 {font-family:Arial; font-size:13px;}
/*#annuaire ul {margin:0 0 0 10px;}
#annuaire li {margin:5px 0 3px 0;}
.listeserree li {margin:0 0 1px 20px; list-style-type: none; font-size:10px;}*/

/*#somannuaire td {vertical-align:top;}
#somannuaire p {margin:0;}*/

#tbliste .detail td {border:none; font-size:9px; padding:2px 0 0 0; color:#000000;}




/* Guide */
#guide h1 {color:#00BB00;}
#guide p {line-height:16px;margin-top:9px;}
#guide a {color:#00AA00;}
#guide .retrait {margin-left:80px;}

.dico {margin-top:5px;border-collapse:collapse;border:0;}
.dico td {border:1px solid #CCCCCC;width:160px;padding:3px;}

#alphabet {margin-top:15px;border-collapse:collapse;border:0;}
#alphabet td {border:1px solid #CCCCCC;padding:3px;}

#tb6 {margin-top:15px;border-collapse:collapse;border:0;}
#tb6 td {border:1px solid #CCCCCC;padding:3px;}
#tb6 td.cell0 {border:0;}
.lignetitre {font-weight:bold;border:1px solid #CCCCCC;}
tr.lignetitre span {font-weight:normal;font-style:italic;}

#tbvilles td {border:1px solid #777777;padding:2px 5px 2px 5px;}
#tbvilles .tr1 td {vertical-align:bottom;text-align:center;}
#tbvilles .td1 {border-top:0;border-left:0;}

#tbkm td {border:1px solid #777777;padding:2px 5px 2px 5px;text-align:center;}
#tbkm td.left {text-align:left;}


#nota {position:relative; top:-10px; right:-10px; float:right; width:230px; padding:5px 5px 2px 5px;  border:1px dotted #DD00BB;}
#nota p {font-size:9px;margin:0;line-height:12px;}
#nota h5 {margin:0 0 3px 0;color:#DD00BB;}
#nota div {padding:3px;margin-bottom:3px;}
#nota a, #nota a:visited {color:inherit;}
#nota a:hover div {background-color:#E0E0E0;}







/* Services */
#services h1 {color:#FF8800;}
#services a {color:#FF8800;}
#services table {width:100%;}

.vignette {float:left; padding:0 0 10px 0; margin:0 10px 10px 0; border:1px solid #999999;}
.vignette h6 {font-size:11px; color:#444444; padding:2px; border-bottom:1px solid #444444; background-color:#EEEEEE;}
.vignette p {padding:2px 5px 0 5px;}
.vignette:hover > h6 {}

.vignette ul {}

#accueil p {text-align:left; margin:0;}
#accueil a {color:#333333;}
#accueil a:hover {color:inherit;}

#tbarticles {width:100%;top:20px;}
#tbarticles td {width:25%;vertical-align:top;}
#tbarticles div {padding:5px 7px 2px 7px;margin:2px;background-color:#FFFF66;}
#tbarticles div:hover {background-color:#FAFAFA;}
#tbarticles h3 {margin:0px 0 5px 0;font-size:10px;color:#553300;}
#tbarticles p {text-align:justify;margin:0 0 2px 0;color:#003300;}
#tbarticles a {color:inherit;}

#tbannuaire td {border:1px solid #888888;padding:2px 5px 2px 5px; font-size:9px;}

#formannuaire {margin-top:10px;border:1px solid #888888;background-color:#FFFFAA;padding:5px;}
#formannuaire td {padding-top:5px;}

#tbplan p {font-family:Arial; line-height:14px; margin:0; padding:0; text-align:left;}
#tbplan h3 {margin:5px 0 5px 0;}
#tbplan table.tbplan2 td {padding:2px; border:0; border-bottom:1px dotted #BBBBBB;}

#tbannonces {margin:5px;}
#tbannonces td {border:1px solid #999999;padding:2px 5px 2px 5px;}
#tbannonces td.celltxt {text-align:justify;padding:10px;font-size:9px;}
#tbannonces td.cell1 {width:320px;font-weight:bold;color:#FF6600;}
#tbannonces td.cell2 {width:180px;}

#confirmation {margin-top:10px;padding:5px;border:1px solid #888888;background-color:#D3FFD3;}
#confirmation h2 {margin-top:5px;}


.c0 {margin:0;font:bold 11px arial;}
.c1 {margin:7px 0 2px 0;font:bold 9px arial;}
.c2 {margin:1px 0 0 10px;font:normal 9px verdana;}
.c3 {margin:0 0 0 20px;font:normal 9px verdana;}

p.avertissement {text-align:center;text-decoration:underline;margin:10px 100px 0 100px;line-height:20px;}
p.retrait2 {padding-left:20px;width:350px;color:#333333;font-size:9px;}
td.right {padding:20px 30px 10px 0;}


/*  ---------- PERSO  ---------- */
#perso {position:absolute;top:165px;left:30px;width:770px;background-color:#FFFFFF;}
#perso a, #perso a:hover, #perso a:visited {color:#0000CC;}
#perso div#marge {float:left;width:120px;padding:50px 5px 10px 10px;}
#perso div#texte {margin-left:125px;border-left:1px solid #FF2277;padding:15px 15px 30px 15px;}
#perso p {color:#333333;}
#perso .titre {border-bottom-color:#0000CC;padding:7px;margin:0;}
#pied {position:absolute;bottom:-25px;right:5px;}
#pied p {color:#111111;}









/*  ---------- EXCEPTIONS  ---------- */
.petit {font-size:9px;line-height:12px;margin:0;padding:0 0 2px 0;}
.texte {margin-left:200px;}
.retrait {margin-left:10px;}
.underline {/*text-decoration:underline;*/ background-color:#CCCCCC; padding:1px 3px 1px 3px;}
.secret {display:none;}
.vert {color:#116611;}
.rouge {color:#D21414;}
.orange {color:#FF6600;}
.rose {color:#DD00BB;}
.encadre {border:1px dotted #AAAAAA;margin:10px;padding:7px;background-color:#FFFFFF;}
.corps {text-indent:30px;padding-left:7px;padding-right:7px;}
.corps0 {padding-left:7px;padding-right:7px;}
.right {text-align:right;}
.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s12 {font-size:12px;}
.clear {clear:both;}