/*----Balises ----*/
body, header, footer, form, p, ul, ol, li, div, h1, h2, h3, h4, h5, h6, fieldset, section, article, aside, figure, select, input, textarea, table, thead, tfoot, tbody, tr, th, td, blockquote {margin: 0; padding: 0;}

body, table, ul, ol, p, form, fieldset, legend, address {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #3a435e;
}
a, a:visited {color: #aa1778; text-decoration: none; font-style: normal; font-weight: normal;}
a:hover{color: #aa1778; text-decoration: underline; font-style: normal; font-weight: normal;}

h1 {
	font-family: 'Open Sans';
	font-size: 36px;
	color: #3a435e;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin-bottom: 30px;
}
h2 {
	font-family: 'Open Sans';
	font-size: 30px;
	text-align: left;
	font-weight: normal;
	color: #aa1778;
	margin-bottom: 20px;
}
h3 {
	font-family: Oswald;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	color: #3a435e;
	margin-bottom: 15px;
	border-bottom: 1px solid #aa1778;
	text-transform: uppercase;
}
h4 {
	font-family: Roboto;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	color: #aa1778;
}
h5 {
	height: 45px;
	line-height: 45px;
	font-family: Oswald;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	background-color: #2a3043;
	color: #fff;
	margin-bottom: 25px;
}


ul {list-style-type: none; text-align: left;}
table {margin-bottom: 10px;}
table th{font-weight: bold; text-align: center;}
form input[type=submit], form input[type=image]{cursor: pointer;}
input, textarea, select, option {background-color: #FFFFFF; border: 1px solid #CDCDCD;}
fieldset {padding: 5px;}
img {border-width: 0px;}
input[type=checkbox], input[type=radio], input[type=image]{background: transparent; border-width: 0px;}
address {font-style: normal;}
blockquote {background-image: url('../images/quote.png'), url('../images/quote2.png'); background-repeat: no-repeat; background-position: 10px 10px, calc(100% - 10px) calc(100% - 10px); background-color: #D2D2D2; font-size: 16px; font-style: italic; padding: 10px 50px; margin-bottom: 20px;}




/*-------------------------------*/
/*----   STRUCTURE DU SITE   ----*/
/*-------------------------------*/
body {
	background-image: url('../images/fond-norepeat.jpg'), url('../images/fond-repeat.jpg');
	background-repeat: no-repeat, repeat-x;
	background-position: center 153px, 0 0;
	background-color: #fff;
	width: 100%;
}
#body {
	width: 970px;
	margin: auto;
}


/* ---- Header ----*/
header#header {
	width: 100%;
	height: 356px;
	position: relative;
	margin-bottom: 30px;
}
header#header img.logo{position: absolute; top: 0; left: 0;}

header#header div.boutons{width: 350px; height: 40px; position: absolute; top: 35px; right: 0;}
header#header div.boutons a.sprite{width: 148px; height: 40px; background: no-repeat 0 0;}
header#header div.boutons a.sprite.inscription{background-image: url('../images/bouton-inscription.jpg'); float: left;}
header#header div.boutons a.sprite.connexion{background-image: url('../images/bouton-connexion.jpg'); float: right;}
header#header div.boutons a.sprite:hover{background-position: 0 -40px;}



nav#menuPrincipal {margin-top: 118px;}
nav#menuPrincipal ul{font-family: "Oswald";}
nav#menuPrincipal ul li{display: block; float: left; padding: 0 13px; height: 35px; line-height: 35px; margin-right: 42px;}
nav#menuPrincipal ul li:last-child{margin-right: 0;}
nav#menuPrincipal ul li:hover{background-color: #aa1778;}
nav#menuPrincipal ul li a, nav#menuPrincipal ul li a:visited{color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 16px;}
nav#menuPrincipal ul li a:hover{color: #FFFFFF; text-decoration: none; font-weight: normal;}
nav#menuPrincipal ul li a:focus{outline: 0;}



header#header form.moduleRecherche{position: absolute; width: 383px; height: 47px; bottom: 80px; right: 0;}
header#header form.moduleRecherche input[type=text]{
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 333px; height: 47px; padding-left: 50px;
	background-image: url('../images/recherche-gauche.jpg'), url('../images/recherche-repeat.jpg');
	background-position: 0 0, 0 0;
	background-repeat: no-repeat, repeat-x;
	border: 0;
}
header#header form.moduleRecherche input[type=submit]{position: absolute; top: 0; right: 0; z-index: 20; width: 45px; height: 47px; background: url('../images/recherche-submit.jpg') no-repeat 0 0; border: 0;}
header#header form.moduleRecherche input[type=submit]:hover{background-position: 0 -47px;}





nav.menu2 {margin-bottom: 20px;}
nav.menu2 li{width: 165px; height: 56px; line-height: 46px; background: url('../images/fond-menu2.jpg') repeat-x 0 0; text-align: center; font-size: 14px; float: left; margin-right: 10px;}
nav.menu2 li:hover{background-position: 0 -56px;}
nav.menu2 li.dernier4{margin-right: 0;}
nav.menu2 li a, nav.menu2 li a:visited, nav.menu2 li a:hover{height: 56px; color: #fff; text-decoration: none; display: block;}
nav.menu2 li.courant a{background: url('../images/fond-menu2-courant.jpg') no-repeat center 0;}


/* ---- Section, Aside ----*/

section.content {width: 690px; float: left;}
section.content article{margin-bottom: 30px;}
section.content article div.encartFonce{background-color: #3a435e; padding: 15px;}
section.content article div.encartFonce p{color: #fff;}

section.content article.encartBleu{width: 336px; float: left; margin: 0 18px 18px 0; background-color: #f3f3f3;}
section.content article.encartBleu.dernier2{margin-right: 0;}
section.content article.encartBleu h4{height: 56px; line-height: 46px; color: #fff; margin-bottom: 25px; background: url('../images/h4-encartbleu.png') no-repeat top center;}
section.content article.encartBleu ul{float: left; width: 168px; margin-bottom: 20px;}
section.content article.encartBleu ul li{padding-left: 25px; margin-bottom: 10px;}
section.content article.encartBleu ul li a, section.content article.encartBleu ul li a:visited{color: #3a435e;}

div#droite{width: 262px; float: right;}
div#droite aside{margin-bottom: 20px;}
div#droite aside.encart{background-color: #f3f3f3; padding: 10px;}
div#droite aside.encart p.more{text-align: center; margin-bottom: 10px;}
div#droite aside.encart p.more a{color: #aa1778;}
div#droite aside h3{border-bottom: 0;}

div.notation {width: 250px; height: 50px; background: url('../images/etoiles.png') no-repeat 0 0;}


aside#as_reseauxSociaux {height: 75px; background: url('../images/encouragez-nous.jpg') no-repeat left; text-align: right;}

aside#as_ajoutCode {}
aside#as_ajoutCode a.sprite{width: 262px; height: 46px; background: url('../images/ajouter-un-code.jpg') no-repeat 0 0; display: block;}
aside#as_ajoutCode a.sprite:hover{background-position: 0 -46px;}


/* ---- Footer ----*/
footer#footer {
	width: 100%;
	height: 330px;
	font-size: 12px;
	background-color: #3a435e;
	color: #000000;
}
footer#footer section{
	width: 970px;
	margin: auto;
	padding-top: 30px;
}
footer#footer section article{width: 235px; float: left; margin-right: 10px;}
footer#footer section article.dernier4{margin-right: 0;}
footer#footer section article.garanties{background: url('../images/footer/garantie.png') center 70px no-repeat;}
footer#footer section article.garanties h5{margin-bottom: 115px;}
footer#footer p.par{color: #7e8599; font-size: 12px;}


ul.listeFooter {margin: 0 0 0 30px; font-size: 12px;}
ul.listeFooter li{margin-bottom: 5px;}
ul.listeFooter li a{color: #7e8599;}

ul.listeReseaux {height: 55px; margin-bottom: 20px;}
ul.listeReseaux li{width: 55px; height: 55px; float: left; margin-right: 5px;}
ul.listeReseaux li:last-child{margin-right: 0;}




/****************************************************************/
/********************       STYLES       ************************/
/****************************************************************/

.spacer{clear: both; height: 0; font-size: 0;}
.spacer20{clear: both; height: 0; font-size: 0; margin-bottom: 20px;}
.space{height: 1px; font-size: 1px;}
.clearL{clear: left; height: 0; font-size: 0;}

.inline {display: inline;}
.block {display: block;}
.hidden {display: none;}


ul.liste {margin: 0 0 20px 40px;}
ul.liste li{background: url('../images/puce-liste.jpg') no-repeat left center; padding-left: 20px;}


ol.liste {margin: 0 0 20px 30px;}
ol.liste li{margin-bottom: 10px;}


ul.listeVignettes {}
ul.listeVignettes li{width: 132px; height: 155px; margin: 0 7px 15px 0; background-color: #fff; float: left;}
ul.listeVignettes li.dernier5{margin-right: 0;}
ul.listeVignettes li h3{border: 0; text-align: center; margin-bottom: 5px;}
ul.listeVignettes li img{border: 1px solid #cccccc;}


ul.listeVignettes2 {margin-left: 15px;}
ul.listeVignettes2 li{width: 92px; height: 120px; margin-right: 28px; float: left;}
ul.listeVignettes2 li.dernier2{margin-right: 0;}
ul.listeVignettes2 li img{border: 1px solid #cccccc;}


ul.listeLongue {width: 230px; float: left;}
ul.listeLongue li{margin-bottom: 20px;}
ul.listeLongue li a, ul.listeLongue li a:visited{text-decoration: none; color: #3a435e;}
ul.listeLongue li a:hover{text-decoration: underline;}


ul.listeTags {}
ul.listeTags li{
	height: 17px;
	line-height: 17px;
	padding: 0 5px 0 10px;
	background-image: url('../images/tag-gauche.jpg'), url('../images/tag-droite.jpg'), url('../images/tag-repeat.jpg');
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, 0 0;
	margin: 0 8px 8px 0;
	float: left;
	font-size: 12px;
}
ul.listeTags li a{color: #fff;}



ul.listeCarres{}
ul.listeCarres li{width: 20px; height: 20px; text-align: center; float: left; margin: 0 10px 10px 0; border: 1px solid #3a435e;}
ul.listeCarres li:hover{background-color: #aa1778;}
ul.listeCarres li a{width: 20px; height: 20px; color: #3a435e; display: block;}
ul.listeCarres li a:hover{text-decoration: none;}
ul.listeCarres li:hover a{color: #fff; text-decoration: none;}


ul.listeRose {margin: 0 0 20px 30px;}
ul.listeRose li{margin-bottom: 5px;}
ul.listeRose li a, ul.listeRose li a:visited{color: #aa1778;}



ul.listeBillets {}
ul.listeBillets li{border: 1px solid #aa1778; height: 160px; margin-bottom: 15px; padding: 14px;}


ul.listeBillets2 {}
ul.listeBillets2 li{height: 160px; margin-bottom: 15px; padding: 14px;}
ul.listeBillets2 li div.vignette{width: 132px; height: 122px; float: left;}
ul.listeBillets2 li div.vignette img{border: 1px solid #cccccc;}
ul.listeBillets2 li div.contenu{margin-left: 145px;}
ul.listeBillets2 li h3{border: 0; margin-bottom: 5px;}
ul.listeBillets2 li div.contenu p.desc{border: 0; margin-bottom: 10px;}
ul.listeBillets2 li div.contenu p.liens{color: #aa1778;}


ul.avis {}
ul.avis li{margin-bottom: 15px;}
ul.avis li p.titre{margin-bottom: 5px;}


.form {margin-bottom: 20px;}
.form label{float: left; margin: 0px;}
.form input[type=text], .form input[type=password], .form input[type=submit], .form input[type=checkbox], .form input[type=file], .form select, .form textarea, .form img, .form .champ{display: block; margin: 5px 0px 5px 120px; color: #222222; background-color: #FFFFFF; font-size: 11px;}
.form input[type=text], .form input[type=password], .form input[type=submit], .form input[type=file], .form textarea, .form img{border: 1px solid #CDCDCD;}
.form input[type=checkbox], .form  input[type=radio] {background: transparent; border-width: 0px;}
.form input.lineaire, .form select.lineaire{display: inline; margin: 0 0 0 5px;}
.form input:focus, .form select:focus, .form textarea:focus, .form input[type=submit]:hover {background-color: #D0962A; color: #ffffff;}
.form .champ input[type=text], .form .champ input[type=submit], .form .champ input[type=checkbox], .form .champ input[type=file], .form .champ select, .form .champ textarea, .form .champ img{display: inline; margin: 0px;}
.form input.submit{width: 100%; height: 100%; font-weight: bold; font-size: 12px; border: 1px solid #000000; margin: 0;}


.formu {margin-bottom: 20px;}
.formu label{float: left; margin: 0px;}
.formu input[type=text], .formu input[type=password], .formu input[type=submit], .formu input[type=image], .formu input[type=checkbox], .formu input[type=file], .formu select, .formu textarea, .formu img, .formu .champ{display: block; margin: 0px 0px 5px 120px;}
.formu input[type=text].alaligne, .formu input[type=password].alaligne, .formu input[type=submit].alaligne, .formu input[type=checkbox].alaligne, .formu input[type=file].alaligne, .formu select.alaligne, .formu textarea.alaligne, .formu img.alaligne .formu .champ.alaligne{clear: left; margin-left: 0;}
.formu input[type=checkbox], .formu  input[type=radio] {background: transparent; border-width: 0px;}
.formu input.lineaire, .formu select.lineaire, .formu .champ.lineaire{display: inline; margin: 0 0 0 5px;}
.formu .champ input[type=text], .formu .champ input[type=password], .formu .champ input[type=submit], .formu .champ input[type=checkbox], .formu .champ input[type=file], .formu .champ select, .formu .champ textarea, .formu .champ img{display: inline; margin: 0px;}
.formu input.submit{width: 100%; height: 100%; margin: 0;}


.formu2 {margin-bottom: 20px;}
.formu2 fieldset{border: 0;}
.formu2 fieldset.champGauche, .formu2 fieldset.champDroite, .formu2 fieldset.champ100{margin: 0 0 12px 0;}
.formu2 fieldset.champGauche, .formu2 fieldset.champDroite{height: 40px;}
.formu2 fieldset.champGauche{width: 45%; float: left;}
.formu2 fieldset.champDroite{width: 45%; float: right;}
.formu2 fieldset.champ100{width: calc(100% - 10px); clear: right;}
.formu2 fieldset.champ100 textarea{display: block;}
.formu2 label{float: left; margin: 0px; line-height: 40px; padding: 0 0 0 15px;}
.formu2 input[type=text], .formu2 input[type=password], .formu2 textarea{border: 1px solid #ababab; font-size: 14px;}
.formu2 input[type=text], .formu2 input[type=password]{width: 180px; height: 30px; float: right;}
.formu2 input[type=hidden]{clear: both;}
.formu2 input[type=image]{float: right;}



.formu3 {margin-bottom: 20px;}
.formu3 label{float: left; margin: 0px; height: 35px; line-height: 35px;}
.formu3 label.note{height: 50px; line-height: 50px;}
.formu3 input[type=text], .formu3 input[type=password], .formu3 input[type=submit], .formu3 input[type=image], .formu3 input[type=checkbox], .formu3 input[type=file], .formu3 select, .formu3 textarea, .formu3 img, .formu3 .champ{display: block; margin: 0px 0px 5px 120px; border: 0;}
.formu3 input[type=text], .formu3 textarea{background-color: #8c9499; color: #fff;}
.formu3 input[type=text]{width: 255px; height: 35px;}
.formu3 textarea{width: 400px; height: 200px;}
.formu3 input[type=text].alaligne, .formu3 input[type=password].alaligne, .formu3 input[type=submit].alaligne, .formu3 input[type=checkbox].alaligne, .formu3 input[type=file].alaligne, .formu3 select.alaligne, .formu3 textarea.alaligne, .formu3 img.alaligne .formu3 .champ.alaligne{clear: left; margin-left: 0;}
.formu3 input[type=checkbox], .formu3  input[type=radio] {background: transparent;}
.formu3 input.lineaire, .formu3 select.lineaire, .formu3 .champ.lineaire{display: inline; margin: 0 0 0 5px;}
.formu3 .champ input[type=text], .formu3 .champ input[type=password], .formu3 .champ input[type=submit], .formu3 .champ input[type=checkbox], .formu3 .champ input[type=file], .formu3 .champ select, .formu3 .champ textarea, .formu3 .champ img{display: inline; margin: 0px;}
.formu3 input.submit{width: 100%; height: 100%; margin: 0;}
.formu3 input[type=submit].sprite{position: relative; position: relative; left: 106px;}
.formu3 label img{margin: 0 0 0 0; display: inline; position: relative; top: 3px;}




.formContact2 {width: 560px;}
.formContact2 label{display: block; width: 140px; height: 32px; line-height: 32px;}
.formContact2 fieldset legend{font-weight: bold; color: #ffffff;}
.formContact2 input[type=text], .formContact2 input[type=password], .formContact2 input[type=submit], .formContact2 input[type=image], .formContact2 input[type=checkbox], .formContact2 input[type=file], .formContact2 select, .formContact2 textarea, .formContact2 img, .formContact2 .champ{width: 400px; margin: 5px 0px 5px 0px; color: #222222; background-color: #FFFFFF; float: right;}
.formContact2 input[type=text], .formContact2 input[type=password], .formContact2 input[type=checkbox], .formContact2 input[type=file], .formContact2 select{height: 20px; line-height: 20px;}
.formContact2  input[type=submit], .formContact2 input[type=image]{width: auto;}
.formContact2 input[type=image]{background: transparent;}
.formContact2 textarea{height: 200px;}

.feedback_false {width: 350px; padding: 10px; background-color: #ff6868; margin-bottom: 10px; font-weight: normal; color: white; border: 1px solid white;}
.feedback_true {width: 350px; padding: 10px; background-color: #B7B7B7; margin-bottom: 10px; font-weight: normal; color: blue; border: 1px solid blue;}

.imageL {float: left; margin: 0 10px 10px 0; border: 1px solid #523621;}
.imageR {float: right; margin: 0 0 10px 10px; border: 1px solid #523621;}


.par {margin-bottom: 20px;}
.ul {margin-bottom: 10px;}
.txt {text-align: justify;}



a.sprite{overflow: hidden; display: block;}
a.sprite span{visibility: hidden;}


.zoom{
}


/*********************************************************************************/
/*****************************     PAGES     *************************************/
/*********************************************************************************/

/* Catégories principales */
section#pageCategoriesPrincipales {}
section#pageCategoriesPrincipales article.encartBleu p.tous{padding: 0 15px 25px 15px; text-align: right;}


/* Catégories liste */


/* Catégories */


/* Codes promos */
section#pageCodespromos {}
section#pageCodespromos ul.listeBillets li div.gauche{width: 330px; height: 160px; float: left;}
section#pageCodespromos ul.listeBillets li div.gauche div.vignette{width: 132px; height: 122px; float: left; margin-bottom: 15px;}
section#pageCodespromos ul.listeBillets li div.gauche div.vignette img{border: 1px solid #cccccc;}
section#pageCodespromos ul.listeBillets li div.gauche div.fonctionne{width: 160px; height: 122px; float: right; margin-bottom: 15px;}
section#pageCodespromos ul.listeBillets li div.gauche div.fonctionne p.pouce{width: 50px; float: left; text-align: center;}
section#pageCodespromos ul.listeBillets li div.gauche div.fonctionne p.pouce a.sprite{width: 31px; height: 30px; margin: 0 auto;}
section#pageCodespromos ul.listeBillets li div.gauche div.fonctionne p.pouce.haut a.sprite{background: url('../images/pouce-haut.jpg') no-repeat 0 0;}
section#pageCodespromos ul.listeBillets li div.gauche div.fonctionne p.pouce.bas a.sprite{background: url('../images/pouce-bas.jpg') no-repeat 0 0;}
section#pageCodespromos ul.listeBillets li div.gauche div.fonctionne p.pouce a.sprite:hover{background-position: 0 -30px;}
section#pageCodespromos ul.listeBillets li div.droite{width: 316px; height: 160px; float: right; position: relative;}
section#pageCodespromos ul.listeBillets li div.droite h3{border: 0;}
section#pageCodespromos ul.listeBillets li div.droite a.sprite{position: absolute; bottom: 0; right: 0; width: 316px; height: 46px; background: url('../images/voir-le-code.jpg') no-repeat 0 0;}
section#pageCodespromos ul.listeBillets li div.droite a.sprite:hover{background-position: 0 -46px;}


/* Avis */
section#pageAvis {}
section#pageAvis article.consulter{}
section#pageAvis article.consulter div.contenu{margin-right: 290px;}
section#pageAvis article.consulter div.contenu p.note{color: #1a92b0;}

section#pageAvis ul.avis{margin-bottom: 30px;}


section#pageAvis {}
section#pageAvis form.formAvis{}
section#pageAvis form.formAvis input[type=submit].sprite{width: 149px; height: 41px; background: url('../images/bouton-envoyer.jpg') no-repeat 0 0;}
section#pageAvis form.formAvis input[type=submit].sprite:hover{background-position: 0 -41px;}


/* SAV */
section#pageSav{}
section#pageSav p.infos{margin-left: 150px;}



/* Contact */

.formContact fieldset legend{font-weight: bold; color: #ffffff;}
.formContact input[type=text], .formContact input[type=password], .formContact input[type=submit], .formContact input[type=image], .formContact input[type=checkbox], .formContact input[type=file], .formContact select, .formContact textarea, .formContact img, .formContact .champ{margin: 5px 0px 5px 150px; color: #222222; background-color: #FFFFFF;}
.formContact .champ, .formContact input[type=image]{background-color: transparent;}
.formContact textarea{width: 400px; height: 200px;}
.formContact input[type=text]:focus, .formContact textarea:focus{background-color: #cacaca; border: 1px solid #ffffff;}