/*LE FOND ET LA MISE EN PAGE GENERALE*/
body {
background:url('../images/back.png') repeat-x #121A1D;
margin:10px 0 10px 0;
padding:0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.8em;
text-align:center;
color:#FFFFFF;
}

/*imge sans bordures*/
img {
border:none;
}
/***************************************************** */
/*LES BLOCS GENERAUX*/

/* le bloc global qui contient tous les autres*/
#global {
background:url('../images/back1.png') repeat-x #993300;
background-position: 0 240px;
width:90%;
margin:0 auto 0 auto;
}

/*l'en tête */
#entete {
height: 200px;
margin :0  0;
background: url('../images/fond_entete.jpg') no-repeat black;
background-position: top center;
}

/*le menu*/
#menu {
height: 40px;
background:url('../images/fond_menu1.png') repeat-x;
font-family:arial,verdana;
line-height:300%;
margin:0;
}

#menu ul {list-style-type: none;
margin:0;
padding:0;
}
#menu li {
margin-bottom: 0px;
float:left;
width:14.2%;
}

#menu a {
height: 40px;
display: block;
text-align: center;
font-size:1em;
font-weight:bold;
color:#003300;
text-decoration: none;
}
	 
#menu a:hover {
color:#EF580E;
}

#menu #actif {
color:#EF580E;
cursor:crosshair;
}

/*le contenu*/
#contenu {
padding:10px 0 10px 0;
margin :0;
background:url('../images/back1.png') repeat-x #993300;
height: auto !important;/*HACK MIN-HEIGHT POUR IE*/
height: 500px;/*HACK MIN-HEIGHT POUR IE*/
min-height: 500px;
}

/*Le bloc des news*/
#news {
width:260px;
height:200px;
padding:5px;
background: #640A0A;
margin:0 5px 5px 5px;
float:right;
overflow:auto;
}

h1.news{
background:#C4D7A9;
color:#003300;
font-size:1.4em;
margin: 5px 3% 5px 3%;
}

h2.news {
text-align:left;
font-size:1em;
margin: 5px 3% 5px 3%;
}

p.news {
text-align:left;
font-size:0.9em;
margin: 5px 3% 5px 3%;
}

/* Blocs qui compense les news*/
#comp_oui{
height:230px;
padding:5px;
margin-right:280px;
}
#comp_non{
height:230px;
padding:5px;
}

/*mise en forme des anciennes*/
h1.ancienne{
background:#C4D7A9;
text-align:left;
color:#003300;
font-size:1.2em;
padding:2px 5px 2px 5px;
margin: 5px 3% 5px 3%;
}

/*mise en forme des promotions*/
h2.promo{
text-align:center;
margin:5px 10px 5px 10px;
font-size:1.3em;
font-weight:bold;
}

hr.promo {
width:96%;
margin-top:5px;
}



/*Le pied de page*/
#pied {
width:90%;
margin: 0 auto 0 auto;
height:20px;
padding:5px 0 0 0;
background: #121A1D;
}
#pied p{
color:#5F5F5F;
margin:0;
padding:0;
text-align:center;
}

/*FORMULAIRE DE LA PAGE CONTACT*/

.formp{
margin-top:10px;
text-align:center;
}

.formulaire{
text-align:justify;
padding:3px 10px 5px 10px;
width:90%;/*pour ce gros C.. d'IE*/
}

label{
width:30%;
float:left;
text-align:right;
}

fieldset{
margin:10px 10% 0 10%;
padding:5px;
}

legend{
font-weight:bold;
color:#AFAFAF;
}

.news input{
font-weight:bold;
cursor:pointer;
}

.alerte{
background:yellow;
font-weight:bold;
color:red;
text-align:center;
padding:10px;
width:550px;/*pour ce gros C.. d'IE*/
margin:0 auto 10px auto;
}

/*******************************************************/
/* ***************LES TEXTES****************************/

h1 {
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.6em;
}

h2 {
margin:5px 10px 5px 10px;
text-align:left;
font-size:1.2em;
font-weight:bold;
}

p {
margin:5px 15px 5px 15px;
text-align:justify;
}

.centre {
text-align:center;
}


/* Les boutons*/

a.bouton {
font-size:0.8em;
margin:0 5px 10px 5px;
color:#003300;
font-weight:bold;
text-decoration: none;
padding: 0.3em 10px 0.3em 10px; 
background:url('../images/fond_bouton.png');
}

a.bouton:hover {
color:#EF580E;
}

/* Les liens externes*/
a.liens_ext {
display:block;
width:390px;
height:52px;
margin:30px auto 0 auto;
border: solid 1px #C4D7A9;
}
a.liens_ext:hover {
border: solid 1px #EF580E;
}

/* Mise en forme des occasions */
.occase {
width:49.5%;
min-height:100px;
float:left;
}

.occase1 {
width:99%;
min-height:100px;
float:left;
}

hr.occase2 {
width:96%;
clear:both;
margin-top:5px;
}