@charset "utf-8";

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#333333;
}

img {
border:0;
}

embed {
float:left;
}

h1 {
margin:25px 0 0 235px;
padding:0;
font-size:16px;
line-height:0;
}

h2 {
margin:111px 0 5px 25px;
padding:0;
font-size:14px;
line-height:0;
}

h3 {
padding:30px 0 0 0px;
margin:0;
font-size:10px;
}

p {
margin:0;
padding:0;
font-size:11px;
line-height:16px;
color:#666666;
}

li {
color:#666666;
}

p.descriptionG {
margin:25px 0 0 235px;
padding:0;
font-size:12px;
width:420px;
}

ul{
margin:0;
padding:0;
font-size:11px;
line-height:20px;
}

a:link {
color:#000000;
text-decoration:none;
}

a:visited {
color:#000000;
text-decoration:none;
}

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

a:active {
color:#000000;
text-decoration:none;
}

/* --------- */
/* CONTAINER */
/* --------- */

div#container {
margin:auto;
width:902px;
background-color:#FFFFFF;
}

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

div#header ul{
list-style-type:none;
float:left;
}

div#header li{
float:left;
}

div#logo {
float:left;
margin:30px 0 0 25px;
}

div#telephone {
float:right;
margin:15px 27px 0 0px;
}

div#telephone img{
float:left;
}

/* --------------------- */
/* LIENS META NAVIGATION */
/* --------------------- */

div#metaNav a:link{
text-decoration:none;
color:#000000;
}

div#metaNav a:visited{
text-decoration:none;
color:#000000;
}

div#metaNav a:hover{
text-decoration:underline;
font-size:11px;
color:#000000;
}

div#metaNav a:active{
text-decoration:none;
color:#000000;
}

/* --------------------------- */

div#metaNav {
float:left;
margin:13px 0 0 0;
background-image:url(../images/degrade-top.png);
height:44px;
width:227px;
}

div#metaNav ul{
margin:15px 0 0 157px;
}

div#metaNav li{
font-size:11px;
}

/* --------------------------- */
/* LIENS NAVIGATION PRINCIPALE */
/* --------------------------- */

div#nav a:link{
text-decoration:none;
color:#000000;
float:left;
height:44px;
}

div#nav a:visited{
text-decoration:none;
color:#000000;
float:left;
height:44px;
}

div#nav a:hover{
text-decoration:underline;
color:#000000;
float:left;
height:44px;
}

div#nav a:active{
text-decoration:none;
color:#000000;
float:left;
height:44px;
}

/* --------------------------- */

div#nav {
float:left;
margin:40px 0 0 100px;
}

div#nav li{
font-size:14px;
}

div#nav li img{
float:left;
}

/* ------ */
/* MIDDLE */
/* ------ */

div#middle {
float:left;
position:relative;
}


div#flash {
float:left;
z-index:1;
background-color:#000000;
}

/* -------- */
/* SOUSMENU */
/* -------- */

div#sousmenu {
position:absolute;
width:200px;
z-index:2;
top:80px;
left:-30px;
}

div#sousmenu li{
font-size:12px;
float:left;
}

div#sousmenu img{
float:left;
}

div#sousmenu ul{
list-style-type:none;
}

/* -------------- */
/* LIENS SOUSMENU */
/* -------------- */

div#sousmenu a:link{
text-decoration:none;
color:#000000;
}

div#sousmenu a:visited{
text-decoration:none;
color:#000000;
}

div#sousmenu a:hover{
text-decoration:underline;
color:#000000;
}

div#sousmenu a:active{
text-decoration:none;
color:#000000;
}

/* --------------------------- */

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

div#colonneGauche {
float:left;
width:220px;
background-color:#eff1f0;
}

div#blockNoir {
width:220px;
height:300px;
background-color:#000000;
}

div#imgGauche {
width:220px;
}

div#colonneDroite {
float:left;
width:682px;
background-color:#FFFFFF;
}

div#content {
float:left;
width:902px;
background-color:#EFF1F0;
}

div.block li{
list-style-image:url(../images/bullet.gif);
line-height:23px;
}

div.thumbproduit {
float:left;
width:682px;
background-image:url(../images/degrade1-fenetre.png);
height:215px;
}

div.callToAction a:link{
color:#000000;
text-decoration:none;
}

div.callToAction a:visited{
color:#000000;
text-decoration:none;
}

div.callToAction a:hover{
color:#000000;
text-decoration:underline;
}

div.callToAction a:active{
color:#000000;
text-decoration:none;
}

div.input {
float:left;
width:210px;
margin-top:15px;
}

div.input input{
border:1px solid #cacccb;
display:inline;
margin:0;
padding:0;
float:left;
}

p.titleInput {
font-weight:bold;
font-size:12px;
}

div.succursale {
float:left;
width:215px;
margin-top:10px;
}

.orange {
color:#ee7f1d;
}

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

div#footer p{
color:#9f9f9f;
font-size:9px;
}

div#footer ul {
list-style-type:none;
}

div#footer li {
font-size:12px;
float:left;
}

/* --------- */
/* BOX ATIS */
/* --------- */

div#boxAtis {
float:left;
background-color:#eff1f0;
width:221px;
height:29px;
}

div#boxAtis img{
margin:5px 0 0 15px;
}

/* ---------- */
/* BOX FOOTER */
/* ---------- */

div#boxFooter1 {
float:left;
}

div#boxFooter1 img{
float:left;
}

div#boxFooter2 {
float:left;
}

div#boxFooter2 img{
float:left;
}

/* --------- */
/* COPYRIGHT */
/* --------- */

div#copyright {
font-size:11px;
float:left;
margin:8px 0 0 17px;
}

/* ------------ */
/* LIENS FOOTER */
/* ------------ */

div#liensFooter {
height:29px;
width:636px;
background-color:#d7d7d7;
float:left;
}

div#liensFooter ul{
margin:6px 0 0 25px;
float:left;
}

div#liensFooter li{
height:10px;
color:#9f9f9f;
}

div#liensFooter a:link{
text-decoration:none;
color:#9f9f9f;
font-size:9px;
float:left;
height:10px;
}

div#liensFooter a:visited{
text-decoration:none;
color:#9f9f9f;
font-size:9px;
float:left;
height:10px;
}

div#liensFooter a:hover{
text-decoration:underline;
color:#9f9f9f;
font-size:9px;
float:left;
height:10px;
}

div#liensFooter a:active{
text-decoration:none;
color:#9f9f9f;
font-size:9px;
float:left;
height:10px;
}

/* --------------- */
/* DESIGN BLAX */
/* --------------- */

div#design {
float:left;
margin:8px 0 0 25px;
}

/* --------------- */
/* FLECHE TEMPLATE */
/* --------------- */

div#flecheTemplate {
font-size:11px;
float:left;
width:45px;
height:29px;
background-color:#cbcbca;
}

/* --------------------------- */

/* ----- */
/* EXTRA */
/* ----- */

.clear {
clear:both;
margin:0;
padding:0;
height:0px;
}

.bold {
font-weight:bold;
}

.float {
float:left;
display:inline;
}

#errorsBox {
color:red;
 padding:20px 0 20px 20px;
 float:left;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 line-height:18px;
 width:500px;}

.error {
color:red;
}