body {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #414D7E;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
background-color: #fff;
}
#conteneur {
margin: auto;
width: 900px;
background-image: url(images/bg-conteneur.gif);
}
.clichome {
	cursor: pointer;
}
#colgauche {
width: 200px;
float: left;
background-image: url(images/bg-col.gif);
background-repeat: no-repeat;
}
#centre {
float: left;
width: 680px;
margin-left: 5px;
}
#header {
background-image: url(images/bg-header.gif);
width: 100%;
height: 207px;
}
a {
color: #414D7E;
}
a:hover {
text-decoration: none;
}
#footer {
width: 100%;
clear: both;
height: 50px;
background-image: url(images/bg-foot.gif);
background-position: bottom;
background-repeat: no-repeat;
}
h1 {
font-size: 20px;
margin: 20px 10px 20px 30px;
border-bottom: 1px solid;
color: #231B85
}
.titreindex {
display: block;
text-align: center;
}
.videoacc {
float: left;
padding: 5px;
border: 1px solid;
}
.canon {
float: left;
width: 300px;
}
strong.red {
color: #C60000;
display: block;
text-align: center;
margin: 10px auto 5px auto;
}
div.tous p {
font-size: 10px;
color: #B2B2B2;
}
div.tous a, div.tous strong {
color: #7F7F7F;
}
/* CADRES COLONNE GAUCHE */
a.cadre-kranzle {
width: 176px;
height: 132px;
background-image: url(images/cadre-kranzle.gif);
margin: 15px 0 0 24px;
display: block;
}
a.cadre-kranzle:hover {
background-position: bottom;
}
a.cadre-kranzle span {
display: none;
}
div#cadre-prod {
background-color: #A4B7EE;
width: 176px;
margin: 30px 0 0 24px;
}
div#titre-prod {
background-image: url(images/cadre-prod-titre.gif);
height: 48px;
}
div#titre-prod span {
display: none;
}
div#fond-prod {
height: 10px;
background-repeat: no-repeat;
background-image: url(images/cadre-prod-fond.gif);
}
div#cadre-info {
background-color: #EEABA4;
width: 176px;
margin: 15px 0 0 24px;
}
div#titre-info {
background-image: url(images/cadre-info-titre.gif);
height: 48px;
}
div#titre-info span {
display: none;
}
div#fond-info {
height: 10px;
background-image: url(images/cadre-info-fond.gif);
background-repeat: no-repeat;
background-color: #fff;
}
div#cadre-prod ul, div#cadre-info ul {
padding-left: 0;
margin-left: 20px;
font-size: 10px;
font-weight: bold;
} 

div#cadre-prod li, div#cadre-info li {
list-style: disc;
margin: 0 5px 2px 0px;
padding: 2px;
}
div#cadre-prod a {
color: #636D86;
text-decoration: none;
}
div#cadre-prod a:hover {
color: #383E50;
}
div#cadre-info a {
color: #8B6462;
text-decoration: none;
}
div#cadre-info a:hover {
color: #533836
}
div#cadre-info p {
color: #8B6462;
margin: 5px 10px 5px 20px;
font-size: 10px;
}
div#cadre-info input {
font-size: 9px;
display: block;
margin-left: 20px;
}
/***************** BLOC SOUS MENU******************/
div.sousmenu1 {
float: left;
}
div.sousmenu1 a {
display: block;
background-image: url(images/bg-smenu.gif);
width: 300px;
height: 28px;
text-decoration: none;
padding: 11px 0 0 37px;
color:#414D7E;
font-weight: bold;
}
div.sousmenu1 a:hover {
background-image: url(images/bg-smenu2.gif);
color: #212845;
}
.imgcat {
	float: left;
	margin: 0 5px 0 5px;
}

/********************************* PROD */

.cadre_prod {
margin-bottom: 10px;
background-image: url(images/bg-cadre-prod.gif);	
width: 656px;
}
.cadre_prod h1 {
margin: 0;
padding: 20px 150px 0px 20px;
background-image: url(images/bg-prod.gif);
background-repeat: no-repeat;
height: 38px;
width: 505px;
color: #464646;
border: 0;
}
h1.grd {
padding: 20px 50px 0px 20px;
width: 605px;
font-size: 14px;
}
h2 {
font-size: 14px;
color: #B30000;
}
.fond-cadre {
background-image: url(images/cadre-info-bas.gif);
background-repeat: no-repeat;
width: 656px;
height: 16px;	
clear: both;
}
span.reference {
position: absolute;
margin-left: 510px;
font-size: 10px;
margin-top: 30px;
font-weight: bold;
color: #959595;
}
.contenu-cadre {
margin: 0 0 0 20px;
width: 595px;
border-top: 1px solid #c2c2c2;
padding: 20px 0 0 0;
}
.contenu-cadre p {
font-size: 11px;
text-align: justify;
color: #636363;
}
.contenu-cadre img {
float: left;
margin: 0px 15px 10px 0px;
border: 2px solid #C2C2C2;
}
a.icone1, a.icone2 {
display: block;
background-image: url(images/pdf.gif);
background-position: left center;
background-repeat: no-repeat;
height: 20px;
padding: 10px 0 0 35px;
color: #959595;
font-weight: bold;
clear: both;
}
a.icone2 {
background-image: url(images/mail.gif);
}
#selecteur {
margin-top: 28px;
width: 636px;
background-image: url(images/bg-selecteur.gif);
padding : 15px 0 0 20px;
height: 38px;
}
#selecteur select {
float: left;
margin-left: 5px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}

#selecteur span {
float: left;
margin-top: 2px;
}
/**************************Formulaire ***********************************************/
form {

}
form.permis fieldset
{
margin: 10px 50px 10px 30px;
padding: 10px;
border: 0;
}
form.permis label
{
text-align: right;
display: inline;
float: left;
width: 150px;
padding-right: 30px;
}
.radio {
float: left;
margin-right: 20px;
margin-left: 30px;
}
.permis span {
display: block;
}
legend {
font-size: 11px;
font-weight: bold;
}
h1.cont {
text-align: left;
margin: 30px 0px 10px 0px;
}
.petit {
font-size: 9px;
}
.rouge {
font-variant: small-caps;
font-size: larger;
font-weight: bold;
color: Red;
}
.google {
width: 180px;
height: 60px;
margin: 15px 0px 0px 30px;
text-align: center;
}
#promo {
position: absolute;
margin-left: 535px;
top: 40px;
}
div.okBout {
background-image: url(images/anim-prod-boutique-3D.gif);
width: 111px;
height: 111px;
position: absolute;
margin: 8px 0 0 3px;
}
a.achat {
display: block;
border: 0;
}
a.achat img {
border: 0;
}