@charset "utf-8";
body { margin:0; padding:0; background:url(img/fd-page.jpg) 0px 0px repeat-x;
	text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 11pt;
}
html>body #content { height:auto; min-height:300px; }
/*html>body #activite_list { height:auto; min-height:20px; }*/

/* GENERALITES ----------------------------------------------------------- */
ul { list-style-type:none; /*list-style-position:inside;*/ margin:0; padding:0; }
li { margin:0; padding:0; line-height:normal; }

p { margin:0; padding:0; text-align:justify; }

form, input, select { margin:0; padding:0; }
input, select, textarea { font-size:10px; }
label { /*float: left; margin-right: 5%; text-align: right; width: 15%;*/ }

h1, h2, h3 { margin:0; padding:0;}
h1 { font-size:18px; }

table { font-size:11px; } 
table th { text-align:left; }
table td {  }

.clear { clear:both; }
.clearBoth { clear:both; }

/* MESSAGES ------------------------------------------------ */
.err, .suc, .ask { margin:5px auto; width:90%; padding:0 0 5px 0; }
.errtt, .succestt, .asktt { display:block; color:#fff; text-align:center; font-weight:bold; }
.errtxt, .succestxt, .asktxt { display:block; background-color:#fff; padding:2px 5px; }
.err { border:1px solid #ff0000; }
.errtt { background-color:#FF0000; }
.errtxt { display:block; color:#ff0000; }
.suc { border:1px solid #339933; }
.succestt { background-color:#339933; }
.succestxt { display:block; color:#339933; }
.ask { border:1px solid #FF9900; overflow:auto; }
.asktt { background-color:#FF9900; }
.asktxt { display:block; color:#FF9900; }

/* CONTENEURS ------------------------------------------------------------------------------ */
#annuairereunionnais { margin:10px auto; width:960px; text-align:left; overflow:auto;}
/* HAUT DE PAGE */
#head { background: url(img/head.gif) 0px 0px no-repeat; height:180px; text-align:left; }
#logo { float:left; width:290px; }
#logo img { padding-left:20px; padding-top:1px; }
#bh { float:right; width:540px; height:3px; text-align:right;  /* ajout pour IE --> */ font-size:2px; line-height:2px; }
/* PUB HAUT */
#pub { float:right; width:540px; padding:42px 18px 0px 0px; }
#pubContent { float:right; width:470px; height:60px; }
/* DATE */
#headdate { float:right; padding:12px 20px 6px 0; /*font-weight:bold;*/ font-size:11px; color: #333; }
/* SOUS-MENUS + FAVORIS */
#headMenus { float:left; width:100%; height:auto; }
#menusFav { float:left; width:30%; height:auto; }
#menusFav img { padding:13px 0 0 50px; }
#menusSub { float:right; width:58%; }
#menusSub ul { width:auto; height:40px; }
#menusSub ul li { float:right; margin-right:15px; }
/* CONTENUS */
#content { float:left; background: url(img/bottom2.gif) bottom right no-repeat; height:300px; text-align:left; width:100%; padding-bottom:10px;  }
#contentLeft { float:left; width:33%; padding:0 0 10px 0; }
#contentRight { float:right; width:67%; padding-top:10px; }
/* BAS DE PAGE */
#bottom { padding-left:10px; /* float:left; padding-top:20px;*/ height:20px; clear:both; width:80%; }
#bottom ul { }
#bottom ul li { float:left; padding:5px 0px 0px 10px; }
#bottom ul li a { color:#000; font-weight:bold; text-decoration:none; }
#bottom ul li a:link, div.bottom ul li a:visited, div.bottom ul li a:active { text-decoration:none; }
#bottom ul li a:hover { text-decoration:underline; }

/* DESIGN PAGE ACCUEIL ------------------------------------------------------------------ */
#imagesDuJour { padding-left:25px; }
#imagesDuJour div { float:left; width:124px; padding-top:15px; padding-right:15px; }

/* FORMULAIRE DE RECHERCHE -------------------------------------------------------------- */
#formAnnuaire { /*background-color:#ccc; float:left;*/ }
fieldset { float:left; border:0; width:600px; padding:10px 0 0 0; }
form.fsearch { width:600px; text-align:left; }
form.fsearch table {  }
form.fsearch table td { line-height:12px; }
form.fsearch table td.lab { text-align:right; width:250px; height:35px; padding-right:10px; }
form.fsearch table td.inp { background: url(img/fond_input.gif) 0px 0px no-repeat; width:330px; padding-left:7px; }
form.fsearch table td.condition { color:#c00; font-size:16px; font-weight:bold; font-style:italic; padding-left:110px; }
form.fsearch table td.esp { height:28px; }
form.fsearch table td.esp2 { height:40px; }
form.fsearch table td.infoSup, form.fsearch table td.infoSup2 { vertical-align:top; font-weight:bold; }
form.fsearch table td.infoSup span.infosup { font-style:italic; }
form.fsearch table td.infoSup { padding-left:5px; }
form.fsearch table td.infoSup2 { text-align:right; padding-right:20px; color:#999; }
form.fsearch table td.BtnSearch { height:32px; text-align:right; padding-right:30px; vertical-align:bottom; }

form.fsearch label { line-height:20px; font-size:20px; font-weight:bold; }
form.fsearch input { }
form.fsearch input.field { font-family:"Courier New", Courier, monospace; font-size:14px; color:#c00; width:272px; border:0; }
form.fsearch input.btn { text-decoration: none; width:140px; height:50px; background: url(img/bouton_rechercher.gif) 0px 0px no-repeat;
  color:transparent; font-size:10px; font-weight:bold; cursor:pointer; border-width: 0; }

/* CRITERES RECHERCHE */
#SearchToFind { float:left; width:99%; background: url(img/pagination-fd.gif) 0px 0px repeat; }

#SearchToFind .rp1, #SearchToFind .rp3 { height:10px; width:10px; background-repeat: no-repeat; font-size:1px; /* correction d'un bug IE */ }
#SearchToFind .rp1 { float:left; background:url(img/pagination-cointHTleft.gif) 0px 0px no-repeat; }
#SearchToFind .rp2 { }
#SearchToFind .rp2 p { padding:5px 0 5px 12px; font-weight:bold; }
#SearchToFind .rp3 { background:url(img/pagination-cointHTright.gif) top right no-repeat; float:right; }
#SearchToFind .rp4, #SearchToFind .rp5 { background-repeat: no-repeat; height:10px; width:10px; font-size:1px; }
#SearchToFind .rp4 { background:url(img/pagination-cointBSleft.gif) 0px 0px no-repeat; float:left; margin-top:-6px; }
#SearchToFind .rp5 { background:url(img/pagination-cointBSright.gif) 0px 0px no-repeat; float:right; margin-top:-6px; }

#SearchToFind table { margin:0 auto; padding:0; width:610px; line-height:1.2em;  }
#SearchToFind table td { vertical-align:top; width:50%; }
#SearchToFind table td span.labSearch { font-weight:bold; }
#SearchToFind table td span.toFind { color:#cc0000; }

/* ************************************************************************* */
.rubRes { float:left; width:99%; background:url(img/pagination-fd.gif) 0px 0px repeat; }
.rubRes a { text-decoration:none;  }
.rubRes a:link, .rubRes a:active, .rubRes a:visited  { color:#333;  }
.rubRes a:hover { color:#CC3300; }

.rr1, .rr3, .rr4, .rr5 { height: 10px; width: 10px; font-size:1px; /* correction d'un bug IE */ }
.rr1 { background:url(img/pagination-cointHTleft.gif) 0px 0px no-repeat; float:left; /*padding:3px 0 0px 10px; color:#CC3300;*/ }
.rr2 { clear:both; }
.rr3 { background:url(img/pagination-cointHTright.gif) top right no-repeat; float:right; /*padding:3px 10px 0px 0; text-align:right; color:#CC3300;*/ }
.rr4 { background:url(img/pagination-cointBSleft.gif) 0px 0px no-repeat; float:left; margin-top:-6px;/**/ clear:both; }
.rr5 { background:url(img/pagination-cointBSright.gif) 0px 0px no-repeat; float:right; margin-top:-6px;/* clear:both;*/ }

ul.daddys { float:left; display:inline; width:28%; /*background-color:#FFFF00;*/ margin-top:2px; }
ul.daddys li { float:left; display:inline; font-weight:bold; line-height:1.5em; }

ul.childs { float:left; display:inline; /*background-color:#ccc;*/ width:96%; }
ul.childs li { float:left; display:inline; line-height:1.5em; width:23%; padding-left:10px; background:url(img/bullet_red.gif) -4px 2px no-repeat; margin-right:1px;  }

ul.childs2 { float:left; display:inline;/* background-color:#ccc;*/ width:131px; margin:0 1px 2px 20px; }
ul.childs2 li { float:left; display:inline; line-height:1.5em; width:auto; padding-left:10px; background:url(img/bullet_blue.gif) -4px 2px no-repeat; }

.filtres { float:right; /*background-color:#66CC33;*/ padding-right:10px; }
.filtres label { font-weight:bold; }
.filtres input {  }
.filtres input.field { width:200px; height:16px; border:1px solid #ffcc66; }
.filtres input.btn { color:#CC3300; width:40px; text-align:center; }

/* AFFICHAGE INFOS RESULTATS ----------------------------------------------------------- */
#SearchResults { float:left; width:100%; padding-bottom:10px; }

#noresult { float:left; width:99%; background: url(img/res-fd.gif) 0px 0px repeat-x; font-size:11px; }
.r1, .r3 { width:10px; height:20px; font-size:1px; }
.r1 { background:url(img/res-coinLeft.gif) 0px 0px no-repeat; float:left; }
.r2 { background:url(img/res-fd.gif) 0px 0px repeat-x; padding:2px 0 0 0; text-align:center; height:18px; color:#CC3300; }
.r3 { background:url(img/res-coinRight.gif) top right no-repeat; float:right; }

/* PAGINATION -------------------------------------------------------------------------- */
#pagination { float:left; width:99%; background: url(img/pagination-fd.gif) 0px 0px repeat; font-size:11px; margin-top:5px; line-height:18px; }
.p1 { background:url(img/pagination-cointHTleft.gif) 0px 0px no-repeat; float:left; width:20%; padding:3px 0 0px 10px; color:#CC3300; }
.p1b { background:url(img/pagination-cointHTleftb.gif) 0px 0px no-repeat; float:left; width:20%; padding:3px 0 0px 10px; color:#CC3300; }
.p2, .p2b { padding:3px 0 0px 0; text-align:center;  }
.p3 { background:url(img/pagination-cointHTright.gif) top right no-repeat; float:right; width:13%; padding:3px 10px 0px 0; text-align:right; color:#CC3300; }
.p3b { background:url(img/pagination-cointHTrightb.gif) top right no-repeat; float:right; width:13%; padding:3px 10px 0px 0; text-align:right; color:#CC3300; }
.p4, .p5, .p4b, .p5b { height: 10px; width: 10px; font-size:1px; /* correction d'un bug IE */ }
.p4 { background:url(img/pagination-cointBSleft.gif) 0px 0px no-repeat; float:left; margin-top:-6px; }
.p4b{ background:url(img/pagination-cointBSleftb.gif) 0px 0px no-repeat; float:left; margin-top:-6px; }
.p5 { background:url(img/pagination-cointBSright.gif) 0px 0px no-repeat; float:right; margin-top:-6px; }
.p5b { background:url(img/pagination-cointBSrightb.gif) 0px 0px no-repeat; float:right; margin-top:-6px; }
/* LIENS PAGINATION */
.p2 a , .p2b a { text-decoration:none; }
.p2 a:link, .p2 a:visited, .p2 a:active, .p2b a:link, .p2b a:visited, .p2b a:active { /*color:#555793;*/color:#CC3300; }
.p2 a:hover, .p2b a:hover  { color:#333; }

/* CLIENT  -------------------------------------------------------------------------- */
.client { float:left; border:4px solid #ffcc66; /*border:4px solid #FFCC00; border:4px solid #e5e1aa;*/ width:98%; margin-top:10px; }

table.tabClient { width:100%; }
table.tabClient td.name {  }
table.tabClient td.adress { padding:2px 5px; font-weight:bold; background-color: #f8d95d;/*background-color: #f7d650;*/ }
table.tabClient td.coord { padding-left:5px; /*background-color:#666; height:80px;*/ }
table.tabClient td.acti { background-color: #e5e1aa; padding:2px 5px; /*background-color:#c1c1f0;*/ }

table.tabClient span { float:left; font-weight:bold; padding:5px;  }

table.tabClient td.coord ul { float:left; margin:0; padding:1px 0; width:49%; margin-bottom:2px; }
table.tabClient td.coord ul li { float:left; width:100%; }
table.tabClient td.coord ul li span { font-weight:normal; padding:0; text-decoration:underline; width:35px; }
table.tabClient td.coord ul li.service { color:#336699; }

table.tabClient td.acti span { padding:0; }

/* AUTOCOMPLETION -------------------------------------------------------------------- */
div.autocomplete { position:absolute; background-color:#fff; border:1px solid #999; margin:0px; padding:0px; text-align:left;
	z-index:10; overflow:auto;/*width:250px; height:200px;*/ }

div.autocomplete ul { }
div.autocomplete ul li { display:block; cursor:default; padding: 0.1em 0.5em; line-height:1.5em; color:#444; font-size:10px; height:auto;}
div.autocomplete ul li.selected { background-color:#EEE56E; color:#CC0000; }

#activite_list { padding:0; margin:2px 0; /*height:20px;*/ }
#activite_list li { display: block;  padding:0; margin:0;  }
#activite_list li input { }
#activite_list li span { padding:0 0 0 5px; line-height:15px; }

/* CONTACT */

.contact { margin:5px 0 100px 50px; padding-bottom:20px; overflow:auto; }
.contact h1 { font-size:13px;   }

.contact fieldset { float:left; width:500px; margin:10px 0 0 0; padding:4px 0 4px 10px; border:1px inset #fff; padding-bottom:10px;  }

.contact legend { /*font-weight:700;*/ padding:0 5px; color:#333; }
.contact label { float:left; width:100px; font-weight:400; color:#666; }
.contact input { float:left; border:1px solid #ccc; padding:1px 0 1px 2px; width:350px; margin-bottom:2px; }
.contact textarea { float:left; width:350px; height:140px; padding:1px 0 1px 2px; border:1px solid #ccc; }
.contact select { float:left; width:350px; }
.contact div#envoi { float:left; width:450px; padding:5px 0 0 0; margin-top:5px; text-align:right; }
.contact input.btn { float:none; color:#fff; background-color:#006bb7; cursor:pointer; border:1px solid #DFDFDF; width:auto; }

/* NUM UTILES */

.nutile { margin:5px 0 90px 50px; padding-bottom:20px; overflow:auto; }
.nutile h1 { font-size:13px; padding-bottom:10px; }
.nutile h2 { font-size:12px; background-color:#006bb7; color:#fff; width:89%; padding:5px; }

.nutile table { width:90%; margin-bottom:20px; }
.nutile table td { padding:2px 0; border-bottom:1px solid #006bb7;  }
.nutile table td.head { font-weight:700; padding-left:20px; vertical-align:top; }


/* NOTICE */
.notice { margin:5px 0 90px 50px; padding-bottom:20px; overflow:auto; }
.notice h1 { font-size:13px; padding-bottom:10px; }
.notice h2 { font-size:12px; background-color:#006bb7; color:#fff; padding:5px; margin:5px 0 10px 0; }
.notice h3 { font-size:12px; margin-top:10px; }

/* PUB */
.pub { margin:5px 0 50px 50px; padding-bottom:20px; overflow:auto; }
.pub h1 { font-size:13px; padding-bottom:10px; }
.pub h2 { font-size:12px; background-color:#006bb7; color:#fff; padding:5px; margin:5px 0 10px 0; width:89%; }
.pub h3 { font-size:12px; margin-bottom:5px; color:#006bb7; font-weight:700; }
.pub p { margin-bottom:20px;  }
.pub table { width:90%; margin-bottom:20px; }
.pub table td { padding:2px 0; /*border-bottom:1px solid #006bb7; */ vertical-align:top; }

.cliNiv { font-size:18px; }
.cliNiv1 { color:red; font-size:18px; }
.cliNiv2 { color:red; font-size:20px; }
.cliNiv3 { color:red; font-size:22px; }
.adrNiv { }
.adrNiv1 { color:red; }
.adrNiv2 { color:red; font-size:12px; }
.adrNiv3 { color:red; font-size:16px; }



