/* ---------------------------------------------------------------------------------- Auteur : KB CONCEPT */
/* ---------------------------------------------------------------------------------- www.kbconcept.fr */

body {
margin:0;
padding:0;
background-color:#0b0c0d;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
}

ol, ul, li{ padding:0; margin:0;}

a {
color:#FF6600;
text-decoration:underline;
}

a:hover {
color:#FF6600;
text-decoration:none;
}



/* ----------------------------------------------------------------------------------  Navigation */
#navbar {
margin:0;
padding:0;
height:50px;
background:transparent url(../img/bg-nav.png) no-repeat center;
}

#menu {
margin:0 auto;
padding:0;
width:980px;
line-height:50px;
font-size:12px;
text-align:center;
text-transform:uppercase;
}

#menu ul {
margin:0 .7em 0 .7em;
padding:0;
display:inline;
list-style-type:none;
text-align:center;
}

#menu ul li { display:inline; position:relative;}

#menu a {
color:#000;
text-decoration:none;
padding:16px 20px 15px 20px;
font-weight:bold;
}

#menu a.active { color:#FF6600; text-decoration:none;}

#menu a:hover {
color:#FF6600;
text-decoration:none;
border-top: 2px solid #FF6600;
}


/* ---------------------------------------------------------------------------------- News */
#news{ height:39px; background: url(../img/bg-news2.png) no-repeat center; margin:10px auto; width:880px;}
#news p{ font-size:13px; padding:12px; margin:0; text-align:center; font-style:italic;}





/* ---------------------------------------------------------------------------------- Header */
#header {
margin:0;
padding:0;
height:259px;
background:url(../img/fd.png) repeat-x;
}

#logo {
position:relative;
margin:0 auto;
width:770px;
font-size:.9em;
text-align:left;
height:83px;
}

/* ----------------------------------------------------------------------------------  Bandeau */
#bandeau{ 
background: url(../img/bandeau.png) no-repeat;
height:176px;
margin:0px auto;
width:980px;
}

/* ---------------------------------------------------------------------------------- CTN_Bloc */

#ctn_bloc{ padding:0; margin:0; background: #fff url(../img/fd-ctn-bloc.jpg) repeat-x top;}


/* ----------------------------------------------------------------------------------  CTN */
#ctn, #contact {
position:relative;
margin:0 auto;
padding-bottom:30px;
width:860px;
font-size:.9em;
text-align:justify;
}

#ctn h1, #contact h1 { font-size:22px; color:#4A535C; margin:8px 0 5px 0; padding:0;}


#ctn h2, #contact h2 {
margin:.5em 0 -.5em 0 !important;
margin:.5em 0 -.9em 0;
color:#698CA5;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
}

#ctn p {font-size:.9em;}

#ctn .date {
margin-bottom:-1em;
font-size:11px;
color:#697786;
}

#ctn ol { margin-left:20px; font-size:13px; font-weight:bold; color:#FF6600;}
#ctn ol p{font-weight: normal; font-size:12px; color:#000;}

#ctn td { vertical-align:top; padding:0 4px;}

/* ---------------------------------------------------------------------------------- CTN Styles*/
.li01{ font-size:12px; margin:8px 20px;}
.gras {color:#FF6600; font-weight:bold;}
.devis { float:right; padding: 0px 5px;}
.articles{ color:#94c1e2; font-weight:bold; text-transform:uppercase;}
.photos {float:left; margin-right: 20px;}
.liens_art { text-decoration:underline; color:#000; font-size:11px;}
.com_blc { font-size:11px; text-align:center; color:#6d7782; margin-left:20px;}

#col1{ padding:10px;}
#col2{ padding:10px;}

#contact{ height:500px;}
#formulaire{ float:left; margin-left:50px;}
.mail { width:450px; margin-top:35px; color:#797676; }
.champ, .label { float:left; }
.label { clear:both; width:80px; padding:0; margin:4px 0px 20px 0px;}
.mail input, .mail ctn {}
#bouton{ text-align:right; margin-right:30px;}

#colform{
float:right;
margin-left:25px;
padding:0px 5px 5px 10px;
width:210px;
}

.champ{
background:#fff; 
width:330px; 
color:#797676;
border:1px solid #EAE9E9;
font-size:13px;
margin-bottom:15px;
padding:4px;
}

.btn {
background:#FF6600;
border:0px none;
color:#fff;
cursor:pointer;
font-size:11px;
padding:3px;
text-transform:uppercase;
width:75px;
}

.btn:hover {background:#6d7782;}

.coord, .competences {font-size:12px; padding:20px 30px; height:145px; width:180px;}
.coord{ background: url(../img/contact_bg.png) no-repeat left top; }
.competences{background: url(../img/contact_bg2.png) no-repeat left top; height:300px;}

/* ---------------------------------------------------------------------------------- Col droite */
#coldroit {
float:right;
position:relative;
margin-left:25px;
padding:0px 5px 5px 10px;
width:210px;
}

#coldroit img{ border:none;}
#colG img{ border:none;}


#colG{
float:right;
position:relative;
margin-left:25px;
padding:0px 5px 5px 10px;
width:210px;
height:1000px;
}

#ctn h3, #contact h3 {
margin:20px 0px;
color:#4a535c;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

.BTN_home { padding:7px 7px 0px 7px;}

#coldroit p {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* ----------------------------------------------------------------------------------  footer */
#footer {
position:relative;
padding:5px 5px 15px 0px;
color:#999999;
text-align:center;
clear:both;
background: url(../img/bg-footer.jpg) repeat-x top;
}

#footer p {
font-size:11px;
}

#footer a { text-decoration:none; color:#999999; padding:0 5px;}

#footer a:hover {
color:#FF6600;
text-decoration:underline;
}

.mentions{ text-align:left; margin-right:500px;}