/**
 * Configuration générale
 */
body {font-size: 12px; font-family: "Open Sans"; color: #595959;}
body h1 {margin: 20px 0 20px 0;}
body p, body ul {margin: 0; padding: 0; list-style-position: inside;}

.mobile, .tablette, .ecran, .print {display: none;}

.table 				{display: table; width: 100%; border-collapse: collapse;}
.table-row 			{display: table-row;}
.table-row-group	{display: table-row-group;}
.table-cell 		{display: table-cell;}

.left		{text-align: left;}
.center		{text-align: center;}
.right		{text-align: right;}
.justify	{text-align: justify;}
.bold		{font-weight: bold;}
.italic		{font-style: italic;}
.underline	{text-decoration: underline;}
.uppercase	{text-transform: uppercase;}

.info {padding: 10px; background: #fff; border: 3px solid #fff; webkit-border-radius: 5px; moz-border-radius: 5px; ms-border-radius: 5px; border-radius: 5px; }
.error {padding: 10px; color: #c43b3b; background: #fcf3f3; border: 3px solid #fac9c9; webkit-border-radius: 5px; moz-border-radius: 5px; ms-border-radius: 5px; border-radius: 5px; }


img.auto	{max-width: 100%; width: auto; height: auto;}
.conteneur:after {content: ''; clear: both; display: table;}
.info_window {position: fixed; left: -100%; width: 100px; z-index: 9999; font-weight: bold; text-align: center; color: #fff; background: #e31776;}
.debug {left: 0 !important;}
.mobile, .tablette, .ecran, .print {display: none !important;}

/* Formulaire */
.btn {border-radius: 0; border: 0;}
.bouton {padding: 20px 0 20px 0; width: 260px; border: none; border-radius: 0; font-family: 'Courgette', cursive; font-size: 17px; color: #fff !important; text-align: center; cursor: pointer;}
.bouton:hover {text-decoration: none;}
.bouton_center, .btn_center {margin: 0 auto; text-align: center;}
.bouton_off {padding: 20px 0 20px 0; width: 260px; border: none; border-radius: 0; font-family: 'Courgette', cursive; font-size: 17px; background-color: #f2f2f2 !important; text-align: center;}
.bouton_off:hover {text-decoration: none;}
input:focus {outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.form .form-group label{text-align: left;}
.form p {margin: 20px 0 20px 0;}
.form {font-size: 14px;}
.control-label {padding-top: 15px !important;}
.form-control {height: 52px; border-radius: 0;}*
#btn_submit {text-align: center;}

/* Couleurs par domaine */
#professionnels h1, #professionnels h2, #professionnels h3, #professionnels h4, #professionnels a, #professionnels a:hover, #professionnels strong, #professionnels .bouton_off, #professionnels .dropdown button, #professionnels .dropdown button .caret {color: #db2b68;}
#professionnels .domaine-color, .professionnels-color, #professionnels .info {color: #db2b68 !important;}
#professionnels .domaine-background, .professionnels-background {background-color: #db2b68 !important; color: #fff !important;}
#professionnels .domaine-border, .professionnels-border {border-color: #db2b68 !important;}
#professionnels .domaine-hover-bg:hover, .professionnels-hover-bg:hover {background-color: #db2b68 !important; color: #fff !important;}
#professionnels .domaine-hover-a:hover, .professionnels-hover-a:hover {color: #db2b68 !important;}
#professionnels .domaine-before:before, .professionnels-before:before {background-color: #db2b68 !important;}
#professionnels .domaine-after:after, .professionnels-after:after {background-color: #db2b68 !important;}
#professionnels .domaine-input input {background: transparent; color: #db2b68;}
#professionnels .domaine-input input::-webkit-input-placeholder {color: #db2b68;}
#professionnels .domaine-input input:-moz-placeholder {color: #db2b68;} /* Firefox 18- */
#professionnels .domaine-input input::-moz-placeholder {color: #db2b68;}  /* Firefox 19+ */
#professionnels .domaine-input input:-ms-input-placeholder {color: #db2b68;}
#professionnels .bouton, #professionnels .submit, #professionnels .submit_off, #professionnels .dropdown .dropdown-menu, #professionnels .btn-primary {background: #db2b68;}
#professionnels .cc-cookies a, #professionnels .cc-cookies a:hover {color: #fff !important;}
#professionnels .cc-cookies .cc-cookie-accept {background: #db2b68 !important;}

#ecoles h1, #ecoles h2, #ecoles h3, #ecoles h4, #ecoles a, #ecoles a:hover, #ecoles strong, #ecoles .bouton_off, #ecoles .dropdown button, #ecoles .dropdown button .caret {color: #812990;}
#ecoles .domaine-color, .ecoles-color, #ecoles .info {color: #812990 !important;}
#ecoles .domaine-background, .ecoles-background {background-color: #812990 !important; color: #fff !important;}
#ecoles .domaine-border, .ecoles-border {border-color: #812990 !important;}
#ecoles .domaine-hover-bg:hover, .ecoles-hover-bg:hover {background-color: #812990 !important; color: #fff !important;}
#ecoles .domaine-hover-a:hover, .ecoles-hover-a:hover {color: #812990 !important;}
#ecoles .domaine-before:before, .ecoles-before:before {background-color: #812990 !important;}
#ecoles .domaine-after:after, .ecoles-after:after {background-color: #812990 !important;}
#ecoles .domaine-input input {background: transparent; color: #812990;}
#ecoles .domaine-input input::-webkit-input-placeholder {color: #812990;}
#ecoles .domaine-input input:-moz-placeholder {color: #812990;} /* Firefox 18- */
#ecoles .domaine-input input::-moz-placeholder {color: #812990;}  /* Firefox 19+ */
#ecoles .domaine-input input:-ms-input-placeholder {color: #812990;}
#ecoles .bouton, #ecoles .submit, #ecoles .submit_off, #ecoles .dropdown .dropdown-menu, #ecoles .btn-primary {background: #812990 !important;}
#ecoles .cc-cookies a, #ecoles .cc-cookies a:hover {color: #fff !important;}
#ecoles .cc-cookies .cc-cookie-accept {background: #812990 !important;}

#eleves h1, #eleves h2, #eleves h3, #eleves h4, #eleves a, #eleves a:hover, #eleves strong, #eleves .bouton_off, #eleves .dropdown button, #eleves .dropdown button .caret {color: #00a65d;}
#eleves .domaine-color, .eleves-color, #eleves .info {color: #00a65d !important;}
#eleves .domaine-background, .eleves-background {background-color: #00a65d !important; color: #fff !important;}
#eleves .domaine-border, .eleves-border {border-color: #00a65d !important;}
#eleves .domaine-hover-bg:hover, .eleves-hover-bg:hover {background-color: #00a65d !important; color: #fff !important;}
#eleves .domaine-hover-a:hover, .eleves-hover-a:hover {color: #00a65d !important;}
#eleves .domaine-before:before, .eleves-before:before {background-color: #00a65d !important;}
#eleves .domaine-after:after, .eleves-after:after {background-color: #00a65d !important;}
#eleves .domaine-input input {background: transparent; color: #00a65d;}
#eleves .domaine-input input::-webkit-input-placeholder {color: #00a65d;}
#eleves .domaine-input input:-moz-placeholder {color: #00a65d;} /* Firefox 18- */
#eleves .domaine-input input::-moz-placeholder {color: #00a65d;}  /* Firefox 19+ */
#eleves .domaine-input input:-ms-input-placeholder {color: #00a65d;}
#eleves .bouton, #eleves .submit, #eleves .submit_off, #eleves .dropdown .dropdown-menu, #eleves .btn-primary {background: #00a65d !important;}
#eleves .cc-cookies a, #eleves .cc-cookies a:hover {color: #fff !important;}
#eleves .cc-cookies .cc-cookie-accept {background: #00a65d !important;}

/* Dropdown */
.dropdown button {margin: 2px 0 0 0; background: none; text-transform: uppercase; font-size: 12px;}
.dropdown button:focus {outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.dropdown button:focus:hover {outline: none;}
.dropdown button .caret {margin: -3px 0 0 10px;}
.dropdown .dropdown-menu {opacity: 0.9; border: none; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.dropdown .dropdown-menu > li > a {color: #fff !important;}
.dropdown .dropdown-menu > li > a:hover {background: #fff; color: #000 !important;}

/* Menuitems de niveau 1 en top */
.nodropdown a {background-color: white !important; text-transform: uppercase; margin: 3px 0 0 0; display: block; padding: 3px 20px;}
.nodropdown {float: right; position: relative;}

/* Contenu */
#contenu {padding: 45px 15px 45px 15px;}
#contenu #filtres_responsive {display: none;}
#contenu #filtre_tri_responsive{display:none;}
#contenu .pagecontent p {padding-bottom: 15px;}

/* Fil d'ariane */
#ariane {text-transform: uppercase;}
#ariane a {color: #595959; font-weight: 600;}
#ariane .sep {margin: 0 5px;}
#ariane .sep img {vertical-align: inherit;}
#professionnels #ariane .current {color: #db2b68;}
#ecoles #ariane .current {color: #812990;}
#eleves #ariane .current {color: #00a65d;}

/* Fil d'ariane Panier */
#basket_ariane {width: 100%; height: 40px; margin: 0 0 20px 0; color: #464646; border: 1px solid #d6d6d6; background: #f2f2f2;}
#basket_ariane .table-cell {text-align: center; vertical-align: middle; text-transform: uppercase;}
#basket_ariane .current {color: #fff; background: #424242;}

/**
 * Header
 */
#header .container {position: relative; padding: 0;}
#header #header-top {height: 44px;}
#header #header-top .row{margin: 0;}
#header #header-top #header-domaines {position: absolute; display: inline-block; list-style: none; z-index: 10;}
#header #header-top #header-domaines li {float: left;}
#header #header-top #header-domaines li a {display: block; padding: 12px 30px 10px 30px; border-bottom: 2px solid; color: #000; text-decoration: none; text-transform: uppercase; font-size: 14px;}
#header #header-top #header-domaines li a.current, #header #header-domaines li a:hover {color: #fff;}
#header #header-top #header-domaines li a i, #header #header-top #header-domaines li a span {display: none;}
#header #header-top #header-utiles {position: absolute; top: 5px; right: 0; height: 100%;}
#header #header-top #header-utiles #header-social {float: right; margin: 0 0 0 20px; font-size: 24px;}
#header #header-top #header-utiles #header-social p {display: inline; padding: 0 0 0 10px;}
#header #header-top #header-utiles #header-telephone {position: relative; float: right; padding: 7px 0 0 25px; font-size: 16px; font-weight: 600;}
#header #header-top #header-utiles #header-telephone i {position: absolute; top: 5px; left: 0; font-size: 24px;}

#header #header-presentation {height: 107px;}
#header #header-presentation .container {position: relative;}
#header #header-presentation #header-logo {padding: 20px 0 0 0;}
#header #header-presentation #header-informations {position: absolute; top: 30px; right: 0;}
#header #header-presentation #header-informations div {float: right;}
#header #header-presentation #header-informations div p {color: #fff; text-transform: uppercase;}
#header #header-presentation #header-informations div a {color: #fff;}
#header #header-presentation #header-informations #header-panier {padding: 10px 10px 10px 30px; background: url(../images/ico_panier.png) no-repeat 10px 8px;}
#header #header-presentation #header-informations #header-compte {padding: 10px 30px 10px 30px; background: url(../images/ico_compte.png) no-repeat 10px 8px;}
#header #header-presentation #header-informations #header-informations-detail,  #header #header-presentation #header-informations #header-informations-detail-panier{font-size: 10px;}

#header #header-presentation #header-informations #header-recherche {margin: 0 40px 0 0; padding: 10px 10px 10px 10px; background-color: #eeeeee;}
#header #header-presentation #header-informations #header-recherche p {float: left; font-size: 22px;}
#header #header-presentation #header-informations #header-recherche p#header-recherche-input {padding: 5px; font-style: italic; font-size: 14px;}
#header #header-presentation #header-informations #header-recherche p#header-recherche-input input {min-width: 130px; border: none;}
#header #header-presentation #header-informations #header-recherche p#header-recherche-submit {margin: 0 0 0 5px; cursor: pointer;}

#header #header-presentation #header-menu-deploiement {position: absolute; top: 50px; left: 20px; width: 60px; height: 60px; background: url(../images/ico_menu_deploiement.png) no-repeat 0 0; z-index: 9;}

/*
#header #header-top #header-utiles #header-recherche {float: right; margin: 0 0 0 38px;}
#header #header-top #header-utiles #header-recherche p {float: left;}
#header #header-top #header-utiles #header-recherche p#header-recherche-input {margin: 5px 10px 0 0; font-style: italic; font-size: 12px; color: #db2b68;}
#header #header-top #header-utiles #header-recherche p#header-recherche-input input {min-width: 130px; color: #db2b68; border: none;}
#header #header-top #header-utiles #header-recherche p#header-recherche-input input::-webkit-input-placeholder {color: #db2b68;}
#header #header-top #header-utiles #header-recherche p#header-recherche-input input:-moz-placeholder {color: #db2b68;} / * Firefox 18- * /
#header #header-top #header-utiles #header-recherche p#header-recherche-input input::-moz-placeholder {color: #db2b68;}  / * Firefox 19+ * /
#header #header-top #header-utiles #header-recherche p#header-recherche-input input:-ms-input-placeholder {color: #db2b68;}
#header #header-top #header-utiles #header-recherche p#header-recherche-image {margin: 4px 0 0 0; cursor: pointer;}
#header #header-top #header-utiles .dropdown, #header #header-top #header-utiles #header-mobile p{float: right;}
#header #header-top #header-utiles #header-mobile {height: 100%;}
#header #header-top #header-utiles #header-mobile p {padding:0px; height: 100%;}
#header #header-top #header-utiles #header-mobile a {padding: 12px 15px 12px 42px; height: 100%; display: block; width: 100%;}
#header #header-top #header-utiles #header-mobile #header-panier a {background: url(../images/ico_panier_rose.png) no-repeat 31% 10px;}
#header #header-top #header-utiles #header-mobile #header-compte a {background: url(../images/ico_utilisateur.png) no-repeat 31% 10px;}
#header #header-top #header-utiles #header-mobile #header-recherche-mobile a {background: url(../images/ico_rechercher.png) no-repeat 31% 10px;}
#header #header-top #header-utiles #header-mobile #ul-btn-search {display: none; background-color: white; padding: 15px; list-style: none; text-align: center; z-index: 13; border: 1px solid #8e8e8e}
#header #header-top #header-utiles #header-mobile #ul-btn-search #form-btn-search input {width: 80%;}
*/


/* Panel */
#menu-deploiement-black {display: none; position: fixed; width: 100%; height: 100%; opacity: 0.5; background-color: black; z-index: 14;}
#menu-deploiement {overflow-y: scroll; display: none; width: 80%; height:100%; background: #ffffff; z-index: 15; position: fixed; top: 0; left: -80%; padding: 0 0 0 0; -moz-box-shadow: 0 0 10px #606060; -webkit-box-shadow: 0 0 10px #606060; box-shadow: 0 0 10px #606060; padding: 15px;}
#menu-deploiement div{margin-bottom:25px;}
#menu-deploiement div ul li{list-style: none; border-bottom: 1px solid #dadada; color:black;}
#menu-deploiement div ul li a {padding: 10px; font-weight: bold;}
#menu-deploiement div ul li.niveau2 a {padding: 10px 10px 10px 20px; color: #808080;}
#menu-deploiement div ul li.niveau3 a {padding: 10px 10px 10px 30px; font-weight: normal;}
#menu-deploiement div ul li.niveau4 a {padding: 10px 10px 10px 40px; text-transform: none; font-weight: normal;}
#menu-deploiement div ul li:last-child{border-bottom: none;}
#menu-deploiement div ul li a {display:block; height:100%; color:black; text-decoration: none; text-transform: uppercase; background: url(../images/bgr_fleche.png) no-repeat 0 0; background-position:right;}
#menu-deploiement div ul #menu-deploiement-panier a, #menu-deploiement div ul #menu-deploiement-account a {color: #e21776; padding-left: 30px;}
#menu-deploiement div ul #menu-deploiement-panier p{background: url(../images/ico_panier_rose.png) no-repeat 0 12px; padding: 5px 0 5px 0;}
#menu-deploiement div ul #menu-deploiement-account p{background: url(../images/ico_utilisateur.png) no-repeat 0 12px; padding: 5px 0 5px 0;}
#menu-deploiement div ul li .menu-deploiement-fleche {text-align: right; color: #e21776;}
#menu-deploiement div ul ul {display: none;}

/* Menu */
#barre_menu {position: relative; height: 45px; border-top: 1px #d6d6d6 solid !important; border-bottom: 5px solid; text-align: center; z-index: 50;}
ul#menu {/*position: relative;*/ list-style: none; z-index: 9;}
#barre_menu li .no_click {cursor: default; text-decoration: none; }
ul#menu li {position: relative;}
ul#menu a:hover {text-decoration: none;}

/* Sous menu */
ul#menu li ul {display: none; list-style: none;}

/**
 * Login
 */
#formulaire_connexion {position: relative;}
#formulaire_connexion:after {content: ' '; display: table;}
#moncompte_connexion {position: relative; float: left; background-color: #fff; border: 1px solid #a7a9ac;}
#moncompte_connexion .titre_rubrique {margin: 0 0 20px 0; font-family: 'Courgette', cursive; text-align: center;}
#moncompte_connexion p {margin: 10px 0; text-align: left;}
#moncompte_connexion label {color: #939598;}
#moncompte_connexion .bouton {position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto 0 auto;}
#moncompte_creation {position: relative; float: left; background-color: #fff; border: 1px solid #a7a9ac; text-align: center;}
#moncompte_creation .titre_rubrique {font-family: 'Courgette', cursive; text-align: center;}
#moncompte_creation .detail {color: #939598;}
#moncompte_creation .detail .icon {font-size: 40px;}
#moncompte_creation .bouton {position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto 0 auto;}

/**
 * Produits
 */
#produits {padding: 0;}
.produit {position: relative; float: left; padding: 0 20px 0 20px; margin: 30px 0 30px 0; border-left: 1px solid #d6d6d6;}
.produit .produit-marketing {display: inline; position: absolute; top: 10px; right: 20px; padding: 7px 2px; border: 1px solid; z-index: 1;}
.produit .produit-marketing .designation {display: inline; padding: 5px; font-family: 'Courgette', cursive; font-size: 12px; color: #fff; text-align: center; z-index: 1;}
.produit .produit-promo {position: absolute; top: 10px; right: 20px; padding-top: 22px; width: 78px; height: 78px; background: url(../images/ico_promotion.png) no-repeat center left; color: #fff; font-size: 22px; text-align: center; z-index: 10;}
.produit .produit-promo .decimale, #produits .produit .produit-promo .devise {font-size: 16px;}
.produit .produit-image {margin: 0 auto 25px auto; width: 180px; text-align: center;}
.produit .produit-infos .produit-designation {margin: 0 0 15px 0; min-height: 62px; text-transform: uppercase; text-align: center;}
.produit .produit-infos .produit-resume {margin-bottom: 10px; text-transform: uppercase; text-align: center;}
.produit .produit-infos .produit-prix {position: relative; padding: 15px 0 0 0; font-weight: 600; text-align: center;text-transform: uppercase;}
.produit .produit-infos .produit-prix:after {content: ' '; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 50px; height: 3px;}
.produit .produit-infos .produit-prix .produit-prixbarre {text-decoration: line-through;}
.produit .produit-infos .produit-prix .produit-prixvente {font-size: 16px; font-weight: 500;}
.produit .produit-infos .produit-stock {margin: 20px 0 5px 0; text-align: center; font-size: 11px;}
.produit .produit-infos .produit-add {text-align: center;}
.produit .produit-infos .produit-add input {display: inline-block; margin: 0 5px 0 0; width: 25%; height: 25px; text-align: center; font-size: 16px;}
.produit .produit-infos .produit-add p {display: inline-block; margin: 0 0 5px 0; width: 25%;}
.produit .produit-infos .produit-add p .basket-add {display: block; padding: 2px; height: 100%; color: #fff; text-align: center; font-size: 15px;}
.produit .produit-infos .produit-add .produit-add-popin:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #db2b69 transparent; position: absolute; top: -10px; right: 0; left: 0; margin: 0 auto;}
.produit .produit-infos .produit-add .produit-add-popin{display: none; position: absolute; bottom: -40px; right: 0; left: 0; z-index: 1; margin: 0 auto; padding: 5px; width: 120px; border-radius: 5px; background-color: #db2b68; color: #fff;}
.produit .produit-infos .produit-indisponible {margin: 20px 0 0 0; padding: 5px; line-height: 40px; text-align: center; font-size: 16px; background: #e6e6e6;}
.produit .produit-infos .multiple .description {margin: 20px 0 5px 0; text-align: center; font-size: 11px;}
.produit .produit-infos .multiple .btn-multiple-more {display: block; padding: 5px; margin: 0 auto; width: 200px; height: 100%; text-align: center; font-size: 15px; text-decoration: none;}

/**
 * Contenu
 */
#contenu #menuitem_informations #menuitem_accroche {font-size: 14px;}
#contenu #menuitem_informations #menuitem_marque {float: right; margin: 0 0 0 40px; padding: 0 40px 0 40px; border-left: 1px solid #dadada;}
#contenu .filtres {margin: 40px 0 10px 0; font-size: 11px;}
#contenu .filtres p {margin: 6px 0 0 0; text-transform: uppercase;}
#contenu .filtres .filtre_tri {margin: 6px 0 0 40px;}
#contenu .filtres .filtre_left {float: left;}
#contenu .filtres .filtre_right {float: right;}

/**
 * Listing
 */
#listing .listing_bloc {margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #dadada;}
#listing .listing_bloc .listing_bloc_titre {margin: 0 0 10px 0; font-size: 22px; font-weight: 300;}
#listing .listing_bloc .listing_bloc_date {margin: 0 0 10px 0; font-style: italic;}
#listing .listing_bloc .listing_bloc_illustration {float: left; margin: 0 40px 0 0;}
#listing .listing_bloc .listing_bloc_contenu {font-size: 14px;}
#listing .listing_bloc:last-child {margin: 0; padding: 0; border: none;}

/**
 * Fermeture
 */
.fermeture_message {font-size: 15px; text-align: center;}

/**
 * Footer
 */
#footer {padding: 0 0 130px 0; background: url(../images/bgr_footer.png) no-repeat center bottom;}

/* Marques */
#footer #footer-marques {padding: 40px 0 40px 0; border-top: 1px solid #d6d6d6;}

/* Reassurance */
#footer #footer-reassurance {padding: 50px 0 50px 0; text-align: center;}
#footer #footer-reassurance .container {padding: 50px 15px 0 15px; border-top: 3px solid;}
#footer #footer-reassurance .footer-illustration {height: 40px;}
#footer #footer-reassurance .footer-illustration .icon {width: 40px; height: 40px; font-size: 40px;}
#footer #footer-reassurance .footer-titre {margin: 25px 0 0 0; font-size: 14px; text-transform: uppercase;}
#footer #footer-reassurance .footer-accroche {color: #828282;}

/* Catégories */
#footer #footer-categories {padding: 30px 0 50px 0; border-top: 1px solid #d6d6d6;}
#footer #footer-categories .categorie-bloc{float: left; margin: 20px 15px 0 15px; width: 197px;}
#footer #footer-categories .categorie-bloc .categorie-titre {margin: 0 0 25px 0;}
#footer #footer-categories .categorie-bloc .categorie-titre a {font-size: 14px; text-transform: uppercase;}
#footer #footer-categories .categorie-bloc .categorie-soustitre {line-height: 20px;}
#footer #footer-categories .categorie-bloc .categorie-soustitre a {color: #828282;}

/* Liens */
#footer #footer-liens {padding: 30px 0 0 0; border-top: 1px solid #d6d6d6; text-align: center;}
#footer #footer-liens .conteneur {margin: 0 auto; width: 1170px;}
#footer #footer-liens .conteneur p {display: inline-block;}
#footer #footer-liens .conteneur a {padding: 0 10px 0 10px; border-left: 1px solid #828282; color: #828282; text-transform: uppercase;}
#footer #footer-liens .conteneur p:first-child a{border: none;}

/* Sociaux */
#footer #footer-sociaux {padding: 45px 0 0 0; text-align: center;}
#footer #footer-sociaux .conteneur {margin: 0 auto; font-size: 0;}
#footer #footer-sociaux .conteneur p {display: inline-block;}
#footer #footer-sociaux .conteneur p a {display: inline-block; margin: 0 8px 0 8px; width: 48px; height: 48px; font-size: 48px;}

/* Pagination */
.navpages {clear: both; padding: 20px 0 0 0; text-align: right; font-size: 14px; font-weight: bold;}
.navpages a {text-decoration: none; color: #595959; font-weight: normal;}
.navpages a:hover {text-decoration: underline; font-weight: bold;}
.navpages span {padding: 0 2px;}
.navpages img {vertical-align: -3px;}
.navpages .seppages {font-weight: normal;}

/* Signup */
#signup p span{ color: #db2b68; font-weight: 700;}

/**
 * Surcharge Bootstrap : Découpage en 5 colonnes
 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Grand écran */
@media screen and (min-width: 1200px) {
 	.ecran {display: inherit !important;}
	.hidden_ecran {display: none !important;}
	.container {width: 1170px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 1140px */

	/* Header */
	#header #header-top {width: 100%; border-bottom: 2px #000 solid;}
	#header #header-top #header-domaines {border-right: none;}
	#header #header-top #header-utiles #header-mobiles {display: none;}
	#header #header-presentation  #header-menu-deploiement {display:none;}

	h1 {font-size: 50px; color: #db2b68;}
	/*h2, h3, h4, h5, h6 {font-size: 36px;}*/
	h2, h3, h4, h5, h6 {font-size: 28px;}

 	/* Menu */
	#header #header-menu .container {padding-left: 0; padding-right: 0;}
	ul#menu {display: inline-block; height: 44px; font-size: 0;}
	ul#menu > li {display: inline-block; padding: 8px 0 6px 0; font-size: 14px; color: #000;}
	ul#menu > li:hover {color: #fff; cursor: pointer;}
	ul#menu > li > a {display: block; height: 30px; line-height: 30px; padding: 0 13px; color: #000; text-transform: uppercase;}
	ul#menu > li:hover > a {color: #fff; cursor: pointer;}
	ul#menu > li:first-child > a {border: none;}
	ul#menu a.menuselected {color: #fff;}

	/* Sous menu */
	ul#menu li ul {width: 200px; padding: 0; position: absolute; top: 39px; left: 0px; text-align: left;}
	ul#menu li ul li {margin: 5px; font-size: 12px;}
	ul#menu li ul li a {display: block; padding: 5px; color: #000;}
	ul#menu li ul li a:hover {background: #fff;}
	ul#menu li ul li a.menuselected {color: #db2b68; background: #fff;}

	/* Big Sous menu */
	ul#menu > li.big_submenu {position: static;}
	ul#menu > li.big_submenu > ul {width: 1170px; padding: 20px 15px; left: 0px; background: #fff; border-top: 5px solid; -moz-box-shadow: 0px 3px 3px rgba(29,29,28,0.27); -webkit-box-shadow: 0px 3px 3px rgba(29,29,28,0.27); box-shadow: 0px 3px 3px rgba(29,29,28,0.27);}
	ul#menu > li.big_submenu > ul > li {float: left; width: 190px; margin: 5px 0;}
	ul#menu > li.big_submenu > ul > li:nth-child(6n+1) {clear: both;}
	ul#menu > li.big_submenu > ul > li a {padding: 5px 10px; font-size: 13px; font-weight: 400;}
	ul#menu > li.big_submenu > ul > li > a {font-size: 14px; text-transform: uppercase;}
	ul#menu > li.big_submenu > ul > li#banniere_menu {float: right; width: 200px; height: 150px; margin: 0 0 5px 0; padding: 0; background: #fff; border: none;}

	/* Sous sous menu */
	ul#menu li.submenu ul li ul {top: 5px; left: 190px;}

	/* Big Sous sous menu */
	ul#menu > li.big_submenu ul li ul {display: block; width: auto; position: static; background: none;}
	ul#menu > li.big_submenu ul li ul li {margin: 0;}
	ul#menu > li.big_submenu ul li ul li a {font-weight: 600; color: #b1b1b1;}

	/* Big Sous sous sous menu */
	ul#menu > li.big_submenu ul li ul li ul li {margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(../images/ico_puce.jpg) no-repeat center left;}
	ul#menu > li.big_submenu ul li ul li ul li a {font-weight: normal;}

	/* Login */
	.form .form-group label {width: 35%;}
	.form .form-group div {width: 65%;}
	#moncompte_connexion {margin: 0 0 0 65px; padding: 20px 20px 0 20px; width: 490px; height: 390px;}
	#moncompte_connexion .titre_rubrique {font-size: 24px;}
	#moncompte_creation {margin: 0 65px 0 30px; padding: 20px 20px 0 20px; width: 490px; height: 390px;}
	#moncompte_creation .titre_rubrique {font-size: 24px;}
	#moncompte_creation .detail {padding: 27px 0 0 0; font-size: 20px;}

	/* Produits */
	.produit {width: 285px;}
	.produit:nth-child(4n+1) {border: none; clear:both;}
	.produit:nth-child(4n+1):after {content: ''; position: absolute; top: -30px; left: 0; width: 1140px; border-bottom: 1px solid #d6d6d6;}
	.produit .produit-infos .produit-designation {min-height: 62px; font-size: 25px;}
	.produit .produit-infos .produit-resume {min-height: 37px; font-size: 18px;}

	/* Footer */
    #footer #footer-categories .categorie-bloc:nth-child(5n+1) {clear: both;}
	#footer #footer-liens .conteneur a {padding: 0 20px 0 20px;}
}

/* Ecran classique OU Tablette paysage */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* Général */
 	.ecran {display: inherit !important;}
	.hidden_ecran {display: none !important;}
	.container {width: 970px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 940px */

	/* Header */
	#header #header-top {width: 100%; height: 42px; border-bottom: 2px #000 solid;}
	#header #header-top #header-domaines {border-right: none;}
	#header #header-top #header-domaines li a {font-size: 13px;}
	#header #header-top #header-utiles #header-mobiles {display: none;}
	#header #header-presentation  #header-menu-deploiement {display:none;}

    /* Titres */
	h1 {font-size: 50px;}
	h2, h3, h4, h5, h6 {font-size: 30px;}

  	/* Menu */
	#header #header-menu .container {padding-left: 0; padding-right: 0;}
	ul#menu {display: inline-block; height: 44px; font-size: 0;}
	ul#menu > li {display: inline-block; padding: 8px 0 6px 0; font-size: 13px; color: #db2b68;}
	ul#menu > li:hover {color: #fff; cursor: pointer;}
	ul#menu > li > a {display: block; height: 30px; line-height: 30px; padding: 0 6px; color: #000; text-transform: uppercase;}
	ul#menu > li:hover > a {color: #fff; cursor: pointer;}
	ul#menu > li:first-child > a {border: none;}
	ul#menu a.menuselected {color: #fff; background: #db2b68;}

	/* Sous menu */
	ul#menu li ul {width: 200px; padding: 0; position: absolute; top: 39px; left: 0px; text-align: left;}
	ul#menu li ul li {margin: 5px; font-size: 12px;}
	ul#menu li ul li a {display: block; padding: 0 5px; color: #000;}
	ul#menu li ul li a:hover {color: #db2b68; background: #fff;}
	ul#menu li ul li a.menuselected {color: #db2b68; background: #fff;}

	/* Big Sous menu */
	ul#menu > li.big_submenu {position: static;}
	ul#menu > li.big_submenu > ul {width: 970px; padding: 20px 15px; left: 0px; background: #fff; border-top: 5px solid; -moz-box-shadow: 0px 3px 3px rgba(29,29,28,0.27); -webkit-box-shadow: 0px 3px 3px rgba(29,29,28,0.27); box-shadow: 0px 3px 3px rgba(29,29,28,0.27);}
	ul#menu > li.big_submenu > ul > li {float: left; width: 156px; margin: 5px 0;}
	ul#menu > li.big_submenu > ul > li:nth-child(6n+1) {clear: both;}
	ul#menu > li.big_submenu > ul > li a {padding: 5px 10px; font-size: 12px; font-weight: 400;}
	ul#menu > li.big_submenu > ul > li > a {font-size: 13px; text-transform: uppercase;}
	ul#menu > li.big_submenu > ul > li#banniere_menu {float: right; width: 200px; height: 150px; margin: 0 0 5px 0; padding: 0; background: #fff; border: none;}

	/* Sous sous menu */
	ul#menu li.submenu ul li ul {top: 5px; left: 190px;}

	/* Big Sous sous menu */
	ul#menu > li.big_submenu ul li ul {display: block; width: auto; position: static; background: none;}
	ul#menu > li.big_submenu ul li ul li {margin: 0;}
	ul#menu > li.big_submenu ul li ul li a {font-weight: 600; color: #b1b1b1;}

	/* Big Sous sous sous menu */
	ul#menu > li.big_submenu ul li ul li ul li {margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(../images/ico_puce.jpg) no-repeat center left;}

	/* Login */
	.form .form-group label{width: 25%;}
	.form .form-group div{width: 75%;}
	#moncompte_connexion {margin: 0; padding: 20px 20px 0 20px; width: 455px; height: 390px;}
	#moncompte_connexion .titre_rubrique {font-size: 24px;}
	#moncompte_creation {margin: 0 0 0 30px; padding: 20px 20px 0 20px; width: 455px; height: 390px;}
	#moncompte_creation .titre_rubrique {font-size: 24px;}
	#moncompte_creation .detail {padding: 27px 0 85px 0; font-size: 20px;}

	/* Produits */
	.produit {width: 235px;}
	.produit:nth-child(4n+1) {border: none; clear:both;}
	.produit:nth-child(4n+1):after {content: ''; position: absolute; top: -30px; left: 0; width: 940px; border-bottom: 1px solid #d6d6d6;}
	.produit .produit-infos .produit-designation {min-height: 62px; font-size: 23px;}
	.produit .produit-infos .produit-resume {min-height: 37px; font-size: 16px;}

	/* Footer */
	#footer #footer-categories .categorie-bloc {width: 157px;}
	#footer #footer-categories .categorie-bloc:nth-child(5n+1) {clear: both;}
	#footer #footer-liens .conteneur {width: 970px;}
}

/* Tablette portrait */
@media screen and (min-width: 768px) and (max-width: 991px) {
	/* Général */
	.tablette {display: inherit !important;}
	.hidden_tablette {display: none !important;}
	.container {width: 750px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 720px */

    /* Titres */
	h1 {font-size: 40px;}
	h2, h3, h4, h5, h6 {font-size: 25px;}

	/* Header */
	#header .container {width: 100%;}
	#header {border-bottom: 3px solid;}
	#header #header-top {margin: 0 !important; padding: 0; height: 30px; width: 100%; border-bottom: 2px solid #000;}
	#header #header-top #header-domaines {border-right: none;}
	#header #header-top #header-domaines li {position: relative; float: none; background: #fff;}
	#header #header-top #header-domaines li:first-child a {padding: 4px 25px 4px 10px;}
	#header #header-top #header-domaines li a {padding: 4px 25px 4px 10px;}
	#header #header-top #header-domaines li a i {display: block; position: absolute; top: 7px; right: 10px;}
	#header #header-top #header-domaines li a span {display: inline;}
	#header #header-top #header-domaines li:nth-child(n+2) {display: none;}
	#header #header-presentation #header-logo {padding: 20px 0 0 100px;}
	#header #header-top #header-utiles {position: absolute; top: 0; right: 0; padding-top: 0; height: 100%;}
	#header #header-top #header-utiles #header-mobiles {display: none;}
	#header #header-top #header-utiles #header-social {font-size: 20px;}
	#header #header-top #header-utiles #header-telephone {padding: 4px 0 0 25px;}
	#header #header-top #header-utiles #header-telephone p {font-size: 14px;}
	#header #header-top #header-utiles #header-telephone p i {font-size: 20px;}
	#header #header-presentation #header-informations {font-size: 11px;}
	#header #header-presentation #header-informations #header-compte {padding: 10px 10px 10px 30px;}
	#header #header-presentation #header-informations #header-informations-detail, #header #header-presentation #header-informations #header-informations-detail-panier {font-size: 9px;}
	#header #header-presentation #header-informations #header-recherche {margin: 0 10px 0 0; padding: 9px 10px 9px 10px;}
	#header #header-presentation #header-informations #header-recherche p {font-size: 18px;}
	#header #header-presentation #header-informations #header-recherche p#header-recherche-input {font-size: 12px;}
	#header #header-presentation #header-informations #header-recherche p#header-recherche-submit {margin: 2px 0 0 5px;}
/*
	#header #header-top #header-utiles #header-recherche, #header #header-top #header-utiles .dropdown, #header #header-top #header-utiles .nodropdown {display: none;}
	#header #header-top #header-utiles #header-mobile p {border-left: 1px solid #8e8e8e; text-align: center;}
	#header #header-top #header-utiles #header-mobile #header-panier {border-right: 1px solid #8e8e8e;}
	#header #header-top #header-utiles #header-mobile #header-panier a{display: block; width:100%;}
	#header #header-presentation {margin: 1px 0 0 0; height: 100px;}
	#header #header-presentation #header-informations #header-panier {display: none;}
	#header #header-presentation #header-informations #header-compte {display: none;}
	#header #header-menu #barre_menu {display: none;}
*/

	/* Menu */
	#menu_deploiement {height: 56px; line-height: 56px; text-align: center; border-top: 1px solid #cfd1d2;}
	#menu_deploiement .deploiement_menu {display: block; font-size: 18px; text-transform: uppercase;}
	#menu_deploiement .deploiement_menu img {vertical-align: -2px;}
	#menu_deploiement a:hover {text-decoration: none;}
	#barre_menu {display: none;}
	ul#menu {background: #444;}
	ul#menu li {border-top: 1px solid #aaa;}
	ul#menu li a {position: relative; display: block; width: 440px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 14px; color: #fff;}
	ul#menu li a span.fleche {position: absolute; top: 10px; right: -10px; display: block; width: 10px; height: 10px; padding: 10px; background: url(../images/fleche_menu_inactive.png) no-repeat center center;}
	ul#menu li.menuselected a span.fleche {background-image: url(../images/fleche_menu_active.png);}
	ul#menu ul {background: #555;}
	ul#menu ul ul {background: #666;}

	/* Login */
	#formulaire_connexion label {display: none;}
	#moncompte_connexion {margin: 0; padding: 20px 20px 0 20px; width: 345px; height: 410px;}
	#moncompte_connexion .titre_rubrique {font-size: 24px;}
	#moncompte_creation {margin: 0 0 0 30px; padding: 20px 20px 0 20px; width: 345px; height: 410px;}
	#moncompte_creation .titre_rubrique {font-size: 24px;}
	#moncompte_creation .detail {padding: 27px 0 85px 0; font-size: 20px;}

	/* Produits */
	.produit {width: 235px;}
	.produit:nth-child(3n+1) {border: none; clear:both;}
	.produit:nth-child(3n+1):after {content: ''; position: absolute; top: -30px; left: 0; width: 750px; border-bottom: 1px solid #d6d6d6;}
	.produit .produit-infos .produit-designation {min-height: 62px; font-size: 23px;}
	.produit .produit-infos .produit-resume {min-height: 37px; font-size: 16px;}

	/*#contenu #menuitem_informations {display: none;}*/

	/* Footer */
	#footer #footer-reassurance .footer-titre {display: none;}
	#footer #footer-reassurance .footer-accroche {display: none;}

	#footer #footer-liens {display: none;}
	#footer #footer-categories .categorie-bloc {width: 210px;}
	#footer #footer-categories .categorie-bloc:nth-child(3n+1) {clear: both;}
}

/* Mobile paysage */
@media screen and (min-width: 480px) and (max-width: 767px) {
	/* Général */
	.tablette {display: inherit !important;}
	.hidden_mobile {display: none !important;}
	.container {width: 460px;} /* Pensez à oter les margin left et right de 15px chacune : largeur réelle 430px */

    /* Titres */
	h1 {font-size: 40px;}
	h2, h3, h4, h5, h6 {font-size: 25px;}

    /* Contenu */
	#contenu .filtres .filtre_left, #contenu .filtres .filtre_right{float:left; display: inline-block; margin-top: 0;}
	#contenu .filtres .filtre_bloc{display: inline-block; width:100%; margin-top: 15px;}
	#contenu .filtres {display:none; margin-top:10px; border-top: 1px solid #d6d6d6;}
	#contenu #filtres_responsive {display: block;}
	#contenu #filtres_responsive a {display: block; width: 100%, height: 100%; padding: 10px; text-decoration: none; color: black;}
	#contenu #filtres_responsive a span{width: 30%;}
	#contenu #filtres_responsive a #filtre_select_fleche {color: #db2b68; width:70%; text-align:right;}
	#contenu #filtre_tri_responsive{display: block; margin-left: 0;}
	#contenu #filtre_tri{display: none;}
	#contenu #dropdown-prix {display:inline-block; padding-top:0; margin-top: 0;}

	/* Header */
	#header {border-bottom: 3px solid;}
	#header .container {width: 100%;}
	#header #header-top {margin: 0 !important; padding: 0; height: 30px; width: 100%; border-bottom: 2px solid #000;}
	#header #header-top #header-domaines {border-right: 1px solid;}
	#header #header-top #header-domaines li {position: relative; float: none; background: #fff;}
	#header #header-top #header-domaines li:first-child a {padding: 4px 25px 4px 10px;}
	#header #header-top #header-domaines li a {padding: 4px 25px 4px 10px;}
	#header #header-top #header-domaines li a i {display: block; position: absolute; top: 7px; right: 10px;}
	#header #header-top #header-domaines li a span {display: inline;}
	#header #header-top #header-domaines li:nth-child(n+2) {display: none;}
	#header #header-presentation #header-logo {padding: 20px 0 0 0; text-align: center;}
	#header #header-top #header-utiles {position: absolute; top: 0; right: 0; padding-top: 0; height: 100%;}
	#header #header-top #header-utiles #header-mobiles {float: right;}
	#header #header-top #header-utiles #header-mobiles .header-mobile {float: left;}
	#header #header-top #header-utiles #header-mobiles .header-mobile p {margin: 2px 15px 2px 15px; width: 23px; height: 23px;}
	#header #header-top #header-utiles #header-mobiles .header-mobile p a {display: block; width: 23px; height: 23px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher {position: relative;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search {display: none; position: absolute; top: 27px; right: 0; width: 246px; padding: 10px 20px 10px 20px; background-color: #fff; border-left: 2px solid #000; border-bottom: 2px solid #000; z-index: 10;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search {width: 246px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search p {float: left; margin: 0;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-input {width: 180px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-input #keywords {width: 180px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {margin: 0 0 0 10px; width: 16px; height: 23px; cursor: pointer;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher:hover #div-btn-search {display: block;}

	#professionnels #header #header-top #header-utiles #header-mobiles #header-panier p a {background: url(../images/ico_panier_rose.png) no-repeat top left;}
	#professionnels #header #header-top #header-utiles #header-mobiles #header-compte p a {background: url(../images/ico_utilisateur_rose.png) no-repeat top left;}
	#professionnels #header #header-top #header-utiles #header-mobiles #header-rechercher p a {background: url(../images/ico_rechercher_rose.png) no-repeat top left;}
	#professionnels #header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {background: url(../images/ico_recherche_rose.png) no-repeat left 3px;}

	#ecoles #header #header-top #header-utiles #header-mobiles #header-panier p a {background: url(../images/ico_panier_violet.png) no-repeat top left;}
	#ecoles #header #header-top #header-utiles #header-mobiles #header-compte p a {background: url(../images/ico_utilisateur_violet.png) no-repeat top left;}
	#ecoles #header #header-top #header-utiles #header-mobiles #header-rechercher p a {background: url(../images/ico_rechercher_violet.png) no-repeat top left;}
	#ecoles #header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {background: url(../images/ico_recherche_violet.png) no-repeat top left;}

	#eleves #header #header-top #header-utiles #header-mobiles #header-panier p a {background: url(../images/ico_panier_vert.png) no-repeat top left;}
	#eleves #header #header-top #header-utiles #header-mobiles #header-compte p a {background: url(../images/ico_utilisateur_vert.png) no-repeat top left;}
	#eleves #header #header-top #header-utiles #header-mobiles #header-rechercher p a {background: url(../images/ico_rechercher_vert.png) no-repeat top left;}
	#eleves #header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {background: url(../images/ico_recherche_vert.png) no-repeat top left;}

	#header #header-top #header-utiles #header-social {display: none;}
	#header #header-top #header-utiles #header-telephone {display: none;}
	#header #header-presentation #header-informations {display: none;}

/*
	#header #header-top #header-utiles #header-mobiles a {padding: 12px;}
	#header #header-top #header-utiles #header-mobiles #ul-btn-search {display: none; width: 165px;}
	#header #header-top #header-utiles #header-mobiles #header-panier a {background: url(../images/ico_panier_rose.png) no-repeat 50% 10px;}
	#header #header-top #header-utiles #header-mobiles #header-compte a {background: url(../images/ico_utilisateur.png) no-repeat 50% 10px;}
	#header #header-top #header-utiles #header-mobiles #header-recherche-mobile a {background: url(../images/ico_rechercher.png) no-repeat 50% 10px;}

	#header #header-top {height: 44px; margin: 0 !important; padding: 0; width: 100%;}
	#header #header-top .col-sm-3, #header #header-top .col-sm-9{padding: 0;}
	#header #header-top .col-sm-3 ul{width: 100%}
	#header #header-top #header-utiles {position: absolute; top: 0; right: 0; padding-top: 0; height: 100%;}
	#header #header-top #header-utiles #header-mobile a {padding: 12px;}
	#header #header-top #header-utiles #header-mobile #ul-btn-search{width: 165px;}
	#header #header-top #header-utiles #header-mobile #header-panier a {background: url(../images/ico_panier_rose.png) no-repeat 50% 10px;}
	#header #header-top #header-utiles #header-mobile #header-compte a {background: url(../images/ico_utilisateur.png) no-repeat 50% 10px;}
	#header #header-top #header-utiles #header-mobile #header-recherche-mobile a {background: url(../images/ico_rechercher.png) no-repeat 50% 10px;}
	#header #header-top #header-utiles #header-mobile #header-panier , #header #header-top #header-utiles #header-mobile #header-compte {border-left 10px solid black;}
	#header #header-top #header-utiles #header-recherche, #header #header-top #header-utiles .dropdown, #header #header-top #header-utiles .nodropdown {display: none;}
	#header #header-top #header-utiles .texte-header-menu {display : none;}
	#header #header-top #header-domaines li {float: none;}
	#header #header-top #header-domaines li a {background: #db2b68; color: #fff;}
	#header #header-top #header-domaines li a:hover {background: #8e8e8e; color: #fff;}
	#header #header-top #header-domaines li:first-child a {padding: 15px 45px 15px 30px;}
	#header #header-top #header-domaines li:first-child a.header-domaines-active, #header #header-domaines li:first-child a:hover {background: #8e8e8e url(../images/bgr_fleche_deroule.png) no-repeat 85% 50%;}
	#header #header-top #header-domaines li:nth-child(n+2) {display: none;}
	#header #header-presentation {margin: 1px 0 0 0; height: 100px;}
	#header #header-presentation #header-logo {padding: 20px 0 0 0; text-align: center;}
	#header #header-presentation #header-informations #header-panier {display: none;}
	#header #header-presentation #header-informations #header-compte {display: none;}
	#header #header-menu #barre_menu {display: none;}
*/
	/* Menu */
	#menu_deploiement {height: 56px; line-height: 56px; text-align: center; border-top: 1px solid #cfd1d2;}
	#menu_deploiement .deploiement_menu {display: block; font-size: 18px; text-transform: uppercase;}
	#menu_deploiement .deploiement_menu img {vertical-align: -2px;}
	#menu_deploiement a:hover {text-decoration: none;}
	#barre_menu {display: none;}
	ul#menu {background: #444;}
	ul#menu li {border-top: 1px solid #aaa;}
	ul#menu li a {position: relative; display: block; width: 430px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 14px; color: #fff;}
	ul#menu li a span.fleche {position: absolute; top: 10px; right: -10px; display: block; width: 10px; height: 10px; padding: 10px; background: url(../images/fleche_menu_inactive.png) no-repeat center center;}
	ul#menu li.menuselected a span.fleche {background-image: url(../images/fleche_menu_active.png);}
	ul#menu ul {background: #555;}
	ul#menu ul ul {background: #666;}

    /* Fil d'ariane */
	#basket_ariane p {display: none;}
	#basket_ariane .current p {display: block; height: 40px; line-height: 40px; background: #e31776; font-size: 13px;}

	/* Login */
	#formulaire_connexion label {display: none;}
	#moncompte_connexion {float: none; margin: 0 auto 0 auto; padding: 20px 20px 0 20px; width: 360px; height: 420px;}
	#moncompte_connexion .titre_rubrique {font-size: 24px;}
	#moncompte_creation {float: none; margin: 30px auto 0 auto; padding: 20px 20px 0 20px; width: 360px; height: 420px;}
	#moncompte_creation .titre_rubrique {font-size: 24px;}
	#moncompte_creation .detail {padding: 27px 0 85px 0; font-size: 20px;}

	/* Produits */
	.produit {width: 215px;}
	.produit:nth-child(2n+1) {border: none; clear:both;}
	.produit:nth-child(2n+1):after {content: ''; position: absolute; top: -30px; left: 0; width: 430px; border-bottom: 1px solid #d6d6d6;}
	.produit .produit-infos .produit-designation {min-height: 62px; font-size: 23px;}
	.produit .produit-infos .produit-resume {min-height: 37px; font-size: 16px;}

	/*#contenu #menuitem_informations {display: none;}*/

	/* Footer */
	#footer #footer-reassurance .footer-titre {display: none;}
	#footer #footer-reassurance .footer-accroche {display: none;}

	#footer #footer-liens .conteneur {width: 100%;}
	#footer #footer-liens .conteneur p {display: block; padding: 2px 0 2px 0;}
	#footer #footer-liens .conteneur p a {padding: 0; border-left: none;}
	#footer #footer-categories .categorie-bloc {width: 100%; float: none; margin: 10px 0 0 0; text-align: center; padding: 0;}
	#footer #footer-categories .categorie-bloc .categorie-soustitre {display: none;}
	#footer #footer-categories .categorie-bloc .categorie-titre{margin-bottom: 0; min-height: 20px; max-height: 20px;}
	#footer #footer-categories {padding-top: 10px;}
	#footer #footer-marques {display: none;}
}

/* Mobile portrait */
@media screen and (max-width: 479px) {
	.mobile {display: inherit !important;}
	.hidden_mobile {display: none !important;}
	.container, #btn_signup{width: 100%;} /* Merci de tout centrer avec des largeurs 100% */

	h1 {font-size: 35px;}
	h2, h3, h4, h5, h6 {font-size: 15px;}

	/* Contenu */
	#contenu {padding: 45px 15px 45px 15px;}
	#contenu .filtres .filtre_left, #contenu .filtres .filtre_right{float:left; display: inline-block; margin-top: 0;}
	#contenu .filtres .filtre_bloc{display: inline-block; width:100%; margin-top: 10px;}
	#contenu .filtres {display: none; margin-top:10px; border-top: 1px solid #d6d6d6;}
	#contenu #filtres_responsive {display: block;}
	#contenu #filtres_responsive a {display: block; width: 100%, height: 100%; padding: 10px; text-decoration: none; color: black;}
	#contenu #filtres_responsive a span{width: 30%;}
	#contenu #filtres_responsive a #filtre_select_fleche {color: #db2b68; width: 70%; text-align: right;}
	#contenu #filtre_tri_responsive{display: block; margin-left: 0; float:left;}
	#contenu #filtre_tri{display: none;}
	#contenu #dropdown-prix {display:block; padding-top:0; margin-top: 0!important;}

	/* Header */
	#header {border-bottom: 3px solid;}
	#header .container {width: 100%;}
	#header #header-top {margin: 0 !important; padding: 0; height: 30px; width: 100%; border-bottom: 2px solid #000;}
	#header #header-top #header-domaines {border-right: 1px solid;}
	#header #header-top #header-domaines li {position: relative; float: none; background: #fff;}
	#header #header-top #header-domaines li:first-child a {padding: 4px 25px 4px 10px;}
	#header #header-top #header-domaines li a {padding: 4px 25px 4px 10px;}
	#header #header-top #header-domaines li a i {display: block; position: absolute; top: 7px; right: 10px;}
	#header #header-top #header-domaines li a span {display: inline;}
	#header #header-top #header-domaines li:nth-child(n+2) {display: none;}
	#header #header-presentation #header-logo {padding: 20px 20px 0 0; text-align: right;}
	#header #header-top #header-utiles {position: absolute; top: 0; right: 0; padding-top: 0; height: 100%;}
	#header #header-top #header-utiles #header-mobiles {float: right;}
	#header #header-top #header-utiles #header-mobiles .header-mobile {float: left;}
	#header #header-top #header-utiles #header-mobiles .header-mobile p {margin: 2px 10px 2px 10px; width: 23px; height: 23px;}
	#header #header-top #header-utiles #header-mobiles .header-mobile p a {display: block; width: 23px; height: 23px; cursor: pointer;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher {position: relative;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search {display: none; position: absolute; top: 27px; right: 0; width: 246px; padding: 10px 20px 10px 20px; background-color: #fff; border-left: 2px solid #000; border-bottom: 2px solid #000; z-index: 10;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search {width: 246px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search p {float: left; margin: 0;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-input {width: 180px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-input #keywords {width: 180px;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {margin: 0 0 0 10px; width: 16px; height: 23px; cursor: pointer;}
	#header #header-top #header-utiles #header-mobiles #header-rechercher:hover #div-btn-search {display: block;}

	#professionnels #header #header-top #header-utiles #header-mobiles #header-panier p a {background: url(../images/ico_panier_rose.png) no-repeat top left;}
	#professionnels #header #header-top #header-utiles #header-mobiles #header-compte p a {background: url(../images/ico_utilisateur_rose.png) no-repeat top left;}
	#professionnels #header #header-top #header-utiles #header-mobiles #header-rechercher p a {background: url(../images/ico_rechercher_rose.png) no-repeat top left;}
	#professionnels #header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {background: url(../images/ico_recherche_rose.png) no-repeat left 3px;}

	#ecoles #header #header-top #header-utiles #header-mobiles #header-panier p a {background: url(../images/ico_panier_violet.png) no-repeat top left;}
	#ecoles #header #header-top #header-utiles #header-mobiles #header-compte p a {background: url(../images/ico_utilisateur_violet.png) no-repeat top left;}
	#ecoles #header #header-top #header-utiles #header-mobiles #header-rechercher p a {background: url(../images/ico_rechercher_violet.png) no-repeat top left;}
	#ecoles #header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {background: url(../images/ico_recherche_violet.png) no-repeat top left;}

	#eleves #header #header-top #header-utiles #header-mobiles #header-panier p a {background: url(../images/ico_panier_vert.png) no-repeat top left;}
	#eleves #header #header-top #header-utiles #header-mobiles #header-compte p a {background: url(../images/ico_utilisateur_vert.png) no-repeat top left;}
	#eleves #header #header-top #header-utiles #header-mobiles #header-rechercher p a {background: url(../images/ico_rechercher_vert.png) no-repeat top left;}
	#eleves #header #header-top #header-utiles #header-mobiles #header-rechercher #div-btn-search #form-btn-search #header-recherche-submit {background: url(../images/ico_recherche_vert.png) no-repeat top left;}

	#header #header-top #header-utiles #header-social {display: none;}
	#header #header-top #header-utiles #header-telephone {display: none;}
	#header #header-presentation #header-informations {display: none;}
/*
	#header #header-top {height: 44px; margin: 0 !important; padding: 0; width: 100%;}
	#header #header-top #header-domaines li {float: none;}
	#header #header-top #header-domaines li a {background: #db2b68; color: #fff;  padding-left: 15px !important;}
	#header #header-top #header-domaines li a:hover {background: #8e8e8e; color: #fff;}
	#header #header-top #header-domaines li:first-child a {padding: 15px 15px 15px 30px; padding-left: 10px !important; text-align: center;}
	#header #header-top #header-domaines li:first-child a.header-domaines-active, #header #header-domaines li:first-child a:hover {background: #8e8e8e url(../images/bgr_fleche_deroule.png) no-repeat 50% 80%;}
	#header #header-top #header-domaines li:nth-child(n+2) {display: none;}
	#header #header-top .col-sm-3, #header #header-top .col-sm-9, #header #header-top #header-utiles #header-mobile .col-sm-4 {padding: 0;}
	#header #header-top .col-sm-3 ul{width: 100%}
	#header #header-top #header-utiles {position: absolute; top: 0; right: 0; height: 100%;}
	#header #header-top #header-utiles #header-mobile a {padding: 12px;}
	#header #header-top #header-utiles #header-mobile #ul-btn-search{width: 100%;}
	#header #header-top #header-utiles #header-mobile #header-panier a {background: url(../images/ico_panier_rose.png) no-repeat 50% 12px;}
	#header #header-top #header-utiles #header-mobile #header-compte a {background: url(../images/ico_utilisateur.png) no-repeat 50% 12px;}
	#header #header-top #header-utiles #header-mobile #header-recherche-mobile a {background: url(../images/ico_rechercher.png) no-repeat 50% 12px;}
	#header #header-top #header-utiles #header-recherche, #header #header-top #header-utiles .dropdown, #header #header-top #header-utiles .nodropdown {display: none;}
	#header #header-top #header-utiles .texte-header-menu {display : none;}
	#header #header-presentation {margin: 1px 0 0 0; height: 100px;}
	#header #header-presentation #header-logo {padding: 20px 0 0 75px; text-align: center;}
	#header #header-presentation #header-logo img{width: 100%; max-width: 195px;}
	#header #header-presentation #header-informations #header-panier {display: none;}
	#header #header-presentation #header-informations #header-compte {display: none;}
	#header #header-menu #barre_menu {display: none;}
*/
	#menu_deploiement {height: 56px; line-height: 56px; text-align: center; border-top: 1px solid #cfd1d2;}
	#menu_deploiement .deploiement_menu {display: block; font-size: 18px; text-transform: uppercase;}
	#menu_deploiement .deploiement_menu img {vertical-align: -2px;}
	#menu_deploiement a:hover {text-decoration: none;}
	#barre_menu {display: none;}
	ul#menu {background: #444;}
	ul#menu li {border-top: 1px solid #aaa;}
	ul#menu li a {position: relative; display: block; width: 280px; height: 50px; line-height: 50px; margin: 0 auto; color: #fff;}
	ul#menu li a span.fleche {position: absolute; top: 10px; right: -10px; display: block; width: 10px; height: 10px; padding: 10px; background: url(../images/fleche_menu_inactive.png) no-repeat center center;}
	ul#menu li.menuselected a span.fleche {background-image: url(../images/fleche_menu_active.png);}
	ul#menu ul {background: #555;}
	ul#menu ul ul {background: #666;}

	/* Fil d'ariane */
	#basket_ariane p {display: none;}
	#basket_ariane .current p {display: block; height: 40px; line-height: 40px; background: #e31776; font-size: 13px;}

	/* Login */
	#formulaire_connexion label {display: none;}
	#moncompte_connexion {float: none; margin: 0 auto 0 auto; padding: 20px 20px 0 20px; width: 280px; height: 465px;}
	#moncompte_connexion .titre_rubrique {font-size: 24px;}
	#moncompte_creation {float: none; margin: 30px auto 0 auto; padding: 20px 20px 0 20px; width: 280px; height: 465px;}
	#moncompte_creation .titre_rubrique {font-size: 24px;}
	#moncompte_creation .detail {padding: 27px 0 85px 0; font-size: 20px;}

	/* Produits */
	.produit {float: none; margin: 0 auto 0 auto; width: 235px;}
	.produit:nth-child(1n+1) {border: none; clear:both;}
	.produit:nth-child(1n+1):after {content: ''; position: absolute; top: -30px; left: 0; width: 100%; border-bottom: 1px solid #d6d6d6;}
	.produit .produit-infos .produit-designation {min-height: 62px; font-size: 23px;}
	.produit .produit-infos .produit-resume {min-height: 37px; font-size: 16px;}

	/* Listing */
	#listing .listing_bloc .listing_bloc_illustration {float: none;}
	#listing .listing_bloc .listing_bloc_titre {margin: 10px 0 10px 0;}

	/* Formulaire */
	.submit {width: 100% !important;}

	/* Footer */
	#footer #footer-reassurance .footer-titre {display: none;}
	#footer #footer-reassurance .footer-accroche {display: none;}

	#footer #footer-liens .conteneur {width: 100%;}
	#footer #footer-liens .conteneur p {display: block; padding: 2px 0 2px 0;}
	#footer #footer-liens .conteneur p a {padding: 0; border-left: none;}
	#footer #footer-categories .categorie-bloc {width: 100%; float: none; margin: 10px 0 0 0; text-align: center; padding: 0;}
	#footer #footer-categories .categorie-bloc .categorie-soustitre {display: none;}
	#footer #footer-categories .categorie-bloc .categorie-titre{margin-bottom: 0; min-height: 20px; max-height: 20px;}
	#footer #footer-categories {padding-top: 10px;}
	#footer #footer-marques {display: none;}
}