body {  background: #fff url(img/bck_main.gif) top repeat-x;
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
}

img, a {border: 0}
a, a:link, a:visited  {font: bold 11px Verdana, sans-serif; color: #ff6600; text-decoration:none;}
a:hover { font: bold 11px Verdana, sans-serif; color: #ff6600; text-decoration: underline; }

/* -----------------------------------------------
   ELEMENTS COMMUNS A TOUTES LES PAGES
--------------------------------------------------- */

#container { text-align: left; width: 920px; margin: 0 auto; padding: 0 auto;}
#nav_second {width: 830px; height: 20px; padding-top: 5px; border-bottom: 1px solid #ddd;  border-top: 1px solid #ddd;}

/* PAGE HUM */
#zone_gauche {width: 455px; float: left; border-right: 1px solid #ddd;}
#zone_bienvenue {width: 420px; position: relative; left: 10px; text-align: justify}
#zone_droite{width: 365px; float: right; }
#zone_admin {width: 300px; position: relative; margin: 0 auto; padding: 0 auto; border-top: #ddd 1px dotted; }
#reunion {width: 300px; height: 100px; padding-left : 10px; position: relative; margin: 0 auto; padding: 0 auto; background: #FDF9F3; border: 1px #ddd dotted;}
#espaceblanc {width: 800px; clear: both; margin: 0 auto; padding: 0 auto;}
#admin_maincontent {width: 830px; height: 100%; margin: 0 auto; padding: 0 auto; border-bottom: 1px solid #ddd;  border-top: 1px solid #ddd;}
#admin_zonecontent  {width: 750px;  margin: 0 auto; padding: 0 auto;}
#droite { width: 150px; float: right; }
#gauche { width: 150px; float: left; }

/* PAGE INFO EXTERIEUR */
#big_logo_ext { width: 440px; margin: 35px auto; padding: 0 auto;}
#texte_ext { width: 720px; margin: 15px auto; padding: 0 auto;text-align: justify;}
#gauche_ext { width: 350px; float: left; position: relative; left: 100px; }
#droite_ext { width: 350px; float: right; position: relative; right: 100px; }

/* PARTIE HAUTE */
#partiehaute { width: 920px; height: 115px;}
#logo { width: 225px; float: left; top: 15px; position: relative;}
#acces_reserve { width: 245px; float: right; position: relative; }
#acces_form { width: 245px; height: 75px; float: right; position: relative;}
#navigation { width: 558px; height: 33px; float: right; }

/* CONTENU */
#contenu { width: 920px; clear: both; }
#zone_contenu {width: 830px; margin: 0 auto; padding: 0 auto; text-align: justify}
#zone_docs {width: 800px; position: relative; left: 10px; text-align: justify}

/* SPLASH  */
#big_logo { width: 400px;  height: 300px; position: relative;}
#bienvenue { width: 400px;  height: 200px; position: relative;}

/* FOOTER */
#footer_espace {width: 830px; height: 20px; clear: both;  }
#footer {width: 830px; height: 60px; clear: both; border-top: #ddd 1px solid;  }

/* --- BOITE LIENS TRANSVERSAUX --- */
#lien_avis {width: 300px; position: relative; margin: 0 auto; padding: 0 auto;}
#zone_modif_dossier {width: 300px; position: relative; margin: 0 auto; padding: 10px; border: 1px solid #c3c3c3;}

/* --- 00_ACCUEIL --- */
#acc_zone{width: 830px; margin: 0 auto; padding: 0 auto;}
#acc_liens{width: 830px;}
#acc_gauche {width: 475px; float: left; }
#acc_bienvenue {width: 430px; position: relative; left: 10px; text-align: justify}
#acc_droite{width: 345px; float: right; border-left: 1px solid #ddd;}
#acc_actus {width: 300px; position: relative; margin: 0 auto; padding: 0 auto;}

/* --- 01_SAVOIR --- */
#sav_zone {width: 830px; margin: 0 auto; padding: 0 auto; text-align: justify}
#sav_gauche {width: 560px; float:left;}
#sav_contenu {width: 540px; margin: 0 auto; padding: 0 auto; }
#sav_droite{width: 270px; float:right; }
#photo { width: 250px; position: relative; margin: 0 auto; padding: 0 auto; top:15px;}
#photo_droite { width: 250px; position: relative; padding-left: 30px; float:right;}
#photo_droite_large { width: 390px; position: relative; padding-left: 30px; float:right;}
#photo_gauche { width: 250px; position: relative; padding-right: 30px; float:left;}
#photo_lien { width: 60px; position: relative; padding-right: 8px; padding-bottom: 3px; float:left;}

/* --- 02_CONSTRUIRE --- */
#const_zone{width: 830px; margin: 0 auto; padding: 0 auto; text-align: justify}
#const_gauche {width: 415px; float: left;}
#const_carte {width: 415px; border: solid 1px; margin-left: 15px; float: right;}
#const_pres {width: 397px; float: right;}


/* --- 0_PLAN DU SITE --- */
#plan_zone {width: 750px; margin: 0 auto; padding: 0 auto; }


#trait { color: #ddd; background-color: #ddd; height: 1px; border: 0;}

/* --- FORMULAIRE --- */
#formulaire {width: 400px; margin: 0 auto; padding: 0 auto; text-align: justify;}
.txtform { font: bold 11px Verdana, sans-serif; width: 150px; color: #573600;}
.changeform { font: bold 11px Verdana, sans-serif; width: 750px; color: #573600;}
.dateform { font: bold 11px Verdana, sans-serif; width: 35px; color: #573600;}
.areaform { font: bold 11px Verdana, sans-serif; width: 350px; color: #573600;}

input[type=submit], input[type=reset] {
    background : #ccc;
    color : #000;
}


/* text styles
--------------------------------------------------- */
A.main_link { font: bold 11px Verdana, sans-serif; color: #ff6600; text-decoration:none; }
A.main_link:hover { font: bold 11px Verdana, sans-serif; color: #ff6600; text-decoration: underline;}

A.pdf_link { font: 11px Verdana, sans-serif; color: #838383; text-decoration:none; }
A.pdf_link:hover { font: 11px Verdana, sans-serif; color: #ff6600; text-decoration: underline;}

A.map_link { font: 11px Verdana, sans-serif; color: #838383; text-decoration:none; line-height:5px;}
A.map_link:hover { font: 11px Verdana, sans-serif; color: #ff6600; text-decoration: underline;}

A.big_link { font: bold 13px Verdana, sans-serif; color: #ff6600; text-decoration:none; }
A.big_link:hover { font: bold 13px Verdana, sans-serif; color: #ff6600; text-decoration: underline;}

A.footer_link { font: bold 10px Verdana, sans-serif; color: #838383; text-decoration:none; }
A.footer_link:hover { font: bold 10px Verdana, sans-serif; color: #ff6600; text-decoration: underline;}

.txt10bold { font: bold 10px Verdana, sans-serif; color: #838383;}
.txt10normal { font: 10px Verdana, sans-serif; color: #838383;}

.txt11normal { font: 11px Verdana, sans-serif; color: #838383;}
.txt11bold { font: bold 11px Verdana, sans-serif; color: #838383;}
.txt11sectionav { font: 11px Verdana, sans-serif; color: #DDD;}

.txt12normal { font: 12px Verdana, sans-serif; color: #838383;}
.txt12bold { font: bold 12px Verdana, sans-serif; color: #838383;}
.txt12marron { font: bold 12px Verdana, sans-serif; color: #573600;}

.txt13bold { font: bold 13px Verdana, sans-serif; color: #573600;}
.txt13vert { font: bold 13px Verdana, sans-serif; color: #008C00;}

.txt14bold { font: bold 14px Verdana, sans-serif; color: #573600;}

.date { font: bold 10px Verdana, sans-serif; color: #838383;}

h1 { font: bold 18px Verdana, sans-serif; color: #5C546F;}
h1#savoir { font: bold 18px Verdana, sans-serif; color: #784015;}
h1#construire { font: bold 18px Verdana, sans-serif; color: #0E7298;}
h1#partager { font: bold 18px Verdana, sans-serif; color: #008C00;}
h1#communiquer { font: bold 18px Verdana, sans-serif; color: #F79919;}
h1#admin { font: bold 16px Verdana, sans-serif; color: #5C546F; margin: 3px 0 3px 0; padding: 0;}

h2 { font: bold 16px Verdana, sans-serif; color: #5C546F;  margin: 0; padding: 0;}
h2#zonelien { font: bold 14px Verdana, sans-serif; color: #27789D;  margin: 0; padding: 0;}
h2#admin { font: bold 14px Verdana, sans-serif; color: #008C00;  margin: 0; padding-bottom: 5px;}
h2#tit_admin { font: bold 12px Verdana, sans-serif; color: #27789D;  margin: 0; padding-bottom: 10px;}

h3 { font: bold 14px Verdana, sans-serif; color: #5C546F;  margin: 0; padding: 0;}
h3#savoir { font: bold 14px Verdana, sans-serif; color: #784015;  margin: 0; padding: 0;}
h3#construire { font: bold 14px Verdana, sans-serif; color: #0E7298;  margin: 0; padding: 0;}
h3#partager { font: bold 14px Verdana, sans-serif; color: #008C00;  margin: 0; padding: 0;}
h3#communiquer { font: bold 14px Verdana, sans-serif; color: #F79919;  margin: 0; padding: 0;}
h3#admin { font: bold 12px Verdana, sans-serif; color: #ff6600;  margin: 0; padding-bottom: 5px;}

h4 { font: bold 12px Verdana, sans-serif; color: #5C546F;  margin: 0; padding: 0;}
h4#savoir { font: bold 12px Verdana, sans-serif; color: #784015;  margin: 0; padding: 0; border-bottom: 1px solid #DDDDDD;  line-height: 1.5em;}

/* Liste styles
--------------------------------------------------- */
ul#list li {
 font: 11px Verdana, sans-serif; color: #838383;
 display : list-item;
 list-style-image : url(img/puce.gif);
 list-style-position: outside;
} 

ul#listbold li {
 font: bold 11px Verdana, sans-serif; color: #838383;
 display : list-item;
 list-style-image : url(img/puce.gif);
 list-style-position: outside;
} 

ul#normal li {
 font: 9px Verdana, sans-serif; color: #838383;
 display : list-item;
 list-style-image : none;
 list-style-position: outside;
} 

/* Info bulle Gauche
--------------------------------------------------- */
a.infogauche {
	width: 450px;
  	position:relative;
  	border-bottom:1px dashed #0000cc;
  	text-decoration: none; 
  	font: bold 11px Verdana, sans-serif; color: #0000cc;
  	z-index:24;
}

a:hover.infogauche {
	width: 450px;
  	text-decoration: none;
  	background: none;
  	z-index:25;
}

a.infogauche span {
	width: 450px;
	display: none;
}

a:hover.infogauche span {
	width: 450px;
  	display: inline;
  	position: absolute; 
  	top:20px;
  	background: #ffffcc;
  	border:1px dashed #808080;
  	font: 9px Verdana, sans-serif; color: #838383;
  	padding: 10px 10px 10px 10px;
}

/* Info bulle Droite
--------------------------------------------------- */
a.infodroite {
	width: 450px;
  	position:relative;
  	border-bottom:1px dashed #0000cc;
  	text-decoration: none; 
  	font: bold 11px Verdana, sans-serif; color: #0000cc;
  	z-index:24;
}

a:hover.infodroite {
  	width: 450px;
	text-decoration: none;
  	background: none;
  	z-index:25;
}

a.infodroite span {
	width: 450px;
	display: none;
}

a:hover.infodroite span {
	width: 450px;
  	display: inline;
  	position: absolute; 
  	top:20px;
  	left: -400px;
  	background: #ffffcc;
  	border:1px dashed #808080;
  	font: 9px Verdana, sans-serif; color: #838383;
  	padding: 10px 10px 10px 10px;
}