/* AFFICHAGE GENERAL */
* {
margin:0;
padding:0;
}

a img { border:0; }

body {
font: normal 11px/1.5 Arial, Verdana, sans-serif;
color:#333;
margin-top:18px;
background-color:#C8C7C7;
}

div.spacer {
width:auto;
font-size:1px;
line-height:1px;
clear:both;
}

div.separateur {
width:auto;
padding:0 10px 10px 10px;
margin-top:10px;
line-height:1px;
clear:both;
background:url(./img/pointillesH.gif) top left repeat-x;
}


/* AFFICHAGE HEADER */
#header {
background:url(./img/bg_header.gif) top left no-repeat;
height:110px;
width:955px;
margin-left:auto;
margin-right:auto;
}

#logo {
width:155px;
height:94px;
padding-top:16px;
padding-left:17px;
margin-right:0;
float:left;
}

#animation {
width:766px;
height:94px;
padding-top:16px;
padding-left:17px;
float:left;
text-align:left;
}


/* AFFICHAGE CONTAINER */
#container {
width:955px;
background: url(./img/bg_container.gif) repeat-y;
margin-left:auto;
margin-right:auto;
}


/* AFFICHAGES CONTENT */
#content_home {
width:955px;
background: url(./img/bg_home.jpg) bottom left no-repeat;
margin-left:auto;
margin-right:auto;
}

#content_gamme {
width:955px;
background: url(./img/bg_gamme.gif) 0% 92% no-repeat;
margin-left:auto;
margin-right:auto;
}

#content_presentation {
width:955px;
background: url(./img/bg_presentation.gif) 0% 91% no-repeat;
margin-left:auto;
margin-right:auto;
}

#content_garanties {
width:955px;
background: url(./img/bg_garanties.gif) 0% 95% no-repeat;
margin-left:auto;
margin-right:auto;
}

/* AFFICHAGES MENU LEFT */
#menu_left_home {
float:left;
width:170px;
height:350px;
padding-left:19px;
padding-top:23px;
}

img.menu {
display:block
}


/* AFFICHAGES CENTER */
#center {
float:left;
padding-top:0;
padding-left:10px;
width:390px;
/*background:#FFF;*/
}

#center_home {
float:left;
padding:0;
width:766px;
/*background:#FFF;*/
}

#center_1colonne {
float:left;
padding:0;
width:730px;
/*background:#FFF;*/
}

#center_presentation {
float:left;
padding:0;
width:760px;
background: url(./img/bg_center_presentation.jpg) bottom right no-repeat;
}


/* AFFICHAGES DANS CENTER */

/* BOITE */
div.boite {
margin-bottom:0px;
padding-bottom:3px;
margin-top:0px;
}

/* TITRE_BOITE */
.titreBoite {
width:500px;
padding-top:20px;
}

.titreBoite_cuisine {
width:480px;
}

.titreBoite h2 {
color:#D52B1F;
font-size:1.6em;
margin-top:0px;
font-weight:bold;
}

.titreBoite_cuisine h2 {
color:#D52B1F;
font-size:1.6em;
margin-top:0px;
font-weight:bold;
}

/* SOUS_BOITE */

div.sousBoite {
margin-bottom:5px;
margin-top:0px;
padding:5px 0 5px 0;
text-align:left;
}

div.1colonne {
width:650px;
margin-bottom:5px;
margin-top:0px;
padding:5px 0 5px 0;
}

span.sousBoite {
color:#D81204;
}

.sousBoite h2 {
font-size:1.6em;
color:#777;
}

.sousBoite h3 {
font-size:1.8em;
color:#777;
}

.sousBoite h4 {
font-size:1.1em;
font-weight:bold;
color:#565A63;
}

.sousBoite img.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0 10px 0 0;
padding:1px;
position:relative;
top:2px;
}

.sousBoite object.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0;
padding:1px;
position:relative;
top:2px;
}

.sousBoite span a {
color:#D81204;
text-decoration:none;
}

.sousBoite span a:hover {
color:#FF0000!important;
text-decoration:underline;
}


/* AFFICHAGES COLONNE */
div.colonne_gamme1 {
width:210px;
float:left;
margin:0;
padding:25px 10px 5px 0;
text-align:left;
}

.colonne_gamme1 h1 {
color:#D52B1F;
font-size:1.4em;
margin-top:0px;
font-weight:bold;
}

.colonne_gamme1 span {
color:#E50002;
margin-top:0px;
}

div.colonne_gamme2 {
width:540px;
float:left;
margin:0;
padding:25px 0 0 0;
text-align:right;
}


div.colonne_agence1 {
width:300px;
float:left;
margin:0;
padding:10px 10px 5px 0;
text-align:left;
}

.colonne_agence1 h1 {
color:#D52B1F;
font-size:1.4em;
margin-top:0px;
font-weight:bold;
}

.colonne_agence1 span {
color:#E50002;
margin-top:0px;
}

div.colonne_agence2 {
width:450px;
float:left;
margin:0;
padding:10px 0 0 0;
text-align:right;
}


div.colonne_presentation1 {
width:330px;
float:left;
margin:0;
padding:0 50px 0 0;
text-align:justify;
}

.colonne_presentation1 span {
color:#D52B1F;
font-weight:bold;
text-align:left;
}

div.colonne_presentation2 {
width:330px;
float:left;
margin:0;
padding:0;
text-align:justify;
}

.colonne_presentation2 span {
color:#D52B1F;
font-weight:bold;
text-align:left;
}

/* NOUS REJOINDRE (octobre 2009) */
.colonne_nous_rejoindre {
width:710px;
float:left;
margin:0;
padding:0 40px 0 0;
}
.colonne_nous_rejoindre span {
color:#D52B1F;
font-weight:bold;
text-align:left;
}
div.colonne_nous_rejoindre_form {
width:710px;
float:left;
margin:0;
padding:0 0 0 0;
}
.colonne_nous_rejoindre_form h2 {
font-size:1.6em;
color:#777;
}
.colonne_nous_rejoindre_form span {
color:#D52B1F;
font-weight:bold;
text-align:left;
}

#rejoi_col_left {
float:left;
width:290px;
padding:0 0 20px 0;
}
#rejoi_col_right {
float:left;
width:420px;
padding:15px 0 0 0;
}



div.colonne_form1 {
width:270px;
float:left;
margin:0;
padding:0 5px 0 0;

}

.colonne_form1 span {
color:#FF0000;
text-align:left;
}


div.colonne_form2 {
width:430px;
float:left;
margin:0;
padding:0;

}

.colonne_form2 span {
color:#D52B1F;
font-weight:bold;
text-align:left;
}

.colonne img.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0 5px 0 0;
padding:1px;
position:relative;
top:2px;
}

.colonne object.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0;
padding:1px;
position:relative;
top:2px;
}

.colonne h2 {
font-size:1.3em;
color:#777;
}

.colonne span a {
color:#D81204;
text-decoration:none;
}

.colonne span a:hover {
color:#FF0000!important;
text-decoration:underline;
}

div.colonne_txt {
width:155px;
float:left;
margin:0 10px 0 0;
padding:5px 5px 5px 0;
text-align:left;
}

.colonne_txt span a {
color:#D81204;
text-decoration:none;
}

.colonne_txt span a:hover {
color:#FF0000!important;
text-decoration:underline;
}


/* AFFICHAGE FOOTER */
#footer {
width:955px;
height:40px;
line-height:32px;
background: url(./img/bg_footer.gif) top no-repeat;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-left:20px;
}

#footer a {
text-decoration:none;
color:#999;
}

#footer a:hover {
color:#FF0000;
}


/* FORMULAIRE */
.form {
width:730px;
margin:15px 0 0 0;
padding-left:10px;
background:#F9F9F9;
border:1px solid #D0D5D5;
}

legend { display:none; }

.form fieldset {
border:0;
padding:5px;
margin:10px 0 10px 0;
}

.form label {
float:left;
display:block;
width:140px;
text-align:left;
margin:0 10px 0 0;
position:relative;
top:1px;
color:#666;
font-size:1em;
}

.form input, select, file, textarea {
font-size:11px;
color:#393D4D;
padding:2px 2px 2px 4px;
border:1px solid #A1A1A1;
}

.form select{
padding:0;
border:1px solid #A1A1A1;
}

.form textarea {
font-family:arial, verdana, helvetica, sans-serif;
}

.form input.button {

padding-top:1px;
padding-bottom:1px;
padding-left:4px;
padding-right:4px;
border-style:solid;
border-width:1px;
border-top-color:#D0D5D5;
border-left-color:#D0D5D5;
border-bottom-color:#465959;
border-right-color:#465959;
background-color:#FFF;
font-family:Arial, Helvetica, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#D81204;
}

.form input.checkbox, input.radio { 
border:0; 
margin-right:2px; 
width:12px;
}

.form p {
margin:0 0 10px 0!important;
}