/*GENERALITES
----------------------------*/
html{
border-top: 10px solid #151615;
}
body{
background: #dde0dd url(./images/body_bg.jpg) repeat-x;
font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding: 0;
}
hr{
display:none;
}
a{
color: #112002;
text-decoration: none;
}
sup{
font-size: .5em;
}
.clear{
clear: both;
}
.last{
margin-right: 0 !important;
}
.center{
text-align: center !important;
}

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

#header{
background: #343b35 url(./images/header_bg.jpg) no-repeat;
border-bottom: 1px solid #224003;
border-top: 1px solid #757575;
height: 161px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}

#logo{
display: block;
background: transparent url(./images/logo.jpg) no-repeat;
height: 120px;
margin-top: -161px;
width: 300px;
}
#logo a{
display: block;
height: 120px;
outline: none;
text-indent: -9999px;
width: 300px;
}

/* --------------------------------------------------------------------- */
/* Contenu
/* --------------------------------------------------------------------- */

.main{
margin: 0 auto;
position: relative;
width: 950px;
}
.contenu{
background-color: #fff;
margin-top: 70px;
padding: 15px;
}
.title{
background: transparent url(./images/title_bg.jpg) repeat-x;
height: 90px;
padding: 10px 15px;
}
.title h1,.title h2{
margin: 0;
}
.paragraf{
background: #575955 url(./images/paragraf_bg.jpg) repeat-x left bottom;
color: #cfd1cf;
font-size: 16px;
height: 217px;
padding: 10px 15px;
}
.paragraf dl,.paragraf em,.paragraf p{
line-height: 1.5em;
text-align: justify;
width: 80%;
}
.paragraf dt,.paragraf em{
color: #f8fcf8;
}
.paragraf dl{
font-family: Arial;
}
.paragraf dt,.paragraf h3{
font-size: 30px;
margin: 0 0 10px 0;
}
.paragraf dd{
line-height: 1.5em;
margin: 0 0 5px 0;
}
.paragraf a.bouton{
background: transparent url(./images/bouton.jpg) no-repeat left top;
color: #f8fcf8;
display: block;
float: left;
height: 40px;
margin: 10px 25px 0 -5px;
padding: 11px 0;
text-align: center;
text-decoration: none;
width: 140px;
}
.illustration{
float: right;
margin-top: -5px;
}
.liste_formation li,.liste_liens a{
border: 1px solid #eee;
padding: 3px 2em;
}
.liste_liens a{
display: block;
width: 600px;
}
.liste_formation li:hover,.liste_liens a:hover{
background-color: #eee;	
}
.liste_liens dt{
text-transform: uppercase;
}
.liste_liens dd{
font-size: .85em;
margin: 10px 5px;
}
.exemple_formation{
float: left;
margin-right: 36px;
width: 307px;
}
.exemple_formation h5{
margin: 3px 0;
text-align: center;
}
.exemple_formation p{
font-size: .85em;
line-height: 1.25em;
margin: 0;
padding: 0 5px;
text-align: justify;
width: 295px;	
}


/* Left Column */

.left_column{
color: #171817;
font-size: 14px;
margin: 25px 0 0 0;
padding: 0;
text-align: justify;
width: 650px;
}
.left_column h3{
color: #112002;
font-size: 16px;
}
.left_column ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.left_column li{
line-height: 1.35em;
margin-bottom: .5em;
}
.left_column em{
color: #356406;
}

/* Sidebar Right */

dl.sidebar_right{
color: #112002;
float: right;
margin-top: 20px;
width: 230px;
}
.sidebar_right dt{
background: transparent url(./images/news_thumb.jpg) no-repeat;
font-size: 18px;
font-weight: bold;
height: 30px;
padding-top: 5px;
text-indent: 40px;
}
.sidebar_right dd{
font-size: 14px;
margin: 0 0 10px 0;
padding: 0;
}
.sidebar_right dd span{
color: #43433e;
font-size: 12px;
}
.no_icon{
background: none !important;
text-indent: 0 !important;
}
/* Conditions de Ventes */

.cond_vente{
line-height: 1.35em;
}
.cond_vente h2{
text-transform: uppercase;
}
.cond_vente dt{
background: transparent url(./images/warning_thumb.jpg) no-repeat;;
}
.cond_vente ul{
margin-left: 10px;
}
.up{
float: right;
}
 /* Contacts */
 
.contacts dt{
background: transparent url(./images/mail_thumb.jpg) no-repeat;;
}
 
/* Formations */

.formations h3{
background: transparent url(./images/tabs_thumb.jpg) no-repeat center left;
border-bottom: 1px solid #112002;
color: #356406;
padding-bottom: 3px;
text-indent: 20px;	
}
.formations dt{
background: transparent url(./images/references_thumb.jpg) no-repeat;;
}
.exemple_f{
background: #eee;
border: 1px solid #ccc;
padding: 5px;
}
.exemple_f:hover{
background: #fff;
}

/* Formations */
.links dt{
background: transparent url(./images/link_thumb.jpg) no-repeat;;
}

/* --------------------------------------------------------------------- */
/* Navigation
/* --------------------------------------------------------------------- */

#nav{
background-color: #356406;
border: 1px solid #224003;
border-bottom: 0;
height: 40px;
left: -1px;
position: absolute;
top: 120px;
width: 950px;
}
#navigation{
margin: 0;
padding: 0;
}
#navigation li{
float: left;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
width: 190px;
}
#navigation li a{
background: #979797 url(./images/nav_off_bg.jpg) repeat-x bottom left;
border: 1px solid #224003;
border-width: 0 1px 0 0;
color: #000;
display: block;
height: 28px;
padding-top: 12px;
text-decoration: none;
}
#navigation li a.active{
background: transparent url(./images/nav_bg.jpg) repeat-x;
color: #fff;
}
#navigation li a.last{
border-right: 0;
}

/* --------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------- */

#footer p{
font-size: 14px;
margin: 30px 0 50px 15px;
}
#footer a{
color: #112002;
margin-right: 30px;
text-decoration: none;
}

/* --------------------------------------------------------------------- */
/* Formulaire
/* --------------------------------------------------------------------- */

.form_contact label,.form_contact input,.form_contact textarea{
display: block;
width: 100%;
}
.form_contact input,.form_contact textarea,#contact li{
border: 5px solid #eee;
color: #999;
font-size: 16px;
margin-bottom: 1em;
padding: 5px;
}
input.form_button{
margin-left: 10px;
}
#contact li span{
color: #555;
}

/* --------------------------------------------------------------------- */
/* References, Liens & Méthodes
/* --------------------------------------------------------------------- */

.localisation{
font-size: .75em;
font-weight: lighter;
}
.services{
border-bottom: 1px solid #ccc;
color: #bbb;
font-size: .95em;
margin-bottom: 2em;
padding-bottom: 10px;
}
.url{
float: right;
font-style: italic;
margin-top: -15px;
padding-right: 10px;
}

/*===== diaporama_js =====*/

#diaporama_js-wrap{
background-color: #eee;
border: 1px solid #ccc;
}
#diaporama_js-wrap img{
padding: 5px;
}
#diaporama_js-menu{
margin-top: 5px;
}
#diaporama_js-menu a{
background-color: #356406;
border: 1px solid #224003;
color: #fff;
padding: 0px 3px;
}
#diaporama_js li{
padding: 1px 0 0 1px;
}

/*==== gallery ====*/

#gallery1,#gallery2,#gallery3,#gallery4,#gallery5,#gallery6,#gallery7,#gallery8,#gallery9{
background: transparent url(./images/lightbox_bkg.jpg) no-repeat;
height: 100px;
margin: 1em 0;
width: 640px;
}
#gallery1 ul,#gallery2 ul,#gallery3 ul,#gallery4 ul,#gallery5 ul,#gallery6 ul,#gallery7 ul,#gallery8 ul,#gallery9 ul{
padding: 15px 5px 15px 15px;
}
#gallery1 li,#gallery2 li,#gallery3 li,#gallery4 li,#gallery5 li,#gallery6 li,#gallery7 li,#gallery8 li,#gallery9 li{
display: inline;
}

/* --------------------------------------------------------------------- */
/* Administration
/* --------------------------------------------------------------------- */

.admin{
background-color: #dde0dd;
background-image: none !important;
}

/*==== Contacts ====*/

#adminContacts{
border: 1px solid #fff;
line-height: 1.35em;
margin: 1em auto;
padding: 1em;
text-align: justify;
width: 50%;
}
*html #adminContacts{/*hack ie*/
padding-bottom: 0;
}
#adminContacts dt{
font-weight: bold;
margin-bottom: .5em;
text-transform: uppercase;
}
#adminContacts dd{
line-height: 1.5em;
margin-bottom: 1em;
margin-left: 0;
}

/*==== Formulaires ====*/

.admin form{
margin: 1em;
padding: .5em;
}
.retour{
margin: 1.5em;
}