html {margin: 0; padding: 0}

body {background-color: #fff; color: #000; margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; }
/* ------------- page accueil ----------------------------------------- */

div.menu_secindex {position:absolute; top: 320px; left: 7px; width: 160px}

div.zone_texteindex {background-color: transparent; color: #000000; font-size: 12px; padding: 0 20px 0 10px; margin-left: 250px}

h1 {color: #030; font-family: Arial, Verdana, Helvetica, sans-serif;  background-color : transparent; font-weight: bold; letter-spacing: 2px; font-size: 13px; margin: 0px; padding: 0px; font-style: normal}

h2 {color: #030; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; font-size: 12px; margin: 0px; font-style: normal}

h3 {color: #000; background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 12px; margin-top: 5px; margin-bottom: 5px; font-style: normal; text-decoration: underline}
 
hr {height:2px; color:#fffffe; margin:0; padding:0; border:0; width:100%; clear:both}

hr.p1 {color: #8DB27E; height:1px; margin:0;padding:0;border:0;width:100%;}

div.recherche_index {padding:0px; background-color: #fff}
/* ------------ liens ----------------------------------------------------- */ 
a {color: #830;  font-size: 12px; font-weight: normal; text-decoration: underline}
a:hover {color: #096; text-decoration: none}

#nav_haut {position: absolute; top :2px; right : 2px; text-align: left; color: #999; background-color: transparent;  letter-spacing: normal; line-height: normal}
#nav_haut a, #nav_haut a:hover { color: #8DB27E; font-size: 1em; text-decoration: none }

#menu_haut {text-align: left; font-size: 12px; height: auto; background-color : #fffff0 ;  padding: 5px 0 5px 7px; margin-bottom: 0px; border-color: #DABC8A; border-style: solid; border-width: 1px 0px 1px 0px;  letter-spacing: normal; line-height: normal}
#menu_haut a, #menu_haut2 a { font-size: 12px; padding: 3px 4px 2px 4px; font-weight: bold; text-decoration: none }
#menu_haut a:hover, #menu_haut2 a:hover { background-color: transparent; padding: 3px 4px 2px 4px; text-decoration: underline }

#menu_haut2 {text-align: left; font-size: 12px; height: auto; background : transparent ; padding: 5px 0 5px 7px; margin-bottom : 5px;  font-weight: normal; border-color: #DABC8A; border-style: solid; border-width: 0px 0px 1px 0px;  letter-spacing: normal; line-height: normal}

#menu_haut a.ici, #menu_haut2 a.ici { background-color: #EDFBE6; font-size: 12px; padding: 3px 4px 3px 4px; font-weight: normal; text-decoration: none; }
#menu_haut a.ici:hover, #menu_haut2 a.ici:hover { background-color: transparent; font-size: 12px; padding: 3px 4px 3px 4px; font-weight: normal; text-decoration: underline; }

div.droite a, div.droite a:hover {text-decoration: none ; border-bottom: dotted 1px}

a.liencat {font-size: 1em; font-weight: bold; text-decoration: underline}
a.liencat:hover {font-size: 1em; font-weight: bold; text-decoration: none}

a.lien1 {color: #485e9e;  font-size: 11px; font-weight: normal; text-decoration: none}
a.lien1:hover {color: #060; font-size: 11px; text-decoration: underline overline}

p a.lien2 {font-weight: bold}

a.lien_p  {color: #006; font-weight: bold; line-height: 19px; font-size: 13px; text-decoration: underline}
a:hover.lien_p  {color: #060; line-height: 19px; font-size: 13px; text-decoration: none}

a.lien3, a.lien3:hover {font-size: 11px; font-weight: bold; text-decoration: underline}

p.lien4 {text-align: left; font-size: 1em; margin: 0; padding: 0}
p.lien4 a {font-size: 1.04em;}

.rep_url {color: #080; font-size: 9px;  text-decoration: none}

a.rep_url:hover {color: #080; font-size: 8px; text-decoration: none}

.lien_t10 a {font-size: 10px; color: #000}
.lien_t10 a:hover {font-size: 10px;}

.rep_url10 a { font-size: 10px;}
.rep_url10 a:hover {font-size: 10px;}

.rep_url11 a {font-size: 11px;}
.rep_url11 a:hover {font-size: 11px;}

.lien_pied_page a, .lien_pied_page a:hover {font-size: 11px;}

p.lien_pied_page {font-size: 1em; line-height: 1.9em; text-align: center; color: #830 ; margin: 0; padding: 0}

.lien_pied_page2 a {font-size: 1em;}

p.lien_pied_page2 {font-size: 1em; line-height: 1.5em; text-align: center; color: #830 ; margin: 0 0 1em 0; padding: 0}
 

p.lien-baspage {text-align: center; line-height: 1.9em; color: #830}

a.bouton1:hover {width:159px; height:47px; position: relative; left: 5px; top: 5px;}

a.a11, a.a11:hover {font-size: 11px;}
/* ------------- paragraphe ------------------- */
p {color: #000; font-size: 1.2em; line-height: 1.9em; text-align: left; margin: 5px 0 10px 0; letter-spacing: 0.09em}
p.debut_index {color: #000; font-size: 11px; letter-spacing: normal ; margin-top: 0px; font-weight: normal; padding: 0 0 10px 0}

p.right1 {font-size: 12px; line-height: 19px; text-align: right; margin: 5px 0 10px 0; letter-spacing: 0.09em; font-style: italic}

p.dernier_inscrit {font-size: 11px; text-align: left; margin: 0; padding: 0; letter-spacing: normal}

p.txt10 {color: #830; font-size: 10px; text-align: left; margin: 0; padding: 0}

p.carte { font-size: 12px; text-align: left; margin: 5px 0px 5px 0px; padding: 2px}

.rep_url {color: #080; font-size: 11px;}

.t10  {font-size: 10px }

.t11  {font-size: 11px }

.t12  {font-size: 12px }

.left {text-align: left}

.italic {font-style: italic}

.souligne {text-decoration: underline}

.bold {font-weight: bold}

.rouge {color: red}

.vert {color: green}

.link_color	{color: #830}
 
.titre_lien	{color: #830; font-size: 11px; line-height: 19px}

.center {text-align: center}

p.cadre_v {background-color: #fff; padding: 10px; border-color: #97bf87; border-style: solid; border-width: 1px}

/* debut de section apres body */

#contenu { padding: 0;}

#page { margin:0 5px 10px 5px;}

/* ------------- entete ------------------- */

#top {font-size : 9px; height : 75px; margin: 0 ; padding: 0}

a.logo_epc {position: absolute; top: 1px; left:3px; background: transparent url(images/logo-e-poitou-charentes.png) no-repeat top left;  width: 325px; height: 73px; margin: 0px; padding: 0px; }

a#logo_epc {position: absolute; top: 1px; left:3px; background: transparent url(images/logo-e-poitou-charentes.png) no-repeat top left;  width: 325px; height: 73px; margin: 0px; padding: 0px; }

#logo_epc {position: absolute; top: 1px; left:3px; background: transparent ; width: 325px; height: 73px; margin: 0px; padding: 0px; }

#recherche_t {position: absolute; top :30px; left: 330px ; background-color: transparent}

/* 8db27e */
#pub_haut {position: absolute; top :1px; left: 328px ; background: transparent url(images/logo-e-poitou-charentes3.png) no-repeat top left;  width: 500px; height: 73px; margin: 0px; padding: 0px;}


/* -------------- zone utile et texte -------------- */ 

div.zone_utile { background-color: #fff;  text-align: left;  padding: 0px; margin: 15px 0px 10px 0px } 

div.zone_texte1 {background: transparent url(images/poitou-1.gif) repeat-x top left; padding: 12px 2px 0px 5px; margin: 0px 0px 10px 0px; border-color: #97bf87; border-style: solid; border-width: 0.1em }

div.pub_haut { background-color: #fff;  text-align: left;  padding: 0px; margin: 10px 0px 10px 0px ; border-color: #8DB27E; border-style: solid; border-width: 0px 0px 1px 0px} 

div.pub_haut2 {text-align: left;  padding: 0px 0px 0px 20px; margin: 25px 0px 25px 0px ;} 

div.gauche {width: 69%; float:left; padding-right: 0.7em; border-color: #8DB27E; border-style: dotted; border-width: 0px 1px 1px 0px}

div.droite {width: 29%; float:right; padding:0; margin:0px}

#ug {float: left; width: 25%; margin: 0px 0px 5px 0px; padding:0px 0px 0px 0px; border-color: #8DB27E; border-style: solid; border-width:  0px 1px 0px 0px}

#ud {float: right; width: 73%; padding:0 ; margin: 0; }

#ucd {float:left; width: 48%; margin: 0; padding: 0; border-color: #8DB27E; border-style: solid; border-width: 0px 1px 0px 0px}

#ucg {float:right; width: 48%; margin: 0; padding: 0; }

.ag {float:left; width: 49%; margin: 0; padding: 0}

.ad {float:right; width: 49%; margin: 0; padding: 0 5px 0 0}


div.gg {width: 470px ;float:left; overflow:hidden; height: 95px}

div.dd {width:auto; float:right}


div.lien_categoried {width: 49%; overflow: hidden; float: right; text-align: left; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px}

div.lien_categorieg {text-align: left; color: #000; margin: 0; padding: 0}

div.carte_poitou {text-align:left; color: #000; margin-bottom: 2em; padding: 0px}

div.carte1 {margin: 0px 7px 5px 0px; float: right}


div.zone_titre {background : #BBEAAA url(images/fond1.gif) repeat-x top left ; text-align: left; height : auto ; margin-bottom: 5px; padding: 5px 0px 5px 5px; border-color: #8DB27E; border-style: solid; border-width: 1px;}

div.baseline p {background: #fff ; color: #830; font-size: 1em; text-align: left; margin: 0px ;padding: 0px}


div.cat1 {padding: 10px 0 12px 0; margin: 0px; border-style: dotted; border-color: #096; border-width: 0 0 1px 0}

div.cat1bas {padding: 10px 0 12px 0; margin: 0}

div.cat2bas {padding: 10px 0 0 0; margin: 0}

div.zone_titre2 {text-align: left; height: auto; padding: 5px 0 5px 7px; margin-bottom: 20px;  background : #BBEAAA url(images/fond1.gif) repeat-x top left ;  border-color: #8DB27E; border-style: solid; border-width: 1px}

div.zone_titre2_right {text-align: right; height: 0.58cm; padding: 5px 15px 5px 0; margin-bottom: 20px;  background : transparent url(images/fond1.gif) repeat-x top left ;  border-color: #8DB27E; border-style: solid; border-width: 1px}
 
div.zone_titre3 {background-color: transparent; width : 540px ; text-align: left;  color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0px 0px 0px 175px; padding: 5px 5px 5px 7px}

.annonce3 {margin-bottom: 0px ; padding-bottom: 10px; border-color: #8DB27E; border-style: solid; border-width: 0px 0px 0px 0px}

div.recherche {padding-left: 15px; background-color: transparent; border-color: #b8b8d4; border-style: solid; border-width: 1px}

div.texte-utile {background-color: transparent; width : 400px ; text-align: left;  color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 15px 0px 20px 175px; padding: 5px 5px 5px 7px}

div.zone_texte {background-color: #fff; text-align: left; font-size: 13px;  margin: 0px; padding: 5px 0px 0px 0px; }

div.zone_texteh {background-color: #fff; text-align: left;  font-size: 13px; margin: 0px; padding: 5px 0px 0px 0px; }

div.zone_texteb {background-color: #fff; text-align: left; font-size: 13px; margin: 0px; padding: 5px 5px 5px 7px; border-color: #b8b8d4; border-style: solid; border-width: 1px}

div.zone_texte_neutre {width : 400px ; text-align: left;  font-size: 13px; margin: 0; padding: 5px 5px 5px 7px}

div.cadre1 { text-align: left;  font-size: 11px; padding: 5px 5px 5px 7px; margin: 25px 0px 25px 0px; border-color: #8DB27E; border-style: solid; border-width: 1px}


div.zone_texte2 {width : 540px ; text-align: left;  color: #000; font-size: 10px; margin: 5px 0px 5px 175px; padding: 5px 5px 5px 7px}

div.zone_bas {width : 540px ; text-align: left;  color: #000; font-size: 13px; margin: 30px 0px 20px 175px; padding: 5px 5px 5px 7px}

div.fluxrss {margin-bottom: 10px; padding : 0px; background-color: #fffff6; text-align: left; border-color: #dabc8a; border-style: solid; border-width: 0px 0px 0px 3px;}

/*  repertoire annuaire  */

div.rep_b {background-color: #fff;  margin: 0 0 10px 0; padding-left: 5px; }


div.zone_rep {background-color: #fff; width : 547px ; text-align: left;  color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 25px 0px 20px 175px; padding: 5px 5px 5px 7px; border-color: #009f62; border-style: solid; border-width: 1px}

div.rep400 {background-color: #f9f9f9; width : 400px ;  margin: 25px 0px 20px 175px; padding: 10px 3px 5px 5px; border-color: #b8b8d4; border-style: solid; border-width: 1px}

div.rep400_b {background-color: #fff; width : 400px ;  margin: 25px 0px 20px 175px; padding: 10px 3px 5px 5px; border-color: #b8b8d4; border-style: solid; border-width: 1px}

div.img_rep_droite {font-size: 10px; width: 120px; padding: 0; margin: 5px 5px 5px 0; float: right}

div.wri {height: 45px}

/* annuaire */
div.rep {background-color: #fff;  margin: 0 0 40px 0; padding-left: 5px; overflow: visible}
 
div.rep_txt {background-color: #fff;  margin: 0px 0px 20px 0px; padding-left: 5px; overflow: visible}

div.img_rep {float: right; font-size: 10px; width: 120px; padding: 0px; margin: 10px 0px 5px 10px; clear: right}

p.rep_annonce {text-align: left; font-size: 11px;  letter-spacing: normal; line-height: 17px}

p.categorie {text-align: left; font-size: 13px; line-height: 25px}

/* ------------ colonne de droite ------------------------------------------- */
div.cadre_menu {padding: 0px; margin-bottom: 20px;  background : #fff; border-color: #DABC8A; border-style: solid; border-width: 0px 1px 1px 1px}

div.zone_titre_menu {text-align: left; height: auto; padding: 5px 0px 5px 5px; margin-bottom: 12px;  background : #FFDFA8 url(images/fond5.gif) repeat-x top left ;  border-color: #DABC8A; border-style: solid; border-width:  1px 0px 1px 0px}

p.menu_nav_droit {text-align: left; line-height: 25px; padding: 0px 0px 15px 5px; margin:0px; }

div.annonce {position: absolute; top: 234px; left: 695px; padding-top: 15px; background-color: transparent; width: 135px; text-align: left; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif}

div.annonce16 {position: absolute; top: 815px; left: 695px; padding-top: 15px; background-color: transparent; width: 135px; text-align: left; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif}

div.img-droite {width: 135px; height: 81px; background: transparent  url("images/tournesol-poitou.jpg") no-repeat top left; border-color: #009f62; border-style: solid; border-width: 1px 1px 0px 1px}

p.annonce1 {background-color: #f9f9f9;  font-size: 11px; line-height: 15px; width:130px; text-align: left; margin: 0px 0px 15px 0px ;padding: 0px 0px 7px 5px; border-color: #009f62; border-style: solid; border-width: 0px 1px 1px 1px}

p.annonce2 { background-color: #f9f9f9; font-size: 11px; line-height: 15px; width:128px; text-align: left; margin: 0px 0px 15px 0px ;padding: 7px 0px 7px 7px; border-color: #009f62; border-style: solid; border-width: 1px 1px 1px 1px}

/* ------------ pied de page ------------------------------------------------ */
div.pied {background-color: #fcfffc; margin-top: 10px; padding: 0px 0px 10px 0px; border-color: #8DB27E; border-style: solid; border-width: 1px 0px 1px 0px}

div.ligne_bas { padding-left: 2px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-align: left}

/* ------------ images ----------------------------------------------------- */ 
img {border-style: none; font-size: 10px}

img.mini_web {width: 120px; height: 90px;}

img.mini_web2 {width: 80px; height: 60px;}
 
img.icone {width : 64px; height: 50px; margin: 5px 7px 3px 0px; float: left }

img.icone2 {width : 25px; height: 25px; margin: 0px;}

img.region1 {width: 255px; height: 306px; margin: 0}

img.region_poitou {width: 127px; height: 153px; float: left; margin: 0 10px 0 5px}

.logo-google {vertical-align: middle; margin-left: 5px; width: 75px; height: 32px}

img.cv {width :8px; height: 8px; margin-right: 5px; vertical-align: middle}

img.imglien {width :310px; height: 70px; margin: 15px 0 25px 15px}

img.logo_vide {width :10px; height: 10px}

img.icone1 {width: 15px; height: 22px; margin-right: 5px; vertical-align: text-bottom}

img.topsite {height: 15px}
/* ------------ liste  puces ----------------------------------------------------- */ 
ul, li {font-size: 12px; line-height: 16px; text-align: left; letter-spacing: 0.09em}

ul.ulcateg {margin: 0px; padding: 0px ;text-indent: 0px}

li.categ {margin: 0px 0px 12px 0px ; font-size: 12px; line-height: 19px; text-align: left; letter-spacing: 0.09em; list-style: none}

.fluxrss ul {margin: 0; padding: 0 ;}

.fluxrss ul li {margin-left: 20px; padding-left: 6px; font-size: 11px; line-height: 19px; text-align: left; letter-spacing: 0.09em; list-style: square}

/* ------------ formulaire de contact ----------------------------------------------------- */ 
.submit {cursor : pointer;}

div.form1 {margin-left: 5%; width:60%}

p.message {color: #830; font-size: 12px; text-align: left; }

form.contact p {font-size: 12px; text-align: right}

textarea {font-size: 13px; line-height: 19px; text-align: justify}

/* ------------ formulaire de recherche ----------------------------------------------------- */ 
form.recherche {margin: 0; padding-left: 0px}

p.form_gogl {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; line-height: 19px}
 
input.l30p { width: 300px; margin: 0px; padding: 0px}

/* ---------------------- formulaire de soummission  ------------------------------------------------  */
.all_field_required_annuaire {color : #f00;font-weight : bold; margin-left:20px;}

.can_not_add_annuaire {color : #f00; font-weight : bold; font-size : 13px;text-align: center;}

#formulaire_soum {margin-left : 25px; padding-left: 10px; border-color: #8DB27E; border-style: solid; border-width: 1px;}

.legend { margin: 0px;padding-left : 20px; font-weight: bold; font-size: 13px; color : #000000;}

form#soumet {border: 0px; background-color : #fff; }

label {float : left; display : inline;	width : 190px; line-height : 19px; margin : 3px 10px 3px 0px; text-align : center;	color : #004400; background : #fff url("images/arrow.gif") no-repeat right center; border-color: #8DB27E; border-style: solid; border-width: 1px;}

#formulaire_soum input, textarea { margin : 3px 0 8px;	width : 310px;}

input#formulaire_soum {height : 18px; }

input#ccode {width : 40px;}

br#formulaire_soum {clear : left;}

input#go {margin : 10px 0 0 130px; border-style : solid; border-color : #8DB27E; border-width : 1px 2px 2px 1px; background : #EBFAEA; color : #003300; width : auto; height : auto; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire {font-weight: bold}

.arbo_annuaire {font-size : 12px;}

a.link_cat_index_annuaire {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
line-height :19px;
} 
a.link_scat_index_annuaire {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
line-height :19px;
text-decoration : underline;
color: #883300;
}

a:hover.link_scat_index_annuaire {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
line-height :19px;
text-decoration : underline;
color: #009f62;
}
.nb_scat_index_annuaire {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
}

.timer_search_annuaire {font-style: italic; text-align: right; font-size: 12px}	

.res_search_cat_site_annuaire {font-weight: bold; font-size: 12px}

.td_cat_index {width:48%; height:30px; text-align:left}

.td_index {text-align: left; width: 50%; vertical-align: top}

/* ------------ tableau des liste  ----------------------------------------------------- */	

table.liste {margin-bottom: 25px; font-size: 11px; width: 99%; border-width: 1px 1px 0px 1px; border-color: #8db27e; border-style: solid; border-collapse: collapse}

table.liste	td.td1 {border-width: 0px 1px 1px 0px; border-color: #8db27e; border-style: solid; padding : 2px;}

table.liste	td.td2 {border-width: 0px 0px 1px 0px; border-color: #8db27e; border-style: solid; padding : 2px;}

table.liste	th { text-align: center; font-weight: normal; border-width: 0px 1px 1px 0px; border-color: #8db27e; border-style: solid; padding: 2px;}