@charset "iso-8859-1";
/* feuille de style css2 powered by Christophe Cornec (http://www.parel-net.org)*/

body, td, th {font:75% Verdana, Arial, Helvetica, sans-serif;color:#333;margin:0; }
html, body {width:100%; height:100%; background-color:#F1F9E3}
body {margin:0}
h1, h2, h6, h5 { font-weight:Bold; color:#ebe8e4 }
h1 { font-size:18px; padding:4px 0 12px 0; margin-bottom:40px; font-family:Verdana, Arial, Helvetica, sans-serif}
h2 { font-size:15px; text-align:center ;}
h2 img {float:left}
a, a.b:hover {font-size:1em; color:#000}

a.c {color:#CC0000}
hr {color:#f2f88c; width:70%; border:1px inset #f2f88c}
h1, h3, hr, #entete, p.centre, a.bt-menu {text-align:center}
 .menugauche a:hover {text-decoration:underline}
a, .menugauche a, li, a.bt-menu, a.bt-menu:hover {text-decoration:none}
h6 {font-size:14px;margin:5px}
#conteneur {position:relative;width:100%;height:100%; margin:0}
/* entete */
#centre h5 {font-weight:bold;color:#CCCC66; padding-left:35px; line-height:25px; background:url('./img/vertpeint.gif') no-repeat; ont-size:12px}

#entete { margin:0; padding:0 ; height:180px;background-image:url('.//img/f.gif')}
#langage {float:left;margin:3px 0 0 3px; padding:0; color:#FFF}
#langage a {color:#FFF; padding:2px 0}
#hg, #hd {height:auto}
#hg {width:130px;background-image:url('.//img/fcpe.gif');margin-top:19px;margin-bottom:0}
#hd {float:right; height:90px; width:123px;background-image:url('img/1.gif'); background-repeat:no-repeat; background-position:right; padding-top:35px ; margin:0 }
#ban {padding-top:12px; margin-right:85px}
#ban img {margin-top:35px}
#entete, #menu {margin:0 5px;border-left:1px solid #479803 ;border-right:1px solid #479803}
#hg {float:left}
#hg, #contact {background-repeat:no-repeat}
#menu {height:16px; background-color:#479803;}
#gauche {position:absolute;top:195px}
#gauche {left:0;width:212px;border:none}
#pied {position:relative; color:#FFF; background-image:url('./img/fdfoot.gif'); }
#pied a {font-size:1em; color:white}
#pied a:hover {font-size:1em;color:#FFF}
#gauche ul {border:1px solid #4c81b7;text-align:center}
.menugauche {list-style-type:none;padding:0;margin:25px 0 0 0 ;text-align:left}
.menugauche ul {border:none;margin:0}
.menugauche li {font-size:1em;margin:0 0 1px 0;height:21px;line-height:21px; text-align:justify}
.actif {background-image:url('.//img/crayon3.gif');color:#f1f9e3;border:none;width:195px;font-weight:bold;text-align:justify; padding: 0 0 0 5px}
.menugauche a {font-size:1em;color:#444246;background-image:url('.//img/crayon1.gif');font-weight:bold;padding:0 0 0 5px}
.menugauche a:hover {font-size:1em;background-image:url('.//img/crayon.gif');color:#f1f9e3; font-weight:bold}
.menugauche a, .menugauche a:hover {width:195px;height:21px;display:block;margin:0;line-height:21px;text-decoration:none;border:none}
#gauche ul {list-style-type:none;margin:0 5px;border:none}
#membre { position:absolute; right:3px; top:25px; text-align:right; font-size: 0.8em; color: #000;  }
#membre img { float:right; margin:-3px 5px 5px 5px }

/* menu horizontal */
#navbar {float:right;  height:36px; margin:0 ; padding:0 20px 0 0; background-image: url('.///img/regle.gif');}
#navbar a { text-align:right; font:10pt Arial; padding: 5px 0 0 5px; margin:0; line-height:34px ;}
#navbar a:hover {color:#CC0000; text-decoration:line-through }
#regle { float:right; right:0; width:20px; height:34px;margin-top:0; background-image:url('.///img/regle1.gif')}
/* menus latéraux */
ul {list-style-type:none;padding-left:0;margin-left:0;border:none} 
li {margin-bottom:5px;font:12px verdana }
.menug span {line-height:74px;padding-left:7px; width:200px;height:74px;display:block;border-bottom:1px solid #369;color:white}
.menug a {padding-left:5px;margin:0;width:200px;line-height:40px;height:40px;display:block;text-align:left;border:1px solid #369;background-image:url('.//img/fm.gif')}
.menug a:hover {background:#fff}

/* images */
img {border:0 none}
#centre, #centre1, #centre2, #centregifs, #centre3, #centre4  {margin:2px 10px 0 230px; }
#centre, #centre1, #centre2 ,#centregifs, #centre3, #centre4 {margin-top:5px; padding:5px; border:25px ridge #b38e61;background-color:#3a3835; color:#ebe8e4; text-align:justify; }
#centre2 {background-image:url('./img/marelle.gif');height:500px; background-repeat:no-repeat; background-position:center;background-color:#3a3835;}
#centre span img {float:left; margin:25px 15px 50px 0;  }
#centre span.y img {float:none; margin:0; }
#centre dl, #centre3 dl, #centre4 dl{width:100%;font-weight:bold; color:#e8e7c5;line-height:14px; }
#centre dl {margin:0; width:auto}
#centre3 dl, #centre4 dl {margin-left:35%; width:auto}
#centre dt {float:left;font-size:10px;margin-bottom:5px;width:110px}
#centre3 dt, #centre4 dt {float:left;font-size:10px;margin-bottom:5px;width:130px}
#centre dd, #centre3 dd, #centre4 dd { width:auto;font-size:10px;margin-bottom:5px}
#centre a, #centre1 a, #centre2 a, #centre3 a  {color:#e8e7c5; text-decoration:none}
#centre a:visited,#centre a:link {font-weight:bold; color:#ffcc33}
#centre a:hover, #centre1 a:hover , #centre2 a:hover, #centre3 a:hover {text-decoration:underline}
#centre h4 {font-size:12px; font-weight:bold;  text-align:center;  color:#66CCCC }

#centre4 a {color:#e8e7c5; text-decoration:none}
#centre4 a:link{color:#10864b; }
#centre4 a:hover {color:#33FF33;text-decoration:underline}
.cadre {border:1px solid #10864b}
 
#centre p, #centre1 p , #centre2 p, #centre3 p {text-align:left;padding: 2px 25px 2px 25px}
#centre p, #centre3 p {font:1em verdana; padding-top:15px;  color:#FFFFCC}
#cen-->tre ul,  #centre3 ul {margin: 10px 3px 10px 12px; text-align:left;font-weight:bold;color:#e8e7c5;}
#centre li, #centre3 li { font:11px verdana; list-style-type:decimal;  margin:3px 15px 3px 10px;color:#e8e7c5;}
#centre h2 , #centre3 h2 { margin-bottom:0}
#centre h2 { font-size:14px }
#centre h3, #centre3 h3 {font-size:12px; font-weight:bold; color:#ebe8e4}
#centre3 h5 {text-align:center}
#centre h6, #centre1 h6, #centre3 h6, #centre2 h6 { font-size:16px; font-weight:bold; font-style:italic;text-align:right; color:#00CC00; margin-right:25px}
#centre1 img, #centre2 img,  #centre3 img  {margin-left:25%; border:none}
#centre img { margin-left:3px}
#centre a.alert , #centre3 a.alert {color:#FFCC00}
h2 img {float:left}
#pied {text-align:center; margin:0 50px 20px 270px;width:auto; height:50px; padding-top:3px; }
#pied a, #pied p { line-height:5px;color:#FFF}
#pied a:hover{color:#FFF; text-decoration:underline}
#int {text-align:center; padding:5px 0; color:#c8b9a5}
#int a, #int a:hover{color:#c8b9a5}
#imgg {float:left; height:50px; }
#imgg img {margin:20px 0 0 25px}
#imgd {float:right; height:50px; margin-right:50px; }
#imgd img {margin:8px 35px 0 0}
#ardoise {background-image:url('./images/ardoise.gif'); width:200px; height:143px}
#ardoise p {padding:0; margin:0}
#liste {padding: 25px 25px 0 25px; color:#FFF; font-size:10px;background-image:url('./images/ardoise.gif') }
#newsletter {padding: 2px 25px 0 25px;margin:0; color:#FFF; font-size:10px;background-image:url('./images/ardoise.gif') }
#defil {padding: 0; margin: 0;  color:#FFF; background-image:url('./images/ardoise.gif');width:200px; height:143px}
#defil p {padding: 0 0 0 25px;  text-align:left; font-size:10px ; color:#FFF}
#defil a, #defil a:hover {color:#FF0000}
#visites { font-size:10px ;padding:3px 0 ; color:#FFF; background-image:url('./images/ardoise.gif');width:200px; height:143px}
#visites p { margin:30px 25px 5px 25px;font-size:10px ;text-align:left; font-weight:bold; color:#FFF}
#visites a, #visites a:hover {color:#FF0000;font-size:10px ;}
#visites ul {font-size:10px ;margin: 15px 0}
#visites li {font-size:10px ;padding: 5px 25px; margin:0; font-weight:bold; text-align:left; }
#xiti {position:relative;margin-left:50%; height:10px }
#xiti img {margin:25px 0 -50px 0}
#centregifs {background-color:#F1F9E3}
#centregifs h6, #centregifs p{color:#000}
#centre iframe {background-color:#3a3835;width:500px; height:800px; margin-left:180px; scrolling:no; border:0}
#centre iframe a {color:#FFF}

.cinema {font-family: Verdana;font-size: 10px;color: #FFFFCC;}
.cinema a {font-family: Verdana;font-size: 10px;color:#CCFFCC;}
.cinema td {border-bottom: 1px inset #ffffcc }
#bulle {margin:0; padding:0;font-family:Verdana, Arial, Helvetica, sans-serif}
#bulle span {float:left; margin-right:15px;margin-top:15px}
#bulle a, #bulle a:link,#bulle a:hover{color:#CC3300; font-weight:bold; font-size:14px}
#bulle li {list-style-type:none; color:#009900}