@import url(box.css);
@import url(popup.css);
@import url(retourHaut.css);
@import url(slideShow.css);
@import url(sliderNi.css);
@import url(configurateur.css);
@import url(contenuPerso.css);
@import url('../scripts/cookiesNotice/style.css');
@font-face {
    font-family: 'Parisienne';
    font-style: normal;
    font-weight: 300;
    src: local('Parisienne-Regular'), local('Parisienne-Regular'), url('../fonts/Parisienne-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    src: local('Hind-Light'), local('Hind-Light'), url('../fonts/Hind-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    src: local('Hind-Regular'), local('Hind-Regular'), url('../fonts/Hind-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    src: local('Hind-Medium'), local('Hind-Medium'), url('../fonts/Hind-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    src: local('Hind-SemiBold'), local('Hind-SemiBold'), url('../fonts/Hind-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    src: local('Hind-Bold'), local('Hind-Bold'), url('../fonts/Hind-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: bold;
    src: local('Hind-Bold'), local('Hind-Bold'), url('../fonts/Hind-Bold.ttf') format('truetype');
}
html, body {
    height: 100%;
}
body {
    margin: 0px;
    padding: 0px;
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: 'Hind', Arial, sans-serif;
    letter-spacing:0px;
    font-weight:400;
}
body.clair {
    background-color:#FFFFFF;
}
input, select, textarea {
    font-family: 'Hind', Arial, sans-serif !important;
    outline-style: none;
    font-weight:400;
}
.fauxlien {
    cursor:pointer;
}
img {
    border: 0px solid;
    vertical-align: middle;
}
.ligneSimple {
    overflow:hidden;
}
h1, h2, h3, h4 {
    margin:0px;
    padding: 0px;
    font-weight: normal;
}
img.illustrationNews {
	width:100%;
}
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}
#conteneurFicheArticle h2 {
    text-transform:uppercase;
    letter-spacing:1px;
    display:block;
}
#conteneurPage {
    background-color:#FFFFFF;
    padding:20px;
    overflow:hidden;
}
.container {
    position:relative;
    overflow:hidden;
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}
.container:after {
    clear: both;
}
.texteIntroCompte {
    border: 0px  solid #DDDDDD;
    border-bottom-width: 1px;
    padding-bottom: 15px;
    padding-top: 10px;
}
/*HEADER************************************************************************************/
header {
    background-repeat:repeat-x;
    background-position:center 90px;
    overflow:hidden;
}
header .interne {
    position:relative;
    overflow:hidden;
}
header .contenu, header .menu_interne, header .options_interne, header .entete_interne, #prefooter .interne, header #bandeau .interne, header .surmenu_interne {
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
header .entete {
    background-color:#ffffff;
    overflow:hidden;
    padding-top: 15px;
    padding-bottom: 25px;
}
header a.logo {
    display:block;
    width:24%;
    float:left;
    overflow:hidden;
    margin-top: 1%;
}
header a.logo img {
    width:100%;
}
/*RECHERCHE TOP********************************************************************************/
#infosConnexion {
    float:right;
    width: 24%;
}
.zoneInfosConnexion {
    margin-top: 11%;
    width: 90%;
    background-color: #f1f0f1;
    border: 1px solid #b3b2b3;
    float: right;
    height: 77px;
    background-image: url('../images/iconePanier.png');
    background-repeat: no-repeat;
    background-position: 6% 80%;
    background-size: 14%;
}
.zoneInfosConnexion .panierInfosConnexion {
    padding-left: 27%;
    overflow: hidden;
}
.zoneInfosConnexion .infosPanierTexte {
    float: left;
    padding-top: 7%;
    font-size: 12px;
    width: 60%;
    overflow: hidden;
    line-height: 16px;
}
.zoneInfosConnexion .panierInfosConnexion .bouton {
    float: right;
    margin-top: 8%;
    font-size: 10px;
    width: 15%;
    display: block;
    background-color: #724477;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
    margin-right: 4%;
    padding: 2%;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 1%;
    text-decoration: none;
}

.zoneInfosConnexion .enteteInfosConnexion .bouton {
    display:block;
    float:left;
    color:#000000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.zoneInfosConnexion .enteteInfosConnexion .bouton:hover {
    color:#724477;
}
.zoneInfosConnexion .enteteInfosConnexion .bouton.last {
    float:right;
}
.zoneInfosConnexion .enteteInfosConnexion {
    border-bottom: 1px solid #b3b2b3;
    padding: 3%;
    font-size: 12px;
    color: #000000;
    overflow: hidden;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 1.5%;
}
#rechercheTop {
    float:left;
    overflow:hidden;
    height: 51px;
    padding-top: 25px;
    padding-left: 8%;
    width: 43%;
    margin-top: 1%;
}
#rechercheTop .cadreInterne {
    overflow:hidden;
}
#rechercheTop input.caserechercheTop {
    float:left;
    background-color: #f1f0f1;
    border: 1px solid #b3b2b3;
    height: 30px;
    font-size: 22px;
    color:#3f3f3f;
    padding: 10px;
    padding-top:9px;
    width:70%;
}
#rechercheTop input.boutonrecherhceTop {
    background-color:#82358b;
    background-image:url('../images/iconeSearchTop.png');
    background-repeat:no-repeat;
    display:block;
    float:left;
    width:58px;
    height:51px;
    border:0px solid;
    background-size: 100%;
    color:#82358b;
    cursor:pointer;
}
/*FIN RECHERCHE TOP****************************************************************************/
/*OPTION*/
header .options {
    overflow:hidden;
    height:38px;
    background-color:#3b4962;
}
header .options_interne div.left {
    float:left;
    padding-top: 8px;
    font-size: 14px;
    letter-spacing:0px;
    color:#FFFFFF;
    font-style:italic;
    width:46%;
    line-height: 24px;
    overflow:hidden;
}
header .options_interne div.right {
    float:right;
    width:auto;
    overflow:hidden;
}
header .options .bouton, header .options a.bouton {
    display:block;
    background-color:transparent;
    height: 20px;
    padding: 15px;
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 16px;
    float:left;
    color: #EEEEEE;
    text-align:center;
    text-decoration:none;
    border: 0px solid #4d5f7f;
    border-left-width: 2px;
    cursor:pointer;
    overflow:hidden;
}
header .options .bouton.last, header .options a.bouton.last {
    border-right-width: 2px;
}
header .options .bouton:hover, header .options a.bouton:hover {
    background-color:#4d5f7f;
    color: #FFFFFF;
}
header .messageBoutique {
    margin-top: 35px;
    margin-left: 0px;
    color: #FFFFFF;
    overflow:hidden;
    height: 80px;
}
header .messageAccueil {
    margin-top: 35px;
    margin-right: 745px;
    text-align:right;
    color: #FFFFFF;
    overflow:hidden;
    height: 80px;
}
header .messageAccueil .titre {
    font-size: 60px;
    letter-spacing: 4px;
    line-height: 50px;
}
header .messageBoutique .titre {
    font-size: 60px;
    letter-spacing: 4px;
}
header .messageAccueil .soustitre {
    font-size: 20px;
    margin-top: 8px;
    letter-spacing: 1px;
}
header .options .optionsInterne {
    height: 22px;
}
header .options .optionsInterne.icone_panier span {
    font-size:12px;
    color:#DDDDDD;
}
/*FIN OPTIONS*/

/*BANDEAU TOP*********************************************************************************************************/
header #cadreConfigurateur {
    position:relative;
}
header #bandeau {
    height: 384px;
    background-repeat:no-repeat;
    background-position:center;
    overflow:hidden;
    position:relative;
    padding:0px;
    background-color:#FFFFFF;
}
header #bandeau .fullwidthbanner ul, header #bandeau .fullwidthbanner li, header #bandeau .tp-banner-container ul, header #bandeau .tp-banner-container li {
    padding:0px !important;
    margin:0px !important;
}
header #bandeau .interne .titre {
    float:left;
    color:#FFFFFF;
    font-size:44px;
    letter-spacing:1px;
    padding-top: 100px;
    text-transform:uppercase;
    width: 500px;
    font-weight:300;
}
header #bandeau .interne .texte {
    background-image:url('../images/pixelTransparent_50.png');
    width:519px;
    margin-top: 25px;
    height:172px;
    padding: 25px;
    float:right;
    color:#FFFFFF;
    font-size:18px;
    text-align:justify;
    letter-spacing:0.5px;
    font-weight:300;
}
.texteSliderAccueil {
    font-size: 52px;
    margin-top: 120px;
    margin-left: 120px;
    line-height: 70px;
    letter-spacing: 1px;
    font-family: 'Parisienne', 'Hind', 'Serif';
	white-space: pre-wrap;
}
.fullscreen-container ul, .fullscreen-container li {
    padding:0px;
    margin:0px;
}
/*FIN BANDEAU TOP*****************************************************************************************************/

/*MENU MAIN********/
header .surmenu {
    background-color:#2d272e;
    height:5px;
}
header .surmenu #curseurMenu {
    position:absolute;
    top:0px;
    left:0px;
    width: 70px;
    height:5px;
    background-color:#ac7fb6;
}
header .menu {
    background-color:#554357;
    height:55px;
    overflow:hidden;
}
header nav.main {
    overflow:hidden;
    margin-top: 0px;
    float:left;
    width: 77.5%;
}
header .menu_interne {
    overflow:hidden;
}
header .phone {
    float: right;
    width: 15%;
    background-color: #6a506d;
    padding-left: 5%;
    background-image: url('../images/iconePhone.png');
    background-repeat: no-repeat;
    background-size: 12%;
    padding-right: 2%;
    color: #FFFFFF;
    font-size: 30px;
    background-position: 7% 40%;
    height: 50px;
    padding-top: 0.4%;
}
header nav ul, header nav ul li {
    display:block;
    padding: 0px;
    margin: 0px;
    overflow:hidden;
}
header nav.main ul li .navigation_lien.accueil {
    background-image:url('../images/iconeHome.png');
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:20px;
    height:21px;
    margin-top: 7px;
}
header nav.main ul {
    margin-top: 8px;
}
header nav.main ul li {
    float:left;
    margin-right: 15px;
    margin-left: 0px;
    height:50px;
}
header nav.main ul li.first {
    margin-right: 5px;
}
header nav.main ul li div, header nav.main ul li a {
    display:block;
    background-color:transparent;
    background-image:none;
    background-repeat:repeat-x;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    padding: 7px;
    font-weight:300;
    padding-left:5px;
    padding-right:5px;
    height: 100%;
    overflow:hidden;
    text-decoration:none;
    border: 1px solid transparent;
    transition-property: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease-in;
    transition-delay: 0s;
}
header nav.main ul li div:hover, header nav.main ul li a:hover, header nav.main ul li div.hover, header nav.main ul li a.hover {
    background-color:#6a506d;
    color:#FFFFFF;
}
header nav.main ul li.active a, header nav.main ul li.active div, header nav.main ul li.active a:hover, header nav.main ul li.active div:hover {
    background-color:#FFFFFF;
    color:#000000;
    border: 1px solid #b8b8b8;
    background-image:url('../images/navigation_over.jpg');
}

header nav.main ul li .navigation_lien.accueil:hover {
    background-color:transparent;
}
.blocSeparateur {
    margin-top: 30px;
}
#conteneurEnteteSelection .titreEnteteSelection {
    float:left;
    padding-top:15px;
    font-size:28px;
    text-transform: uppercase;
    color: #000000;
    font-weight:300;
}
.blocSeparateur h3 {
    font-size: 28px;
    display:block;
    margin-bottom: 15px;
}
.boutonTelechargerDoc {
    display:block;
    float:left;
    background-image:url('../images/bouton_telecharger.png');
    background-repeat:no-repeat;
    width: 108px;
    height: 20px;
    color: #FFFFFF;
    font-size: 11px;
    text-align:center;
    padding-top: 6px;
    margin-top: 1px;
    text-decoration:none;
    cursor:pointer;
}
/*FIN MENU****/
/*MENU HOME********/
header nav.home {
    overflow:hidden;
    margin-top: 0px;
    width: 100%;
}
header nav.home ul {
    margin-top: 64px;
}
header nav.home ul li {
    float:left;
    margin-right: 2px;
}
header nav.home ul li div, header nav.home ul li a {
    display:block;
    margin-top: 5px;
    background-color:transparent;
    width: 212px;
    height: 79px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration:none;
    letter-spacing: 0px;
    cursor:pointer;
    overflow:hidden;
    padding: 10px;
    padding-top: 30px;
    text-align:center;
}
header nav.home ul li div.mauve, header nav.home ul li a.mauve {
    background-image:url('../images/pixelMauve.png');
}
header nav.home ul li div.rouge, header nav.home ul li a.rouge {
    background-image:url('../images/pixelRouge.png');
}
header nav.home ul li div.vert, header nav.home ul li a.vert {
    background-image:url('../images/pixelVert.png');
}
header nav.home ul li div.orange, header nav.home ul li a.orange {
    background-image:url('../images/pixelOrange.png');
}
header nav.home ul li div.jaune, header nav.home ul li a.jaune {
    background-image:url('../images/pixelJaune.png');
}
/*FIN MENU HOME****/
/*MENU BOUTIQUE***************/
header nav.boutique {
    overflow:hidden;
    margin-top: 30px;
    width: 100%;
}
header nav.boutique .navigation_tableau {
    width: 100%;
    height: 90px;
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
    background-image:url('../images/menu_fond.png');
    background-repeat:repeat-x;
    border: 1px solid #333333;
    overflow:hidden;
}
header nav.boutique .navigation_tableau_case {
    background-color: transparent;
    text-align:center;
    border-left: 1px solid #c02520;
    border-right: 1px solid #040404;
    vertical-align:middle;
    padding-bottom: 13px;
    cursor:pointer;
}
header nav.boutique .navigation_tableau_case:hover {
    background-color: #97c10a;
}
header nav.boutique .navigation_tableau_case.first:hover {
    background-color: transparent;
}
header nav.boutique .navigation_tableau_case.first {
    border-left-width: 0px;
}
header nav.boutique .navigation_tableau_case.last {
    border-right-width: 0px;
}
header nav.boutique .navigation_tableau_case.active {
    background-image:url('../images/menuActif_fond.png');
    background-repeat:repeat-x;
    text-align:center;
    border: 0px solid #6d8277;
    border-right-width: 1px;
    vertical-align:middle;
    padding-bottom: 10px;
}
header nav.boutique .navigation_lien {
    display:block;
    background-color: transparent;
    text-align:center;
    font-size:14px;
    color: #FFFFFF;
    font-weight:normal;
    text-decoration:none;
    padding-left: 15px;
    padding-right: 15px;
}
header nav.boutique .navigation_tableau_case.active .navigation_lien {
    color: #315444;
    font-weight:400;
}
/*SOUS MENU******************************************************************************************/
#conteneurmenu {
    padding:0px;
    margin: 0px;
}
#conteneurmenu ul {
    margin: 0px;
    list-style-type:none;
}
#conteneurmenu li {
    padding: 0px;
    margin: 0px;
    list-style-type:none;
}
.fauxlien {
    cursor:pointer;
}
.sousEnsemble {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 244px;
    border-width: 0px;
    background-color: #69454c;
    z-index: 4;
}
ul.sousmenu {
    position: absolute;
    top: 0px;
    left: 0px;
    padding:15px;
    width: 1142px;
    height:322px;
    overflow:hidden;
    z-index: 300000000000;
}
#contenu_page #conteneurmenu ul.sousmenu {
    background-color: rgba(140,100,149,0.8);
    border:1px solid #4C6592;
    border-top-width:0px;
}
#bandeau #conteneurmenu ul.sousmenu, #cadreConfigurateur #conteneurmenu ul.sousmenu {
    background-color: rgba(140,100,149,0.8);
}
ul.sousmenu .principal {
    float:left;
    width: 787px;
    overflow:hidden;
}
ul.sousmenu .illustration {
    float:right;
    width:317px;
    display:block;
    margin-left: 15px;
    height:310px;
    border: 1px solid #554357;
    background-color:#6f5172;
    background-image:url('../images/illustrationCategorieDefaut.jpg');
    background-size: 100%;
    background-position: center center;
    overflow:hidden;
}
ul.sousmenu .illustration img {
    width:100%;
}
ul.sousmenu .principal .enteteRubrique {
    border: 0px dashed #d1d1d1;
    border-bottom-width:1px;
    padding-bottom:15px;
    margin-bottom:15px;
    text-transform:uppercase;
    font-size:18px;
    color:#EEEEEE;
    letter-spacing:1px;
}
.lienSousMenu {
    float: left;
    position: relative;
    font-size: 11px;
    padding: 8px;
    padding-left: 8px;
    padding-right: 8px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    z-index: 3;
    width: 17%;
    overflow: hidden;
    margin-right: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid #554357;
    background-color: #554357;
    margin-bottom: 10px;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 6px;
}
.lienSousMenu:hover {
    color: #FFFFFF;
    background-color: #6f5172;
}
.lienSousEnsemble {
    position:relative;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    color: #FFFFFF;
    text-decoration: none;
    display:block;
    z-index: 3;
    width: 244px;
    border: 0px solid #c11e1e;
    border-bottom-width: 1px;
    overflow: hidden;
    white-space:nowrap;
    background-color: #f61515;
}
.lienSousEnsemble:hover {
    color: #FFFFFF;
    background-color: #f35c5c;
}
/*FIN HEADER************************************************************************************/

/*STRUCTURE*************************************************************************************/
#contenu_page {
    min-height: 300px;
    position:relative;

}
#page_interne {
    overflow:hidden;
    padding-top:0px;
    position:relative;
    width: 1210px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 0px;
}
#page_interne h1 {
    color: #000000;
    font-size: 28px;
    line-height:30px;
    font-weight:300;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.titreH1 {
    color: #000000;
    font-size: 20px;
    line-height:26px;
    font-weight:300;
    letter-spacing: 1px;
}
.titreH1 h1 {
    display:inline;
    font-weight: 400 !important;
}
#page_interne #colonneCentrale {
    overflow:hidden;
    width: 1170px;
    min-height: 400px;
    margin-top: 22px;
    padding-bottom: 20px;
    position:relative;
}
#page_interne .grandTitre {
    background-color:#efefef;
    overflow:hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding:15px;
    margin-bottom:15px;
}
#page_interne .grandTitre img {
    float:left;
    margin-left: 10px;
    margin-right:30px;
}
#page_interne .grandTitre .contenu {
    float:left;
}
#page_interne .grandTitre .contenu .titre {
    font-size:38px;
    color:#4a77c8;
    padding-top:10px;
    text-transform:uppercase;
}
#page_interne .grandTitre .contenu p {
    font-size:22px;
    color:#555555;
    padding:0px;
    margin:0px;
    font-weight:normal;
    padding-left:67px;
}
#page_interne .grandTitre .contenu p strong {
    font-weight:bold;
}
#page_interne #colonnePrincipale {
    float: left;
    overflow: hidden;
    width: 841px;
    min-height: 300px;
    margin-right: 47px;
    margin-top: 32px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 20px;
}
#page_interne #colonnePrincipale .texteIntroCadre {
    border: 0px  solid #DDDDDD;
    border-bottom-width: 1px;
    padding-bottom: 15px;
    margin-top:10px;
}
#page_interne #colonnePrincipale .texteIntro {
    font-size:16px;
    color:#555555;
}

#page_interne #colonneBlocks {
    padding-top: 20px;
    float: left;
    overflow: hidden;
    width: 300px;
    min-height: 500px;
    position: relative;
    margin-top: 0px;
    background-image: url('../images/pixelFondBlock.png');
    background-size: 86%;
    background-repeat: repeat-y;
    background-position: 55% 0%;
    padding-bottom: 45px;
}
#page_interne #colonneBlocks.panier {
    margin-top: 55px
}
#page_interne #colonneBlocks.arbo {
    margin-top: 27px
}
#colonnePrincipale .section_accueil {
    margin-bottom: 35px;
}
#page_interne #colonneBlocks.presentation {
    margin-top: 33px
}
#colonnePrincipale .iframeSoc {
    width:870px;
    margin-top:20px;
}
#colonnePrincipale .iframeExapaq {
    width:870px;
    margin-top:20px;
}
/*FIN STRUCTURE*********************************************************************************/

/*BLOCK*****************************************************************************************/
.block {
    margin-top: 20px;
    overflow:hidden;
}
.block .lienPro {
    display:block;
    text-align: center;
    color: #EEEEEE;
    font-size: 24px;
    padding: 25px;
    background-color:#4A77C8;
    text-transform: uppercase;
    text-decoration:none;
}
.block .lienPro:hover {
    color: #FFFFFF;
}
.button.max {
    width:100% !important;
}
.block .entete {
    overflow:hidden;
    background-color:#8d808f;
    padding: 23px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}
.block_titre {
    display:inline;
    text-align:center;
    letter-spacing:0.5px;
    font-size: 20px;
    text-transform:uppercase;
    color: #FFFFFF;
    text-decoration:none;
}
.block_titre.small {
    font-size: 16px;
    padding-top: 12px;
}
.block_contenu .diaporama .diapo {
    float:left;
    width: 122px;
    height: 70px;
    overflow:hidden;
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor:pointer;
}
.block_contenu .button {
    margin-top:10px;
}
.block_contenu .diaporama .diapo img {
    width: 122px;
}
.block_contenu_recherche {
    background-color:#FFFFFF;
    padding: 2px;
    overflow:hidden;
    border: 1px solid #DDDDDD;
}
.block_contenu_recherche input {
    float:left;
}
.block_contenu_recherche input.caseInputRecherche {
    border: 0px solid;
    background-color:transparent;
    color:#333333;
    font-size:14px;
    padding: 5px;
    width: 215px;
}
.block_contenu {
    border: 1px solid #DDDDDD;
    background-color:#FFFFFF;
    padding: 10px;
    padding-bottom: 15px;
    overflow:hidden;
}
.block_contenu .zoneBouton {
    padding: 10px;
    padding-top:0px;
    overflow:hidden;
    background-color:#EEEEEE;
}
.block_contenu.lite {
    padding: 0px;
    padding-bottom: 0px;
}
.block_contenu.selecteur {
    padding: 0px;
}
.block_contenu.lite .ligneBlock, .block_contenu.selecteur .ligneBlock {
    padding: 0px;
    border: 0px solid #e0e0e0;
    border-bottom-width: 1px;
}
.block_contenu.lite .ligneBlock.last, .block_contenu.selecteur .ligneBlock.last {
    border-bottom-width: 0px;
}
.block_contenu.selecteur .titre {
    text-transform:uppercase;
    padding: 15px;
    background-color: #f1f1f2;
    color:#727b8b;
    font-size:14px;
    letter-spacing:1px;
    background-repeat:no-repeat;
    background-image:url('../images/selection_fleche_fermee.png');
    background-position: 18px 17px;
    padding-left: 38px;
    cursor:pointer;
}
.block_contenu.selecteur .contenu {
    color: #222222;
    padding: 15px;
    font-size:14px;
    margin-top:0px;
    margin-bottom:10px;
    overflow:hidden;
}
.block_contenu.selecteur .contenu .navigationAlpha {
    color: #F9F9F9;
    font-size:12px;
    text-align:center;
    background-color:#555555;
    padding-top: 3px;
    width:22px;
    height:20px;
    float:left;
    margin-right: 5px;
    margin-bottom:5px;
    cursor:pointer;
}
.block_contenu.selecteur .contenu .navigationAlpha:hover {
    color: #FFFFFF;
    background-color:#000000;
}
.block_contenu.selecteur .contenu .navigationAlpha.tous {
    padding-top: 3px;
    padding-left:5px;
    padding-right:5px;
    float: none;
    width: 33px;
}
.block_contenu.selecteur .titre.ouvert {
    background-image:url('../images/selection_fleche_ouverte.png');
    background-position: 15px 17px;
}
.block_contenu.cadre {
    border: 1px solid #CCCCCC;
}
.block_contenu .lien, .block_contenu .lien2 {
    background-color:#F5F5F5;
    padding: 6px;
    padding-left: 8px;
    padding-right: 8px;
    display:block;
    color: #666666;
    font-size: 16px;
    letter-spacing:0.5px;
    text-decoration:none;
    cursor:pointer;
    border:0px solid #EEEEEE;
    border-bottom-width:1px;
}
.block_contenu .lien {
    background-color:#FFFFFF;
}
.block_contenu .lien:hover, .block_contenu .lien2:hover {
    background-color:#4a77c8;
    color: #FFFFFF;
}
.block_contenu .lien.active, .block_contenu .lien2.active {
    background-color:#4a77c8;
    color: #FFFFFF;
}
.block_contenu .lien.icone, .block_contenu .lien2.icone {
    background-repeat:no-repeat;
    padding-left: 30px;
    background-position: 6px 8px;
}
.block_contenu_interne {
    overflow:hidden;
    padding: 10px;
}
.block_contenu_interne .titre {
    text-align:center;
    font-size: 16px;
}
.block_contenu .googleMap {
    overflow:hidden;
    width: 240px;
    height: 200px;
    border: 1px solid #CCCCCC;
    margin-bottom:10px;
}
.block_contenu .soustitre {
    color: #242f24;
    font-size: 14px;
}
.block_contenu .texte {
    color: #505850;
    font-size: 14px;
}
.block_contenu_interne .soustitre {
    text-align:center;
    color:#FF8000;
    margin-top: 5px;
}
.block_contenu_interne .illustration {
    text-align:center;
}
.block_contenu_interne .illustration img {
    width: 100%;
}
/*FIN BLOCK*************************************************************************************/

/*SOUS CATEGORIE BLOCK**************************************************************************/
.selecteurCategorie {
    overflow:hidden;
    margin-bottom:5px;
}
.selecteurCategorie .colonne {
    float: left;
    overflow:hidden;
    margin-top:10px;
    width:118px;
    cursor:pointer;
}
.selecteurCategorie .colonne.gauche {
    margin-right: 10px;
}
.selecteurCategorie .colonne .case {
    float:left;
    width:15px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    height:15px;
    border:1px solid #999999;
    margin-right:7px
}
.selecteurCategorie .colonne.grande {
    float:none;
    clear:both;
}
.selecteurCategorie .colonne .case.cochee {
    background-image:url('../images/selecteurCasePetite_coche.png');
}
.selecteurCategorie .colonne .selecteur {
    float:left;
    display:block;
    font-size:12px;
    text-transform:uppercase;
    width:90px;
    overflow:hidden;
    white-space:nowrap;
    color:#444444;
    text-decoration:none;
}
.selecteurCategorie .colonne .selecteur:hover {
    color:#000000;
}
/*FIN SOUS CATEGORIE BLOCK**********************************************************************/

/*BOUTONS***************************************************************************************/
.boutonAction, .boutonOption, .boutonCommande {
    display:block;
    float:left;
    border: 0px solid;
    background-color:#000000;
    padding: 12px;
    overflow:hidden;
    text-align:center;
    color:#FFFFFF;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration:none;
    margin-top: 10px;
    cursor:pointer;
}
.boutonCommande {
    background-color:#4a77c8;
}
.boutonAction {
    color:#FFFFFF;
}
.boutonCommande:hover {
    background-color:#16ef34;
}
.boutonAction:hover {
    background-color:#111111;
}
.formulaire_bouton {
    float:right;
    margin-bottom:10px;
}
.boutonOption.pale {
    background-color:#959595;
}
.boutonOption.pale:hover {
    background-color:#000000;
}
.boutonAction.right, .boutonOption.right, .boutonCommande.right {
    float:right;
}
.boutonAction.plat, .boutonOption.plat, .boutonCommande.plat {
    margin-top: 0px !important;
}
.boutonAction.big, .boutonOption.big, .boutonCommande.gig {
    font-size: 22px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    letter-spacing:1px;
}
.boutonAction.small, .boutonOption.small, .boutonCommande.small {
    font-size: 14px;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
}
.boutonAction.max, .boutonOption.max, .boutonCommande.max {
    float:none;
}
.boutonAction.centre, .boutonOption.centre, .boutonCommande.centre {
    margin-left:auto;
    margin-right:auto;
    width:100px;
    float:none;
}
.boutonOption {
    background-color:#222222;
}
.boutonOption:hover {
    background-color:#000000;
}
.boutonShare {
    background-repeat:no-repeat;
    width: 45px;
    height: 45px;
    overflow:hidden;
    float:left;
    margin-right: 15px;
    cursor:pointer;
}
.block_contenu.social {
    padding-left: 55px;
}
.boutonShare.facebook {
    background-image:url('../images/iconeShare_facebook.png');
}
.boutonShare.twitter {
    background-image:url('../images/iconeShare_twitter.png');
}
.boutonShare.google {
    background-image:url('../images/iconeShare_google.png');
}
/*FIN BOUTONS***********************************************************************************/

/*PRE FOOTER*****************************************************************************************************/
#prefooter {
    background-color: #553c58;
    overflow:hidden;
    min-height: 140px;
    background-image:url('../images/flechePrefooter.png');
    background-repeat:no-repeat;
    background-position: center top;
    position:relative;
}
#prefooter .interne .contenu .titre {
    font-size:46px;
    color:#444444;
    letter-spacing:1px;
    margin-top: 16px;
}
#prefooter .interne .contenu .soustitre {
    font-size:24px;
    color:#666666;
    letter-spacing:0px;
    margin-top: 5px;
}
#prefooter .infos {
    width:33%;

    float:left;
    overflow:hidden;
}
#prefooter .pointsFort {
    width:29%;
    padding-left:2%;
    padding-right:2%;
    color:#FFFFFF;
    text-align: left;
    border-left:1px solid #a89caa;
    border-right:1px solid #a89caa;
    float:left;
    overflow:hidden;
    padding-bottom: 10px;
}
#prefooter .pointsFort .titre {
    font-size: 30px;
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase;
    line-height: 32px;
}
#prefooter .pointsFort .contenu {
    font-size: 14px;
    margin-top: 1px;
}
#prefooter .pointsFort .contenu ul {
    padding-left: 30px;
}
#prefooter .fraisPaiement {
    width:33%;
    float:left;
    overflow:hidden;
}
#prefooter .infos .titre {
    color: #FFFFFF;
    font-size: 48px;
    text-transform: uppercase;
    padding-top: 7%;
    line-height: 50px;
    margin-top: 65px;
}
#prefooter .infos .soustitre, #prefooter .rappelezMoi .titre {
    color:#eeb0f5;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
#prefooter .infos .tel {
    color: #FFFFFF;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    padding-bottom: 8.5%;
    background-image: url('../images/iconePhone.png');
    background-repeat: no-repeat;
    background-size: 10%;
    padding-left: 14%;
    background-position: 0px 23%;
}
#prefooter .frais .titre {
    color: #FFFFFF;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    background-image: url('../images/iconeTruck.png');
    background-repeat: no-repeat;
    background-size: 24%;
    padding-left: 32%;
    background-position: 12% -50%;
    margin-top: 10%;
    width: 70%;
    line-height: 30px;
}
#prefooter .frais .soustitre {
    color:#eeb0f5;
    font-size: 20px;
    text-transform: uppercase;
}
#prefooter .paiement .titre {
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    background-image: url('../images/iconePaiement_banque.png');
    background-repeat: no-repeat;
    background-size: 50%;
    padding-right: 55%;
    background-position: right;
    margin-top: 7%;
    width: 40%;
    line-height: 30px;
    padding-left: 5%;
}
#prefooter .paiement .soustitre {
    width:95%;
    margin-top: 5%;
    padding-left:5%;
}
#prefooter .paiement .soustitre img {
    width:100%;
}
/*FIN PRE FOOTER*************************************************************************************************/
/*BLOCK FRAIS***************/
#blockfrais .frais .titre {
    color: #8d808f;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    margin: 10%;
    line-height: 30px;
}
#blockfrais .frais .soustitre {
    color:#8d808f;
    font-size: 20px;
    text-transform: uppercase;
}
/*FIN BLOCK FRAIS***************/
/*BAS************************************************************************************************************/

#bas {
    background-color: #422a45;
    overflow:hidden;
    min-height: 200px;
}
#bas_logo {
    width: 225px;
    height:53px;
    margin-top: 30px;
}
#bas_logo img {
    width: 225px;
    height:53px;
}
#bas_contenu {
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
}
.colonneBas {
    float:left;
    margin-right: 4%;
    min-height: 230px;
    margin-top: 5px;
    overflow:hidden;
    color:#d9dee9;
    font-size:14px;
}
.colonneBas.nav a {
    text-transform:uppercase;
}
.colonneBas.boutique .mozaique {
    overflow:hidden;
}
.colonneBas.boutique .mozaique .diapo {
    overflow:hidden;
    float:left;
    margin-right: 6px;
    margin-bottom:6px;
}
.colonneBas.boutique .mozaique a.illustration {
    display:block;
    width: 104px;
    height: 56px;
    overflow:hidden;
    border: 1px solid #CCCCCC;
}
.colonneBas.boutique .mozaique a.illustration:hover {
    border: 1px solid #FFFFFF;
}
.colonneBas.boutique .mozaique a.titre {
    display:block;
    color:#FFFFFF;
    font-size:12px !important;
    text-align:center;
    margin-top:5px;
    padding-bottom: 5px !important;
}
.colonneBas.boutique .mozaique .diapo.last {
    margin-right: 0px;
}
.colonneBas.boutique .mozaique img {
    width: 104px;
}
.colonneBas.nav {
    width: 20%;
}
.colonneBas.logo {
    width: 26%;
    padding-top: 35px;
}
.colonneBas.logo img {
    width: 100%;
}
.colonneBas.mentions {
    width: 24%;
}
.colonneBas.last {
    width: 18%;
}
.colonneBas .texte {
    margin-bottom: 10px;
}
.colonneBas .button {
    font-size:16px;
    margin-top:10px;
}
.colonneBas strong {
    color:#FFFFFF;
}
.colonneBas.last {
    margin-right: 0%;
}
.colonneBas.mentions .texte {
    height: 70px;
    overflow:hidden;
}
#bas .titre {
    border: 0px solid #7088b4;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    display:block;
    font-size: 18px;
    text-transform:uppercase;
    color: #FFFFFF;
    text-decoration:none;
    margin-bottom: 20px;
}
#bas ul {
    margin:0px;
    margin-top: 5px;
    margin-left: 15px;
    padding: 0px;
    color:#bdcff1;
}
#bas ul li a, #bas ul li div {
    display:block;
    margin-bottom: 8px;
    font-size: 14px;
    cursor:pointer;
    text-decoration:none;
    color:#afbed9;
}
#bas ul li a:hover, #bas ul li div:hover {
    text-decoration: underline;
    color:#FFFFFF;
}
.lienColonneBas:hover {
    text-decoration: underline;
}
#signature {
    background-color: #2e212f;
    overflow:hidden;
}
#signature_contenu {
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px;
}
#signature .copy {
    float:left;
    color:#bec9dd;
    padding-top: 8px;
    font-size: 14px;
}
#signature .copy a {
    color:#FFFFFF;
    text-decoration:none;
}
#signature .credits {
    float:right;
    overflow: hidden;
}
#signature .credits div, #signature .credits a {
    display:block;
    color:#c4c4c4;
    padding-top: 7px;
    font-size: 14px;
    float:left;
    margin-left: 10px;
}
/*FIN BAS************************************************************************************************************/

/*NEWS***************************************************************************************************************/
.caseNews_enavant {
    overflow: hidden;
}
.caseNews_contenu {
    margin-top: 15px;
}
.caseNews_enavant_texte {
    float:left;
    width: 356px;
    color:#666666;
    text-align:justify;
    font-size: 14px;
}
.caseNews_enavant h2 {
    font-size:26px !important;
    color: #7c7f7d !important;
    display:block !important;
}
.caseNews_enavant h3 {
    font-size:18px !important;
    color: #FF8000 !important;
    display:block !important;
    margin-bottom: 10px !important;
}
.caseNews_enavant_contenu {
    margin-top: 5px;
    background-color:#FFFFFF;
    padding: 20px;
    border: 1px solid #DDDDDD;
    overflow:hidden;
}
.caseNews_enavant_illustration {
    float:left;
    width: 450px;
    margin-right: 20px;
}
/*DETAIL******************/
.caseNews {
    margin-top: 15px;
    overflow:hidden;
}
.caseNews h2 {
    font-size:18px !important;
    color: #666666 !important;
    display:block !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px;
    margin-top: 5px;
    font-weight:300;
}
.caseNews_texte {
    margin-top: 15px;
    background-color:#FFFFFF;
    padding: 25px;
    border: 1px solid #DDDDDD;
    overflow:hidden;
    font-size: 14px;
    color: #333333;
    text-align:justify;
}
.caseNews_texte img.logo {
    float:left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.caseNews_texte img.logo {
    max-width:300px;
    max-height:200px;
}
.caseNews_map {
    display:block;
    height: 400px;
    border:1px solid #CCCCCC;
    margin-top: 18px;
    width: 868px;
}
.caseNews_texte a.lienGros {
    background-image:url('../images/flecheDroite.png');
    background-repeat:no-repeat;
    padding-left: 35px;
    display:block;
    text-decoration:none;
    font-size: 20px;
    color: #555BAA;
    margin-top: 5px;
}
.caseNews_texte a.lienGros:hover {
    background-image:url('../images/flecheNoire_droite.png');
    text-decoration: underline;
}
.caseNews_piecejointe {
    margin-top: 25px;
    overflow:hidden;
}
.caseNews_piecejointe_contenu {
    margin-top: 10px;
    background-color:#FFFFFF;
    padding: 25px;
    border: 1px solid #DDDDDD;
    overflow:hidden;
}
.caseNews_piecejointe_contenu a.lien {
    background-repeat:no-repeat;
    padding-left: 50px;
    font-size: 16px;
    color: #333333;
    text-decoration:none;
    display:block;
    min-height: 40px;
    padding-top: 8px;
}
.caseNews_piecejointe_contenu a.lien.pdf {
    background-image:url('../images/iconeDoc_pdf.png');
}
.caseNews_date {
    font-size: 14px;
    margin-top: 10px;
    color: #777777;
}
/*LIGNE*******************/
.caseNews_ligne {
    margin-top: 15px;
    overflow:hidden;
}
.caseNews_ligne_date {
    text-align:right;
    color:#999999;
    font-size: 12px;
    margin-bottom:3px;
}
.caseNews_ligne_texte {
    float:left;
    width: 506px;
    color:#666666;
    text-align:justify;
    font-size: 12px;
}
.caseNews_ligne_illustration {
    float:left;
    width: 300px;
    margin-right: 15px;
}
.caseNews_ligne h2 {
    font-size:20px !important;
    color: #7c7f7d !important;
    display:block !important;
    letter-spacing: 0px !important;
}
.caseNews_ligne h3, .caseNews_ligne .date {
    font-size:16px !important;
    color: #FF8000 !important;
    display:block !important;
    letter-spacing: 0px !important;
    margin-bottom: 10px !important;
}
.caseNews_ligne_contenu {
    margin-top: 5px;
    background-color:#FFFFFF;
    padding: 15px;
    border: 1px solid #DDDDDD;
    overflow:hidden;
}
/*MOZAIQUE****************/
#page_interne #colonnePrincipale .horsCadre {
    width: 920px;
    overflow:hidden;
}
#page_interne #colonneCentrale .horsCadre {
    width: 1098px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.caseNews_mozaique {
    float:left;
    width: 244px;
    margin-top: 15px;
    background-color:#FFFFFF;
    padding: 15px;
    border: 1px solid #DDDDDD;
    overflow:hidden;
    margin-right: 20px;
    margin-bottom: 5px;
}
.caseNews_mozaique h3 {
    font-size:16px !important;
    color: #666666 !important;
    display:block !important;
    text-align:center;
    height: 50px;
    overflow:hidden;
}
.caseNews_mozaique_illustration {
    width: 244px;
    overflow:hidden;
    height: 155px;
    margin-top: 5px;
}
.caseNews_mozaique_texte {
    text-align:center;
    margin-top: 10px;
    font-size:14px;
    color: #999999;
}
/*FIN NEWS***********************************************************************************************************/

/*GAMMES*************************************************************************************************************/
/*MOZAIQUE****************/
.caseGamme_mozaique {
    float:left;
    width: 412px;
    margin-top: 15px;
    background-color:#FFFFFF;
    border: 1px solid #DDDDDD;
    overflow:hidden;
    margin-right: 40px;
    margin-bottom: 5px;
}
.caseGamme_mozaique_interne {
    padding: 15px;
}
.caseGamme_mozaique h3 {
    font-size:24px !important;
    color: #333333 !important;
    display:block !important;
    text-align:center;
    overflow:hidden;
    height: 30px;
}
.caseGamme_mozaique_illustration {
    width: 412px;
    overflow:hidden;
    height: 200px;
}
.caseGamme_mozaique_texte {
    text-align:center;
    margin-top: 10px;
    font-size:18px;
    color: #999999;
    height: 45px;
    overflow:hidden;
}
.caseGamme_mozaique .boutonOption {
    float:none !important;
}
/*APERCU***********************/
.gammesApercu_cadre {
    overflow:hidden;
}
.gammesApercu_cadre .titre {
    font-size: 22px;
    color: #666666;
    margin-bottom: 10px;
}
.gammesApercu_cadre .bio {
    float:left;
    width: 322px;
    overflow:hidden;
}
.gammesApercu_cadre .conventionnelles {
    float:left;
    width: 530px;
    overflow:hidden;
    border: 0px solid #DDDDDD;
    border-left-width: 1px;
    padding-left: 45px;
}
.gammesApercu_cadre .gammeApercu {
    float:left;
    margin-right: 15px;
    width: 136px;
    overflow:hidden;
    margin-bottom: 15px;
    background-color:#25311c;
    cursor:pointer;
}
.gammesApercu_cadre .gammeApercu:hover {
    background-color:#3a5924;
}
.gammesApercu_cadre .gammeApercu .vignette {
    width:136px;
    height: 87px;
    overflow:hidden;
}
.gammesApercu_cadre .gammeApercu .titre {
    text-align:center;
    font-size: 14px;
    color:#FFFFFF;
    padding: 15px;
    display:block;
    text-decoration:none;
    height: 50px;
    margin-bottom: 0px !important;
}
/*FIN GAMMES*********************************************************************************************************/

/*BOUTONS PAGES**************************************************************************************************/
.boutonPage {
    background-image:url(../images/boutonPage.png);
    background-repeat:no-repeat;
    width: 24px;
    height: 19px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align:center;
    padding-top: 5px;
    float:left;
    margin-right: 4px;
}
.boutonPage:hover {
    background-image:url(../images/boutonPageSelect.png);
    background-repeat:no-repeat;
    color: #FFFFFF;
}
.boutonPage2 {
    background-image:url(../images/boutonPageSelect.png);
    background-repeat:no-repeat;
    width: 24px;
    height: 19px;
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align:center;
    padding-top: 5px;
    float:left;
    margin-right: 4px;
}
.ligneOptionsHaut {
    overflow:hidden;
    border: 0px solid #DDDDDD;
    border-bottom-width: 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.ligneOptionsBas {
    overflow:hidden;
    border: 0px solid #DDDDDD;
    border-top-width: 1px;
    padding-top: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.ligneOptionsHaut .texteOptions, .ligneOptionsBas .texteOptions {
    float:left;
    margin-right: 5px;
    padding-top: 6px;
    color: #666666;
    font-size:14px;
    text-decoration:none;
}
/*FIN BOUTONS PAGES**********************************************************************************************/

/*FORMULAIRE******************************************************************************************/
.field .rouge {
    color:#FF0000;
}
.field .vert {
    color: #090;
}
.formulaire_ligne_validation {
    border: 0px solid;
    overflow:hidden;
    margin-top: 10px;
    background-color:transparent;
}
.formulaire_ligne_validation .boutonRoseSimple {
    float:right;
}
.formulaire_ligne {
    border: 0px solid;
    overflow:hidden;
    background-color: #FFFFFF;
    margin-top: 20px;
    border: 1px solid #CCCCCC;
}
.formulaire_ligne_groupe {
    border: 0px solid;
    border-top-width: 1px;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-color: #8fa4b7;
    padding: 14px;
    overflow:hidden;
    font-size: 22px;
    color: #43596d;
    padding-left: 60px;
    background-color: #b6c1cc;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position: 10px 8px;
}
.formulaire_ligne_groupe_detail {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
#formulaire_groupe_connexion {
    background-image:url('../images/iconeGroupeConnexion.png');
}
#formulaire_groupe_identite {
    background-image:url('../images/iconeGroupeIdentite.png');
}
#formulaire_groupe_physique {
    background-image:url('../images/iconeGroupePhysique.png');
}
#formulaire_groupe_lieux {
    background-image:url('../images/iconeGroupeLieux.png');
}
.formulaire_ligne_case_select {
    background-color: #FFFFFF;
}
.formulaire_ligne_titre {
    background-image:url('../images/formulaire_entete_fond.png');
    background-repeat: repeat-x;
    float:left;
    width: 210px;
    overflow:hidden;
    color: #515151;
    font-size: 18px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-top: 15px;
    height: 41px;
}
.formulaire_ligne_titre_area {
    background-image:url('../images/formulaire_entete_fond.png');
    background-repeat: repeat-x;
    overflow:hidden;
    color: #515151;
    font-size: 20px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-top: 15px;
    height: 41px;
}
.formulaire_ligne_titre_court {
    float:left;
    width: 175px;
    overflow:hidden;
    color: #33404d;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.formulaire_ligne_radio, .formulaire_ligne_select {
    margin-left: 10px;
    width: 348px;
    float:left;
}
.formulaire_ligne_radio label {
    font-size: 18px;
    color: #102437;
    padding-left: 5px;
    cursor: pointer;
}
.formulaire_ligne_indicateur {
    float:left;
    background-repeat:no-repeat;
    width: 54px;
    height: 56px;
    overflow:hidden;
}
.formulaire_ligne_indicateur_empty {
    background-image:url('../images/formulaire_neutre.png');
}
.formulaire_ligne_indicateur_ok {
    background-image:url('../images/formulaire_valid.png');
}
.formulaire_ligne_indicateur_ko {
    background-image:url('../images/formulaire_erreur.png');
}
.formulaire_ligne_indicateur_vide {
    background-image:url('../images/formulaire_vide.png');
}
.formulaire_ligne_case {
    float:left;
    background-image:url('../images/formulaire_case_fond.png');
    background-repeat: repeat-x;
    width: 299px;
    height: 56px;
}
.formulaire_ligne_case input {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 289px;
    padding-top: 14px;
}
.formulaire_ligne_case select {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 309px;
    padding-top: 14px;
}
.formulaire_area_haut {
    float:left;
    width: 379px;
    overflow:hidden;
}
.formulaire_area_bas {
    clear:both;
    width: 631px;
    height: 10px;
    overflow:hidden;
}
.formulaire_ligne_area {
    clear:both;
}
.formulaire_ligne_area textarea {
    font-size: 16px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 550px;
    rezise: none;
}
.formulaire_ligne_aide {
    display:none;
}
.casei {
    font-size: 12px;
    padding: 5px;
    color: #444444;
    font-weight:400;
    border: 1px solid #DDDDDD;
}
.casei:hover {
    border: 1px solid #AAAAAA;
}
.casei.normal {
    width: 600px;	
}
.caseiErreur {
    font-size: 12px;
    padding: 5px;
    color: #444444;
    font-weight:400;
    border: 1px solid #FF0000;
}
.caseiErreur:hover {
    border: 1px solid #AAAAAA;
}
.caseInputRecherche {
    font-size: 14px;
    color: #b2b2b2;
    background-color: #FFF;
    border: 1px solid #b4b4b4;
    width: 255px;
    height:  21px;
    padding-left: 5px;
}
#contenu_formulaire {
    overflow:hidden;
    background-color:#DDDDDD;
    position:relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
#contenu_formulaire .zoneFormulaire {
    background-color:#EEEEEE;
    padding: 15px;
    float:left;
    width: 580px;
    padding-bottom: 300px;
    overflow:hidden;
    font-size:18px;
}
#contenu_formulaire .zoneAide {
    float:left;
    width: 260px;
    overflow:hidden;
    font-size:16px;
}
#contenu_formulaire .zoneFormulaire h2 {
    font-size: 28px;
    color: #777777;
}
#contenu_formulaire .zoneFormulaire .intro {
    font-size: 16px;
    color: #777777;
    margin-top:5px;
}
.zoneFormulaire .twitter-typeahead {
    width:100%;
}
#coordonneesSociete {
    overflow:hidden;
    margin-bottom: 25px;
    background-color:#cdcfc7;
    position:relative;
    border: 1px solid #cdcfc7;
}
#coordonneesSociete .zoneTexte {
    overflow:hidden;
    padding: 15px;
    float:left;
    width: 578px;
    background-color:#FFFFFF;
    color:#6a6c63;
    min-height: 150px;
}
#coordonneesSociete .zoneAide {
    float:left;
    width: 220px;
    color: #646c64;
    padding: 20px;
    text-align:center;
}
#coordonneesSociete .zoneAide .texte {
    margin-top: 10px;
    font-size: 18px;
}
#coordonneesSociete .zoneAide .fleche {
    background-image:url('../images/flecheBigBas.png');
    background-repeat:no-repeat;
    display:block;
    width:67px;
    height:47px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
}
#coordonneesSociete .googleMap {
    overflow:hidden;
    width: 574px;
    height: 200px;
    border: 1px solid #CCCCCC;
    margin-top:20px;
}
/*FIN FORMULAIRE*************************************************************************************************/

/*AIDE************************************************************************************************/
#contenu_aide_contenu {
    overflow:hidden;
    font-size: 14px;
    color: #777777;
    padding:10px;
    position:absolute;
    left: 635px;
    width: 218px;
    overflow:hidden;
    line-height: 18px;
}
.texteAideObligatoire {
    color: #21c538;
}
.texteAideErreur {
    color: #FF0000;
}
#contenu_aide_pointeur {
    background-image:url('../images/formulaire_pointeur.png');
    background-repeat:no-repeat;
    background-color:transparent;
    width: 16px;
    height: 29px;
    overflow:hidden;
    position:absolute;
    top:10px;
    left: 610px;
}

/*FIN AIDE********************************************************************************************/

/*MODULE CATEGORIE************************************************************************************/
.module_categorie {
    float:left;
    width: 273px;
    border: 1px solid #b5bdb5;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center top;
    height: 378px;
    background-size: 273px;
    cursor:pointer;
}
.module_categorie .corps {
    background-color:#dddfda;
    padding: 15px;
    text-align:center;
    height: 144px;
    margin-top: 204px;
}
.module_categorie .ombre {
    display:block;
    background-image:url('../images/module_categorie_ombre.png');
    background-repeat:no-repeat;
    background-position:center top;
    height: 150px;
}
.module_categorie .corps .titre {
    color:#334e42;
    font-size: 24px;
    text-align:center;
    display:block;
    height: 55px;
    overflow:hidden;
    text-decoration:none;
}
.module_categorie .corps a.soustitre {
    color:#667e73;
    font-size: 16px;
    text-align:center;
    display:block;
    margin-top: 10px;
    height: 40px;
    overflow:hidden;
    text-decoration:none;
}
/*FIN MODULE CATEGORIE********************************************************************************/

/*ARBO************************************************************************************************/
#arbo .titre {
    font-size: 20px;
    color:#888e8a;
    margin-bottom: 5px;
    margin-top: 2px;
}
#arbo .contenu {
    padding: 0px;
    overflow:hidden;
    margin-bottom: 20px;
    height: 27px;
}
#arbo .contenu a {
    color: #EEEEEE;
    font-size: 14px;
    float:left;
    display:block;
    height: 19px;
    text-decoration:none;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-color:#554357;
    text-transform:uppercase;
    overflow:hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-right:8px;
}
#arbo .contenu a:hover {
    color:#FFFFFF;
    background-color:#8c6495;
}
#arbo .contenu .separateur {
    display:none;
    float:left;
}
#arbo .contenu .separateur_fin {
    display:none;
    float:left;
}
/*FIN ARBO********************************************************************************************/

/*FICHE***********************************************************************************************/
#article_fiche {
    overflow:hidden;
}
#article_fiche .illustration {
    float:left;
    margin-right: 5px;
}
#article_fiche .illustration #photoPrincipaleArticle {
    background-color:#FFF;
}
#article_fiche .illustration #photoPrincipaleArticle img.vignetteArticleFiche {
    border:1px solid #e1e1e5;
    width: 307px;
}
.cloneImage {
    position:absolute;
    z-index:1000000;
    width: 307px;
}
#article_fiche .illustration .conteneurApercuDiapo {
    float:left;
    border: 1px solid #CCCCCC;
    overflow:hidden;
    width: 99px;
    height: 110px;
    background-color:#FFF;
    cursor:pointer;
    margin-left:2px;
}
#article_fiche .illustration .conteneurApercuDiapo.first {
    margin-left:0px;
}
#article_fiche .illustration .conteneurApercuDiapoCadre {
    padding-top: 0px;
    overflow:hidden;
    clear:both;
    width: 309px;
    height:251px;
    position:relative;
}
#article_fiche .illustration .conteneurApercuDiapo img {
    width: 99px;
}
#article_fiche .illustration .conteneurApercuDiapo.active {
    border: 1px solid #4969b0;
}
.disponibliteMagasin {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 15px;
}
.disponibliteMagasin .texte {
    overflow: hidden;
    float: left;
    width: 692px;
    text-align:right;
    padding-top: 4px;
}
.disponibliteMagasin .texte .titre {
    font-size: 20px;
    color: #333333;
}
.disponibliteMagasin .texte .adresse {
    font-size: 20px;
    color: #22a334;
    margin-top:2px;
    margin-bottom: 2px;
}
.disponibliteMagasin .texte .lien {
    font-size: 14px;
    color: #333333;
}
.disponibliteMagasin .illustration {
    float: right;
    margin-right: 20px;
    width: 170px;
    display:block;
    text-align:right;
}
.disponibliteMagasin .illustration img {
    height: 90px;
}
/*SLIDER SOURIS******************************************************************/
#makeMeScrollable
{
    width:100%;
    height: 151px;
    position: relative;
}

/* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea div
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    /* If you don't want the images in the scroller to be selectable, try the following
       block of code. It's just a nice feature that prevent the images from
       accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*FIN SOURIS*********************************************************************/
#article_fiche .fiche_infos {
    overflow:hidden;
}
#article_fiche .fiche_infos .entete {
    overflow:hidden;
    background-color:#FFF;
}
#article_fiche .fiche_infos .entete .titre {
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
}
#article_fiche .fiche_infos .entete .titre h2, #article_fiche .fiche_infos .entete .titre h1 {
    color:#414141 !important;
    font-size: 24px !important;
    display:block;
    font-weight:300;
    line-height:28px;
    text-transform:uppercase;
    letter-spacing:0px !important;
    padding-bottom: 0px;
}
#article_fiche .fiche_infos .entete .reference {
    color:#8c8c8c;
    font-size: 16px;
    margin-top: 5px;
}
#article_fiche .fiche_infos .entete .reference strong {
    color:#4969b0;
    font-weight:300;
}
#article_fiche .fiche_infos .entete a.marque {
    display:block;
    padding-top:8px;
    float: right;
    width:190px;
    text-align:right;
}
#article_fiche .fiche_infos .entete a.marque img {
    max-height: 45px;
    max-width:180px;
}
#article_fiche .fiche_infos .panier .disponibilite .disponibiliteReduite {
    color: #FF8000;
    font-size: 13px;
    margin-top: -4px !important;
}
#article_fiche .fiche_infos .contenu .description {
    color:#888888;
    font-size: 16px;
    text-align:justify;
}
#article_fiche .fiche_infos .description ul {
    text-transform: lowercase;
    list-style-type:square;
    padding-left:15px;
}
#article_fiche .fiche_infos .description ul li {
    padding-left:0px;
    margin-left:0px;
}
#article_fiche .fiche_infos .description ul li:first-letter {
    text-transform: uppercase;
}
#article_fiche .fiche_infos .contenu .quantite_cadre {
    background-color:#ebebeb;
    border: 2px solid #ebebeb;
    overflow:hidden;
    width: 144px;
}
#article_fiche .fiche_infos .contenu .quantite_cadre .action {
    padding-top: 13px;
}
#article_fiche .fiche_infos .contenu .quantite_cadre .module_article_panier_moins {
    background-image:url('../images/quantite_moins.png');
    background-repeat:no-repeat;
    cursor:pointer;
    width:21px;
    height:21px;
    float:left;
    margin-left: 13px;
}
#article_fiche .fiche_infos .contenu .quantite_cadre .module_article_panier_plus {
    background-image:url('../images/quantite_plus.png');
    background-repeat:no-repeat;
    cursor:pointer;
    width:21px;
    height:21px;
    float:left;
    margin-left: 10px;
}
#article_fiche .fiche_infos .contenu .quantite_cadre .module_article_panier_moins:hover {
    background-image:url('../images/quantite_moins_over.png');
}
#article_fiche .fiche_infos .contenu .quantite_cadre .module_article_panier_plus:hover {
    background-image:url('../images/quantite_plus_over.png');
}
#article_fiche .fiche_infos .contenu .quantite_cadre input {
    display:block;
    float:left;
    background-color:#FFFFFF;
    padding: 6px;
    font-size: 26px;
    color:#fe8300;
    border: 0px solid;
    text-align:center;
    width:57px;
}
#article_fiche .fiche_infos .contenu .fiche_panier {
    margin-top: 30px;
}
#article_fiche .fiche_infos .contenu .fiche_panier .options {
    float:left;
    margin-right: 25px;
}
#article_fiche .fiche_infos .contenu .fiche_panier .action {
    float:left;
}
#article_fiche .fiche_infos .contenu .fiche_panier .declinaisons {
    border:0px solid #EEEEEE;
    border-top-width:1px;
    border-bottom-width:1px;
    padding-bottom: 20px;
    margin-bottom:20px;
    padding-top:5px;
    overflow:hidden;
}
#article_fiche .fiche_infos .contenu .fiche_panier .declinaisons select {
    color:#333333;
    font-size: 14px;
    font-weight:normal;
}
#article_fiche .fiche_infos .contenu .fiche_panier .declinaisons select option {
    color:#888888;
    font-size: 14px;
    font-weight:normal;
}
/*FIN FICHE*******************************************************************************************/

/*FICHE PRESENTATION**********************************************************************************/
#article_fiche.fichePresentation {
    margin-bottom: 15px;
}
#article_fiche.fichePresentation .illustration #photoPrincipaleArticle img.vignetteArticleFiche {
    padding:0px;
    background-color: transparent;
    border: 0px solid #DDDDDD;
}
#article_fiche.fichePresentation .illustration {
    margin-right: 25px;
}
#article_fiche.fichePresentation .illustration #photoPrincipaleArticle img.vignetteArticleFiche {
    border:0px solid #e1e1e5;
    width: 380px;
}
#article_fiche.fichePresentation .fiche_infos .entete {
    margin-bottom: 17px;
    margin-top:0px !important;
}
/*FIN FICHE PRESENTATION******************************************************************************/

/*MODULE ARTICLE BIG**********************************************************************************/
.module_article_big {
    width: 1066px;
    background-color:#DDDDDD;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin: auto;
    margin-bottom: 25px;
    position:relative;
}
.module_article_big .etatNeuf {
    text-align:center;
    margin-top: 10px;
    background-color:#f4f4f4;
    border: 1px solid #DDDDDD;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding:8px;
    color:#333333;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing: 2px;
}
.module_article_big .tarif {
    float:left;
    width:228px;
}
.module_article_big .tarif .zoneBoutonPanier {
    padding:15px;
    padding-top:21px;
}
.module_article_big .tarif .prixPublic, .module_article_big .tarif .prixBoutique {
    text-align:center;
    padding:10px;
    overflow:hidden;
}
.module_article_big .tarif .prixPublic {
    background-color:#585d62;
    padding-bottom:0px;
}
.module_article_big .tarif .prixBoutique {
    background-color:#554357;
    padding-bottom:24px;
}
.module_article_big .tarif .prixPublic .entete, .module_article_big .tarif .prixBoutique .entete {
    padding:5px;
    font-size:14px;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase;
}
.module_article_big .tarif .flecheBas {
    background-image:url('../images/flecheBas_tarif.png');
    background-repeat:no-repeat;
    background-color:#554357;
    width:100%;
    height:16px;
}
.module_article_big .tarif .prixPublic .entete {
    color:#FFFFFF;
}
.module_article_big .tarif .prixPublic .prix {
    padding:5px;
    font-size:36px;
    color:#DDDDDD;
    text-decoration:line-through;
}
.module_article_big .tarif .prixBoutique .entete {
    color:#FFFFFF;
}
.module_article_big .tarif .prixBoutique .prix {
    padding:5px;
    font-size:40px;
    font-weight:400;
    color:#FFFFFF;
}
.module_article_big .tarif .ajoutPanier {
    font-size:12px !important;
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
}
.module_article_big .tarif .ajoutPanier i {
    padding-top:15px !important;
}
.module_article_big .cadreInfos {
    width:823px;
    padding:15px;
    padding-bottom:20px;
    padding-right:0px;
    float:left;
    background-color:#FFFFFF;
    overflow:hidden;
    height:100%;
}
.module_article_big .vignetteCadre {
    float:left;
    overflow:hidden;
}
.module_article_big .vignette {
    width: 200px;
    padding:5px;
    overflow:hidden;
    text-align:center;
    position:relative;
    background-color:#f4f4f4;
    border: 1px solid #DDDDDD;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.module_article_big .vignette img {
    border: 1px solid #DDDDDD;
    width: 200px;
}
.module_article_big .detail {
    float:left;
    width:591px;
    margin-left:20px;
    padding-top:5px;
}
.module_article_big .detail .titre {
    display:block;
    font-size:20px;
    color:#5691f4;
    text-align:left;
    font-weight:400;
    text-decoration:none;
    padding-right:20px;
    height: 55px;
    overflow:hidden;
}
.module_article_big .detail .texte {
    font-size:14px;
    color:#666666;
    text-align: justify;
    margin-top:8px;
    padding-right:20px;
    margin-bottom:13px;
    height: 148px;
    overflow:hidden;
}
.module_article_big .options {
    border:0px solid #DDDDDD;
    border-top-width:1px;
    padding-top:23px;
    padding-bottom:5px;
    overflow:hidden;
}
.module_article_big .options .boutonDetail {
    float:left;
}
.module_article_big .options .boutonRush {
    float:right;
    margin-right:20px;
}

/*FIN MODULE ARTICLE BIG******************************************************************************/

/*MODULE ARTICLE MOZAIQUE*****************************************************************************/
#afficheurArticleMozaique, .afficheurArticleMozaique {
    position:relative;
}
.module_article.left, .module_article_big.left {
    float:left;
}
.module_article {
    width: 28.8%;
    background-color:#FFFFFF;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    margin-bottom: 22px;
    margin-right: 2%;
}
.module_article:hover {
    border: 1px solid #7f4e86;
}
.module_article .titre {
    display:block;
    margin:0px;
    padding: 5px;
    padding-left: 10px;
    padding-right:10px;
    height:  70px;
    font-size: 12px;
    line-height:22px;
    text-align: center;
    color:#444444;
    overflow: hidden;
    font-weight: bold;
}
.module_article.serie .titre {
    height:  35px;
    font-size: 18px;
    padding-top:14px;
}
.module_article .texte {
    padding: 5px;
    margin-top:8px;
    padding-left: 10px;
    padding-right:10px;
    height: 40px;
    font-size: 10px;
    line-height:16px;
    color:#666666;
    overflow: hidden;
}
.module_article .texte.big {
    height: 88px;
}
.module_article .module_article_vignette, .module_article .module_article_vignette_carte {
    width: 90%;
    height: 255px;
    overflow:hidden;
    text-align:center;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
.module_article.serie .module_article_vignette {
    padding-top:10px;
    padding-bottom:10px;
}
.module_article .module_article_vignette img {
    border: 0px solid #EEEEEE;
    width: 100%;
}
.module_article.serie .module_article_vignette img {
    width: 70%;
}
.module_article.fichePresentation .module_article_vignette {
    padding:5px;
}
.module_article.fichePresentation .module_article_vignette img {
    width: 155px;
}
.module_article .module_article:hover {
    border: 1px solid #5b6a95;
}
.module_article .module_article_detail {
    padding: 8px;
    margin-top:0px;
    overflow: hidden;
    color:#555555;
    text-align: center;
}
.module_article .module_article_titre:hover {
    color:#222222;
}
.module_article .module_article_panier {
    overflow:hidden;
    padding: 2%;
}
.module_article .module_article_panier_add {
    float:left;
    text-align:center;
    padding: 5px;
    font-size:14px;
    padding-left: 1%;
    padding-right: 1%;
    width:60%;
    background-color:#57395b;
    color: #FFFFFF;
    cursor:pointer;
}
.module_article .module_article_panier_add.indispo {
    background-color:#465164;
    color: #DDDDDD;
    cursor: default;
}
.module_article .module_article_panier_add:hover {
    background-color:#7f4e86;
}
.module_article .module_article_panier_add.indispo:hover {
    background-color:#465164;
    color: #DDDDDD;
}
.module_article .module_article_fichePresentation {
    text-align:center;
    display:block;
    padding: 5px;
    font-size:14px;
    padding-left: 9px;
    padding-right: 9px;
    background-color:#CCCCCC;
    color: #000000;
    text-decoration: none;
    cursor:pointer;
}
.module_article .module_article_panier_fiche {
    float:right;
    display:block;
    text-align:center;
    padding: 5px;
    font-size:14px;
    padding-left: 1%;
    padding-right: 1%;
    width:36%;
    background-color:#CCCCCC;
    color: #000000;
    text-decoration: none;
    cursor:pointer;
}
.module_article .module_article_panier_fiche:hover {
    background-color:#888888;
    color: #EEEEEE;
}
.module_article .module_article_panier input {
    float:left;
    width: 26px;
    height: 22px;
    border: 1px solid #7e8db7;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 6px;
    text-align:center;
}
.module_article .module_article_texte {
    color:#8c8c8c;
    font-size: 10px;
    height: 35px;
    overflow:hidden;
    margin-top: 8px;
}
.module_article .module_article_conteneur_prix {
    background-color: #dfdfdf;
    overflow:hidden;
    margin-top: 10px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.module_article .module_article_prix_barre {
    float:left;
    color: #888888;
    font-size: 18px;
    font-weight:normal;
    padding-top: 3px;
    text-decoration:line-through;
}
.module_article .module_article_prix_final {
    text-align:center;
    font-size: 24px;
    color: #82358b;
    padding-left: 10%;
    font-weight: 600;
}
.module_article .module_article_prix_final sup {
    font-size: 12px;
    padding-left: 5px
}
.module_article .module_article_prix_final .small {
    font-size: 12px;
}
/*FIn MODULE ARTICLE MOZAIQUE************************************************************************************/

/*ONGLET*****************************************************************************************/
.zone_onglet {
    position:relative;
    overflow:hidden;
    background-color:#f2f2f2;
}
.zone_onglet_entete {
    position:relative;
    overflow:hidden;
    height: 59px;
}
.zone_onglet_entete .onglets {
    padding-top:16px;
    float:left;
    width:330px;
    overflow:hidden;
}
.zone_onglet_entete .prix {
    padding-top:6px;
    float:right;
    color:#82358b;
    font-size: 34px;
    padding-right:15px;
    font-weight:500;
    width:180px;
    overflow:hidden;
}
.zone_onglet_entete .prix .prixArticle {
    float:right;
}
.zone_onglet_entete .prix .prixArticle.promo {
    color:#FF0000;
    font-weight:400;
}
.zone_onglet_entete .prix .prixArticle_promo {
    float:right;
    font-size: 20px;
    text-decoration:line-through;
    color: #000000;
    margin-right: 12px;
    padding-top:15px;
}
.zone_onglet_bouton {
    float:left;
    margin-right: 2px;
}
.zone_onglet_bouton.ouvert {
    background-color:#FFFFFF;
    overflow:hidden;
    color:#5a5a5a;
    font-size: 16px;
    letter-spacing:0px;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    height:13px;
}
.zone_onglet_bouton.ferme:hover {
    color:#FFFFFF;
    background-color:#000000;
    background-image:none;
}
.zone_onglet_bouton.ferme {
    background-color:#c9c9c9;
    background-image:url('../images/onglet_fiche_fond.png');
    background-repeat:repeat-x;
    color:#000000;
    font-size: 14px;
    letter-spacing:0px;
    padding: 7px;
    padding-left: 17px;
    padding-right: 17px;
    height: 22px;
    margin-top: 10px;
    cursor:pointer;
}
.zone_onglet_contenu {
    background-color:#FFFFFF;
    z-index:1;
    overflow:hidden;
    border-top-width:0px;
    min-height: 250px;
}
.zone_onglet_interne.description {
    background-color:#f2f2f2;
    min-height: 498px;
}
.zone_onglet_interne.description .descriptionTarif {
    background-color:#FFFFFF;
    padding-top: 19px;
    overflow:hidden;
    padding-bottom:19px;
}
.zone_onglet_interne.description .descriptionTarif .description {
    font-size: 14px !important;
    color:#000000 !important;
    line-height:16px !important;
    font-weight:300 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    display:block;
    padding: 0px;
    padding-left: 45px;
    padding-right: 45px;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif {
    float:right;
    width:194px;
    overflow:hidden;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .infosLivraison {
    text-align: center;
    width: 81px;
    margin-left:27px;
    background-image: url('../images/picto-camion.png');
    background-repeat:no-repeat;
    background-position: center top;
    padding-top: 45px;
    color: #4969b0;
    font-weight:400;
    font-size: 16px;
}

.zone_onglet_interne.description .descriptionTarif .complementTarif .infosTel {
    width: 114px;
    margin-left:10px;
    margin-top: 15px;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .infosTel .titreTel {
    text-align: center;
    color: #666666;
    font-size: 9px;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .infosTel .phone {
    color: #222222;
    margin-top:5px;
    font-size: 11px;
    letter-spacing:0px;
    padding-left: 30px;
    background-image: url('../images/case-tel-fr.png');
    background-repeat:no-repeat;
    background-position: center;
    padding-top:2px;
    height: 18px;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .prixClub {
    background-color:#282826;
    float:right;
    padding: 4px;
    padding-right: 10px;
    padding-left:10px;
    width: 170px;
    margin-bottom:5px;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .prixClubLien {
    text-align: right;
    color:#444444;
    font-size:14px;
    margin-bottom:10px;
    display:block;
    text-decoration:none;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .prixClubLien:hover {
    color:#000000;
    text-decoration:underline;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .titre {
    color:#FFFFFF;
    font-size:16px;
    float:left;
    text-transform:uppercase;
    padding-top:2px;
}
.zone_onglet_interne.description .descriptionTarif .complementTarif .tarif {
    color:#00ff24;
    font-size:18px;
    float:right;
    text-transform:uppercase;
    margin-left: 5px;
}
.descriptionTarif .complementTarif .promotion {
    overflow:hidden;
    margin-left:10px;
}
.complementTarif .promotion .patchBig {
    background-image:url('../images/patchBigLisseRouge.png');
    background-repeat:no-repeat;
    width:112px;
    height:113px;
    color:#FF0000;
    text-align:center;
    overflow:hidden;
}
.complementTarif .promotion .patchBig .titrePatchBig {
    font-size:18px;
    margin-top:25px;
}
.complementTarif .promotion .patchBig .prixPatchBig {
    font-size:34px;
    line-height:30px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    margin-top:0px;
}
.descriptionTarif .complementTarif .promotion .infosPromo {
    font-size:12px;
    overflow:hidden;
    padding-top:10px;
}
.zone_onglet_interne.description .zonePanier {
    overflow:hidden;
    padding-top: 15px;
}
.zone_onglet_interne.description .zonePanier .tailles {
    float:left;
    width:300px;
    overflow:hidden;
    padding-left: 15px;
}
.zone_onglet_interne.description .zonePanier .tailles .longueur {
    margin-top: 10px;
}
.zone_onglet_interne.description .zonePanier .tailles .longueur .aide {
    margin-top: 6px;
    font-size:11px;
}

.zone_onglet_interne.description .zonePanier .tailles .longueur select {
    width: 90%;
}
.zone_onglet_interne.description .zonePanier .tailles .taillesTitreCadre {
    overflow:hidden;
}
.zone_onglet_interne.description .zonePanier .tailles .titre {
    font-size: 18px;
    float:left;
    color:#000000;
    margin-bottom: 20px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.zone_onglet_interne.description .zonePanier .tailles .longueur .titre {
    margin-bottom: 5px;
}
.zone_onglet_interne.description .zonePanier .tailles .taillesTitreCadre .lienGuide {
    padding-left:0px;
    padding-bottom:0px;
    font-size:12px;
    padding-top:2px;
    color:#1aa72d;
    display:block;
    text-decoration:none;
}
.zone_onglet_interne.description .zonePanier .tailles .taillesTitreCadre .lienGuide:hover {
    text-decoration:underline;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre {
    float:left;
    margin-right: 15px;
    cursor:pointer;
    margin-bottom: 10px;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre.indisponible {
    float:left;
    margin-right: 15px;
    cursor: default;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre .label {
    font-size: 14px;
    color:#000000;
    text-align:center;
    height: 20px;
    overflow:hidden;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre .label sup {
    font-size: 8px;
    color:#000000;
    text-align:center;
    padding-top:5px;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre.indisponible .label {
    color:#999999;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre .case {
    margin-top: 3px;
    width: 24px;
    height:22px;
    border:1px solid #939393;
    background-color:#FFF;
    background-repeat:no-repeat;
    background-position:center;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre.indisponible .case {
    border:1px solid #BBBBBB;
    background-color:#DDDDDD;
}
.zone_onglet_interne.description .zonePanier .tailles .cadre .case.active {
    background-image:url('../images/selecteurCase_coche.png');
}
.zone_onglet_interne.description .zonePanier .tailles .cadre.indisponible .case.active {
    background-image: none;
}
.zone_onglet_interne.description .zonePanier .panier {
    float:right;
    width:40%;
    padding-right:5%;
}
.zone_onglet_interne.description .zonePanier .disponibilite {
    height: 48px;
    overflow:hidden;
}
.zone_onglet_interne.description .zonePanier .disponibilite .titre {
    color:#323232;
    font-size:16px;
    padding-top: 4%;
    text-align: center;
}
.zone_onglet_interne.description .zonePanier .quantite .titre {
    color:#323232;
    font-size:20px;
    padding-top: 4%;
    padding-bottom: 2%;
    text-transform: uppercase;
}
.zone_onglet_interne.description .zonePanier .disponibilite .titre .vert {
    color:#4969b0;
}
.zone_onglet_interne.description .zonePanier .disponibilite .titre .rouge {
    color:#FF0000;
}
.zone_onglet_interne.description .zonePanier .disponibilite .titre .nb {
    color:#666666;
    font-size:14px;
}
.zone_onglet_interne.description .zonePanier .panier .bouton.add {
    float: right;
    width: 188px;
    overflow: hidden;
    background-color: #54ca0d;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    padding: 8px;
    padding-left: 10px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    cursor: pointer;
    padding-right: 10px;
}
.zone_onglet_interne.description .zonePanier .panier .bouton.add:hover {
    background-color:#60ff00;
}
.zone_onglet_interne.description .zonePanier .panier .bouton.loading {
    float:right;
    width:168px;
    overflow:hidden;
    background-color:#DDDDDD;
    font-size:16px;
    text-transform:uppercase;
    text-align:left;
    padding: 10px;
    padding-left: 60px;
    letter-spacing:1px;
    color:#222222;
    background-image:url('../images/loader.gif');
    background-repeat:no-repeat;
    background-position: 30px 12px;
}
.zone_onglet_interne.description .zonePanier .panier .bouton.wishlist {
    float:right;
    width:188px;
    margin-top: 15px;
    overflow:hidden;
    background-color:#333333;
    font-size:14px;
    text-transform:uppercase;
    text-align:left;
    padding: 10px;
    text-align: center;
    letter-spacing:0px;
    color:#EEEEEE;
    cursor:pointer;
}
.zone_onglet_interne.description .zonePanier .panier .bouton.wishlist:hover {
    background-color:#000000;
    color:#FFFFFF;
}
/*COULEUR**/
.zone_onglet_interne.description .zoneCouleur {
    overflow:hidden;
    border:0px solid #d7d7d7;
    border-top-width:1px;
    margin-top: 25px;
}
.zone_onglet_interne.description .zoneCouleur .couleurs {
    overflow:hidden;
    padding: 15px;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .titre {
    font-size: 18px;
    color:#000000;
    margin-bottom: 20px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre {
    float:left;
    overflow:hidden;
    margin-right: 35px;
    margin-bottom: 20px;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .label {
    font-size: 12px;
    color:#333333;
    width:70px;
    overflow:hidden;
    text-align:center;
    margin-top:5px;
    text-transform:uppercase;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .case {
    width:59px;
    height:59px;
    padding: 4px;
    border:2px solid;
    border-color:#CCCCCC;
    overflow:hidden;
    cursor:pointer;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre.active .case {
    border-color:#000000;
}

.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .case:hover {
    border-color:#BBBBBB;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .case.image {
    width:59px;
    height:59px;
    overflow:hidden;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .case .selecteurCouleur {
    width:59px;
    height:59px;
    overflow:hidden;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .case.image img {
    width:59px;
}
.zone_onglet_interne.description .zoneCouleur .couleurs .cadre .case .texte {
    text-align:center;
    width:59px;
    height:39px;
    color: #888888;
    padding-top: 20px;
    background-color:#FFFFFF;
}
/*FIN ONGLET*************************************************************************************/

/*QUANTITE***************************************************************************************/
#article_fiche .zonePanier .quantite {
    float: left;
    width: 48%;
    text-align: center;
    padding-left: 2%;
}
#article_fiche .ligneInfosPaiement {
    margin-top: 25px;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    margin-left: 21px;
    margin-right: 21px;
    padding-top: 20px;
}
#article_fiche .fiche_infos .infosPaiement {
    border-right: 1px solid #CCCCCC;
    padding-right: 5%;
    margin-right: 5%;
    float: left;
    width: 25%;
    color: #333333;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 2%;
    padding-top: 1.9%;
}
#article_fiche .fiche_infos .infosPaiementIcon, #article_fiche .fiche_infos .boutonInfosLivraisonIcon {
    font-size: 38px;
    float: left;
    width: 13%;
    padding-left: 3%;
    color: #222222;
    height: 52px;
}
#article_fiche .fiche_infos .boutonInfosLivraison {
    font-size: 14px;
    color: #333333;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    padding-top: 1.9%;
    text-transform: uppercase;
    float: right;
    width: 28%;
    padding-left: 2%;
}
#article_fiche .zonePanier .boutonQuantiteCadre {
    border: 1px solid #999999;
    overflow: hidden;
    width: 66%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0vw;
    background-color: #7a557e;
}
#article_fiche .zonePanier .boutonQuantiteCadre .module_article_panier_moins, #article_fiche .zonePanier .boutonQuantiteCadre .module_article_panier_plus {
    background-color: #7a557e;
    color: #FFFFFF;
    text-align: center;
    width: 33%;
    float: left;
    font-size: 30px;
    line-height: 40px;
    cursor: pointer;
    height: 40px;
}
#article_fiche .zonePanier .boutonQuantiteCadre .module_article_panier_moins:hover, #article_fiche .zonePanier .boutonQuantiteCadre .module_article_panier_plus:hover {
    background-color: #a76dad;
}
#article_fiche .zonePanier .boutonQuantiteCadre input {
    border: 0px solid;
    background-color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    width: 32.6%;
    color: #333333;
    float: left;
    display: block;
    height: 38px;
    font-weight: 500;
}

/*FIN QUANTITE***********************************************************************************/

/*caracteristiques*******************************************************************************/
.zone_onglet_interne.caracteristiques {
    padding: 20px;
    overflow:hidden;
}
.zone_onglet_interne.caracteristiques .ligne {
    overflow:hidden;
    margin-bottom: 2px;
    background-color:#e9e9e9;
}
.zone_onglet_interne.caracteristiques .ligne .titre {
    float:left;
    width: 200px;
    padding: 8px;
    padding-left: 12px;
    font-size:16px;
    text-transform:uppercase;
    color:#718a80;
    text-align:left;
}
.zone_onglet_interne.caracteristiques .ligne .texte {
    background-color:#f2f2f2;
    padding: 8px;
    padding-left: 12px;
    border:0px solid #FFFFFF;
    border-left-width:2px;
    font-size:16px;
    color:#91a09a;
    margin-left: 223px;
    text-align:left;
}
/*FIN caracteristiques***************************************************************************/

/*COMMENTAIRES*********************************************************************************/
.zone_onglet_interne.commentaires {
    padding: 20px;
    overflow:hidden;
}
.zone_onglet_interne.commentaires .ligne {
    overflow:hidden;
    margin-bottom: 2px;
}
.zone_onglet_interne.commentaires .ligne .titre {
    float:left;
    width: 200px;
    background-color:#e9e9e9;
    padding: 8px;
    padding-left: 12px;
    font-size:18px;
    color:#718a80;
    text-align:left;
}
.zone_onglet_interne.commentaires .ligne .texte {
    background-color:#f2f2f2;
    padding: 8px;
    padding-left: 12px;
    font-size:18px;
    color:#91a09a;
    margin-left: 223px;
    text-align:left;
}
.zone_onglet_interne.commentaires textarea {
    width: 100%;
    margin-top: 15px;
}
.commentaire_ligne {
    border:0px solid #DDDDDD;
    border-bottom-width:1px;
    padding-bottom:10px;
    margin-bottom: 20px;
    overflow:hidden;
}
.commentaire_ligne .auteur {
    font-size: 14px;
    font-weight:400;
    color:#FF8000;
}
.commentaire_ligne .date {
    font-size: 12px;
    color:#666666;
}
.commentaire_ligne .texte {
    font-size: 14px;
    margin-top:10px;
    color:#333333;
}
/*FIN COMMENTAIRES*****************************************************************************/

/*PROMOTIONS********************************************************************************/
.patchRouge {
    background-image:url('../images/patchRouge.png');
    background-repeat:no-repeat;
    position:absolute;
    display:block;
    width: 65px;
    height: 46px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding-top: 19px;
    z-index:1;
    top: 10px;
    left: 125px;
    text-decoration:none;
}
.patchVert {
    background-image:url('../images/patchVert.png');
    background-repeat:no-repeat;
    position:absolute;
    display:block;
    width: 65px;
    height: 46px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding-top: 19px;
    z-index:1;
    top: 10px;
    left: 125px;
    text-decoration:none;
}
.patchOrange {
    background-image:url('../images/patchOrange.png');
    background-repeat:no-repeat;
    position:absolute;
    display:block;
    width: 65px;
    height: 46px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding-top: 19px;
    z-index:1;
    top: 10px;
    left: 125px;
    text-decoration:none;
}
.patchOrangeCoin, .patchVertCoin, .patchRougeCoin, .patchOrangeCoin_small, .patchVertCoin_small, .patchRougeCoin_small {
    background-color:#4969b0;
    position:absolute;
    display:block;
    width: 150px;
    height: 25px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding: 10px;
    padding-top: 50px;
    z-index:1;
    top: -80px;
    left: 170px;
    text-decoration:none;
    transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -sand-transform:rotate(45deg);
    transform:rotate(45deg);
}
.patchOrangeCoin_small, .patchVertCoin_small, .patchRougeCoin_small {
    width: 60px;
    height: 16px;
    font-size: 14px;
    font-weight:400;
    padding: 7px;
    padding-top: 32px;
    top: -41px;
    left: 109px;
}
.prixRouge {
    background-image:url('../images/patchRouge.png');
    background-repeat:no-repeat;
    display:block;
    width: 65px;
    height: 46px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding-top: 19px;
}
.prixVert {
    background-image:url('../images/patchVert.png');
    background-repeat:no-repeat;
    display:block;
    width: 65px;
    height: 46px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding-top: 19px;
}
.prixOrange {
    background-image:url('../images/patchOrange.png');
    background-repeat:no-repeat;
    display:block;
    width: 65px;
    height: 46px;
    overflow:hidden;
    text-align:center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight:400;
    padding-top: 19px;
}
/*FIN PROMOTIONS****************************************************************************/

/*PANIER************************************************************************************/
/*BLOCK********/
.block_contenu .lignePanierMini {
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color:transparent;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #c4c4c4;
    overflow:hidden;
    clear:both;
    cursor:pointer;
}
.block_contenu .lignePanierMini:hover {
    background-color: #FFFFFF;
}
.block_contenu .vignettePanierMini {
    float:left;
    width:48px;
    overflow:hidden;
    border:1px solid #a0a8a0;
    margin-right: 10px;
}
.block_contenu .vignettePanierMini img {
    width:48px;
}
.block_contenu .detail {
    overflow:hidden;
}
.block_contenu .detail .titre {
    color:#315444;
    font-size:14px;
    clear:both;
    height: 40px;
    overflow:hidden;
    margin-bottom:5px;
}
.block_contenu .detail .texte {
    color:#146942;
    font-size:14px;
    font-weight:400;
    float:left;
}
.block_contenu .detail .prix {
    color:#146942;
    font-size:16px;
    float:right;
    font-weight:400;
}
.block_contenu .lignePanierMini.premier {
    border-top: 0px;
}
.block_contenu #lignePanierMiniTotal {
    padding: 8px;
    color:#333333;
    background-color:#EEEEEE;
    overflow:hidden;
    font-size:16px;
}
.block_contenu #lignePanierMiniTotal .titre {
    float:left;
}
.block_contenu #lignePanierMiniTotal .prix {
    float:right;
}
.block_contenu .lignePanierMini_bouton {
    overflow:hidden;
    padding: 8px;
    padding-top:0px;
    background-color:#EEEEEE;
    border:0px solid #DDDDDD;
    border-top-width:1px;
}
.block .infosPratiques {
    font-size: 14px;
}
.block .infosPratiques .horaires {
    font-size: 12px;
}
.block .infosPratiques .separateur {
    margin-top: 10px;
    padding-top:10px;
    border:0px solid #DDDDDD;
    border-top-width:1px;
}
.block.ficheProduit .vignette {
    overflow:hidden;
    text-align:center;
    padding-top:10px;
}
.block.ficheProduit .vignette img {
    width:70%;
}
/*FIN BLOCK*************/
.progressionPanier {
    overflow:hidden;
    height: 93px;
    border: 0px solid #CCCCCC;
    border-bottom-width:1px;
}
.progressionPanier .contenu {
    margin-top: 15px;
    overflow:hidden;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.progressionPanier .entete {
    background-color:#DDDDDD;
    float:left;
    text-align:center;
    width: 173px;
    height: 68px;
    color: #656565;
    font-size: 14px;
    padding-top: 29px;
    border: 0px solid #CCCCCC;
    border-left-width: 1px;
    text-decoration:none;
}
.progressionPanier .entete.active {
    background-color: #554357;
    color: #FFFFFF;
}
.progressionPanier .entete.debut {
    border-left-width: 0px;
}
.progressionPanier .entete.active:hover {
    background-color: #c73731;
}
.progressionPanier .entete.fin {
    width: 143px;
}
#progression_iconePanier {
    background-image:url('../images/iconePanier2.png');
    background-repeat: no-repeat;
    position:relative;
    top: -120px;
    z-index: 1;
    margin-bottom: -44px;
    width:36px;
    height:44px;
}
#progression_iconePanier.etape1 {
    margin-left: 63px;
}
#progression_iconePanier.etape2 {
    margin-left: 240px;
}
#progression_iconePanier.etape3 {
    margin-left: 417px;
}
#progression_iconePanier.etape4 {
    margin-left: 587px;
}
#progression_iconePanier.etape5 {
    margin-left: 771px;
}
.progressionPanier_liens {
    overflow:hidden;
    position:relative;
    top: -70px;
    z-index: 1;
    margin-bottom: -50px;
}
.progressionPanier_liens a {
    display:block;
    float:left;
    width: 146px;
    height:68px;
}
.progressionPanier_liens a.debut {
    width: 159px;
}
.progressionPanier_liens .separateur {
    background-image:url(../images/progressionPanier_fleche.png);
    background-repeat:no-repeat;
    float:left;
    width:28px;
    height: 28px;
    margin-top: 17px;
}
.progressionPanier_liens .separateur.valide {
    background-image:url(../images/progressionPanier_valide.png);
}
.lignePanier, .lignePanierEntete {
    border: 0px dotted #CCCCCC;
    border-bottom-width: 1px;
    overflow:hidden;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background-color:transparent;
}
.lignePanier.paire {
    background-color:#FFFFFF;
}
.lignePanier.impaire {
    background-color:#F9F9F9;
}
.lignePanier .description {
    float:left;
    width: 410px;
    overflow:hidden;
}
.lignePanier.court .description {
    width: 390px;
}
.lignePanier .description .titre {
    color: #333333;
    font-size: 16px;
    font-weight:400;
    overflow:hidden;
}
.lignePanier .description .texte {
    color: #555555;
    font-size: 12px;
    margin-top: 3px;
}
.lignePanier .description .options {
    color: #0A68B6;
    font-size: 11px;
    margin-top: 3px;
}
.lignePanier .description .commentaire {
    margin-top: 8px;
}
.lignePanier .description .commentaire textarea {
    font-size:11px;
    width:92%;
    height: 35px;
    padding:8px;
}
.lignePanier.paire .description .commentaire textarea {
    background-color:#F9F9F9;
    border:1px solid #DDDDDD;
}
.lignePanier.impaire .description .commentaire textarea {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
}
.lignePanier .description .options .lien {
    color: #0A68B6;
    font-size: 11px;
    text-decoration:underline;
    cursor:pointer;
}
.lignePanier .description .options .lien:hover {
    color: #2385F1;
}
.lignePanier .prix {
    float:left;
    width: 140px;
    overflow:hidden;
    padding-top: 0px;
    padding-right: 5px;
    text-align:right;
    color:#888888;
    font-weight:400;
    font-size:14px;
}
.lignePanier .quantite {
    float:left;
    width: 80px;
    overflow:hidden;
    margin-left: 15px;
}
.lignePanier .total {
    float:left;
    width: 61px;
    overflow:hidden;
    padding-top: 0px;
    text-align:right;
}
.lignePanier .totalBig {
    float:left;
    width: 156px;
    overflow:hidden;
    padding-top: 0px;
    text-align:right;
}
.lignePanierEntete {
    padding-left: 0px;
    padding-top: 0px;
    color: #999999;
    font-size: 14px;
}
.lignePanierEntete .entete {
    float:left;
    overflow:hidden;
}
.lignePanierEntete .entete.description {
    width: 540px;
}
.lignePanierEntete.court .entete.description {
    width: 520px;
}
.lignePanierEntete .entete.prix {
    width: 140px;
    text-align:right;
    padding-right: 5px;
}
.lignePanierEntete .entete.totalBig {
    width: 151px;
    text-align:right;
    padding-right: 5px;
}
.lignePanierEntete .entete.quantite {
    width: 80px;
    margin-left: 15px;
}
.lignePanierEntete .entete.total {
    width: 56px;
    text-align:right;
    padding-right: 5px;
}
.lignePanier_prix {
    color: #FF8000;
    font-size: 14px;
    font-weight: bold;
}
.lignePanier_prixEcotax {
    color:#41bb20;
    font-size: 10px;
    text-align:right;
}
.lignePanierTotal {
    background-color: #8ace2f;
    border: 0px solid #8ace2f;
    border-bottom-width: 1px;
    overflow:hidden;
    padding: 10px;
}
.lignePanierTotal .titre {
    color: #EEEEEE;
    font-weight: bold;
    font-size: 16px;
    width: 665px;
    text-align:right;
    float:left;
}
.lignePanierTotal .prixTtcSmall {
    font-size: 12px;
    color: #EEEEEE;
}
.lignePanierTotal .prix {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    float:left;
    text-align:right;
    width: 156px;
}
.lignePanierTotal.court .prix {
    width: 160px;
}
/*FRAIS*****************/
.lignePanierFraisCadre {
    background-color: #EEEEEE;
    border: 0px solid #d3d3d3;
    border-bottom-width: 1px;
    overflow:hidden;
}
.lignePanierFraisCadre .infosAdresseRef {
    padding:10px;
    text-align:center;
    font-weight: bold;
    font-size: 14px;
}
.lignePanierFraisCadre .contenu {
    overflow:hidden;
    border: 0px solid #d1d1d1;
    border-bottom-width: 1px;
    padding: 10px;
}
.lignePanierFraisCadre .cadre {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    width: 675px;
    text-align:right;
    float:left;
}
.lignePanierFrais_soustitre {
    color: #FF8040;
    font-size: 12px;
}
.lignePanierFraisCadre .prix {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    float:left;
    text-align:right;
    width: 140px;
}
.lignePanierFrais {
    overflow:hidden;
    border: 0px solid #FFFFFF;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-color: #d1d1d1;
    background-color:transparent;
    cursor:pointer;
    position:relative;
}
.lignePanierFrais.active {
    background-color: #fdfbd6;
}
.lignePanierFrais:hover {
    background-color: #FFF;
}
.lignePanierFrais .transporteurDelai {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    width: 270px;
    padding-top:15px;
    float:left;
    text-align:center;
}
.lignePanierFrais .transporteurDelaiDetails {
    color: #888888;
    font-weight: normal;
    font-size: 11px;
    padding:10px;
    padding-top:3px;
}
.lignePanierFrais .transporteur {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    width: 385px;
    text-align:right;
    padding-top: 8px;
    padding-bottom: 8px;
    float:left;
}
.lignePanierFrais .transporteur img {
    max-height: 71px;
}
.lignePanierFrais .montant {
    color: #666666;
    font-weight: normal;
    font-size: 14px;
    float:left;
    text-align:right;
    width: 170px;
    padding-top: 30px;
}
.lignePanierFrais .montant.active {
    color: #333333;
    font-weight: bold;
}
.lignePanierFrais_fleche {
    position:absolute;
    left: 390px;
    top: 30px;
    background-image:url('../images/flecheNoire_droite.png');
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
}
.lignePanierReduction {
    background-color: #DFD;
    border: 0px solid #337811;
    border-bottom-width: 1px;
    overflow:hidden;
    padding: 10px;
}
.lignePanierReduction .titre {
    color: #060;
    font-weight: bold;
    font-size: 14px;
    width: 665px;
    text-align:right;
    float:left;
}
.lignePanierReduction .prix {
    color: #090;
    font-weight: bold;
    font-size: 14px;
    float:left;
    text-align:right;
    width: 110px;
}
.lignePanierReduction .prix2 {
    color: #090;
    font-weight: bold;
    font-size: 14px;
    float:left;
    text-align:right;
    width: 160px;
}
.lignePanierReduction.court .prix {
    width: 140px;
}
.lignePanierReduction_soustitre {
    color: #090;
    font-size: 12px;
}
.lignePanierReduction_lien {
    color: #ff9933;
    font-size: 12px;
}
.vignettePanier {
    width: 100px;
    height: 100px;
    border: 0px solid #d3d3d3;
    overflow:hidden;
    float:left;
    margin-right: 20px;
}
/*FIN PANIER********************************************************************************/

/*INSCRIPTION*************************************************************************************/
#identification_cadre {
    margin-top: 10px;
    width: 373px;
    height: 330px;
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    padding: 20px;
    margin-right: 10px;
    overflow:hidden;
}
.caseInscription {
    width: 360px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #DDDDDD;
    padding: 5px;
}
.caseInscription:hover {
    border: 1px solid #AAAAAA;
}
.texteAlerteInscription {
    font-size: 12px;
    color: #C70C3F;
}
.titreInscription {
    font-size: 14px;
    color: #3a79df;
    font-weight:400;
    text-decoration:none;
}
.titreInscription2 {
    font-size: 14px;
    color: #060;
    font-weight:400;
    text-decoration:none;
}
.soustitreInscription {
    font-size: 14px;
    color: #666666;
    font-weight:400;
    padding-bottom: 15px;
    margin-top:10px;
}
.enteteInscription {
    font-size: 12px;
    color: #222222;
    font-weight:400;
}
.textepInscription {
    font-size: 10px;
    color: #FF8000;
}
.vignetteAdresse {
    float:left;
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 250px;
    margin-top: 10px;
    text-align:left;
    background-color: #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin-left: 55px;
}
.vignetteAdresseRelais {
    border: 1px solid #CCCCCC;
    margin-top: 10px;
    overflow:hidden;
    background-color: #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
}
.vignetteAdresseRelais .infos {
    float:left;
    padding: 10px;
    text-align:left;
    width:35%;
}
.vignetteAdresseRelais .map {
    float:right;
    width:60%;
    padding: 0px;
}
.vignetteAdresseRelais .map iframe {
    width:100%;
    height:230px;
    padding: 0px;
    margin: 0px !important;
}
.vignetteAdresseRelais .footer {
    overflow:hidden;
    border: 0px solid #DDDDDD;
    border-top-width: 1px;
    padding: 15px;
    margin: 0px !important;
    text-align:right;
    clear:both;
}
.formulaireAdresseReference {
    border: 0px  solid #DDDDDD;
    border-bottom-width: 1px;
    padding-bottom: 15px;
    margin-bottom:10px;
    overflow:hidden;
    width:100%;
    margin-top:10px;
}
.formulaireAdresseReference input {
    border: 1px solid #CCCCCC;
    height:18px;
    font-size:12px;
    padding:5px;
    padding-left:8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.formulaireAdresseReference .detail {
    float:left;
    overflow:hidden;
    width:250px;
}
.formulaireAdresseReference .detail input {
    width:94%;
}
.formulaireAdresseReference .cp {
    float:left;
    overflow:hidden;
    margin-left:5px;
    width:80px;
}
.formulaireAdresseReference .cp input {
    width:70%;
}
.formulaireAdresseReference .validation {
    float:left;
    overflow:hidden;
    margin-left:5px;
    width:150px;
}
/***********************************************************************************************/
/*CONNEXION*************************************************************************************/
#connexion_cadre {
    margin-top: 10px;
    width: 373px;
    height: 330px;
    background-color: #FBFFFB;
    border: 1px solid #cbe2c8;
    padding: 20px;
    overflow:hidden;
}
.caseConnexion {
    width: 260px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #DDDDDD;
    padding: 5px;
}
.caseConnexion:hover {
    border: 1px solid #AAAAAA;
}
.texteAlerteConnexion {
    font-size: 12px;
    color: #C70C3F;
}
.titreConnexion {
    font-size: 14px;
    color: #3a79df;
    font-weight:400;
    text-decoration:none;
}
.soustitreConnexion {
    font-size: 12px;
    color: #999999;
    font-weight:400;
}
.enteteConnexion {
    font-size: 12px;
    color: #222222;
    font-weight:400;
}
#cadrePrincipalConnexion {
    width: 300px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 15px;
    padding: 20px;
}
.textepConnexion {
    font-size: 10px;
    color: #FF8000;
}
a.lienConnexion {
    display:block;
    margin-top: 5px;
    color: #2E2F52;
    font-size: 12px;
}
/***********************************************************************************************/

/*PAIEMENT****************************************************************************************/
.modePaiement_cadre {
    overflow:hidden;
    margin-top:10px;
}
.modePaiement_cadre.nbMoyens_1 {
    margin-left: 340px;
}
.modePaiement_cadre.nbMoyens_2 {
    margin-left: 250px;
}
.modePaiement_cadre.nbMoyens_3 {
    margin-left: 170px;
}
.modePaiement_cadre.nbMoyens_4 {
    margin-left: 90px;
}
.vignetteModePaiement {
    border: 1px solid #BBBBBB;
    width: 421px;
    height: 94px;
    text-align:center;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background-color: #FFFFFF;
    cursor:pointer;
}
.vignetteModePaiement:hover {
    border: 1px solid #FF8000;
}
.vignetteModePaiementCarre {
    float:left;
    border: 1px solid #BBBBBB;
    width: 126px;
    height: 126px;
    text-align:center;
    margin-top: 20px;
    margin-left:37px;
    overflow:hidden;
    background-color: #FFFFFF;
    cursor:pointer;
}
.vignetteModePaiementCarre:hover {
    border: 1px solid #FF8000;
}
/*FIN PAIEMENT************************************************************************************/

/*TABLEAU*****************************************************************************************/
.enteteTableauFond {
    background-color:#333333;
    height: 16px;
    overflow:hidden;
    width: 864px;
    padding: 3px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top: 20px;
    font-size: 11px;
    color: #CCCCCC;
    font-weight:400;
}
.enteteTableauFond div {
    float:left;
}
.enteteTableauFond div.right, .ligneTableau div.right {
    float:left;
    text-align: right;
    padding-right: 20px;
}
.enteteTableauFond.achat div.colonne1, .ligneTableau.achat div.colonne1, .enteteTableauFond.parrainages div.colonne1, .ligneTableau.parrainages div.colonne1, .enteteTableauFond.transactions div.colonne1, .ligneTableau.transactions div.colonne1, .enteteTableauFond.reductions div.colonne1, .ligneTableau.reductions div.colonne1 {
    width: 30px;
    overflow:hidden;
    padding-left: 5px;
}
.enteteTableauFond.achat div.colonne2, .ligneTableau.achat div.colonne2 {
    width: 72px;
}
.enteteTableauFond.achat div.colonne3, .ligneTableau.achat div.colonne3 {
    width: 184px;
}
.enteteTableauFond.achat div.colonne4, .ligneTableau.achat div.colonne4 {
    width: 110px;
}
.enteteTableauFond.achat div.colonne5, .ligneTableau.achat div.colonne5 {
    width: 150px;
}
.enteteTableauFond.achat div.colonne6, .ligneTableau.achat div.colonne6 {
    width: 190px;
}
.enteteTableauFond.achat div.colonne7, .ligneTableau.achat div.colonne7 {
    width: 57px;
}
.ligneTableau {
    clear:both;
    overflow:hidden;
    background-color:#FFFFFF;
}
.enteteTableauFond.support div.colonne1, .ligneTableau.support div.colonne1 {
    width: 30px;
    overflow:hidden;
    padding-left: 5px;
}
.enteteTableauFond.support div.colonne2, .ligneTableau.support div.colonne2 {
    width: 474px;
}
.enteteTableauFond.support div.colonne3, .ligneTableau.support div.colonne3 {
    width: 120px;
}
.enteteTableauFond.support div.colonne4, .ligneTableau.support div.colonne4 {
    width: 150px;
}
.enteteTableauFond.support div.colonne5, .ligneTableau.support div.colonne5 {
    width: 40px;
}
/*PARRAINAGE**/
.enteteTableauFond.parrainages div.colonne2, .ligneTableau.parrainages div.colonne2 {
    width: 72px;
}
.enteteTableauFond.parrainages div.colonne3, .ligneTableau.parrainages div.colonne3 {
    width: 184px;
}
.enteteTableauFond.parrainages div.colonne4, .ligneTableau.parrainages div.colonne4 {
    width: 217px;
}
.enteteTableauFond.parrainages div.colonne5, .ligneTableau.parrainages div.colonne5 {
    width: 190px;
}
.enteteTableauFond.parrainages div.colonne6, .ligneTableau.parrainages div.colonne6 {
    width: 100px;
}
/*TRANSACTION**/
.enteteTableauFond.transactions div.colonne2, .ligneTableau.transactions div.colonne2 {
    width: 184px;
}
.enteteTableauFond.transactions div.colonne3, .ligneTableau.transactions div.colonne3 {
    width: 82px;
}
.enteteTableauFond.transactions div.colonne4, .ligneTableau.transactions div.colonne4 {
    width: 152px;
}
.enteteTableauFond.transactions div.colonne5, .ligneTableau.transactions div.colonne5 {
    width: 155px;
}
.enteteTableauFond.transactions div.colonne6, .ligneTableau.transactions div.colonne6 {
    width: 170px;
}
.enteteTableauFond.transactions div.colonne7, .ligneTableau.transactions div.colonne7 {
    width: 60px;
}
.tableauDetail.parrainages, .tableauDetail.transactions {
    border: 1px solid #CCCCCC;
    background-color:#EEEEEE;
    border-top-width: 1px;
    padding: 10px;
    margin-bottom: 25px;
}
.ligneTableau .impaire {
    background-color:#E9E9E9;
}
.texteTableau {
    font-size: 11px;
    color: #333333;
    padding: 3px;
}
.caseTableau {
    float: left;
    padding-top: 7px;
    padding-bottom: 6px;
    overflow:hidden;
    white-space:nowrap;
}
.texteMenu {
    font-size: 12px;
    color: #666666;
    font-weight:400;
}
/*REDUCTIONS********/
.enteteTableauFond.reductions div.colonne2, .ligneTableau.reductions div.colonne2 {
    width: 122px;
}
.enteteTableauFond.reductions div.colonne3, .ligneTableau.reductions div.colonne3 {
    width: 114px;
}
.enteteTableauFond.reductions div.colonne4, .ligneTableau.reductions div.colonne4 {
    width: 160px;
}
.enteteTableauFond.reductions div.colonne5, .ligneTableau.reductions div.colonne5 {
    width: 160px;
}
.enteteTableauFond.reductions div.colonne6, .ligneTableau.reductions div.colonne6 {
    width: 150px;
}
.enteteTableauFond.reductions div.colonne7, .ligneTableau.reductions div.colonne7 {
    width: 57px;
}
.ligneTableauInfos {
    border: 0px solid #AAAAAA;
    background-color:#F4F4F4;
    border-top-width: 1px;
    padding: 10px;
    margin-bottom: 25px;
    overflow:hidden;
}
.bonReductionCaseCC {
    margin-top:10px;
    border:1px solid #BBBBBB;
    background-color:#FFFFFF;
    padding: 20px;
    padding-top: 10px;
    padding-bottom:10px;
    font-size: 40px;
    color:#444444;
    float:left;
}
.bonReductionCaseCCAction {
    display: block;
    float: left;
    margin-left: 20px;
    border:1px solid #BBBBBB;
    background-color: #00cc00;
    padding: 20px;
    padding-top: 10px;
    padding-bottom:10px;
    font-size: 30px;
    margin-top:15px;
    color:#FFFFFF;
    cursor:pointer;
}
/*FIN TABLEAU*************************************************************************************/

/*CONFIRMATION**********************************************************************************/
.confirmation_cadre {
    border: 1px  solid #DDDDDD;
    border-bottom-width: 1px;
    padding: 15px;
    margin-top: 5px;
    background-color:#F9F9F9;
    overflow:hidden;
}
.soustitreConfirmation {
    font-size: 14px;
    color: #666666;
}
.tableau_rib {
    border: 1px solid #DDDDDD;
    border-collapse:collapse;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.tableau_rib tr {
    border: 1px solid #DDDDDD;
    padding: 5px;
}
.tableau_rib tr td {
    border: 1px solid #DDDDDD;
    padding: 5px;
}
.tableau_rib_titre {
    background-color:#DDDDDD;
    color: #888888;
    font-size: 12px;
    font-weight:400;
}
.tableau_rib_texte {
    color: #444444;
    font-size: 12px;
    font-weight:400;
}
.tableau_rib_soustitre {
    color: #666666;
    font-size: 12px;
    font-weight:400;
}
/*FIN CONFIRMATION******************************************************************************/

/*RUBRIQUE********************************************************************************************/
.rubrique {
    overflow:hidden;
}
.rubrique div.titre {
    color:#6ea525;
    font-size: 18px;
    float:left;
}
.rubrique div.texte {
    color: #777777;
    font-size: 14px;
    padding-top: 10px;
    clear:both;
}
.rubrique .iconeRubrique {
    font-size:80px;
    padding:0px;
    margin:0px;
    line-height:40px;
    text-decoration:none;
    color:#666666;
}
/*FIN RUBRIQUE****************************************************************************************/

/*SUGGESTION*****************************************************************************************************/
#caseSuggestion {
    background-color:#4a77c8;
    position:absolute;
    top: 90px;
    left: 0px;
    width: 258px;
    max-height: 450px;
    overflow:auto;
    border:1px solid #DDDDDD;
    z-index: 9999999999999999;
    color: #FFFFFF;
}
.ligneSuggestionEntete {
    font-size: 12px;
    color: #FFFFFF;
    background-color:#4a77c8;
    padding: 5px;
    text-transform:uppercase;
    overflow: hidden;
}
.ligneSuggestion {
    font-size: 12px;
    text-transform:uppercase;
    color: #000000;
    background-color: #F8F8F8;
    border: 0px solid #CCCCCC;
    border-bottom-width: 1px;
    cursor:pointer;
    padding: 5px;
    overflow: hidden;
}
.ligneSuggestion2 {
    font-size: 12px;
    font-weight:400;
    text-transform:uppercase;
    color: #FFFFFF;
    background-color: #538cf1;
    border: 0px solid #CCCCCC;
    border-bottom-width: 1px;
    cursor:pointer;
    padding: 5px;
    overflow: hidden;
}
.suggestionIllustration {
    float:left;
    width: 50px;
    height: 50px;
    overflow:hidden;
    background-color:#FFFFFF;
    border: 1px solid #CCCCCC;
}
.suggestionIllustration img {
    width: 50px;
}
.suggestionTitre {
    font-size: 14px;
    padding-left: 70px;
    padding-top: 14px;
}
/*FIN SUGGESTION*************************************************************************************************/

/*MODULE ARTICLE BLOCK**********************************************************************/
.caseArticleModule {
    background-color:#FFFFFF;
    float:left;
    text-align:center;
    width: 47%;
    overflow:hidden;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    color:#555555;
    transition-property: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease-in;
    transition-delay: 0s;
}
.caseArticleModule:hover {
    background-color:#554357;
    border: 1px solid #554357;
    color:#FFFFFF;
}
.caseArticleModule .titre {
    font-size: 12px;
    color: inherit;
    padding: 6px;
    display: block;
    height: 34px;
    line-height: 18px;
    text-decoration: none;
    text-align:center;
    overflow:hidden;
}
.caseArticleModule h3.titre {
    font-size: 12px;
    line-height: 18px;
    margin:0px;
}
.vignetteArticleModule {
    width: 100%;
    height: 130px;
    border: 0px solid #FF0000;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    text-align: center;
}
.caseArticleModule .bouton {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size:14px;
    color: #28153f;
    font-weight:600;
    padding:3px;
    background-color: #f1eef2;
    border-top:1px solid #CCCCCC;
}
.vignetteArticleModule img {
    width: 100%;
}
.vignetteArticleModule a.paysage {
    display:block;
}
.caseArticleModule .prix {
    font-size: 20px;
    color: inherit;
    display: block;
    text-align:center;
    margin-top: 5px;
    text-decoration: none;
    overflow:hidden;
    padding: 5px;
    height: 30px;
}
.caseArticleModule .prix sup {
    font-size: 11px;
    padding-left:4px;
}
/*FIN MODULE ARTICLE BLOCK******************************************************************/

.infoCategorie_cadre {
    font-size: 16px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding: 15px;
    margin-top:15px;
    margin-bottom: 20px;
    color:#333333;
    font-weight:normal;
}

.infoCategorie_cadre h1 {
    font-size: 16px !important;
    color: #333333 !important;
    font-weight:normal;
}

/*LANGAGES**********************************************************************************/
#language_select_cadre {
    position: absolute;
    right: 0.5%;
    top: 1%;
    border: 1px solid transparent;
    overflow: hidden;
    height: 20%;
    z-index: 5;
    width: 7%;
}
#language_select_cadre:hover {
    border: 1px solid #CCCCCC;
    background-color: #DDDDDD;
}
#language_select_titre {
    float: left;
    width: 60%;
    margin-right: 5%;
    font-size: 0.7vw;
}
#language_select_cadre #language_select_actif, #language_select_cadre #language_select_other {
    padding: 3%;
    float: left;
    width: 26%;
}
#language_select_cadre #language_select_actif .titre, #language_select_cadre #language_select_other .titre {
    font-size: 0.9vw;
    font-weight: 400;
    display: block;
    text-decoration: none;
    color: #333333;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: 2% 7%;
    background-size: 100%;
    padding-left: 38%;
    background-color: transparent;
}
#language_select_cadre #language_select_other .titre {
    margin-bottom: 3%;
}
#language_select_cadre #language_select_other .titre:hover {
    background-color: #CCCCCC;
}
#language_select_cadre #language_select_actif .titre.fr, #language_select_cadre #language_select_other .titre.fr {
    background-image: url('../images/flagFr.gif');
}
#language_select_cadre #language_select_actif .titre.en, #language_select_cadre #language_select_other .titre.en {
    background-image: url('../images/flagEn.gif');
}
#language_select_cadre #language_select_actif .titre.es, #language_select_cadre #language_select_other .titre.es {
    background-image: url('../images/flagEs.gif');
}
/*FIN LANGAGES*********************************************************************************/

/*MAGAZINE*************************************************************************************/
.magazine {
    overflow:hidden;
    margin-top: 24px;
}
.magazine .slide, .magazine .slideBoutique {
    float:left;
    height: 260px;
    overflow:hidden;
    background-repeat:no-repeat;
    border: 0px solid #FF0000;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor:pointer;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    position:relative;
}
.magazine .slide.categorie {
    border:1px solid #CCCCCC;
}
.magazine .slide img, .magazine .slideBoutique img {
    z-index:0;
}
.magazine .slide.large, .magazine .slide.large img, .magazine .slideBoutique img {
    width: 411px;
}
.magazine .slide.small, .magazine .slide.small img {
    width: 269px;
}
.magazine .slide.small.categorie {
    width: 277px;
}
.magazine .slide.last, .magazine .slideBoutique.last {
    margin-right: 0px;
}
.magazine .slide.large a.bandeau, .magazine .slideBoutique a.bandeau {
    width: 93%;
}
.magazine .slide.small a.bandeau {
    width: 90%;
}
.magazine .slide a.bandeau, .magazine .slideBoutique a.bandeau {
    z-index:1;
    display:block;
    top: 192px;
    position:absolute;
    background-color:rgba(0,0,0,0.4); 
    text-align:right;
    color: #FFFFFF;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing: 0px;
    font-size:22px;
    padding: 10px;
    padding-right: 15px;
    padding-left: 15px;
    white-space:nowrap;
    overflow:hidden;
}
.magazine .slide a.bandeau h2, .magazine .slideBoutique a.bandeau h2 {
    color: #FFFFFF;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing: 0px;
    font-size:22px;
    white-space:nowrap;
    margin:0px;
    padding:0px;
}
.magazine .slideBoutique a.bandeau {
    height: 60px;
    background-image:url('../images/pixelTransparent_50.png');
}
.magazine .slideBoutique a.bandeau .soustitre {
    font-size: 16px;
    margin-top: 0px;
}
/*FIn MAGAZINE*********************************************************************************/

/*MARQUES**************************************************************************************/
#afficheurMarquesMozaique {
    overflow:hidden;
    margin-top: 24px;
}
#afficheurMarquesMozaique .marqueMozaique {
    width: 125px;
    height: 80px;
    overflow:hidden;
    border: 1px solid #DDDDDD;
    background-color:#FFFFFF;
    text-align:center;
    padding: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}
#afficheurMarquesMozaique .marqueMozaique a.logo {
    display:block;
    width: 125px;
    overflow:hidden;
    vertical-align:middle;
}
#afficheurMarquesMozaique .marqueMozaique .logo img {
    max-width: 125px;
    max-height:80px;
    vertical-align:middle;
}
#afficheurMarquesMozaique .marqueMozaique a.titre {
    display:block;
    text-align:center;
    color: #666666;
    text-transform:uppercase;
    text-decoration:none;
    font-size:12px;
    margin-top: 13px;
}
#afficheurMarquesMozaique .marqueMozaique a.titre:hover {
    color: #000000;
}
#afficheurMarquesMozaique .marqueMozaique a.titre.seul {
    margin-top:45px;
    font-size:14px;
}
/*FIN MARQUES**********************************************************************************/

/*SLIDER PRIX**********************************************************************************/
.selecteurBudget {
    width: 226px;
    margin-left:10px;
    height:15px;
}
.ui-widget-header {
    color:#FF0000 !important;
}
.ui-slider-range-min {
}
.ui-slider-handle {
    color:#FF0000 !important;
    width: 20px;
    height:20px;
}
.ui-slider-range {
    color:#FF0000 !important;
}
/*FIN SLIDER PRIX******************************************************************************/

/*ZAP******************************************************************************************/
#zap {
    position:absolute;
    background-color:#E6E6E6;
    width: 113px;
    padding: 10px;
    padding-left: 30px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    min-height:200px;
}
#zap a.logo {
    display:block;
    text-align:center;
}
#zap a.logo img {
    width:105px;
}
/*FIN ZAP**************************************************************************************/

/*CASE CONTENU*******************************************************************************************************/
.caseContenu {
    overflow:hidden;
    background-color:#FFF;
    padding: 15px;
    border:1px solid #DDDDDD;
}
.caseContenu.lite {
    padding: 0px;
    background-color: transparent;
    border:0px solid #DDDDDD;
}
.caseContenu_texte {
    font-size: 14px;
    color: #222222;
}
.caseContenu_texte img[style="float: left;"], .caseContenu_texte img[style="float: left"] {
    margin-right: 15px;
    margin-bottom:15px;
}
.caseContenu_texte img[style="float: right;"], .caseContenu_texte img[style="float: right"] {
    margin-left: 15px;
    margin-bottom:15px;
}
.caseContenu_texte h1 {
    font-size: 26px !important;
}
.caseContenu_texte h2 {
    font-size: 18px;
}
.caseContenu_texte h3 {
    font-weight: normal !important;
    color: #7c7f7d !important;
    font-size: 38px !important;
    letter-spacing: 1px !important;
}
.caseContenu_texte h4 {
    font-size:22px !important;
    color: #FF8000 !important;
    display:block !important;
    margin-bottom: 10px !important;
}
.caseContenu_texte h5 {
    font-size: 18px !important;
    font-weight:normal !important;
    margin-top: 5px !important;
    margin-bottom: 3px !important;
    padding: 0px !important;
    color: #666666 !important;
}
.caseContenu_texte h6 {
    font-size: 16px !important;
    font-weight:normal !important;
    margin-top: 5px !important;
    margin-bottom: 3px !important;
    padding: 0px !important;
    color: #666666 !important;
}
/*FIN CASE CONTENU***************************************************************************************************/

/*AUTRE MOYEN DE PAIEMENT********************************************************************************************/
.autreMoyenPaiement_cadre {
    border:1px solid #DDDDDD;
}
.autreMoyenPaiement_cadre img {
    width:233px;
}
/*FIN AUTRES MOYENS**************************************************************************************************/
.zoomPreload {
}
.zoomWindow {
    width: 571px; 
    height: 500px;
}
/*VENTES*************************************************************************************************************/
.venteLigne, .venteDetail {
    border:1px solid #DDDDDD;
    padding:4px;
    background-color:#FFFFFF;
    position:relative;
    width:980px;
    margin:40px auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.venteDetail {
    width:1160px;
    margin-top: 25px;
}
.venteLigne .interne, .venteDetail .interne {
    position:relative;
    overflow:hidden;
}
.venteLigne .interne a.illustration, .venteLigne .interne div.illustration {
    display:block;
    overflow:hidden;
    height: 214px;
}
.venteLigne .interne img.illustration {
    width:980px;
}
.venteDetail .interne img.illustration {
    width:1160px;
}
.venteDetail .interne img.logo {
    position:absolute;
    top:50px;
    z-index:2;
    left:60px;
    display:block;
}
.venteLigne .interne .contenu {
    position:absolute;
    text-align:center;
    z-index:2;
    width:980px;
    height: 214px;
    top: -260px;
    overflow:hidden;
    text-decoration:none;
    padding-top:25px;
    background-color: rgba(255,255,255,.90); 
}
.venteLigne .interne .contenu .titre {
    font-size:34px;
    color:#555555;
    text-decoration:none;
}
.venteLigne .interne .contenu .accroche {
    color: #4a77c8;
    font-size:20px;
    margin-top:8px;
    margin-bottom:15px;
}
.venteLigne .interne .date {
    position:absolute;
    z-index:1;
    top: 160px;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    font-size:26px;
    color:#FFFFFF;
    overflow:hidden;
    background-color: rgba(0,0,0,.40); 
    width:980px;
}
.venteDetail .interne .contenu {
    position:absolute;
    text-align:center;
    z-index:1;
    top: 70px;
    width:1160px;
    overflow:hidden;
    text-decoration:none;
    padding:10px;
    background-color: rgba(255,255,255,.85); 
}
.venteDetail .interne .contenu .titre {
    font-size:34px;
    color:#333333;
    text-decoration:none;
}
.venteDetail .interne .contenu .accroche {
    color: #4a77c8;
    font-size:20px;
    margin-top:8px;
    margin-bottom:15px;
}
/*EFFETS***********************************************************************/
.effect2
{
    position: relative;
}
.effect2:before, .effect2:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

/*FIN VENTES*********************************************************************************************************/

/*MESSAGE SUPPORT****************************************************************************************************/
.messageSupport.valide {
    background-color:#d6e7c0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding:20px;
    margin-top:15px;
}
.messageSupport .texte {
    font-size:18px;
}
.messageSupport .titre {
    font-size:34px;
}
.messageSupport .soustitre {
    font-size:18px;
}
.messageSupport.valide .texte, .messageSupport.valide .titre, .messageSupport.valide .soustitre {
    color:#709145;
}

/*FIN MESSAGE SUPPORT*************************************************************************************************/

/*PARRAINAGE*********************************************************************************************************/
.ligneSimple.parrainage {
    margin-top:20px;
}
.ligneSimple.parrainage .formulaire {
    float:left;
    width:50%;
    margin-right:5%;
}
.ligneSimple.parrainage .aide {
    float:left;
    width:39%;
    line-height:22px;
    color:#FFFFFF;
    font-size:14px;
    text-align:justify;
    background-color:#554357;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding:3%;
}
#box .resultatParrainaige {
    text-align:left;
    padding:15px;
    font-size:16px;
}
#box .resultatParrainaige div {
    margin-bottom:10px;
}
#box .resultatParrainaige .ok {
    color:#090
}
#box .resultatParrainaige .ko {
    color: #B00
}
/*FIN PARRAINAGE*****************************************************************************************************/

.twitter-typeahead {
    width: 100% !important;
    overflow: visible !important;
    position: relative !important;
}
.tt-dropdown-menu {
    width: 94.5% !important;
    margin-top: 5px;
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 14px;
    color: #111;
    background-color: #F1F1F1;
    height: 200px;
    overflow: auto;
}
.twitter-typeahead input, .twitter-typeahead .tt-hint {
    font-size: 16px !important;
    outline: medium none !important;
    padding: 8px 12px !important;
    width: 100% !important;
    padding-left: 3em !important;
    padding-right: 1.2em !important;
}

/* Ajout icon resistance au vent */
.infoResistanceAuVent {
    border-top: 1px solid #cccccc;
    text-align: center;
    margin-left: 21px;
    margin-right: 21px;
    margin-top: 60px;
    padding: 15px;
}
.infoResistanceAuVent .resistanceAuVent {
    color: #333333;
    display: inline;
    font-size: 14px;    
    text-transform: uppercase;
}
.infoResistanceAuVent .icon-resistance{
    display: inline;
    padding-left: 20px;
}
.img-resistance {
    height: 45px;
    padding-right: 3%;
    width: auto;
}
/* Ajout icon made in france */
.img-madeInFr {
    height: 90px;
    width: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.ilustration-article {
    position: relative;
}