/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #ABAAA6;
	background-color: #3F362D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

table{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

th{
	height: 20px;
	text-align: left;
	vertical-align: middle;
}

/*-----------------principaux éléments-------------------*/
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #d9d9d9;
	text-decoration: none;
	letter-spacing:0px;
}

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

a.lang{
	color: #ABAAA6;
}

a.lang:hover{
	color: #d9d9d9;
}

a.lang-act, a.lang-act:hover{
	color: #d9d9d9;
}

a.rechercher {
	font-size: 13px;
	color: #ABAAA6;
}

a.rechercher:hover {
	color: #d9d9d9;
}

a.rechercher-act, a.rechercher-act:hover {
	font-size: 13px;
	color: #d9d9d9;
}

a.chemin{
	color: #ABAAA6;
}

a.chemin:hover{
	color: #d9d9d9;
}

p{
	padding:0;
	margin: 0 0 10px 0;
}

hr{
	clear: both;
	text-align: center;
	margin-bottom: 10px;
}

.spacer{
 clear:both;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style: italic;
}

.normal{
	font-weight:normal;
}

.small {
	font-size: 10px;
}

.err {
	font-size: 10px;
	color: #CC1A1A;
}

.succes {
	font-size: 10px;
	color: #139913;
}

.justify {
	text-align: justify;
}

/*-----------------langues-------------------*/
#lang {
	position: relative;
	width: 914px;
	margin: 15px auto 10px auto;
	text-align: left;
}

/*------ bloc pour centrer contenant tout le design du site --------*/
#global {
	position:relative;
	width: 900px;
	margin: 0px auto 0px auto;
	text-align: left;
	border: 3px solid #f0f0f0;
}

#banniere {
	position:relative;
	width: 906px;
	margin: 0px auto 10px auto;
	height: 125px;
	background-image: url(design/background_banner.gif);
	background-repeat: repeat-x;
}

#rechercher {
	float: left;
	width: 706px;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	margin: 12px 0 0 0;
	background-color: #3F362D;
	background-image: url(design/back_rechercher.gif);
	background-repeat: no-repeat;
	text-align: right;
}

/*-----------------MENU-------------------*/

#menu-box{
	float: left;
	width: 700px;
	margin: 15px 0 0 0;
	border: 0px solid #3366CC;
}

#menu-box ul.menu{
	float: left;
	width: 205px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	border-left: 1px dotted #7D7976;
	text-align: left;
	list-style-type: none;
}

#menu-box li.menu, #menu-box li.menu-act { 
	margin: 0;
	height: 25px;
	line-height: 25px;
}

#menu-box li.menu a{
	font-size: 13px;
	color: #ABAAA6;
}

#menu-box li.menu a:hover{
	color: #f0f0f0;
	text-decoration: none;
}

#menu-box li.menu-act a, li.menu-act a:hover{
	font-size: 13px;
	color: #f0f0f0;
	text-decoration: none;
}

/*---------------MENU ADMIN----------------*/

#menu-box-admin{
	width: 914px;
	margin: 0 auto 0 auto;
	height: 60px;
	border-bottom: 7px solid #f0f0f0;
}

#menu-box-admin ul.menu{
	float: left;
	width: 180px;
	margin: 5px 0 0 -40px!important;
	margin: 5px 0 0 0;
	list-style-type: none;
	text-align: left;
}

#menu-box-admin li.menu, #menu-box-admin li.menu-act { 
	margin: 0;
}

#menu-box-admin li.menu a{
	font-size: 12px;
	color: #9F9D98;
}

#menu-box-admin li.menu a:hover{
	color: #f0f0f0;
	text-decoration: none;
}

#menu-box-admin li.menu-act a, li.menu-act a:hover{
	font-size: 12px;
	color: #f0f0f0;
	text-decoration: none;
}

/*---------------deconnexion----------------*/

#menu-box-admin li.menu-deconnexion { 
	margin: 0;
}


#menu-box-admin li.menu-deconnexion a{
	font-size: 12px;
	color: #e00000;
}

#menu-box-admin li.menu-deconnexion a:hover{
	color: #f0f0f0;
	text-decoration: none;
}

/*---------------MENU CLIENTS----------------*/
#menu-box-client{
	width: 900px;
	margin: 0 auto 0 auto;
	text-align: right;
}


#menu-box-client a.options {
	font-size: 11px;
	color: #ABAAA6;
}

#menu-box-client a.options-act, #menu-box-client a.options-act:hover, #menu-box-client a.options:hover {
	font-size: 11px;
	color: #d9d9d9;
}

#menu-box-client a.deconnexion {
	font-size: 11px;
	color: #e00000;
}

#menu-box-client a.deconnexion:hover {
	color: #d9d9d9;
}


/*---------------IMAGES----------------*/
img, img:hover{
	margin: 0;
	padding: 0;
}

img.cadre-img{
	border: 1px solid #585858;
}

/*---------------LOGO----------------*/

img.logo,  img.logo:hover{
	float: left;
	width: 180px;
	height: 100px;
	margin: 20px 0 0 20px;
	border: 0px solid #CC6666;
}

/*----------BOUTONS-------------*/
form, input{
	margin:0;
	padding:0;
	font-size:12px;
}

textarea{
	width:96%;
	height:140px;
	font-family:Arial, Helvetica, Sans-serif;
}

.bouton_delete{
	border: 1px solid #000000;
	background-color: #FF3300; 
	color: #FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

.bouton_save {
	border: 1px solid #716059;
	background-color: #5c4e41; 
	color: #d9d9d9;
	cursor:pointer;
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

.bouton-print{
	height: 15px;
	line-height: 15px;
	border: 1px solid #404040;
	background-color: #e0e0e0;
	color: #404040;
	cursor: pointer;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 2px 10px 2px 10px;
}

input.bouton{
	border: 1px solid #404040;
	background-color: #fefefe;
	color: #404040;
	cursor: pointer;
	margin-top: 2px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

input.bouton-2{
	border: 1px solid #404040;
	background-color: #e0e0e0;
	color: #404040;
	cursor: pointer;
	margin-top: 2px;
	font-weight: bold;
	margin: -1px 0 1px 0;
	padding: 0 10px 0 10px!important;
	padding: 0;
}

.input-checkbox {
	height: 20px;
	vertical-align: middle;
}

.input-admin{
	color: #161616;
	background-color: #d9d9d9;
	border: 1px solid #5c4e41;
	font-size: 13px!important;
	font-size: 12px;
	margin: 2px 0px 2px 0px;
}

.input-field {
	color: #161616;
	background-color: #d9d9d9;
	border:1px solid #5c4e41;
	font-size: 13px!important;
	font-size: 12px;
	margin:2px 0px 2px 0px;
	width:180px;
}

.input-transparency, .input-transparency-2, .input-transparency-3, .input-transparency-light, .input-transparency-dark{
	color: #d9d9d9;
	background-color: #3F362D;
	border: 0px solid #5c4e41;
	text-align: left;
	margin: 0px 5px 2px 0px;
	padding: 2px 0 0 0;
}

.input-transparency-2{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0 0;
}

.input-transparency-3{
	font-weight: bold;
	text-align: center;
}

.input-transparency-light{
	background-color: #5c4e41;
}

.input-transparency-dark{
	background-color: #4D4135;
}

textarea.input-field{
	height:90px;
}


/*----------FIN BOUTONS-------------*/

/*--------------DIv ADMIN-------------------*/

.bloc-admin-intro{
	float:left;
	width: 410px!important;
	width: 420px;
	border:1px solid #999999;
	margin: 0 20px 20px 0;
	text-align:center;
	font-weight:bold;
	padding:10px 4;
}

.img1-admin-height-max{
	height: 150px;
	margin: 10px 0px 2px 0px;
}

.img-section-admin-height-max{
	height: 150px;
	margin: 10px 0px 2px 0px;
}




/*--------------Fin  DIv ADMIN-------------------*/

/*--------LOGIN--------*/

#login{
	margin: 100px auto 70px auto;
	width: 280px;
	text-align: center;
	padding: 0 0;
}

#login label{
	float:left;
	width:8em;
	text-align:right;
	padding-right:6px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*--------FIN LOGIN--------*/

/*---------------CONTENT----------------*/
#content{
	min-height: 485px!important; 
	min-height:0px; 
	height: auto!important;
	height: 485px;
	width:900px;
	margin: 0;
	padding: 20px;
}

/*------------------SECTION EN SAVOIR PLUS-------------------*/
.txt-savp{
	text-align: justify;
	padding-right: 6px;
	padding-left: 6px;
}

a.ensavoirplus {
	font-weight: bold;
	color: #716059;
}

a.ensavoirplus:hover{
	color: #d9d9d9;
	text-decoration: none;
}

.image-savp1, .image-savp1:hover   {
	margin: 0 10px 0 0;
	border: 1px solid #585858;
}

.image-savp2, .image-savp2:hover {
	margin:0 0 0 10px;
	border: 1px solid #585858;
}

.loca-savp{
	clear: both;
	text-align: left;
	margin: 0 6px 32px 51px;
}
.loca-puce{
	margin-right: 5px;
}

/*------------------FIN SECTION EN SAVOIR PLUS-------------------*/

/*--------CONTACT--------*/

#contact {
	margin: 20px 0 20px 0;
}

#contact .contact-left {
	float: left;
	width: 430px;
	border: 0px solid #CC6600;
}


#contact .contact-right {
	float: left;
	width: 430px;
	border: 0px solid #CCCC33;
}

#contact .plan{
	color: #5F5B57;
	font-size: 9px;
}

#contact .plan:hover {
	color: #ABAAA6;
	text-decoration: none;
}

#contact p.titre_societe {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#contact p.infos {
	margin: 0 0 0 60px;
}

#contact p.form {
	margin: 40px 0 0 60px;
}

#contact p.ch_obligatoires {
	margin: 2px 0 0 190px!important;
	margin: 2px 0 0 183px;
	width: 180px;
	color: #5F5B57;
	font-size: 9px;
	text-align: center;
}

#contact p.btn {
	margin: 10px 0 10px 203px;
}

#contact p.msg {
	margin: 2px 0 0 190px!important;
	margin: 2px 0 0 183px;
	width: 180px;
	text-align: center;
}

#contact label{
	float:left;
	width:10em;
	text-align:right;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*--------FIN CONTACT--------*/

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

#liens {
	margin: 0 0 20px 0;
	border: 0px solid #009900;
}

#liens .box-left {
	float: left;
	width:300px;
	text-align: center;
}

#liens .box-right {
	float: left;
	width: 560px;
}

#liens .box-center {
	float: left;
	width: 860px;
	text-align: center;
	margin-bottom: 10px;
}

#liens .htmlarea-liens {
	float: left;
	width: 560px;
	height: 190px;
}

#liens label{
	float:left;
	width:10em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

#liens .lien-left {
	float: left;
	width: 415px;
	margin: 0 15px 20px 0;
	border: 0px solid #CC9900;
}

#liens .lien-right {
	float: left;
	width: 415px;
	margin: 0 0 20px 15px;
	border: 0px solid #CC9900;
}

#liens .lien-left .image, #liens .lien-right .image {
	float: left;
	width: 110px;
	margin: 0 10px 0 0;
	text-align: right;
}

#liens .lien-left .text, #liens .lien-right .text {
	float: left;
	width: 285px;
	border: 0px solid #00CC66;
}

#liens .lien-left .text .description, #liens .lien-left .text .description a, #liens .lien-left .text .description:hover {
	color: #ABAAA6;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}

#liens .lien-right .text .description, #liens .lien-right .text .description a, #liens .lien-right .text .description:hover {
	color: #ABAAA6;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}

/*--------FIN LIENS--------*/

/*--------CLIENTS--------*/

#clients {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#clients .left {
	float: left;
	width: 420px;
	margin: 0 10px 20px 0;
	border: 0px solid #996600;
}

#clients .right {
	float: left;
	width: 420px;
	margin: 0 0 20px 10px;
	border: 0px solid #6633FF;
}

#clients p.titre {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#clients p.livraison {
	font-size: 11px;
	padding: 0 0 0 15px;
}


#clients label{
	float:left;
	width:17em;
	text-align:left;
	padding-right:10px;
	margin: 0 0 0 15px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

#clients .libele{
	float:left;
	width:17em;
	text-align:left;
	padding-right:10px;
	margin: 0 0 0 15px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*--------FIN CLIENTS--------*/


/*--------OPTIONS PERSONALISEES--------*/
#op_perso {
	margin: 50px 150px 0 150px;
	padding: 10px 0 10px 0;
	width: 560px;
	border: 1px solid #ABAAA6;
	background-color: #4D4135;
}

#op_perso label {
	float: left;
	width: 30em;
	text-align: left;
	margin: 0 0 0 15px;
	font-weight: bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*--------FIN OPTIONS PERSONALISEES--------*/


/*--------ADMINISTRATEUR--------*/

#administrateur {
	margin: 100px auto 70px auto;
	width: 380px;
	text-align: center;
	padding: 0;
	border: 0px solid #3366FF;
}

#administrateur label{
	float:left;
	width:20em;
	text-align:left;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*--------FIN ADMINISTRATEUR--------*/

/*----------PAYS----------*/

#pays {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#pays p.titre {
	width: 845px!important;
	width: 860px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#pays label {
	width:6em;
	text-align:left;
	font-weight:bold;
}
/*--------FIN PAYS--------*/

/*----------IT COULEURS----------*/

#it_couleurs {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#it_couleurs p.titre {
	width: 845px!important;
	width: 860px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#it_couleurs label {
	width:6em;
	text-align:left;
	font-weight:bold;
}
/*----------FIN IT COULEURS----------*/


/*----------COULEURS----------*/
#couleurs {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#couleurs p.titre {
	width: 845px!important;
	width: 860px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#couleurs label {
	width:6em;
	text-align:left;
	font-weight:bold;
}
/*----------FIN COULEURS----------*/

/*----------OPTIONS FACULTATIVES----------*/
#op_facultatives {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#op_facultatives p.titre {
	width: 845px!important;
	width: 860px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#op_facultatives label {
	width:6em;
	text-align:left;
	font-weight:bold;
}
/*----------FIN OPTIONS FACULTATIVES----------*/

/*----------OPTIONS SUPPLEMENTAIRES----------*/
#op_supplementaires {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#op_supplementaires p.titre {
	width: 845px!important;
	width: 860px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#op_supplementaires label {
	width:6em;
	text-align:left;
	font-weight:bold;
}
/*----------FIN OPTIONS SUPPLEMENTAIRES----------*/

/*----------RECHERCHE----------*/
#recherche {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#recherche .form {
	width: 580px;
	margin: 0 0 20px 150px;
	background-color: #5c4e41;
	border: 1px solid #ABAAA6;
}

#recherche .form .left {
	float: left;
	width: 300px;
	margin: 10px 0 0 10px;
	border: 0px solid #996600;
}

#recherche .form .right {
	float: left;
	width: 200px;
	margin: 10px 0 0 60px;
	border: 0px solid #6633FF;
}

#recherche .form .submit {
	clear: both;
	text-align: center;
	margin: 10px 0 5px 0;
	border: 0px solid #0033FF;
}

#recherche a.sort {
	color: #ABAAA6;
}

#recherche a.sort:hover {
	color: #d9d9d9;
	text-decoration: none;
}


#recherche label {
	float:left;
	width:9em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*----------FIN RECHERCHE----------*/

/*----------CATALOGUE----------*/
/**----------catalogue----------*/
#catalogue {
	margin: 20px 0 0 0;
	border: 0px solid #009900;
}

#catalogue .rubrique, .rubrique-admin {
	float: left;
	width: 200px!important;
	width: 215px;
	margin: 0;
	padding: 5px;
}

#catalogue .rubrique-admin {
	border: 1px solid #ABAAA6;
}

#catalogue .thumbs-admin {
	float: left;
	width: 860px;
	margin: 0 0 20px 0;
	border: 0px solid #FF3333;
}

#catalogue .thumbs-admin .left {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
	border: 0px solid #999900;
}

#catalogue .thumbs-admin .left .thumb {
	float: left;
	width: 80px;
	margin: 0 5px 0 0;
	text-align: center;
	border: 0px solid #993300;
}

#catalogue .thumbs-admin .left .infos {
	float: left;
	width: 225px;
	margin: 0 0 0 5px;
	border: 0px solid #FF9966;
}

#catalogue .thumbs-admin .right {
	float: left;
	width: 520px;
	margin: 0 0 0 10px;
	text-align: center;
	border: 0px solid #3399CC;
}

#catalogue .infos-admin {
	float: left;
	width: 860px;
	margin: 0 0 20px 0;
	border: 0px solid #FF3333;
}

#catalogue .infos-admin .left {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
	border: 0px solid #999900;
}

#catalogue .infos-admin .right {
	float: left;
	width: 520px;
	margin: 0 0 0 10px;
	border: 0px solid #3399CC;
}

#catalogue .left {
	float: left;
	width: 330px;
	margin: 20px 10px 20px 0;
	padding: 0;
	border: 0px solid #999900;
}

#catalogue .left .thumb {
	float: left;
	width: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0px solid #993300;
}

#catalogue .left .infos {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: justify;
	border: 0px solid #993300;
}

#catalogue .left .infos .article{
	font-size: 14px;
	border: 1px solid #FF0000;
}

#catalogue .right {
	float: left;
	width: 510px;
	margin: 20px 0 20px 10px;
	text-align: center;
	border: 0px solid #3399CC;
}

#catalogue .promotion {
	margin: 20px 0 0 0;
	color: #139913;
	font-size: 18px;
	font-weight: bold;
}


#catalogue .promo {
	margin-left: 6.2em!important;
	margin-left: 7.2em;
}

#catalogue p.titre {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#catalogue label {
	float: left;
	width: 5.5em!important;
	width: 7em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*----------FIN CATALOGUE----------*/

/*----------GALERIE----------*/
/**----------galerie----------*/
#galerie {
	margin: 20px 0 0 0;
	border: 0px solid #009900;
}

#galerie .rubrique, .rubrique-admin {
	float: left;
	width: 200px!important;
	width: 215px;
	margin: 0;
	padding: 5px;
}

#galerie .rubrique-admin {
	border: 1px solid #ABAAA6;
}

#galerie .thumbs-admin {
	float: left;
	width: 860px;
	margin: 0 0 20px 0;
	border: 0px solid #FF3333;
}

#galerie .thumbs-admin .left {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
	border: 0px solid #999900;
}

#galerie .thumbs-admin .left .thumb {
	float: left;
	width: 80px;
	margin: 0 5px 0 0;
	text-align: center;
	border: 0px solid #993300;
}

#galerie .thumbs-admin .left .infos {
	float: left;
	width: 225px;
	margin: 0 0 0 5px;
	border: 0px solid #FF9966;
}

#galerie .thumbs-admin .right {
	float: left;
	width: 520px;
	margin: 0 0 0 10px;
	text-align: center;
	border: 0px solid #3399CC;
}

#galerie .infos-admin {
	float: left;
	width: 860px;
	margin: 0 0 20px 0;
	border: 0px solid #FF3333;
}

#galerie .infos-admin .left {
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
	border: 0px solid #999900;
}

#galerie .infos-admin .right {
	float: left;
	width: 520px;
	margin: 0 0 0 10px;
	border: 0px solid #3399CC;
}

#galerie .left {
	float: left;
	width: 330px;
	margin: 20px 10px 20px 0;
	padding: 0;
	border: 0px solid #999900;
}

#galerie .left .thumb {
	float: left;
	width: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0px solid #993300;
}

#galerie .left .infos {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: justify;
	border: 0px solid #993300;
}

#galerie .left .infos .article{
	font-size: 14px;
	border: 1px solid #FF0000;
}

#galerie .right {
	float: left;
	width: 510px;
	margin: 20px 0 20px 10px;
	text-align: center;
	border: 0px solid #3399CC;
}

#galerie label {
	float: left;
	width: 5.5em!important;
	width: 7em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*----------FIN GALERIE----------*/


/*----------PANIER----------*/
#panier {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#panier .left {
	float: left;
	width: 200px;
}

#panier .right {
	float: right;
	width: 270px;
}

#panier .adresse-left {
	float: left;
	width: 325px;
}

#panier .adresse-right {
	float: left;
	width: 325px;
	margin: 0 0 0 210px;
}

#panier p.livraison {
	font-size: 10px;
	padding: 0 0 0 10px;
}

#panier .adresse-left p.titre , #panier .adresse-right p.titre {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #ABAAA6;
}

#panier .remarque {
	float: left;
	width: 425px;
}

#panier .remarque p.titre {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #abaaa6;
}

#panier .remarque .htmlarea {
	margin: 0 0 0 5px;
	width: 420px;
}

#panier .validee {
	margin: 120px 0 0 250px;
	width: 360px;
	text-align: center;
}

#panier label {
	text-align:left;
	font-weight:bold;
	padding: 2px 0 0 5px!important;
	padding: 3px 0 0 5px;
}

#panier hr {
	margin: 5px 0 3px 0;
	padding: 0;
	text-align: left;
}

/*----------FIN PANIER----------*/

/*----------REFERENCEMENTS----------*/
#referencements {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#referencements label {
	float: left;
	width: 5.5em!important;
	width: 7em;
	text-align:left;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}

/*----------FICHIERS----------*/
#fichiers {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#fichiers .ajout{
	float: left;
	width: 460px;
	margin: 0 0 0 200px;
	border: 0px solid #009900;
}

#fichiers label {
	float: left;
	width: 17em;
	padding-right:10px;
	font-weight:bold;
	padding: 2px 10px 0 0!important;
	padding: 3px 10px 0 0;
}
/*----------FIN FICHIERS----------*/


/*----------MENTIONS LEGALES----------*/

#mentions_legales {
	margin: 0 0 0 0;
	border: 0px solid #009900;
}

#mentions_legales .left {
	float: left;
	width: 200px;
}

#mentions_legales .right {
	float: left;
	width: 640px;
	margin: 0 0 0 20px;
}

#mentions_legales .titre {
	margin: 0 0 0 5px;
	color: #d9d9d9;
	font-weight: bold;
}

#mentions_legales .description {
	text-align: justify;
	font-weight: normal;
}

/*----------FIN MENTIONS LEGALES----------*/


/*----------Pages----------*/
.box-page {
	margin: 10px 0 0 0;
	text-align: center; 
}

/*----------NETWEBCITY----------*/
#netwebcity {
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 10px;
	color: #797875;
}

#netwebcity a.netweb {
	font-size: 10px;
	color: #797875;
}

#netwebcity a.netweb:hover {
	color: #ABAAA6;
}