/* GENERAL */
* { margin: 0; padding: 0; }
img { border: 0; }
.clear { clear: both; }
body { font-family: verdana; background: #7E8083; color: #000000; font-size: 11px; padding-bottom: 20px; }
a { color: #585755; text-decoration: none; }
a:hover { color: #faa200; text-decoration: none; }

#page { margin: 0px auto; width: 960px; padding-top: 30px; }

#page #left { float: left; display: inline; width: 160px; }
#page #right { float: right; display: inline; width: 200px; }
#page #contenu { float: left; width: 570px; padding: 0px 0 5px; margin: 0 10px; color: #000000; }

.haut { background: url('images/blanc-coin-haut-gauche.gif') no-repeat #FFFFFF top left; }
.haut .droit {  background: url('images/blanc-coin-haut-droit.gif') no-repeat top right; height: 14px; }
.bas { background: url('images/blanc-coin-bas-gauche.gif') no-repeat #FFFFFF bottom left; } 
.bas .droit {  background: url('images/blanc-coin-bas-droit.gif') no-repeat bottom right; height: 14px; }
.content { background-color: #FFFFFF; }

.haut-gris { background: #7E8083; }
.haut-gris .droit { height: 14px; }

/* FIN GENERAL */

/* HEADER */
.header { width: 100%; margin-bottom: 20px; }
.header .bas { height: 15px; } 
.header .logo { margin: 0 15px; float: left; display: inline; }
.header .banniere { text-align: right; margin-right: 5px; }
/* FIN HEADER */

/* FOOTER */
.footer { border-top: 1px solid #FFFFFF; text-align: center; padding: 10px 0; background: #000000; }
/* FIN FOOTER */

/* RIGHT */
#right h1 { text-align: center; margin-bottom: 20px; }
/* FIN RIGHT */

/* PAGE COMMUNE AU SITE PUBLIC ET PRO - EN HAUT DE LA PAGE */
.commune { float: left; display: inline; width: 760px; background: url('images/gris-coin-haut-droit.gif') no-repeat top right; }
.commune ul { float: left; display: inline; margin-left: 15px; padding: 5px 0; }
.commune ul li { float: left; display: inline; margin-right: 10px; }
.commune ul li a:hover { text-decoration: none; }

.commune ul li a { color: #FFFFFF; background: url('images/menu.gif') repeat-x; float: left; padding: 0 3px; height: 20px; }
.commune ul li div.menu-gauche { background: url('images/menu-gauche.gif') no-repeat; height: 20px; width: 3px; }
.commune ul li div.menu-droit { background: url('images/menu-droit.gif') no-repeat; height: 20px; width: 3px; }

.commune ul li.sfhover a, .commune li.selected a { color: #000000; background: url('images/menu-select.gif') repeat-x; float: left; padding: 0 3px; height: 20px; }
.commune ul li.sfhover div.menu-gauche, .commune li.selected div.menu-gauche { background: url('images/menu-select-gauche.gif') no-repeat; height: 20px; width: 3px; }
.commune ul li.sfhover div.menu-droit, .commune li.selected div.menu-droit { background: url('images/menu-select-droit.gif') no-repeat; height: 20px; width: 3px; }
.commune ul li.selected ul li a { }

.commune ul li div.menu-gauche, .commune ul li div.menu-droit { float: left; }
/* FIN COMMUNE */

/* LANGUES */
.langue { float: left; display: inline; background: url('images/blanc-coin-bas-gauche.gif') no-repeat bottom left #FFFFFF; padding: 4px 0 0 15px; }
.langue ul { float: left; display: inline; background: url('images/blanc-coin-bas-droit.gif') no-repeat bottom right; width: 185px; padding-bottom: 4px; }
.langue ul li { float: left;display: inline; margin-right: 10px; }
/*FIN LANGUES */

/* MENU DES PAGES DE DE GAUCHES */
.liste-sections ul { list-style-type: none; margin: 0; padding: 0;}
.liste-sections li { margin: 0; padding: 0 0 10px 0; }
.liste-sections li a { display: block; padding: 2px 8px; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.liste-sections li a:hover, .liste-sections li.selected a { }
.liste-sections ul ul { }
.liste-sections li li { padding: 0; }
.liste-sections li li a { font-size: 12px; font-weight: normal; text-transform: none; color: #000000; }
.liste-sections li.selected li.selected a, .liste-sections li li a:hover { color: #FFFFFF; background: #7E8083; text-decoration: none;}

.pro {font-size: 9px; margin-left: 3px; color: #FF0000; }
/* FIN MENU DES PAGES DE GAUCHE */

/* COPYRIGHT, MENTIONS, ADRESSE */
#copyright { margin-top: 25px; margin-left: 18px; }
#copyright a{ text-decoration: none; color: #FFFFFF; font-size: 10px; }
#copyright, #link { text-align: left; display:block; text-decoration: none; color: #000000; }

.mentions { text-align: left; font-size: 12px; display:block; text-decoration: none; }

#adresse { margin : 10px 0 0 18px; padding: 10px 0; text-align: left; color: #FFFFFF; }
.preview { color: #FFFFFF; margin-left: 46px; }
/* FIN COPYRIGHT, MENTIONS, ADRESSE */

/* RANDOM IMAGE */
#random_image { padding: 10px 0; }
#random_image img { display: block; margin: auto; }
/* FIN RANDOM IMAGE */

/* MENU LISTE DES PAGES */
#contenu .liste-pages { border-bottom: 1px solid #7E8083; padding-bottom: 5px; }
#contenu .liste-pages ul { float: left; margin: 0 10px; }
#contenu .liste-pages li { float: left; list-style-type: none; }
#contenu .liste-pages li a { font-weight: bold; margin: 0 10px; }
#contenu .liste-pages li a:hover {}
#contenu .liste-pages li.selected a { color: #000000; }
#contenu .liste-pages li.selected a span {}
#contenu .liste-pages li.selected a:hover {}
/* FIN MENU LISTE DES PAGES */

/* CONTENU DES ARTICLES */
#contenu #liste-articles { font-size: 1em; padding-bottom: 15px; }
#liste-articles h1 { font-size: 20px; color: #000000; margin-bottom: 30px; }
#liste-articles div.article { padding: 10px 10px 0; text-align: justify; }
#liste-articles div.first { padding: 20px 10px 0; }
#liste-articles div.fond_blanc { background-color: #E2E3E5; padding: 40px 0; margin-top: 10px; }
#liste-articles ul { margin: 0 0 0 20px; }
#liste-articles table { width: 100%; }
#liste-articles table td { vertical-align: top; padding: 0 5px; }
#liste-articles table td p { margin: 10px 0;}
#liste-articles table td.center { text-align: center }
#liste-articles table td.left { text-align: left }
#liste-articles table td.right { text-align: right }
#liste-articles table td.image { text-align: center }
#liste-articles table td.image p { margin: 0;}
#liste-articles table td.image div { text-align: left; margin: auto; padding: 0 0 5px; font-size: 9px; }
#liste-articles table td.image { padding: 0 5px; }
#liste-articles table img { margin:0; }
/* FIN CONTENU DES ARTICLES */

/* RECETTES */
#liste-articles table td div.gauche_recette { width: 158px; background-color: #F0AE48; }
#liste-articles table td div.gauche_recette p { padding: 0 5px; }
#liste-articles table td div.droite_recette h2 { text-align: left; }
#liste-articles table td div.droite_recette h3 { text-align: left; }
#liste-articles table td div.droite_recette .img { float: right; width: 140px; font-size: 9px; margin-left: 30px; }
/* FIN RECETTES */

/* DOCUMENTS */
.documents { padding-bottom: 20px; }
/* FIN DOCUMENTS */

/*  GALERY */
.precedent, .suivant { display: inline; padding-top: 5px; cursor: pointer; }
.precedent { float: left; margin-left: 20px; }
.suivant { float: right; margin-right: 20px; }
h3.titre_galery { color: #FFFFFF; margin-bottom: 15px; text-align: center; margin-top: 5px; }
.galery { float: left; display: inline; margin-left: 10px; }
.galery .image { text-align:center; margin: 0 5px; }
.galery .image img { margin:0 4px; }
.galery h2 { font-size: 0.8em; width: 130px; padding: 5px 5px; margin: 10px auto 0; }
.galery hr { border: 0; border-top: 1px solid #585755; margin-bottom: 20px; }

#liste-articles .petite-galery { float: none; display: block; margin: 0 auto; }
#liste-articles .petite-galery ul { margin: 0; float: left; display: inline; }
.petite-galery ul li { float: left; display: inline; }

#trailimageid h2 { position: absolute; top: 0; left: 0; background: #7E8083; padding: 2px 10px; font-size: 12px; color: #FFFFFF; }
/*  FIN GALERY */

/* GALERY NORMAL */
.normal .gauche, .normal .centre, .normal .droite {width: 175px; float: left; display: inline; text-align: center; }
.normal .gauche a, .normal .centre a, .normal .droite a { margin-top: 10px; display: block; }
/* FIN GALERY NORMAL */

/* FORMULAIRE */
.formu label { width: 150px; margin: 0px 5px; display: block; }

.formu p { clear: both; list-style-type: none; margin-bottom: 5px; }
.formu input{ width: 200px; border: 1px solid black; }
.formu textarea { width: 200px; height: 110px; border: 1px solid black; }
.formu input.checkbox, .formu input.button { width: auto; }
.formu div.submit { text-align: right; }
.formu .obligatoire { color: #ff0000; }
.formvalid { border: 2px solid #faa200; color: #faa200; text-align: center; font-weight: bold; font-size: 1.1em; background: #ffffff; padding: 5px; }
.formerror { border: 2px solid #FF0000; color: #FF0000; background: #ffffff; }
.formerror div { padding: 5px; }
#liste-articles .formerror h1 { background: #FF0000; margin: 0; color: #ffffff; font-size: 14px; padding: 2px 5px;}
#liste-articles .formu h3 { text-align: left; }

button.button { border: 0; background: transparent; color: #FFFFFF; background: repeat-x; float: left; padding: 0px 3px 0; height: 21px;}
.submit .gauche { background: no-repeat; height: 20px; width: 3px; float: left; }
.submit .droite { background: no-repeat; height: 20px; width: 3px; float: left; }
div.bouton { float: right; }
/* FIN FORMULAIRE */

/* MINI-NEWS */
.mini-news { padding-bottom: 10px; }
.mini-news h1 { text-align: center; margin-bottom: 20px; }
.mini-news ul { margin-left: 15px; margin-right: 15px; }
.mini-news ul li { list-style-type: none; }
.mini-news ul li h2 { margin-bottom: 10px; text-transform: uppercase; font-size: 13px; }
.mini-news ul li p { text-align: justify; margin-bottom: 10px; }
.mini-news ul li p img { margin-top: 10px; }
/* FIN MINI-NEWS */

/* NEWS */
#liste-pages .news { text-align: center; margin-bottom: 25px; }
#liste-articles .news { padding: 10px; border-bottom: 1px solid #7E8083; }
#liste-articles .news h1 { text-align: left; margin: 0; padding: 0; }
#liste-articles .news table { margin-top: 15px; }
#liste-articles .news table tr td { text-align: justify;} 
/* FIN DES NEWS */

/* LOGIN (INACTIF)  */
#contenu .cadre h1 { background: url('images/entete-page.gif'); height: 22px; padding: 2px 10px 0px; font-size: 1.1em; }
#contenu .cadre p.descriptif { border: 1px solid #A8B1BA; background: url('images/fond-ecran.gif'); margin-bottom: 20px; padding: 10px; }
#contenu .cadre form { background: url('images/fond-ecran.gif'); margin-bottom: 20px; padding: 10px; border: solid #A8B1BA; border-width: 0 1px 1px; }
#contenu .cadre form p { clear: both; margin-bottom: 10px; }
#contenu .cadre form label { float: left; width: 200px; text-align: right; padding: 1px 5px; }
#contenu .cadre form input, #contenu .cadre form textarea { width: 300px; border: 1px solid #A8B1BA; background: #767a7d; color: #ffffff; }
#contenu .cadre form p.captcha { border: 1px solid #A8B1BA; width: 260px; padding: 5px 20px 10px; margin: 10px auto; }
#contenu .cadre form p.captcha label { display: block; padding: 0 0 5px; clear: both; }
#contenu .cadre form p.captcha img { display: block; float: left; margin-right: 10px; }
#contenu .cadre form p.captcha input { width: 70px; height: 30px; padding: 8px 20px 0px; font-size: 1.5em; }
#contenu .cadre form p.submit { text-align: center; }
#contenu .cadre form p.submit input { width: auto; color: #585755; font-weight: bold; }
#contenu .cadre form div.errors { color: #faa200; border: 2px solid #faa200; padding: 10px; text-align: center; margin-bottom: 20px; font-weight: bold; background: #fff; }
#contenu .cadre form span.obligatoire { color: #ff0000; }
/* FIN LOGIN (INACTIF)  */

/* FACEBOOK */
.facebook { margin: 0 5px; font-weight: bold; }
.facebook img { vertical-align: middle; }
/* FIN DE FACEBOOK*/