/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

body {margin: 0; padding: 0;font-size: 75%;font-family: "Trebuchet MS", Verdana, Arial,   sans-serif;text-align: left;color:#302E2D;background-color:#CD2A1D;background-image: url(images/background.jpg); background-repeat:repeat-x; background-position:center top;}
#conteneur {width: 1000px;margin: 0 auto; }

/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {height:93px;background-image: url(images/bg_header.jpg); background-repeat:no-repeat; background-position:left top;text-align:center}
#header a.logo { border: 0px; padding:0;}
.flash {float:left; margin-left:0px;width:145px;margin-top:125px;}

/* ------------------------------------ */
/*                                      */
/*            MENU                      */
/*                                      */
/* ------------------------------------ */
div#menu { float: left; height: 30px; padding: 0px 0 0 0;padding-left:250px;}
div#menu ul { margin-top:0px;padding-right:0px;  list-style-type: none;}
div#menu ul li {float: left;padding: 0 0px;}
div#menu ul li a {display: inline-block;text-transform: uppercase;font-size: 1em;font-weight: bold;	font-family:arial, verdana, sans-serif; padding: 0px 45px;text-decoration: none;color: #fff;border-right:1px solid #FFF100}
div#menu ul li a:hover, div#menu ul li.on a {color: #F8E905; }
.right {float:right; padding:20px;font-size:0.9em;padding-top:0;}
.titre {float:right; padding:0px;font-size:0.9em;padding-top:0;}
.right {float:right; padding-left:0px;font-size:0.9em;padding-top:0;}
.right2 {float:right; padding:5px;}
.left {float:left; padding-left:10px;width:150px;}
.right_photo {float:right; padding-left:0px;font-size:0.9em;padding-top:0;text-align:right;}
.left_photo {float:left; padding-left:0px;font-size:0.9em;padding-top:0;text-align:right;}
.cadre_note {float:left;width:200px;padding-top:40px;}
.cadre_bienvenue {float:left;padding-left:15px;width:494px;font-size:16px;text-align:left;font-weight:bold;padding-top:30px;}


/* ------------------------------------ */
/*                                      */
/*            MENU2                     */
/*                                      */
/* ------------------------------------ */
div#menu2 { float: left; height: 35px; padding: 0px 0 0 0;}
div#menu2  a {display: inline-block;text-transform: uppercase;font-size: 0.9em;font-weight: bold;	font-family:arial, verdana, sans-serif; padding: 0px 5px;text-decoration: none;color: #000;}
div#menu2 a:hover, div#menu2 a.on  {color: #DF303F; }

/* ------------------------------------ */
/*                                      */
/*            CONTENU                   */
/*                                      */
/* ------------------------------------ */

#centre { background-color:#FFFFFF;	background-image: url(images/bg_centre.jpg); background-repeat:repeat-x; background-position:left bottom;}
#contenu { 	height: auto;min-height: 385px;_height:385px;width: 1000px;margin: 0 auto;	background-image: url(images/bg_contenu.jpg); background-repeat:no-repeat; background-position:left bottom; }
#contenu .textes {float:left; width:710px; text-align:justify;padding-top:0px;padding-left:145px;}
#contenu .texte {float:left; width:690px; text-align:justify;padding-top:10px;padding-left:160px;}
#contenu .texte2 {float:right; width:700px; padding:25px;text-align:justify;padding-left:25px;}
img {border:0px;}
.chapo {padding:0color:#000;font-weight:bold;font-size:1.3em}
/* ------------------------------------ */
/*                                      */
/*            Form                      */
/*                                      */
/* ------------------------------------ */

label {
 font-size:10px;
 color:#717077;
 }

input.formulaire {
 background-color:#FFFFFF;
 color:#CCCCCC;
 font-size:8px;
 width:70px;
 }




/* ------------------------------------ */
/*                                      */
/*            Centre                    */
/*                                      */
/* ------------------------------------ */



.cadre_contenu{
	float: left;
	width:600px;
      margin-top:20px;
}




.slogan {float:left;margin-top:30px;padding-left:50px;color:#FF5C27;}

.text{padding: 5px; text-align:justify;font-size:1.1em}}


/* ------------------------------------ */
/*                                      */
/*           TYPOGRAPHIE                */
/*                                      */
/* ------------------------------------ */


img {border:0;}
p {margin: 0 0 2px 0px;}


h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;  font-size: 1em; }
h1 { font-size: 2em; padding-bottom: 5px; }
h2 { font-size: 1.60em; font-weight: normal; }
h3 { font-size: 1.20em; font-weight: bold; }

a { color: #CE0021; text-decoration: none; }
a:hover { color: #6B605C; text-decoration: none; }
.orange {color:#FF5C27;}


ul, li {list-style-type: none;}
/* ------------------------------------ */
/*                                      */
/*            bottom                    */
/*                                      */
/* ------------------------------------ */

#bottom {
	text-align: center;
	background-image: url(images/bg_bottom.jpg); background-repeat:no-repeat;background-position:left bottom;
	margin:0;padding:0;
	background-color:#CD2A1D;
height: auto;min-height: 20px;_height:20px;}

#menu_bottom {width: 1000px;margin: 0 auto; }



/* ------------------------------------ */
/*                                      */
/*            footer                    */
/*                                      */
/* ------------------------------------ */

#pied {text-align:center;background-image: url(images/bg_pied.jpg); background-repeat:repeat-x; background-position:center top;height:120px;}
#footer {margin: 0 auto; text-align:left;padding-top:5px;color:#000000;width:980px;font-size: 1em;}
#footer a {color: #D49F0B;text-decoration: none;font-size: 1em;}
#footer a:hover {text-decoration: underline;}
#footer .logo {float:left;}
#footer .adresse {float:left; padding:18px;}
#footer .horaire {float:right; padding:15px;text-align:right;font-size:0.9em;}
#footer .ws {float:right; color:#E5B90A;font-size:0.8em}
.spacer {clear: both;}


ul.puces {list-style-image: url(images/puces.jpg);margin:0;padding:0;padding-left:5px;}
li.puces {padding-bottom:30px;padding-top:0;padding-left:10px;}