/* <link rel="stylesheet" type="text/css" href="plan.css"> */

/* pour changer la couleur jaune vif du fond => background-color */
/* color => couleur du texte */
body
{
margin: 0;
padding: 0;
width: 100%;
background-color: #FFFF33;
font-family: Garamond, "Times new roman", Helvetica, sans-serif, Arial;
font-size: 101%;
color: #000066;
text-align: center;
}

/* DIV */

/* background-color => couleur jaune pale */
/* border => couleur orange des côtés */
#wrapper
{
width: 850px;
margin: 5px auto;
background-color: #FFFFCC;
border: 5px double #FF3300;
}

/* background => chemin du bandeau d'en-tête */
#bandeau
{
width: 100%;
height: 169px;
background: URL(IMG/bandeau01.jpg) no-repeat;
padding: 10px 0 0 0;
}

#zone_texte
{
width: 100%;
background-color: #FFFFCC;
margin: 10px auto;
text-align: center;
}

a
{
text-decoration: underline;
}

#fil
{
text-align: left;
color: #000066;
}

#fil a, a:hover, a:active
{
color: #000066;
text-decoration: underline;
}

#fil  a:visited
{
text-decoration: none;
color: #FF0000;
}

#fil a:hover, a:active
{
font-weight: bold;
text-decoration: underline;
}

#liensin
{
text-align: center;
color: #000066;
}

#liensin a, a:hover, a:active
{
color: #000066;
}

#liensin a:visited
{
text-decoration: none;
color: #FF0000;
}

#liensin a:hover, a:active
{
font-weight: bold;
}

.zone_gauche
{
width: 25%;
margin: auto;
float: left;
}

#cadre_gauche
{
width: 100%;
margin: 20px auto;
text-align: center;
border-top: 1px solid #000000;
}

#cadre_gauche p img
{
margin: 0 auto;
}

.zone_droite
{
width: 70%;
float: right;
padding: 10px;
border-left: 1px solid #000000;
background: url(IMG/logo.png) no-repeat;
background-position: top;
}

.trait
{
width: 100%;
border-top: 1px solid #000000;
}

#nouveautes
{
margin: 0 0 2px ;
width: 100%;
height: 240px;
border: 5px outset #FF3300;
background-color: #FFFFCC;
overflow: hidden;
}

#nouveautes p
{
text-align: center;
}

span
{
font-size: 120%;
font-weight: bold;
}

#stats
{
border-collapse: collapse;
margin: 0 auto;
}

#stats tr td
{
width: 20%;
border-collapse: collapse;
border: 1px solid #000000;
text-indent: 10px;
text-align: center;
}

.stats
{
border: 2px solid #000000;
background-color: #FFCC66;
}

.stats01
{
border: 2px solid #000000;
background-color: #FFFF33;
}

#galerie
{
width: 100%;
}
#galerie img
{
border: 2px solid #FF3300;
}

#zone_pied
{
width: 100%;
padding-bottom: 10px;
}

.zone_pied
{
width: 100%;
}

.left
{
width: 250px;
float: left;
margin: 0 auto;
}
.right
{
width: 130px;
float: right;
margin: 0 auto;
}
.center
{
width: auto;
margin: 0 auto;
}

.break 
{
clear: both;
}

/* FORMULAIRE */
#contact
{
width: 500px;
margin: auto;
padding: 2px;
border: 2px inset #000000;
background-color: #FFCC66;
}

label
{
display: block;
width: 85px;
float: left;
}

#nom, #prenom, #sujet, #message, #courriel, textarea
{
width: 450px;
}

textarea
{
height: 200px;
}

fieldset
{
padding: 10px;
margin-bottom: 10px;
text-align: left;
background-color: #FFFF33;
}

legend
{
font-weight: bold;
}

input, textarea, label
{
margin-top: 5px;
}

* html #contact div
{
text-indent: -3px;
}
/* FIN FORMULAIRE */

/* NEWLETTERS */
#newletters
{
width: 500px;
margin: auto;
padding: 2px;
border: 2px inset #000000;
background-color: #FFCC66;
}

label
{
display: inline;
width: 100px;
}

#email
{
width: 450px;
}

#action
{
width: 100px;
}

fieldset
{
padding: 10px;
margin-bottom: 10px;
text-align: left;
background-color: #FFFF33;
}

legend
{
font-weight: bold;
}

input, label
{
margin-top: 10px;
}

* html #newletters
{
text-indent: -3px;
}
/* FIN NEWLETTERS */

/* MENU */

dl, dt, dd, ul, li
{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 95%;
}

#divmenu
{
width: 100%;
height: 450px;
}

#menu
{
margin: 30px auto;
padding: 0 5px;
}

dl#menu
{
width: 150px;
height: 30px;
}

dl#menu dt
{
cursor: pointer;
margin: 5px 0;
padding: 0 8px;
height: 30px;
line-height: 20px;
text-align: left;
color: #000000;
font-weight: bold;
border: 1px solid #600;
background: url('IMG/bouton03.jpg') no-repeat;
}

dl#menu dd
{
border: 1px solid #600;
background: #000066;
}
dl#menu li
{
padding: 2px 0;
text-align: center;
color: #000066;
background: #fff;
}
dl#menu li a, dl#menu dt a
{
padding: 2px 0;
color: #000066;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover
{
background: #FF3;
}

#mentions
{
font-family: Garamond, Helvetica, sans-serif, Arial;
bottom : 200px;
left : 10px;
color: #FFF;
background-color: #ddd;
}
#mentions a
{
text-decoration: none;
color: #FFF;
}
#mentions a:hover
{
text-decoration: underline;
}

/* ELEMENTS HTML GENERAUX */
h1, h2, h3, h4, h5
{
text-align: center;
}

h1
{
font-size: 150%;
}

h2
{
font-size: 120%;
}

h4
{
text-align: left;
text-decoration: underline;
}

#zone_droite ul, li, ol
{
text-align: left;
}

p
{
text-align: left;
text-indent: 25px;
}

#jaune p
{
background-color: #FFFF99;
height: 50px;
text-align: center;
}

#rouge p
{
background-color: #FFCC99;
height: 50px;
text-align: center;
}

.accueil
{
font-size: 120%;
font-weight: bold;
text-align: center;
}

.accueil02
{
font-size: 101%;
text-align: center;
}

.accueil03
{
font-size: 101%;
text-align: center;
font-weight: bold;
}

.centrerg
{
text-align: center;
font-weight: bold;
}

.centrer
{
text-align: center;
}

.news
{
text-align: left;
font-weight: bold;
}

/* img */
img
{
border: 0px;
text-align: center;
}

/* img texte */
.imgleft
{
float: left;
margin-right: 10px;
clear: both;
}

.imgright
{
float: right;
margin-left: 10px;
text-align: right;
clear: both;
}

.pimg
{
text-align: right;
padding-bottom: 20px;
font-weight: bold;
}

/* -------------FIN------------- */