/*
Theme Name:     Edenweek
Description:    Thème du site internet Edenweek
Author:         Christophe OLIVIER / Shanaya / ADDB
*/

/* Webfonts */
@import url("../webfonts/webfonts.css");

/* reset */


* {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;    
}



::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.clearboth {
   clear:both;
   visibility:hidden;
   height:0;
   margin:0;
   padding:0;
}

button {
padding: 0 4px;
}

/* ==============
 Couleurs
 ================ */

body {
background-color:#e1edf0;
}

html,
button,
input,
select,
textarea {
    color: #3a495d;
}

a {
    text-decoration: none;
    color: #3A495D;
}

/* ==============
   Polices
 ================ */


body {
font: 16px/26px 'alwynlight', Helvetica, Helvetica Neue, Arial;
}


strong {
    font-family:'alwynbold', Helvetica, Helvetica Neue, Arial;
    font-weight: normal;
}

h1 {
    line-height: 1.1em;
}

h2 {
    font-weight: normal;
}

/* ==============
   Dimensions
 ================ */

.wrapper {
        width: 320px; 
        margin: 0 auto;
}
    
header {
    height:200px;
}

.arrondi {
    border-radius:15px;
}

/* ============
    TOP
================ */



.panier {
    text-align:right;
    font-size:12px;
    height:45px;
    padding:10px 5px 0 0;
    font-size:15px;
}

.nombrepanier {
    background-color:#000;
    border-radius:50%;
    width:23px;
    height:23px;
    padding:2px;
    color:#E1EDF0;
    line-height:20px;
    display:inline-block; 
    text-align: center;
    border:0;
    margin:3px;
    font-size:10px;
}

#modal-basket, #modal-resa, #modal-contact, #modal-assistance, #modal-select-mode, #modal-access, #modal-error  {
	display:none;
	background-color:#fff;
	width:310px;
	text-align:center;
}

#modal-cgu {
	display:none;
	background-color:#6b605d;
	width:310px;
	padding:10px;
}

#modal-contact {
    padding:15px 5px;
}


.num {
    margin:0 5px;
}

.bouton-confirmation {
	background-color:#4E88B5;
	color:#fff;
	font-size:14px;
    text-align:center;
    padding:8px;
    font-family:'alwynlight', Helvetica, Helvetica Neue, Arial;
	border:0;
	width:135px;
}

#modal-contact .bouton-confirmation {
    width: 290px;
    margin-top: 15px;
}

header {
    position:relative;
}

#modal-basket-infos{
    display:none;
    background-color:#e1edf0;
    z-index: 9999;
    width:300px;
    box-shadow: 6px 6px 6px 4px rgba(51,51,51,0.4);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=134, Strength=5);
    position:absolute;
    right:0;
    padding:5px;
}

.modal-basket{
	/* position: absolute;
	left: 50%;
	top : 50%;
	margin-top: -100px;
	*/
}

.logo-edenweek {
    margin: 5px 0 5px 10px;
}

.menu {
    text-align: right;
    font-size: 15px;
    padding:0 5px 0 0;
}

.menu a{
    padding: 0 3px;
}

.menu nav a{
    padding: 0 10px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(data:image/gif;base64,R0lGODlhAQAKAIAAADpJXQAAACH5BAAAAAAALAAAAAABAAoAAAIDhI8FADs=);
}

.menu nav a:first-child {
    background-image:none;
}

nav {
    display: inline-block;
}

nav.visuel-tel {
    display: block;
}

.menu nav img {
    vertical-align:sub;
    margin:0;
}

.recherche {
    border-top: 1px solid #cad5d8;
    border-left: 1px solid #cad5d8;
    border-right: 0;
    border-bottom: 0;
    padding: 3px 3px 3px 12px;
    font-size: 15px;
    background-color: #dde9ec;
    width: 200px;
    margin-right: 5px;
}

.recherche::-webkit-input-placeholder { color:#3a74a2; }
.recherche::-moz-placeholder { color:#3a74a2; } 
.recherche:-ms-input-placeholder { color:#3a74a2; } 
.recherche:-moz-placeholder { color:#3a74a2; }

.tablet, .desktop {
    display: none;
}

.smartphone {
    display: block;
}

.mentionsPrint {
    font-size:0.8em;
}

ol li {
    margin-bottom: 1.5em;
}

/* News */

#news {
    position:relative;
}

#slider, .nivo-controlNav {
    display: none;
}

.nivoSlider {
    margin-top:5px;
    padding-bottom: 150px;
    background-color:#E1EDF0;
}

.nivo-controlNav {
    padding:0;
    line-height:20px;
}

.nivo-controlNav a {
    background-color: #000;
    border: 0 none;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin: 0 6px;
    text-indent: -9999px;
    text-align:left;
}

.nivo-controlNav a.active {
    background-color: #3A495D;
}

.nivo-caption {
    width: 300px;
    margin-left:10px;
    background-color: transparent;
    top:80px;
}

.nivo-caption h1 {
    font-size:18px;
    line-height:16px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family:'alwynbold', Helvetica, Helvetica Neue, Arial;
}

.nivo-caption p {
    margin-bottom: 15px;
    padding:0;
    font-size:14px;
    line-height:22px;
    color:#000;
}

.nivo-caption a {
    display: block;
    background-color:#3a74a2;
    padding:10px 15px;
    border-radius:15px;
    color:#e1edf0;
}

/* Popup bienvenue */

.modal-bienvenue {
    width:100%;
    padding:0 0 10px 0 !important;
}

.bienvenue {
    width:100%;
}

.choixmode {
    text-align: center;
    width:100%;
}

.choixmode .bouton-confirmation {
    font-size: 18px;
    padding: 10px;
    width: 180px
}


/* Univers produits */

#univers {
    padding-top:3px;
    position:relative;
    display:none;
}

.close {
    display: none;
    position: absolute;
    right: 0;
    z-index:100;
    cursor:pointer;
}

.produit {
    background-color: #333333;
    width: 294px;
    height: 294px;
    margin: 3px 13px;
    float: left;
    position: relative;
}

.produit:hover {
    cursor: pointer;
}

.illustrations img {
    width: 294px;
    height: 144px;
}

.produit p {
    position:absolute;
    color:#4e88b5;
    font-size:32px;
    top:165px;
    left:25px;
    margin:0;
    line-height:30px;
    width:250px;
}

.assistance-telephonique {
    background-color:#4e82ac;
    width:294px;
    height:294px;
    margin:3px 13px;
    float:left;
    position:relative;
    color:#95acc0;
    font-size:34px;
    line-height:36px;
    padding:20px 30px;
}

.assistance-telephonique hr {
    color:#95acc0;
    height:1px;
    border:0;
    background-color:#95acc0;
    margin:4px 0;
}

.numero-telephone {
    color:#fff;
}
    
.cout-telephone {
    color:#fff;
    font-size:12px;
    vertical-align:top;
    line-height: 14px
}

.assistance-telephonique input, .assistance-telephonique button {
    font-size:14px;
    text-align:center;
    width:100%;
    padding:8px;
    font-family:'alwynlight', Helvetica, Helvetica Neue, Arial;
    margin-top:12px;
}

.assistance-telephonique input {
    border-radius:15px;
    background-color:#48789f;
    border-top: 1px solid #22384a;
    border-left: 1px solid #22384a;
    border-right: 1px solid #5787ae;
    border-bottom: 1px solid #5787ae;
    color:#333333;
}

.assistance-telephonique button {
    background-color:#333333;
    border-top: 1px solid #22384a;
    border-left: 1px solid #22384a;
    border-right: 1px solid #5787ae;
    border-bottom: 1px solid #5787ae;
    color:#e1edf0;
    border:1px solid #333333;
}

/* Catalogue */

#catalogue {
    padding-top:10px;
    padding-bottom:20px;
}

#catalogue h2 {
    text-align:center;
    font-size:32px;
    color:#ead8cf;
    margin:0;
    padding:0;
    width:320px;
}


#catalogue img {
    margin-right:10px;
}

.catalogue-item {
    padding:15px;
}

.catalogue-item div.catalogue-titre {
    border:0;
    padding:0;
}

.catalogue-item div.prix {
    border:0;

}

.france {
    position:relative;
    float:left;
}

.france img {
    position:absolute;
    margin-top:-10px;
}

.simplemodal-overlay {
    background-color:#333;
}

.simplemodal-container {
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box;    
    box-sizing: content-box;
    
    
    background-color:#e1edf0;
    box-shadow: 6px 6px 6px 4px rgba(51,51,51,0.4);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=134, Strength=5);
}


.simplemodal-data h2 {
    font-size:26px;
    color:#4e88b5;
    margin:0;
    padding:0;
}

.les-regions, .les-univers, .les-coffrets {
	cursor:pointer;
	display:none;
	max-width:230px;
}

#regions-liste {
    margin-left: 96px;
    line-height: 16px;  
}

#univers-liste, #coffrets-liste {
    line-height: 20px;
    margin-left: 36px;
}

.bouton-select {
    float:left;
    display: block
}

#modal-les-regions h3, #modal-les-univers h3, #modal-les-coffrets h3, #modal-offres-par-page h3, .prix h3, .coffret-unique h3 {
    font-size:18px;
    color:#ead8cf;
    margin-top:0;
}

.prix h3 {
    margin-bottom:0;
}


.check {
background:url('../img/checkbox-small.png') center left no-repeat;
padding-left:20px;
line-height:20px;
}

/* Slider des prix */

.prix {
    position:relative;
}

.prix-range {
margin-top:55px;
}


.reglette {
    float: right;
    margin-top: 5px;
    margin-left: 20px;
    border: 1px solid #b4c6cd;
    box-shadow: 0 1px 7px #ced9de inset;
    height:10px;
    width:300px;
}

.noUi-connect {
    background-color: #4f8fe3;
}

.reglette .noUi-handle {
    border:0;
    background:url('../img/bouton-slider.png') transparent;
    width:25px;
    height:25px;
    box-shadow: none;
}

.noUi-handle:after, .noUi-handle:before {
    background-color: transparent;
}

.reglette, .reglette.connect.lower a {
    background: none transparent;
}

.reglette.noUi-horizontal a {
    background-color:#E1EDF0;
}

.reglette.noUi-horizontal a:first-child {
    background-color:#4f8fe3;
}

.reglette a:nth-child(2) {
    background: #E1EDF0 !important;
    box-shadow: 0 1px 7px #ced9de inset;
}



.bouton-link {
    border:0;
    border-bottom: 1px dotted;
    background: transparent;
}

.bouton-link:hover {
    border-bottom: 1px solid;
    }

.oufiltrecoffret {
    margin-left:20px;
    display: inline-block;
}


/* Filtres */

#filtres {
    background-color:#fff;
    padding:20px;
}

#filtres img {
    margin-left:10px;
}

.nombre-resultats {
    font-family:'alwynbold', Helvetica, Helvetica Neue, Arial;
    text-align: center;
}


/* Resultats */

#resultats {
    background-color:#fff;
}

.modal {
    display: none;
}

.resultats-fiche {
    width:320px;
    margin-bottom:15px;
}

.resultats-fiche .resultats-description {
    border-bottom:1px solid #d3e0ea;
    padding-bottom:15px;
    margin-bottom:15px;
}

.resultats-description h2 {
    width:300px;
    margin-right:15px;
    margin-top:15px;
    color:#4e88b5;
    font-size:32px;
    line-height:38px;
    padding-left:10px;
}

.resultats-description h2 .nom, .resultats-modal h2 .nom {
    color:#000;
}


.resultats-description p {
    width:300px;
    margin-right:10px;
    margin-top:10px;
    margin-left:10px;
    color:#000;
    font-size:16px;
    line-height:20px;
}

.resultats-description p .suite  {
    color:#4e88b5;
}

.resultats-description p.coffret {
    width:90px;
    margin-right:30px;
}

.resultats-boutons {
    width:320px;
    text-align:center;
}

.resultats-modal .resultats-boutons {
    padding-bottom: 15px;
    border-bottom:1px solid #D3E0EA;
    margin-bottom:15px;
}

.resultats-boutons img {
    margin:0 3px;
}

.resultats-boutons div img {
    margin:0;
}

.resultats-boutons button {
    background-color:#333333;
    border:0;
    width:155px;
    color:#e1edf0;
    text-align:left;
    height:35px;
    margin-bottom:5px;
    font-family:'alwynlight', Helvetica, Helvetica Neue, Arial;
    font-size:15px;
}

a.ensavoirplus {
    color:#4E88B5;
    font-weight: bold;
}

#description_area {
    background-color:#dedede;
   
}

#description_area_univers, #description_area_coffrets {
     padding:5px;
}


/* Fenetre d'un resultat */

.royalSlider, #google_map_canvas {
    display: none;
}

.resultats-modal {
    background-color:#fff;
    display:none;
    width:320px;
}

.fermer {
    margin-left:200px;
    float:right;
    display: none;
}

.resultats-modal .col1 {
    width:320px;
   float:left;
}

.resultats-modal .col2 {
    width:320px;
}

.col1 td {
    vertical-align: top;
    width:50%;
}

.resultats-modal h2 {
    width: 300px;
    float: left;
    margin-top: 15px;
    padding-left: 10px;
    padding-bottom: 10px;
    color: #4E88B5;
    font-size: 32px;
    line-height: 39px;
}

.resultats-modal p {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
}

.fermer, .simplemodal-close {
    cursor: pointer;
}

.row2 {
    display: table
}

.row2 .col2 {
    display:table-caption
}

.row2 .col1 {
    display:table-footer-group
}


.col1 p {
    width:300px;
}

.col1 table {
    width:300px;
    font-size: 16px;
    line-height: 20px;
    color:#000;
}

.row1 .col1 p, .row2 .col1 p, .row2 .col2 p {
    padding-left:10px;
}

.col1b p {
    padding-left:10px;
}

.resultats-modal .row1, .resultats-modal .row2 {
	width:320px;
}

.row2 .col1 strong {
    display: block;
    margin-top:0.4em;
}

.col1a, .col1b {
    width: 300px;
}

.resultats-modal .col1a p {
    float:left;
    margin-top:10px;
}

.resultats-modal .col1b p {
    margin-top:10px;
}

#google_map_canvas {
    width: 290px;
    height: 220px;
    margin-left:5px;
}

.qtip-default {
    background-color: #f5f5f5;
    border: 1px solid #999;
    color: #333;
}


/* offres non affichees */

#offres-non-affichees {
    text-align:center;
    height:120px;
    color:#000;
    line-height:120px;
}

#offres-non-affichees button {
    background-color:#333333;
    border:0;
    color:#e1edf0;
    text-align:left;
    height:35px;
    margin-left:15px;
    font-family:'alwynlight', Helvetica, Helvetica Neue, Arial;
    font-size:15px;
    padding: 0 15px;
}

#offres-non-affichees button img {
    margin-right:6px;
}

/* page de commande */

#myForm {
    background-color: #fff;
    with:320px;
    padding:0 0 25px 0;
}

#myForm .erreur {
    padding:0 15px;
}

.votrecommande {
    width:320px
}

.commande td {
    text-align: center
}

.commande .com {
    background-color: #fff;
}

.title {
    background-color:#3A495D;
    color:#fff;
    padding:6px;
}

.first .title {
    background-color: transparent;
    color:#3A495D;
    font-weight: bold;
}

.commande td.first {
    padding: 0 0 0 10px;
    text-align: left;
}

.commande .recap table .article .first {
    padding: 0 0 0 20px;
    text-align: left;
}

.commande .recap table .article td {
    border-bottom: 1px dotted #000000;
    padding: 8px 0 9px;
}

.paiements a {
    display: block;
    padding-left:15px;
}

.commande .recap table .article .livraison .colR input {
    margin: 0 5px;
    vertical-align: -2px;
}

.commande .recap table .article .livraison .colL {
    float: left;
    font-size: 12px;
    width: 80px;
}


.commande .recap table .article .livraison .colR {
    float: left;
}

.commande .recap table .article .livraison .colR {
    font-size: 11px;
}

.second {
    width: 90px;
}

.commande p, .commande h3{
    padding: 6px;
    margin: 1em;
}

.commande .label, .commande .input, .commande .mention {
    padding: 0 6px ;
    margin: 0 1em;
}

.commande input[type="text"]{
    width: 260px
}

.commande input[type="checkbox"], .commande input[type="radio"] {
    margin: 0 5px;
}

.fieldLeft {
    float: left;
    width:300px;
}

.fieldRight {
    width:300px;
}

.message {
    clear: both;
    padding-top:30px;
}

.prixTotalCont {
    background-color: #3A495D;
    color: #fff;
    padding: 6px;
}


.total {
    text-align: center;
}

.btnCommander, .btnImprimer {
    background-color:#333333;
    border:0;
    color:#fff;
    text-align:center;
    height:35px;
    font-family:'alwynlight', Helvetica, Helvetica Neue, Arial;
    font-size:15px;
    padding: 0 15px;
    margin:1em auto;
    width: 150px;
    display: block;
}

.btnImprimer {
    height: 60px;
    padding: 10px;
    line-height: 1.2em;
}

.invitation {
    margin-top: 15px;
}

.invitation textarea {
    width: 300px;
    height: 150px;
}

.cgu, .intro, .cmdExec, .cmdInfos {
    padding: 0 6px ;
    margin: 0 1em;
    clear: both;
}

.cgu .input {
    margin: 1em 0;
}

a.cgupopup {
    text-decoration: underline;
}

.input input {
    margin-bottom: 5px;
}

.cgu strong {
    margin: 1em;
    padding: 0 6px;
}

.cgu {
    margin: 15px 0;
}

.mg {
    padding: 15px ;
    margin: 2em 0;
    font-size:12px;
}

#modal-basket-infos .first, #modal-basket-infos .title {
    text-align: left;
    padding: 0;
}


#modal-basket-infos .total {
    text-align: right;
}

.links-basket-recap {
    text-align: left;
}

.vider-panier {
    text-decoration: underline;
    display: block;
    margin-top: 15px;
}

.links-basket-recap button {
    width: 290px;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}


.tabPaiements h2 {
    color: #000;
    font-family: 'alwynbold', Helvetica, Helvetica Neue, Arial;
    font-size: 15px;
}

.tabPaiements td {
    line-height: 1.2em;
    vertical-align: top;
}

.tabPaiements .btnCommander {
    height: 60px;
    padding: 10px;
}


/* pages statiques */

.static, .commande  {
    background: url('../img/fond-edenweek.jpg') #e5e5e5 top center no-repeat;
    padding: 15px;
}

.page {
    background-color: #fff;
    padding: 15px;
}


/* Plaquette Coffrets */

.liste-coffrets  tr:hover {
    background-color:#fafafa;
}

.liste-coffrets td {
    padding-bottom:80px;
    padding-top:10px;
    vertical-align:top;
}

.liste-coffrets a {
    font-weight: bold;
}

.liste-coffrets a:hover {
    text-decoration:underline;
}

.descriptionlongue {
    display: none;
}

.voirplus {
    font-weight: bold;
    text-decoration: underline;
}


/* footer */

footer {
    background-color: #333333;
    height: auto;
    color: #fff;
    font-size: 12px;
    padding: 8px 30px;
    line-height: 14px;
    text-align: center
}

footer a {
    font-size: 14px;
    color:#E1EDF0;
}

footer a:hover {
    text-decoration: underline;
}

#offres-non-affichees {
    margin-bottom:180px;
}

/* devis */

.tableau-devis {
    width:100%;
    margin-top: 15px;
}

.tableau-devis th {
     background-color: #e1edf0;
}

.tableau-devis td {
     text-align: center;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) {
/* ===============
    Tablettes
   =============== */

    .wrapper {
        width: 600px; 
        margin: 0 auto;
    }
    
    .logo-edenweek {
    margin: 20px 0 25px 25px;
    }
    
    #slider {
    display: block;
    }
    
    .smartphone, .desktop {
    display: none;
    }

    .tablet {
    display: block;
    }
    
    nav.visuel-tel {
    display: inline-block;
    }
    
    .menu nav img {
	position: absolute;
	top:5px;
	right:0;
	
    }

   
   .nivoSlider {
    margin-top:0;
    padding-bottom: 0;
    }
   
   .nivo-controlNav {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
    padding:0;
    z-index:50;
    }
    
    .nivo-controlNav a.active {
    background-color:#dde9ec;
    }
    
    .nivo-caption {
    bottom:auto;
    top:10px;
    width:450px;
    }
    
    .nivo-caption h1 {
    font-family:'alwynthin', Helvetica, Helvetica Neue, Arial;
    font-size:40px;
    line-height:42px;
    margin-bottom: 15px;
    color:#dde9ec;
    }
    
    .nivo-caption p {
    color: #DDE9EC;
    display:none;
    }
    
    .nivo-caption a {
    background-color:#e1edf0;
    color:#3a74a2;
    }
    
    #univers {
    background-color:#fff;
    padding-top:3px;
    }
    
    .produit, .assistance-telephonique  {
    margin:3px;
    }
    
    #catalogue h2 {
    float:left;
    text-align:left;
    width:auto;
    }
    
    .catalogue-item {
    height:120px;
    padding:15px 0;
    }
    
    .catalogue-item div.catalogue-titre {
    padding:0 0 0 20px;
    }
    
    .les-regions, .les-univers, .les-coffrets, .coffret-unique {
    display: block;
    }
    
    .coffret-unique select {
	vertical-align: top;
    }
    
    .les-regions {
    width:280px;
    }
    
    .catalogue-item {
    display: table-cell;
    float: left;
    height: auto;
    line-height: 96px;
    vertical-align: middle;
    }
    
    .catalogue-item > div {
    min-height:60px;
    line-height:60px;
    border-right:1px solid #bcd2df;
    padding:0 10px;
    }
    
    #modal-les-regions h3, #modal-les-univers h3, #modal-les-coffrets h3, #modal-offres-par-page h3, .coffret-unique h3 {
    font-size:24px;
    }
    
    #modal-les-regions, #modal-les-univers, #modal-les-coffrets, #modal-offres-par-page{
    display:none;
    }
    
    .modal-bienvenue, #modal-select-mode {
    width:750px;
    }

    .bienvenue {
    width:750px;
    }
    
    .choixmode {
    float:left;
    width:50%;
    }
    
    .prix h3 {
	display:inline;
	font-weight: normal;
	font-size:16px;
	color:#3A495D;
	line-height:20px;
	float:left;
    }
    
    .prix-range {
    position: absolute;
    right: 120px;
    line-height: 20px;
    height: 20px;
    margin-top: 35px;
    }
    
    #filtres {
	padding:0;
    }
    
    .catalogue-item div.prix {
    padding:0 0 0 20px
    }
    
    
    .filtres-item {
    vertical-align: middle;
    }

    .filtres-item > div {
    margin-top:5px;
    height:60px;
    line-height:60px;
    padding:0 9px;
    }
    
    .resultats-fiche .ensavoirplus img {
    margin-left:15px;
    }
    
    .resultats-fiche {
    width:600px;
    position:relative;
    }
    
    .resultats-fiche .resultats-description {
    border-bottom:0;
    padding-bottom:15px;
    margin-bottom:0;
    border-bottom:1px solid #d3e0ea;
    padding-top:15px;
    }
    
    .resultats-description h2 {
    width:245px;
    margin-right:30px;
    font-size:32px;
    line-height:38px;
    padding-left:0;
    position:absolute;
    top: 0;
    margin-top: 0;
    left:315px;
    }
      
    .resultats-description p {
    float:left;
    width:270px;
    margin-right:15px;
    margin-top:0;
    margin-left:15px;
    }
    
    
    .resultats-boutons {
    width: auto;
    clear: both;
    text-align: center;
    }
    
    .col2 .resultats-boutons {
	float:none;
	width:auto;
    }
    
    .resultats-modal {
    width:600px;
    padding-top:20px;
    }
    
    .resultats-modal h2 {
	padding-left:0;
	padding-bottom:0;
	float:right;
    }
    
    .resultats-modal .row1, .resultats-modal .row2 {
	width:600px;
    }
    
    .resultats-modal .col1 {
    width:600px;
    }

    .resultats-modal .col2 {
    width:auto;
    }
    
    .simplemodal-close {
	position:absolute;
	top:15px;
	right:15px;
    }

    .simplemodal-data {
	padding:15px 10px 5px 5px;
	font-size:14px;
    }
    
    .col1 {
    margin-left:20px;
    }
    
    .row2 .col1 {
	margin-left:0;
    }
    
    .row1 .col1 p {
    padding-left:20px;
    }
    
    .col1a {
   float:left;
    }

    .col1b {
    float:right;
    }

    .col1b img {
    padding-left:20px;
    }

    .col1b p {
    padding-left:20px;
    }
    
    .col1 p {
    float:right;
    }
    
    .resultats-modal .row2 .col2 {
    padding-left:0;
    padding-top: 20px;
  }

    .col2 {
	    border-bottom: 0;
    }
    
    

    /* page de commande */

    #myForm {
    width: 545px;
    }

    .votrecommande {
    width: 545px
    }
    
    .page {
	width: 545px;
	margin: 15px;
    }
    
    .commande .com {
    width: 545px;
    }
    
    .home footer.footerfixe {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -300px;
    border-top:1px solid #fff;
    }
    
    #offres-non-affichees {
	margin-bottom:80px;
    }
    
    #modal-cgu {
	width:550px;
    }

    
}

.error {
background-color:#aa3333;
color:#fff;
font-weight:bold;
padding-left:5px;
}

.result {
background-color:#eafdff;
color:#544380;
font-weight:bold;
padding-left:5px;
}



@media only screen and (min-width: 1200px) {

/* ===============
    Desktop
   =============== */
    
    .wrapper {
        width: 1200px; 
        margin: 0 auto;
    }
    
    .royalSlider, #google_map_canvas {
    display: block;
    }
    
    .panier {
	padding:10px 25px 0 0;
    }
    
    .logo-edenweek {
    margin: 20px 0 25px 100px;
    }
    
    .menu {
    padding: 0 25px 0 0;
    }
    
    .menu nav a{
    padding: 0 12px;
    }
    
    .menu nav img {
	    margin-top:-50px;
	    position:relative;
	    margin-right:8px;
    }
    
    .nivo-controlNav {
    right: 25px;
    bottom: 15px;
    }
    
    .nivo-caption {
    margin-left:120px;
    top:20px;
    background-color:transparent;
    }
    
    .nivo-caption p {
    display:block;
    }
    
    .nivo-caption h1 {
    font-size:70px;
    line-height:60px;
    margin-bottom: 15px;
    }
    
    .resultats-fiche {
    width: 1180px;
    }
    
    .resultats-modal {
    width: 1080px;
    }
    
    .resultats-modal h2 {
	display: block;
	float:left;
    }
    
    .resultats-modal .resultats-boutons {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    }
    
    .single-offre {
    width: 1200px;
    }
    
    .resultats-modal .row1, .resultats-modal .row2 {
	width:1060px;
    }

    .filtres-item > div {
    margin-top:18px;
    padding:0 20px;
    }
    
    .resultats-fiche .resultats-description {
    border-top:1px solid #d3e0ea;
    border-bottom:0;
    float: right;
    padding-bottom: 0;
    }
    
    .resultats-fiche .ensavoirplus img {
    margin-left:0;
    }
    
    .resultats-description h2 {
    float: left;
    position: static;
    }
    
    .resultats-modal h2 {
    font-size: 26px;
    line-height: 28px;
    margin-top:0;
    width:290px;
    }
    
    .resultats-description p {
	width:130px;
    }
    
    .resultats-boutons {
	clear: none;
	float: left;
	width: 155px;
    }
    
    .col2 .resultats-boutons {
	float:left;
	width:155px;
    }
    
    .resultats-modal .row2 .col1 {
    padding-top: 15px;
    border-top: 1px solid #d3e0ea;
    }
    
    .resultats-modal .col2 {
    width:380px;
    float:right;
    }
    
    .row2 .col1 {
	margin-left:20px;
    }
    
    .col1a, .col1b {
    width: 300px;
    height: 390px;
    }
     
    .resultats-modal .row2 .col2 {
    border-top: 1px solid #d3e0ea;
    }
    
    .row1 .col1 p, .row2 .col1 p, .row2 .col2 p {
    padding-left:0;
    }
    
    .row2 .col1 .col1b p {
    padding-left: 5px;
    }
    
    .col1b img {
    padding-left: 0;
    }
    
    .commande {
    padding-right: 450px;
    }
    
    #myForm {
    width: 750px;
    }

    .votrecommande {
    width: 750px
    }
    
    .commande .com {
    width: 750px;
    }
    
     .page {
    width: 630px;
    }
    
    .fieldRight {
    float: right;
    }
    
    .col1 .col1c p {
    float:none;
    width:auto;
    margin-bottom: 0;
    }
    
    .modal {
	display: block;
    }
    
    .nomodal {
    display: none;
    }
    
    .fermer {
	display: block;
    }
    
    .home footer.footerfixe {
    margin-left: -600px;
    }
    
    .smartphone, .tablet {
    display: none;
    }

    .desktop {
    display: block;
    }
    
    #modal-cgu {
    padding:10px 15px;
    width:900px;
    height:600px;
    overflow: auto;
    }
    
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}