body {color:#00C; font:0.8em tahoma; text-align:center; margin:0 auto; background:url('images/background-BIG.jpg') center top no-repeat #8ED0E9;}
a {color:#00C; text-decoration:none; font-weight:bold;}
h1 {font-size: 1em;	text-align:left; padding:15 0 5 0;}
h2 {font-size: 1.2em; color:#e05001; padding:20 0 0 0;}
.image_D {float: right; margin: 0 0 0 15px;}
.image_G {float: left; margin: 0 15px 0 0 ;}
.petit {font-size:0.8em;}
.rubrique_liste { font-size:1.2em;}

.color-evenements{color: #298ed9;}
.color-divertissements{color: #fc870b;}
.color-annonces{color: #f03ed9;}
.color-tourismes{color: #29b412;}
.color-blanc{color: #ffffff;}



#conteneur {margin-left: auto; margin-right: auto; text-align:left; width: 900px; border-width:1px; border-color:#2a8fd9; border-style:solid; background:url('images/background-degrade.jpg') center top repeat-x }
#header {height:250px; margin-bottom:-2px;}
#superieur {height:380px; }
#superieur a {color:#00C; text-decoration:none; font-weight:normal; }
#menu table{font-size: 13px; color:#FFF; height: 30px;}
.menu_table{color:#00C; font:1em; font-weight:normal; }
#divertissements table,#evenements table,#annonces table,#tourismes table {color:#00C; font-size:1em;} 

#menu a {color:#FFF;}
#superieur h1 {text-align:center; padding:35 0 5 0;}
#divertissements,#evenements,#annonces,#tourismes {float: left ; height:350px; width:224px; background-position:center top; background-repeat:no-repeat; } 
#divertissements li,#evenements li,#annonces li,#tourismes li, superieur_1 li { padding-bottom:5px;} 

#barre_connexion {height: 40px; text-align:left; font-weight:bold; color:#FFF; margin:0; padding:2px 20px 0px 20px; background-image:url('images/barre-milieu.jpg'); background-repeat:no-repeat; }
#barre_connexion_1 {float:left; width:50%; margin:0;}
#barre_connexion_1 h1 {text-align:left; color:#FFF; margin:0; padding:5px 20px 0px 20px;}
#barre_connexion_2 {float:left; text-align:right; width:47%; margin:0; padding-top:1px;}
#barre_connexion_2 p {padding-top:2px; margin:0;}
#barre_connexion_2 a {color:#FFF; text-decoration:none; font-weight:bold;}
#barre_connexion_3 {float:left; text-align:right; width:3%; margin:0;  padding-top:2px;}

#barre {height: 30px; text-align:left; background-image:url('images/barre.jpg'); }
#barre h1 {text-align:left; color:#FFF; margin:0; padding:5px 20px 0px 20px;}

#TAB_outils {margin-top:-40px;}

/* ----------------------------------- */

#a,#b,#c,#d {float:left; width:25%;}

#a .titre,#b .titre,#c .titre,#d .titre {font-size:1em; color:#FFF; height:23px; width:100%; text-align:center; padding-top:7px; margin-bottom:0px;}
#a .contenu,#b .contenu,#c .contenu,#d .contenu {width:223px; height:300px; background:center top no-repeat; padding-top:30px;}
#d .contenu {padding-top:48px;}
#a .contenu h1,#b .contenu h1,#c .contenu h1,#d .contenu h1 { padding-bottom:15px; text-align:center; font-size:1em; }
#a .contenu a,#b .contenu a,#c .contenu a,#d .contenu a {color:#00C;}
#a .contenu a:hover,#b .contenu a:hover,#c .contenu a:hover {color:#00C; text-decoration:none; font-weight:bold; }
#a .contenu p,#b .contenu p,#c .contenu p,#d .contenu p {margin-top:5px; padding:0px 25px 0px 25px;}
#a .contenu li,#b .contenu li,#c .contenu li,#d .contenu li {padding-bottom:5px;}
#a .contenu .menu,#b .contenu .menu,#c .contenu .menu,#d .contenu .menu {display:none; margin-top:-10px; }/* -10 pour rehausser un peu le masque transp au dessus des iconnes sous_categorie simulant clique catégorie */

#a .titre {background-image:url('images/menu/menu-bleu.jpg');}
#a .contenu {background-image:url('images/menu/superieur-evenements.png');}
#a:hover .titre {background-image:url('images/menu/menu-evenements-B.jpg');}
#a .contenu h1 {color:#298ED9;}
#a:hover .contenu .texte {display:none;}
#a:hover .contenu .menu {display:block;}

#b .titre {background-image:url('images/menu/menu-bleu.jpg');}
#b .contenu {background-image:url('images/menu/superieur-tourismes.png');}
#b:hover .titre {background-image:url('images/menu/menu-tourismes-B.jpg');}
#b .contenu h1 {color:#29B412;}
#b:hover .contenu .texte {display:none;}
#b:hover .contenu .menu {display:block;}


#c .titre {background-image:url('images/menu/menu-bleu.jpg');}
#c .contenu {background-image:url('images/menu/superieur-annonces.png');}
#c:hover .titre {background-image:url('images/menu/menu-annonces-B.jpg');}
#c .contenu h1 {color:#F03ED9;}
#c:hover .contenu .texte {display:none;}
#c:hover .contenu .menu {display:block;}

#d .titre {background-image:url('images/menu/menu-bleu.jpg');}
#d .contenu {background-image:url('images/menu/superieur-outils.png');}
#d:hover .titre {background-image:url('images/menu/menu-divertissements-B.jpg');}
#d .contenu table{color:#00C; text-decoration:none; font-size:12px; font-weight:normal;}
#d .contenu a:hover {color:#00C; text-decoration:none;font-weight:bold;}

/* -----------INDEX------------------- */
#inferieur_a,#inferieur_b{ margin-top:5px; float:left; width:50%; height:465px;background-image:url('images/inferieur-2.png'); background-repeat:no-repeat;}
#inferieur_a h2,#inferieur_b h2 {font-size: 1.2em; color:#e05001;padding:30px 30px 0px 30px;}
#inferieur_a h3,#inferieur_b h3 {font-size: 1.2em; color:#e05001;padding:0px 30px 0px 0px;}
#inferieur_a p,#inferieur_b p{ padding:0px 30px 0px 30px;}
#inferieur_a table,#inferieur_b table{ padding:30px 30px 0px 30px;}
#inferieur_a ul,#inferieur_b ul{ padding:0px 30px 0px 60px;}

#inferieur_index {padding:40px 20px 40px 20px; background-color:#298ed9; padding:40; background-image:url(../images/background-degrade-index.jpg); background-position:top; background-repeat:repeat-x; }
#inferieur_index h2 {text-align:left; padding: 0 0 0 0; margin:0;}
#inferieur_index p  {text-align:justify; padding: 10 0 0 0; margin:0;}
#inferieur_index table  {text-align:justify; font-size:1em; }
#inferieur_index  h3 {text-align:left; padding: 0; margin:0; font-size:14px; font-weight:bold;}


#inferieur {height:470px; }
#inferieur h1 {padding:30;}
#inferieur h2 {padding:40 40 0 40;}
#inferieur h3 {padding:0 40 0 40;}
#inferieur p  {padding: 0 40 0 40;}

#inferieur_sous_rubrique_intro h2 {text-align:left; padding: 0 0 0 0; margin:0;}
#inferieur_sous_rubrique_intro p  {text-align:justify; padding: 10 0 0 0; margin:0;}
#inferieur_sous_rubrique_intro table  {text-align:justify; font-size:1em; }
#inferieur_sous_rubrique_intro  h3 {text-align:left; padding: 0; margin:0; font-size:14px; font-weight:bold;}
#inferieur_sous_rubrique_info table  {text-align:justify; font-size:1em; }

/* ----------------------------------- */
#inferieur_article {background-color:#40dee8; padding:20px 40px 20px 40px; background-image:url(../images/background-degrade-evenements.jpg); background-position:top; background-repeat:repeat-x; }
#inferieur_article a{ font-weight:normal;}
#inferieur_article a:hover{ font-weight:bold;}

#pied {height: 40px; background-image:url('images/pied.jpg'); background-repeat:no-repeat; color:#FFF; text-align:right; }
#pied_1 {float:left; width:25%; text-align:left;}
#pied_2 {float:left; width:75%;}

#pied_1 p, #pied_2 p  { padding:17px 20px 0px 20px; margin:0px; }
#pied a {color:#FFF; font-weight:normal;}