/* ----------------------------------------------------------------------------------- */
/* -------------------------------------- RESET -------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, fieldset, table, th, tr, td {
margin:0;
padding:0;
} 

img {
border:0;
}

/* ----------------------------------------------------------------------------------- */
/* --------------------------- Ajout de style aux balises html ----------------------- */
/* ----------------------------------------------------------------------------------- */ 

body {
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-size:14px; 
color:#000;
background-color: #c0f451;
}

p {
text-align:justify;
line-height:20px;
}

h1, h2, h3 {
color:#ff9c00;
font-weight:lighter;
}

h1 {
font-size:26px;
margin-bottom:10px;
font-weight:normal;
}

h2 {
font-size:20px;
}

h3 {
color:#000;
font-size:20px;
}

h4 {
color:#000;
font-size:16px;
}

a {
color:navy;
}

a:hover {
color:navy;
}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------- NAVIGATION PRINCIPALE--------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
#navigation-principale {
height:30px;
line-height:30px;
background-color:#508b39;
border-bottom:solid #fff 1px;
}

#navigation-principale ul {
float:left;
list-style:none;
}

#navigation-principale li {
display:block;
float:left;
border-right:solid #fff 1px;
}


#navigation-principale ul li a {
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:0 10px;
}

#navigation-principale ul li a:hover {
background-color:#ff9c00;
}



/* ----------------------------------------------------------------------------------- */
/* -------------------------------------- STRUCTURE ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#wrapper-site {
width:1007px;
background: transparent url('../images/bg-site.jpg') top left repeat-y;
margin-left:auto;
margin-right:auto;
overflow:auto;
}

#header, #content, #footer {
margin-left:53px;
width:900px;
}

#header {
position:relative;
}

#content {
width:870px;
padding:15px;
}

#footer, #ours {
overflow:hidden;
}

#footer #adr {
background-color:#000;
text-align:right;
color:#fff;
}


/* ----------------------------------------------------------------------------------- */
/* ------------------------------------ Colonne droite-------------------------------- */
/* ----------------------------------------------------------------------------------- */ 


/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL HEADER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 



/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL CONTENT ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 


/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL FOOTER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#ours {
color:#ff9c00;
font-size:12px;
line-height:30px;
height:30px;
background-color:#000000;
}

#ours a{
color:#fff;
text-decoration:none;
}

#ours a:hover{
color:#ff9c00;
text-decoration:underline;
}

#ours #oursMenu {
float:left;
width:450px;
}

#ours #oursInfos {
float:right;
}



/* ----------------------------------------------------------------------------------- */
/* ---------------------------------   FORMULAIRE   ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

.form label {
display:block;
width:100px;
float:left;
margin-right:20px;
text-align:right;
}

.form div {
padding-bottom:5px;
}

.form textarea {
width:350px;
height:100px;
}

.form input[type="text"] {
width:220px;
}

.form .submit {
margin-left:400px;
border:0;
background-color:#ff9c00;
color:#fff;
}

/* ----------------------------------------------------------------------------------- */
/* ------------------------------------ NEWSLETTER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 



/* ----------------------------------------------------------------------------------- */
/* --------------------------------- TOOLS ------------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

.cadre {
border:solid #fff 8px;
}

.sep {
height:20px;
}

.clearFix {
clear:both;
}

.erreur {
border:red solid 2px;
padding:5px;
background-color:pink;
color:#000;
margin-bottom:15px;
}

.ok {
border:orange solid 2px;
padding:5px;
background-color:#f9e4b8;
color:#000;
margin-bottom:15px;
}

/*
Liste
*/
#content ul {
margin-left:30px;
}

#content ul li {
list-style-type:square;
}

#content img {
margin: 5px;
}

#content ul li {
list-style-type:square;
}

/*
Liste 2
*/
.liste2 {
border:solid 2px #508b39;
padding:5px;
margin:15px 0;
}

.liste2 ul {
margin-left:30px;
}

.liste2 ul li {
list-style-type:square;
color:#ff9c00;
line-height:20px;
}

.liste2 ul li span{
color:#000;
}

/*
Tableau
*/
.tableau {
border: 2px solid #000;
border-collapse:collapse;
}

.tableau th {
background-color:#95f3c2;
color:#000;
}

.tableau td, .tableau th {
border:2px solid #000;
width:250px;
padding:2px;
}