/*****   FONT   *****/
@font-face {
font-family: 'Dosis';
src: url('../fonts/dosis/dosis-regular-webfont.eot');
src: url('../fonts/dosis/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dosis/dosis-regular-webfont.woff') format('woff'),
url('../fonts/dosis/dosis-regular-webfont.ttf') format('truetype'),
url('../fonts/dosis/dosis-regular-webfont.svg#dosis') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DosisBold';
src: url('../fonts/dosis/dosis-bold-webfont.eot');
src: url('../fonts/dosis/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dosis/dosis-bold-webfont.woff') format('woff'),
url('../fonts/dosis/dosis-bold-webfont.ttf') format('truetype'),
url('../fonts/dosis/dosis-bold-webfont.svg#dosis') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DosisSemiBold';
src: url('../fonts/dosis/dosis-semibold-webfont.eot');
src: url('../fonts/dosis/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dosis/dosis-semibold-webfont.woff') format('woff'),
url('../fonts/dosis/dosis-semibold-webfont.ttf') format('truetype'),
url('../fonts/dosis/dosis-semibold-webfont.svg#dosis') format('svg');
font-weight: normal;
font-style: normal;
}


/*****   Reset   *****/
html, body {
font-size:16px;
}

body {
background-color:#FFFFFF;
color:#394C56;
font-family:Dosis, Arial, Verdana, Helvetica, sans-serif;
background:url(../images/design/background3.png) fixed no-repeat top center;
background-color:#FFE500;
}

h1,h2,h3 {
font-family:DosisBold, Arial, Verdana, Helvetica, sans-serif;
color:#000000;
}

h4,h5,h6 {
font-family:DosisSemiBold, Arial, Verdana, Helvetica, sans-serif;
color:#000000;
}

a {
color:#5b5b5b;
text-decoration:underline;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover {
color:#777777;	
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.clear {
visibility:hidden;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;
clear:both;
}

ul {
list-style-position:outside;
}

p {
line-height:1.2em;
}

div#erreur {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#FF0000;
border:1px solid #CCC;
padding:10px;
margin:0 0 10px 0;
color:#FFFFFF;
}

div#erreur ul {
list-style-type:disc;
margin:0px 0px 0px 30px !important;
}

div#erreur :last-child {
margin:0;
}

.erreurCode, .erreurCapcha input#AntiSpamQuestion {
border:1px solid #FF0000 !important;
background-color:#fdb4b4 !important;
}

ul.listeFormulaire .erreurCode {
border:none !important;
}

.image-flottante-droite {
border:2px solid #000000;
padding:5px;
background:#FFFFFF;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
border:2px solid #000000;
padding:5px;
background:#FFFFFF;
float:left;
margin:0px 10px 5px 0px;
}

.image-flottante-droite-invisible {
border:none;
padding:5px;
background:none;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche-invisible {
border:none;
padding:5px;
background:none;
float:left;
margin:0px 10px 5px 0px;
}

.image-accompagnement {
border:2px solid #000000;
padding:5px;
background:#FFFFFF;
float:left;
margin:0px 10px 10px 0px;
}

hr {
clear:both;
margin:0px 0px 10px 0px;
padding:0;
height:1px;
font-size:0;
border:none;
background-color:#000000;
}

.texte-discret {
font-size:0.875rem;
color:#FFFFFF;	
font-style:italic;
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

div#fancybox-wrap, div#fancybox-wrap * {
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

div.documents {
padding:10px 15px 20px 15px;
}

ul.documents {
list-style-type:none;
}

ul.documents li.iconefichier {
padding:5px 0px 0px 0px;
margin:0;	
}

ul.documents li.description {
padding:0px 0px 0px 20px;
margin:-2px 0px 0px 0px;
font-style:italic;
font-size:0.875rem;
}

label, .label {
display:inline;
font-size:1rem;
}

.label {
font-weight:bold;
margin:10px 0px 5px 0px;
display:inline-block;
}

label#AntiSpamQuestion {
margin:10px 0px 0px 0px;
display:inline-block;
}

.espacementLabel {
font-weight:bold;
margin:20px 0px 0px 0px;
display:inline-block;
}

form {
line-height:1.2em;
}

textarea {
height:120px;
}

select {
height:30px;
}

fieldset legend {
font-family:Dosis, Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.625rem;
padding:0 0.1875rem;
margin:0;
color:#bebebe;
}

.left {
float:left;
}

.right {
float:right;
}

.strong {
font-weight:bold;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:10%;
left:10%;
width:10%;
margin:auto;
}


/*** 404 ***/
body.body-404 {
background-color:#cd3333;
text-align:center;
}

body.body-404 img {
width:450px;
margin:60px 0px 20px 0px;
}

body.body-404 p {
text-align:center;
font-size:2rem;
}

body.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}

body.body-404 a:hover {
color:#FFFFFF;
}


/*****   Menu   *****/
div#menuWrapper {
background-color:#394C56;
}

div#menu {
width:100%;
font-family:DosisSemiBold, Arial, Verdana, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
font-size:1.25rem;
z-index:1000;
text-transform:uppercase;
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
}

div#menu ul {
list-style-type:none;
margin:auto;
text-align:right;
padding:0;
}

div#menu ul li {
text-align:center;
}

div#menu ul li a {
color:#FFFFFF;
padding:40px 30px 10px 30px;
margin:0px 0px 0px 0px;
text-decoration:none;
text-transform:uppercase;
}

div#menu ul li.facebook a {
padding:0px 0px 10px 30px !important;
}

div#menu ul li a:hover {
color:#F7A600;
}

div#menu ul li {
float:none;
display:inline-block;
}

div#menu ul li ul {
font-size:1rem;
}


/*** Menu superfish ***/
div#menu ul.sf-menu ul {
font-family:DosisSemiBold, Arial, Verdana, Helvetica, sans-serif;
text-transform:none;
position:absolute;
width:230px;
top:49px; 
left:0px; 
display:none; 
margin:0; 
padding:20px 0px 0px 0px;
list-style:none;
z-index:2000;
}

div#menu ul.sf-menu ul li {
width:230px;
height:35px;
margin:0; 
padding:0; 
float:left;
font-size:0.875rem;
border-right:none;
}

div#menu ul.sf-menu ul li i {
font-size:0.625rem;
padding:0px 0px 0px 5px;
}

div#menu ul.sf-menu ul a {
display:block;
width:230px;
height:35px;
padding:5px 0px 0px 10px;
margin:0px 0px 0px 0px;
color:#FFFFFF !important;
text-align:left;
text-decoration:none;
text-transform:inherit;
background-color:#394C56 !important;
}

div#menu ul.sf-menu ul a:hover {
color:#000000 !important;
background-color:#F7A600 !important;
}

div#menu ul.sf-menu ul li.sousMenuFin {
margin:0;
}


/*** Hover menu par défaut dans la page courante ***/
body.body-accueil div#menu ul li.mnuAccueil a, body.body-apropos div#menu ul li.mnuAPropos a, body.body-pointsVente div#menu ul li.mnuPointsVente a, body.body-partenaires div#menu ul li.mnuPartenaires a, body.body-contact div#menu ul li.mnuContact a {
color:#F7A600;
}


/*** Hover menu par défaut dans la page courante pour le sticky menu ***/
body.body-accueil div.sticky_menu div#menu ul li.mnuAccueil a, body.body-apropos div.sticky_menu div#menu ul li.mnuAPropos a, body.body-pointsVente div.sticky_menu div#menu ul li.mnuPointsVente a, body.body-partenaires div.sticky_menu div#menu ul li.mnuPartenaires a, body.body-contact div.sticky_menu div#menu ul li.mnuContact a {
color:#000000;
}


/*** Sticky menu ***/
div.sticky_navigation_wrapper {
z-index:10000;
position:relative;
}

div#sticky_navigation {
width:100%;
}

div.sticky_menu div#sticky_navigation {
background-color:#F7A600;
}

div.sticky_menu div#menu ul {
padding:10px 0px 0px 0px;
}

div.sticky_menu div#menu ul li {
margin:0;
}

div.sticky_menu div#menu ul li a {
padding:30px 30px 0px 30px;
background-color:transparent !important;
color:#FFFFFF;
}

div.sticky_menu div#menu ul li a:hover {
color:#000000;
}

div.sticky_menu div#menu ul.sf-menu ul {
top:49px !important;
margin:0;
padding:0;
background-color:#394C56;
}

div.sticky_menu div#menu ul.sf-menu ul li {
padding:0;
margin:0;
}

div.sticky_menu div#menu ul.sf-menu ul li a {
padding:5px 10px 26px 10px !important;
}


/*** Menu niveau 2 ***/
ul.menuNiveau2 {
font-size:1.125rem !important;
top:0px !important;
padding:0 !important;
background:none !important;
}

ul.menuNiveau2 a {
color:#FFFFFF !important;
background-color:#363636 !important;
width:230px;
}

div.sticky_menu div#menu ul.sf-menu ul li ul.menuNiveau2 {
top:0px !important;
background-color:#394C56 !important;
}


/*** Burger menu ***/
div.slicknav_menu {
background:#363636;
}

ul.slicknav_nav li ul {
width:100%;
}

ul.slicknav_nav li a:hover, ul.slicknav_nav li a:hover a {
color:#222222 !important;
}

.logo {
padding:0.75rem 0;
}


/*****   Bandeaux   *****/
div#bandeau {
overflow:hidden !important;
width:100%;
position:relative;
background-color:#FFFFFF;
}

a.da-link {
width:160px;
}


/*****   Contenu   *****/
div#contenu {
font-size:1.375em;
padding:0px 30px 0px 30px;
}

div#contenu div.container_12 {
background-color:#FFFFFF;
min-height:500px;
}

div#contenu a img {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#contenu a:hover img {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#contenu p {
line-height:1.1em;
margin-bottom:0.8em !important;
padding:0 20px;
}

div#contenu ul, div#contenu ol {
margin:0px 0px 30px 30px;
}

div.contenu ul li a {
text-decoration:none;
font-weight:bold;
}

div.col2 {
position:relative;
float:left;
width:46%;
text-align:center;
margin:0% 2% 4% 2%;
}

div.col3 {
position:relative;
float:left;
width:29.33333%;
text-align:center;
margin:0% 2% 4% 2%;
}

div.col2 p, div.col3 p {
text-align:center;
}


/*****   Articles   *****/
div.articles {
margin-top:20px;
}

div.articles a {
color:#FFFFFF;
opacity:1;
}

div.articles a:hover {
color:#FFFFFF;
opacity:0.8;
}

div.contenuArticle {
margin:10px 0px 30px 0px;
text-align:center;
border-bottom:1px solid #394C56;
}

div.contenuArticle h4 {
border-bottom:none;
}

div.backgroundArticle {
display:block;
background-size:cover !important;
}

div.articleDetails {
position:relative;
}

div.articleDetails img {
max-width:400px;
}

div.articleDetailsContenu {
margin-bottom:50px;
}

div.articleSommaire {
padding:10px 10px 10px 10px;
min-height:140px;
}

.bouton {
text-align:center;
text-decoration:none;
color:#FFFFFF;
display:block;
padding:10px 0px 10px 0px;
margin:0px 0px 15px 0px;
background-color:#394C56;
}

a.bouton:hover {
color:#000000 !important;
background-color:#F7A600;
}

input.bouton {
padding:10px 15px 10px 15px;
font-size:1rem;
border:none;
cursor:pointer;
user-select:none ;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
}


/*****   Tableaux   *****/
table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
}

table thead, table th {
color:#000000 !important;
background-color:#F7A600;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
background-color:#FFFFFF;
border:none;
margin:0;
padding:0;
}

table tr.even, table tr.alt, table tr:nth-of-type(odd) {
background-color:#d9d9d9;
border:none;
margin:0;
padding:0;
}

table.tableau-invisible, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table tr td {
vertical-align:top;
}

table.formulaire {
width:100%;
background-color:none;
}


/*****   Footer   *****/
div#footer {
background-color:#394C56;
color:#FFFFFF;
margin:c0px 0px 0px 0px;
font-size:1em;
padding:45px 0px 35px;
}

div#footer a {
color:#FFFFFF;
text-decoration:none;
}

div#footer a:hover {
color:#F7A600;
}

div#footer div.grid_4 {
text-align:right;
}