@charset "utf-8";

body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 88%;
	margin-top: 0px;
	background-color: #DADADA;
}

img
{
	border:none;
}

#page {
	height: 770px;
	width: 1000px;
	margin-top: 0px;
	margin: auto;
}

/*HAUT */
#haut {
	height: 156px;
	width: 1000px;
	background-image: url(images/bandeau-haut.png);
	background-repeat: no-repeat;
}
#flags {
	position:absolute;
	margin-top:10px;
	margin-left: 735px;
	padding-top: -20px;
	height: 50px;
}
#flags p  {
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	padding-bottom:5px;
	margin:0px;
}
#flags a  {
	text-decoration: none;
}

/*Barre de navigation  START */
.navlist_de
{
	margin-left: 250px;
}
.navlist_de  li ul  li 
{
	width:190px;
}

.navlist_en
{
	margin-left: 280px;
}
.navlist_en  li ul  li 
{
	width:170px;
}

.navlist_es
{
	margin-left: 230px;
}
.navlist_es  li ul  li 
{
	width:230px;
}

.navlist_fr
{
	margin-left: 240px;
}
.navlist_fr  li ul  li 
{
	width:170px;
}

.navlist_pl
{
	margin-left: 231px;
}
.navlist_pl  li ul  li 
{
	width:250px;
}

#navlist  {
	position:absolute;
	display:block;
	margin-top: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 104%;
	font-weight: bold;
}
#navlist img {
	margin-left: 2px;
}
#navlist  li  {
	display:block;
	list-style-type: none;
	float: left;
	margin-right:1px;
	background-color: #9c9c9c;
}
#navlist li a,
#navlist  li ul  li  a  {
	display: block;
	clear:both;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFFF;
	text-decoration: none;
}
#navlist  li a:hover,
#navlist  li a:active {
	background-color: #fdc314;
}
#navlist  li ul {
	position: absolute;
	display: none;
	clear:both;
	padding: 0px;
	margin:0px;
}
#navlist  li ul  li {
	display: block;
	clear:both;
	border-top: solid #ffffff 1px;
	margin:0px;
}
#navlist  li:hover ul   {
	display: block;
}
/*Barre de navigation  END */

/*Centre START */
#centre {
	height: 584px;
	background-color: #FFFFFF;
	float: left;
	width: 860px;
	overflow: auto;
}
#centre h1  {
	font-size: 140%;
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 40px;
	font-weight: bold;
	margin-top: 12px;
}
#centre h2 {
	font-size: 110%;
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 22px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 40px;
	margin-bottom: 0px;
	background-image: url(images/puce-orange.png);
	background-repeat: no-repeat;
}
#centre h3 {
	font-size: 110%;
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:40px;
	margin-top:0px;
}
#centre p {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	text-align: justify;
	color: #646464;
	line-height: 14px;
	font-size: 88%;
}
#centre img {
	margin-top:0px;
	margin-left:40px;
	margin-right:40px;
}
#centre  p  a:link {
	text-decoration: underline;
	color: #646464;
}
#centre p a:visited {
	text-decoration: underline;
	color: #F29406;
}
#centre p a:hover {
	text-decoration: underline;
	color: #F29406;
}
#centre  p a.pdf {
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #646464;
	background-repeat: no-repeat;
	background-image: url(images/icone-pdf.png);
	text-decoration: underline;
}
#centre p a.pdf:hover {
	color: #F29406;
}
#centre p a.video {
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #646464;
	background-repeat: no-repeat;
	background-image: url(images/icone-video.png);
	text-decoration: underline;
}
#centre p a.video:hover {
	color: #F29406;
	}
#centre  p a.lienexterne {
	color: #646464;
	background-repeat: no-repeat;
	background-image: url(images/puce-orange.png);
	font-size: 105%;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 25px;
	margin-bottom: 3px;
	padding-left: 30px;
}
#centre p a.lienexterne:hover {
	color: #F29406;
}
#centre p a.lienexterne:visited {
	color: #F29406;
}
#centre .modeemploi {
	width: 250px;
	float: left;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: -20px;
	padding:0px;
}
/*Centre END */

#accueil_video {
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:40px;
}
#pointsale {
	float: left;
	width: 500px;
}
#buyonline {
	float: left;
	width: 280px;
	margin-left:40px;
}

#buyonline a {
	text-decoration:none;
}

#liste_grossistes,#liste_detaillants {
	display:none;
	max-height:300px;
	min-height:30px;
	margin-left:40px;
	padding:5px;
	background:#F0F0F0;
	border:solid #dddddd 1px;
	overflow:auto;
	font-size:88%;
	color: #646464;
	float: left;
}
#liste_grossistes {
	width:400px;
}
#liste_detaillants {
	width:437px;
}
#liste_grossistes a,#liste_detaillants a{
	color: #646464;
}
#liste_grossistes a:visited, 
#liste_detaillants  a:visited{
	color: #F29406;
}
/* Gauche START */
#gauche {
	float: left;
	height: 584px;
	width: 140px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#gauche .haut {
	float: left;
	height: 93px;
	width: 140px;
	background-repeat: no-repeat;
	background-color: #FDC314;
	margin-bottom: 1px;
}
#gauche .haut h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	color: #FFFFFF;
	font-weight: normal;
	height: auto;
	text-align: center;
	margin-top: 10px;
}
#gauche .haut p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	color: #FFFFFF;
	font-weight: normal;
	height: auto;
	text-align: center;
	margin-top: 10px;
}
#gauche .img {
	float: left;
	height: 359px;
	width: 140px;
	background-image: url(images/photo-tique-bandeau-gauche.jpg);
	background-repeat: no-repeat;
	margin-bottom: 1px;
}

#gauche  .bas {
	float: left;
	height: 129px;
	width: 140px;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	background-color: #9c9c9c;
}
#gauche    .bas  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	color: #FFFFFF;
	margin-top: 13px;
	margin-left: 10px;
	line-height: 14px;
	font-weight: 300;
}
#gauche  .bas  p  a:link {
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 110%;
}
#gauche .bas p a:hover {
	color: #F29406;
	font-size: 110%;
}
#gauche .bas p a:visited {
	color: #FFFFFF;
	font-size: 110%;
}
/* Gauche END */

/* Bas START */
#bas {
	height: 30px;
	width: 1000px;
	float: left;
	background-repeat: no-repeat;
	background-color: #B8EB1D;
}
#bas ul {
	padding: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 390px;
	margin-top: 6px;
}
#bas li {
	color: #646464;
	list-style-type: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	}
#bas  li  a:link {
	font-size: 100%;
	color: #646464;
	text-align: left;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#bas li a:hover {
	color: #F29406;
	margin-right: 5px;
	margin-left: 5px;

}
#bas li a:visited {
	color: #646464;
	margin-right: 5px;
	margin-left: 5px;
}
/* Bas END */

/* buy-on-line START */

#buy-on-line ul {
	padding: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 90px;
	margin-top: 40px;
}
#buy-on-line li {
	color: #646464;
	list-style-type: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	}
#buy-on-line  li  a:link {
	font-size: 100%;
	color: #646464;
	text-align: left;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#buy-on-line li a:hover {
	color: #F29406;
	margin-right: 5px;
	margin-left: 5px;
}
#buy-on-line li a:visited {
	color: #646464;
	margin-right: 5px;
	margin-left: 5px;
}
/* buy-on-line END */

#acheter {
	width: auto;
	float: right;
	margin-right: 110px;
	margin-top: -45px;
}
#acheter_en {
	width: auto;
	float: right;
	margin-right: 40px;
	margin-top: -45px;
}
/* Bloc code promotion*/

p#code_promo
{
	text-align:center;
	border:solid 1px #eeeeee;
	font-weight:bold;
	height:80px;
	font-size:12px;
}
p#code_promo input
{
	height:20px;
	margin:0;
}
p#code_promo input[type=text]
{
	width:70px;
}
p#code_promo input[type=button]
{
	width:30px;
}
p#code_promo .error
{
	display:block;
	color :#aa0000;
	height:30px;
}


/* //////////Bloc code promotion*/

#img_mailbox {
	width: 100px;
	float: left;
	margin-top: 10px;
}
#txt_intro_contact {
	float: left;
	margin-left:60px;
	width:680px;
}
#txt_intro_contact p,#txt_intro_contact h1 {
	text-align:left;
	margin-left : 0px;
	padding-left:0px;
}
#txt_intro_contact h1 {
	margin-top:15px;
}
#formulaire  {
	font-size:88%;
	float:left;
	width:380px;
	margin-top:20px;
	margin-left:40px;
	color:#646464;
}
#coordonnees {
	position:relative;
	float:left;
	margin-top:40px;
	margin-left:50px;
	font-size:125%;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color: #f0f0f0;
	color: #000000;
	border: 1px solid #c8c8c8;
	margin-bottom: 10px;
	}
input {
	padding-top: 2px;
	width: 255px;
	height: 18px;
	padding-left:4px;
}
select {
	width: 261px;
	height:22px;
	padding-top:2px;
}
textarea {
	width: 251px;
	height: 170px;
	padding:4px;
}
#contact_submit {
	height:22px;
	width:100px;
	padding-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #646464;
}

.registered {
	font-size: 50%;
	vertical-align:5px;
	}
#construction {
	margin-top:70px;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
}
#centre #construction img {
	margin:0px;
	margin-left:1px;
}
/* Popup START*/
#popup_masque,#popup_masque2{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	cursor:pointer;
	display:none;
	z-index:100;
}
#popup_masque{
	background-color:black;
}
#popup_masque{
	filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4; 
}
#popup_fenetre{
	margin-top: 80px;
	margin-left:auto;
	margin-right:auto;
	display:none;
	z-index:101;
}
/* Popup END */