/*************************** BALISES *********************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #f3f3f3 url('../img/bg.jpg');
}
p, li {
	margin: 0.6em 0;
	line-height: 110%;
}

h2{
margin: 7px 0;
font: 13px Arial;
font-weight: bold;
color: #0076b9;}

strong {
	font-weight: bold;
}
a {
color: #0076b9;
	text-decoration: none;
}
input[type=text], textarea {
	margin: 2px 0 3px 0;
	background: #fff url('../img/bg-input.gif') repeat-x;
}
input[type=submit] {
	margin-top: 1em;
}
legend {
margin: 2px 0 2px -7px;
font: 13px Arial;
font-weight: bold;
color: #4c4c4c;	
}
label {
display: block;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#wrapper {
	position: absolute;
	top: 0.5em;
	left: 50%;
	margin-left: -393px;
	top: 3em;
	width: 786px;
	height:840px;
	background: url('../img/bg-wrapper.jpg') repeat-y 0 0;
}
#banniere {
	width:786px;
	height:86px;
	background: url('../img/banner.jpg') no-repeat top left;
	margin: 0;
	padding: 0;
}

#newsletter{
padding-top:27px;
padding-left:455px;
width:210px;
height:75px;}

div.lang-selector {
position:absolute;
top: 10px;
right: 10px;
z-index: 5;
}

#bando{
width:786px;
height:230px;
background:url('../img/bandeau.jpg') no-repeat;}


#main{
position: absolute;
width:786px;}

#img_accueil{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_accueil.jpg') no-repeat;
	}
#img_contact{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_contact.jpg') no-repeat;
	}
	#img_devis{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_devis.jpg') no-repeat;
	}
	#img_emballage{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_emballage.jpg') no-repeat;
	}
	#img_garde{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_garde.jpg') no-repeat;
	}
	#img_logistiq{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_logistiq.jpg') no-repeat;
	}
	#img_tele{
position: absolute;
top:260px;
width:786px;
height:145px;
background:url('../img/img_tele.jpg') no-repeat;
	}

#main .texte h3 {
cursor:pointer;
margin: 7px 0;
font: 13px Arial;
font-weight: bold;
color: #0076b9;
background-image:url(../img/puce.jpg);
background-repeat:no-repeat;
padding-left:20px;
}

#main .textecarton{
position:absolute;
top:415px;
margin-left:25px;
width: 470px;
}

#main .textecamion{
position:absolute;
top:415px;
margin-left:25px;
width: 470px;
}

#main .texte{
position:absolute;
top:415px;
margin-left:25px;
width: 657px;
}

#footer {
	position:absolute;
	background:url('../img/bg-footer.jpg') no-repeat top right;
	width: 786px;
	height: 37px;
	font: 11px Arial, 'Sans Serif', sans;
	color: #fff;
	bottom:0;
	text-align:center;
}

/**************************** LAYOUT END ***********************************/

/*********************************  NAV  ***********************************************/
#nav {
	width: 786px;
	height:36px;
	margin: 0;
	font: 11px 'Verdana', 'Sans Serif', sans;
}
#nav li {
	float: left;
	padding: 0;
	margin: 0;
}
#nav a:link, #nav a:visited {
	display: block;
	width: 110px;
	padding-left:2px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url('../img/bg-nav.jpg');
}
#nav a:hover, #nav a:link.active, #nav a:visited.active, #nav a:hover.active {
	color: #e5e5e5;
	background: url('../img/bg-nav-hover.jpg');
}
/*********************************  NAV END  ***********************************************/

/*********************** CONTENT *********************************/
#accueil #accordion {
position:absolute;
top:395px;
width: 470px;
margin-left:25px;
}

#logistique #accordion {
position:absolute;
top:395px;
width: 470px;
margin-left:25px;
}

#telechargements table {
border-collapse: collapse;
}
#telechargements table tr th {
background: #1B6FAD;
padding: 3px 7px;
color: #fff;
font-weight: bold;
}
#telechargements table tr td {
padding: 3px 7px;
}
#devis_en_ligne #main form fieldset {
	margin: 0 16px 1.5em 0;
}
#devis_en_ligne #main form div {
float: left;
margin: 0 10px 0 0;
}
#devis_en_ligne #main form div.checkbox {
	margin: 15px 2px 0 18px;
}
#devis_en_ligne #main form textarea {
	width: 98%;
	height: 98px;
}
#devis_en_ligne #main form .validation {
text-align: center;
}
#devis_en_ligne #main form label.obligatoire {
background: url('../img/bg-obligatoire.gif') no-repeat top left;
padding-left: 7px;
}
#contact #main .texte {
padding: 0 100px 0 0;
background: url('../img/contact/bg.jpg') no-repeat bottom right;
}
#contact #main .texte .nous_joindre {
float: right;
margin-left: 30px;
}
#contact #main fieldset.message textarea {
	width: 98%;
	height: 98px;
}
#contact #main fieldset.coordonnees {
	float: left;
	margin-right: 16px;
}
/*********************** CONTENT END *********************************/

/*********************** CLASSES *********************************/
.scroll {
height: 270px;
max-width: 500px;
overflow: auto;
}
.gauche {
	float: left;
}
.droite {
	float: right;
	margin-right:2px;
}
.globe {
	margin-top:180px;
	float: right;
	margin-right:2px;
}
.aligne_centre {
	text-align: center;
}
.aligne_droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.nomargin {
	margin: 0;
}
.inline {
display: inline;
}
.reset {
	clear: both;
}
.nofloat {
	float: none;
}
.curseur_lien {
	cursor: pointer;
}
.cache {
	display: none;
}
/*********************** CLASSES END *********************************/