#document {
	width:100%;
	margin : 0;
	padding : 0;
	text-align: left;
	position: absolute;
}

a { -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	font-weight: 400; }
			
img { border: 0; vertical-align: middle }

input, select, textarea { 
	color: #404040; 
	font-weight: 300; 
	font-family: 'Roboto', sans-serif; 
	margin: 1%; 
	border: none; 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background: #FFF; 
	padding: 1%; 
	font-size: 100%; 
	border-radius: 10px; 
	line-height: 20px;
	outline:none;
}
input:focus, select:focus, textarea:focus {
	box-shadow: 0px 0px 5px #36a4d4;
}

body {
font-family: 'Roboto', sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
color: #404040;
background-color: #fff;
font-weight: 300;
}

table, tr, td { }
td { padding: 4px }
	
#descendre { font-family: 'Poppins', sans-serif; font-weight: 500; clear: both; width: 100%; padding: 20px 0; text-align: center; border-top: 1px solid #404040 }

#cache {
	float: left;
	height: 460px;
	width: 100%;
	background-color: #e7e7e7;
	z-index: 10;
}

table { font-size: 14px; border: none; width: 100% }
tr, td { font-size: 14px; border: none; }
table.caddie { cellpadding: 5px; cellspacing: 0px; width: 100% }
td.td_caddie { border-bottom: 1px dotted #404040; padding: 10px 0px }
td.entete { border-bottom: 4px solid #404040; color: #404040; padding: 5px }
td.centre { text-align: center }
td.droite { text-align: right }
td.sansbord { border: none }


/* LOGIN */
#login { box-shadow: 0px 0px 1px #42588d inset; }
#log1 { float: left; width: 40% }
#log2 { float: left; width: 50%; padding: 2% 5% 0 5% }
#log2 input[type=text], #log2 input[type=password] { box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; border: none; background: #FFF; padding: 3% 5%; font-size: 115%; border-radius: 10px; width: 65%; line-height: 20px }
#log2 input[type=text]:focus, #log2 input[type=password]:focus {box-shadow: 0px 0px 5px #36a4d4;}
#log2 input[type=button] { cursor: pointer; box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; border: none; background: #ff006c; padding: 3% 5%; font-size: 115%; border-radius: 10px; width: auto; line-height: 20px; font-weight: 700; color: #FFF }
#log2 h2 { 
	font-family: 'Poppins', sans-serif; color: #36a4d4; font-size: 185%;
	font-weight: normal; margin: 5px 0 5px 0;
	line-height: 34px;	
}
.passperdu { 
	font-family: 'Poppins', sans-serif; color: #42588d; font-size: 135%;
	font-weight: normal; margin: 5px 0 5px 0;
	line-height: 34px;	
}
.logOK { font-size: 115%; padding: 6px 10px; background: #38c600; color: #FFF; border-radius: 5px }
.logKO { font-size: 115%; padding: 6px 10px; background: #FF0000; color: #FFF; border-radius: 5px }
a.log2:link, a.log2:visited { font-size: 135%; font-family: 'Poppins', sans-serif; color: #42588d; text-decoration: none }
a.log2:hover { font-size: 140%; font-family: 'Poppins', sans-serif; color: #36a4d4; text-decoration: none }

/* ANNONCE */
.annonce { float: left; position: relative; width: 31.4%; margin: 0 1%; height: 264px; }
.titre_annonce { text-align: center; font-family: 'Poppins', sans-serif; font-weight: 500; float: left; width: 100%; height: 40px; margin-top: 224px; line-height: 40px;  }

/* MENU */
#menu { position: absolute; clear: both; height: 60px; width: 100%; background: #FFF; z-index: 999 }

/* HAUT */
#haut { width: 100%; height: 170px }

#search { position: absolute; text-align: right; z-index: 800}
#search button { position: absolute; cursor: pointer; color: #b8b6b5; border: none; background: none; margin: -30px 0 0 -35px }

#search input[type=text] { box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; border: none; background: #FFF; padding: 3% 5%; font-size: 115%; border-radius: 10px; width: 90%; line-height: 20px }
#search input[type=text]:focus { box-shadow: 0px 0px 5px #36a4d4;}
#search input[type=submit] { box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; border: none; background: #ff006c; padding: 3% 5%; font-size: 115%; border-radius: 10px; width: auto; line-height: 20px; font-weight: 700; color: #FFF }


#entete { position: absolute; z-index: 900; }
#logo { position: absolute; z-index: 500; }
#nom_haut { position: absolute; float: left; font-weight: 300 }
.titre1 { font-family: 'Poppins', sans-serif; color: #42588d }
.titre2 { font-family: 'Poppins', sans-serif; color: #b8b6b5 }
.titre3 { font-family: 'Poppins', sans-serif; color: #36a4d4 }
.titre4 { font-family: 'Poppins', sans-serif; color: #42588d }

a.caddie:link, a.caddie:visited { display: block; background-color: #36a4d4; color: #FFF; text-decoration: none }
a.caddie:hover { display: block; background-color: #6e8648; color: #FFF; text-decoration: none }

#moncaddie a.bouton:link, #moncaddie a.boutonon:link,
#moncaddie a.bouton:visited, #moncaddie a.boutonon:visited
 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	float: left;
	width: 20%;
	padding: 1.5% 2%;
	margin : 0 0.5%;
    text-align: center;
	font-size:120;
	background:#404040;
	color: #FFF;
	border-radius :15px;
	text-decoration:none;
}
#moncaddie a.boutonon:link, #moncaddie a.boutonon:visited {
	color :#FFF;
	background:#36a4d4;
}
#moncaddie a.bouton:hover, #moncaddie a.boutonon:hover {
	color :#FFF;
	background:#36a4d4;
	text-decoration:none;
}


a.compte, a.compte:link, a.compte:visited { cursor: pointer; display: block; background-color: #42588d; color: #FFF; text-decoration: none }
a.compte:hover { display: block; background-color: #6e8648; color: #FFF; text-decoration: none }


/*----------------DIALOG-------------------*/

#dialog_compte
{
	position : absolute;
	width: 300px;
	margin : 15px 0 0 210px;
	background: rgba(0,0,0,0.7);
	padding: 20px;
	z-index: 990;
	text-align: left;
	border-radius: 0 15px 15px 15px;
}

.titre_dialog { color: #FFF; font-family: 'Poppins', sans-serif; font-weight: 500; }

#dialog_compte input[type=button] { 
	cursor: pointer;
	border:none;
	background-color: #36a4d4;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	padding: 3% 5%; font-size: 115%; border-radius: 15px; 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; 
	font-weight: 700;
}
#dialog_compte input[type=text], #dialog_compte input[type=password] {
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset;
	border: none;
	background: #FFF;
	padding: 3% 5%;
	font-size: 115%;
	border-radius: 15px;
	line-height: 20px;
}

#dialog_compte a { background-color: #e7e7e7; color: #606060; padding: 5px; display: block; margin: 0 0 1px 0 }
#dialog_compte a:visited { background-color: #e7e7e7; color: #606060; padding: 5px; display: block; margin: 0 0 1px 0 }
#dialog_compte a:hover { background-color: #b8b94a; color: #fff; padding: 5px; display: block; margin: 0 0 1px 0 }

#dialog_compte .passperdu { font-size: 115%; line-height: 25px; color: #b8b94a; font-family: 'Poppins', sans-serif; }
#dialog_compte .fermer { font-size: 100%; line-height: 35px; color: #fff; cursor: pointer; font-family: 'Poppins', sans-serif; }

.dialog_alerte
{
	position : absolute;
	width : 200px;
	margin : 20px 0 0 -10px;
	background: rgba(255,255,255,0.8);
	padding: 10px 15px 0px 15px;
	z-index: 990;
	border: 3px solid #e5e5e5;
	border-radius: 10px
}

.dialog_assoc
{
	position : absolute;
	width : 210px;
	margin : -8px 0 0 0;
	background: rgba(255,255,255,0.8);
	padding: 15px;
	z-index: 990;
	border: 3px solid #e5e5e5;
	border-radius: 10px
}

.dialog_caddie
{
	position : absolute;
	margin : 0;
	background: rgba(0,0,0,0.8);
	padding: 10px 15px 0px 15px;
	z-index: 990;
	color: #fff;
	border-radius: 10px
}

.dialog_caddie a.dial:link, .dialog_caddie a.dial:visited { font-family: 'Poppins', sans-serif; cursor: pointer; color: #fff; }
.dialog_caddie a.dial:hover { color: #6e8648; }
.dialog_caddie .link_dialog_caddie { font-family: 'Poppins', sans-serif; cursor: pointer; }


/* CADDIE */
#moncaddie a:link, #moncaddie a:visited { color: #404040; text-decoration: none }
#moncaddie a:hover { color: #36a4d4; text-decoration: none }

#moncaddie a.cmd:link, #moncaddie a.cmd:visited { padding: 10px 20px; border-radius: 15px; font-weight: 500; font-size: 125%; background-color: #36a4d4; color: #FFF; font-family: 'Poppins', sans-serif; text-decoration: none }
#moncaddie a.cmd:hover { padding: 10px 20px; border-radius: 15px; font-weight: 500; font-size: 125%; background-color: #6e8648; color: #FFF; font-family: 'Poppins', sans-serif; text-decoration: none }



/* ACCUEIL */
.accueilA { position: relative; float: left; margin: 0 1% }
.accueilA img { width: 100%; }
.titre_accueilA { position: absolute; display: block; bottom: 0; font-weight: 500; font-family: 'Poppins', sans-serif; background: rgba(0,0,0,0.5); color: #FFF; }

/* CONTENU */

#centre { clear: both; width: 100%; background-color: #fff; padding-top: 20px }

#contenu { clear: both; line-height: 20px; }


#contenu h1 {
	font-family: 'Poppins', serif;
	color: #36a4d4; font-size: 350%;
	font-weight:500; margin: 5px 0 20px 0; line-height: 42px;	
}

#contenu h2 {
	font-family: 'Poppins', sans-serif; color: #36a4d4; font-size: 225%;
	font-weight: 500; margin: 5px 0 5px 0;
	line-height: 34px;	
}

#contenu h3 {
	font-family: 'Poppins', sans-serif; color: #42588d8; font-size: 185%;
	font-weight: 300; margin: 5px 0 5px 0; line-height: 28px;
}

#contenu h4 {
	font-family: 'Cookie', cursive; color: #42588d; font-size: 220%;
	font-weight: normal; margin: 5px 0 5px 0; line-height: 28px
}

#contenu h5 {
	font-family: 'Roboto', sans-serif; color: #36a4d4; font-size: 135%;
	border-bottom: 1px dotted #36a4d4; font-weight: normal; margin: 5px 0 5px 0; line-height: 28px;
}


#contenu p {
	font-size: 125%;
	font-weight: 300;
	line-height: 22px;
	padding: 0;
	text-align: left;
}

#zone_texte li {
	font-size: 125%;
	font-weight: 300;
	line-height: 22px;
}

#contenu p a:link        { color: #36a4d4; text-decoration: none; }
#contenu p a:visited     { color:  #36a4d4; text-decoration: underline; }
#contenu p a:hover       { text-decoration: underline; color: #42588d; }


#contenu a.lien_cta:link, #contenu a.lien_cta:visited,
#colonneGauche a.lien_cta:link, #colonneGauche a.lien_cta:visited,
#colonneBas a.lien_cta:link, #colonneBas a.lien_cta:visited { text-decoration: none; font-size: 135%; color: #FFF; font-family: 'Poppins', sans-serif; padding: 5px 10px; background-color: #42588d }
#colonneGauche a.lien_cta:hover, #colonneBas a.lien_cta:hover, #contenu a.lien_cta:hover { text-decoration: none; font-size: 135%; color: #FFF; font-family: 'Poppins', sans-serif; padding: 5px 10px; background-color: #326db6 }

#colonneGauche p { padding: 0px 15px; }
#colonneGauche .pave { line-height: 22px; font-size: 115% }
	
.cadre100 { float:left; width:100%; }
.cadre100 p { font-size: 115% }

.marginvert { margin:1% 0;}
.sansbord { margin:0;}

#bas_encarts0 { margin : 0 auto; width: 98%; background: #e5e5e5; text-align: center; font-weight: 300; margin-top: 15px; padding: 5px 1%; }
a.lien_encart:link, a.lien_encart:visited { color: #404040; }
a.lien_encart:hover { color: #36a4d4; }

#bas0 { clear: both; width: 98%; background: #fff; text-align: center; color: #404040; font-weight: 300; margin-top: 15px; padding: 5px 1%; }
#bas a { font-weight: 300; color: #404040; text-decoration: none }
#bas a:visited { font-weight: 300; color: #404040; text-decoration: underline;  }
#bas a:hover { font-weight: 300; color: #36a4d4;text-decoration: underline;  }
#bas p { padding: 0; line-height: 22px }

/* BOUTIK */
/* PRODUITS */
#produit_acc { float: left; text-align: center; background-color: #fff; }
#produit_acc img { width: 100%; }
#produit_acc:hover { box-shadow: 0 0 5px rgba(0,0,0,0.6); }
#texte_produit_acc { width: 90%; height: 65px; padding: 5px 5%; border-bottom: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; background: #e5e5e5; text-align:center; }
#produit_acc .titre_produit_acc { font-family: 'Poppins', sans-serif; font-size: 125%; color: #404040; font-weight: normal; }
.select_prix { border-color: #3858a3; background: #FFF; width:100%; margin-top: 5px }

#produit { float: left; background-color: #fff; }
#produit img { width: 100%; padding: 0% }
#produit:hover { box-shadow: 0 0 5px rgba(0,0,0,0.6); }
#texte_produit { width: 90%; height: 60px; padding: 5px 5%; font-family: 'Poppins', sans-serif; font-size: 105%; color: #404040; font-weight: normal; text-align:center; }
#produit .titre_produit { height:25px; color: #36a4d4; font-family: 'Poppins', sans-serif;}
#produit .caddie_fast:hover { color:#444444; }
#produit .reference { font-family: 'Roboto Condensed', sans-serif; font-size: 95%; color: #404040; font-weight: normal; }
#produit p { line-height: 18px }

#fil { padding: 10px 0; font-size: 115% }
a.lien_fil:link, a.lien_fil:visited { color: #404040; text-decoration: none }
a.lien_fil:hover { color: #36a4d4; text-decoration: none }

#prix { clear: both }
#prix .eurosHT { color: #36a4d4; font-weight: normal; line-height: 24px; font-size: 200% }
#prix .eurospromo { color: #ff1600; font-weight: bold; line-height: 24px; font-size: 240% }

#zone_prix select {  
	border: none; 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background: #FFF; 
	padding: 3% 5%; 
	font-size: 115%; 
	border-radius: 10px; 
	width: 65%;
	height:50px; 
	line-height: 20px;
	appearance:none;
	-moz-appearance:none; 
	-webkit-appearance:none;
}
#zone_prix label {position:relative}
#zone_prix label:after {
    content:"\f078";   
    font-family: "FontAwesome";
    font-size: 11px;
    color:#aaa;
    right:15px; top:0px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
#zone_prix label:before {
    content:'';
    right:15px; top:0px;
    width:23px; height:18px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
}
#zone_prix input[type=button] {
	cursor: pointer; 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; 
	border: none;
	 background: #ff006c; 
	 padding: 3% 5%; 
	 font-size: 115%; 
	 border-radius: 10px; 
	 width: auto; 
	 line-height: 20px; 
	 font-weight: 700; 
	 color: #FFF
}
#zone_prix select:focus {
	box-shadow: 0px 0px 5px #36a4d4;
}

#entete_prix { font-size: 125% }

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
	border: none;
}

legend {
	color : #ed9406;
	font-weight : normal;
	font-size : 100%;
	margin : 0 0 0 50px;
	padding : 0 10px 0 10px;
	width : auto;
}
input:focus, select:focus, textarea:focus {
	box-shadow: 0px 0px 5px #36a4d4;
}

form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

#contenu form  p label {
	float: left;
	width: 200px;
	margin-bottom : 2px;
	padding: 2%;
	text-align: right;
	color : #42588d;
	font-weight : normal;
}


/* CONTACT */

#envoyer { 
	cursor: pointer;
	padding: 15px; border:none;
	background-color: #404040;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 120%;
}


/*------------------------------------------
-------------Encarts----------------------*/