html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form, label, table, caption, tr, th, td, embed {
    font-family: 'open_sanslight';
	margin: 0;
	padding: 0;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../font/opensans-light-webfont.eot');
    src: url('../font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/opensans-light-webfont.woff2') format('woff2'),
	url('../font/opensans-light-webfont.woff') format('woff'),
	url('../font/opensans-light-webfont.ttf') format('truetype'),
	url('../font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/opensans-regular-webfont.woff2') format('woff2'),
	url('../font/opensans-regular-webfont.woff') format('woff'),
	url('../font/opensans-regular-webfont.ttf') format('truetype'),
	url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'satisfyregular';
    src: url('../font/satisfy-regular-webfont.woff2') format('woff2'),
    url('../font/satisfy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
img {
	border: none;
	max-width: 100%;
	width: auto;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: url(../images/fd-fdifxe.jpg) fixed top center no-repeat #292929;
	font-size:16px;
}
a:hover {
	-moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}

/* ___ ENTETES ___ */

#entete1 {
	height:38px;
	background:#292929;
}
.compte {
	width:auto;
}
.compte a {
	line-height:38px;
	text-decoration:none;
	color:#fff;
	padding:0 15px;
	text-align:center;
	display:inline-block;
	font-size:0.8em;
}
.compte a.mcp {
	background:#009bdc;
}
.compte a.ccp {	
	background:#0088c1;
}
.compte a:hover {
	background: rgba(0,140,220,0.7);
}
#entete2 {
	height: auto;
	background:#000;
	width:100%;
	text-align:center;
}

/* ___ NAV & MENU ___ */

nav {
	height:auto;
	width:100%;
	background:#292929;
	text-align:center;
	z-index:2000;
	border-bottom:#000 3px solid;
}
#menu {
	text-align:center;
}
#menu li {
	list-style:none;
	display:inline;
	height:110px;
	width:200px;
}
#menu li a {
	padding:0 12px;
	text-decoration:none;
	color:#fff;
	font-size:0.9em;
	line-height:110px;
}
#menu li a:hover, #menu li a.select {
	color:#4da9ce;
}
.slicknav_menu {
	display:none;
}
.logonav {
	margin-bottom:-7px;
}
.logonav0 {
	display:none;
}



/* ___ BANDEAU & SLIDE ___ */

#bandeau {
	height: auto;
	position:relative;
}
#annonce-plateau {
	position:absolute;
	top:10%;
	width:36%;
	left:30%;
	background:rgba(0,100,157,0.6);
	padding:2%;
	text-align:center;
	color:#fff;
	z-index:4;
	text-shadow:#000 1px 1px 2px;
}
#annonce-plateau p {
	font-size:1em;
}
#annonce-plateau p a {
	font-size:1.4em;
	text-decoration:none;
	padding-top:12px;
	color:#fff;
}
#annonce-plateau p a:hover {
	background:rgba(0,0,0,0.4);
	border-radius: 20px;   
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;    
	-khtml-border-radius: 20px;
	padding:0 20px;
}
#slide {
	width: 100%;
	height: auto;
	z-index: 1;
	overflow:hidden;
}
.rslides {
  	position: relative;
  	list-style: none;
  	overflow: hidden;
  	width: 100%;
  	padding: 0;
  	margin: 0;
}
.rslides li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
  	display: none;
  	width: 100%;
  	left: 0;
  	top: 0;
}
.rslides li:first-child {
  	position: relative;
  	display: block;
  	float: left;
}
.rslides img {
  	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0;
}

/*___ CONTENU EDITORIAL ___*/

#contenu {
	position:relative;
}
#contenu h1 {
	font-size:3em;
	margin-bottom:1em;
	line-height:0.9em;
	font-weight:normal;
	text-transform:uppercase;
}
#contenu .h1petit {
	font-size:0.5em;
}
#contenu h4, #contenu h3, #contenu h2 {
	margin:0.7em 0;
	font-weight:normal;
	text-transform:uppercase;
}
#contenu p {
	margin:1em 0;
}
#contenu a, #contenu li a, #contenu h2 a, #contenu h3 a, #contenu h4 a {
	font-size: 1em;
	text-decoration:none;
}
#contenu p a:hover, #contenu li a:hover, #contenu h2 a:hover, #contenu h3 a:hover, #contenu h4 a:hover {
	color:#f00;
}

/* --------- PDP -- */

#pdp {
	background: #000;
	color:#fff;
	padding:1.5em 0;
}
#pied {
	width:1200px;
	margin:0.5em auto;
}
#pied p {
	font-size:1em;
	text-decoration:none;
	color:#fff;
	margin:0.1em 0;
}
#pied h2, #pied h3 {
	position:relative;
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:1.2em;
	color:#999;
}
#pied h2:after, #pied h3:after {
	position:absolute;
	bottom: -.4em;
	left:0;
	width:30%;
	border-bottom:#999 dotted 1px;
	content: '';
}
#pied p.tel {
	font-size:2.2em;
	color:#e3832e;
	line-height:1em;
}

#pied a:hover, #pied a {
	text-decoration: none;
	color:#fff;
	font-size:1em;
}
.picto {
	width:auto;
	display:inline-block;
	padding-right:0.5em;
}

/* --------- EODYS -- */

#eodys {
	width: 100%;
	text-align: center;
	padding:1em 0;
	background:#333;
	color:#ccc;
}
#eodys p {
	font-size: 1em;
	font-weight:normal;
}
#eodys a, #eodys a:hover {
	font-size: 1em;
	color:#ccc;
	text-decoration:none;
}

/* --------- MENTIONS LEGALES -- */

.mlgauche {
	width:30%;
	float:left;	
}
.mldroite {
	width:64%;
	float:right;
	border-left:#000 1px solid;
	padding-left:2%;
	text-align:justify;	
}
.ulml {
	text-align:right;
	margin:1em 0;
}
.ulml li {
	list-style:none;
	margin:1em 0;
	font-size:1.2em;
}

/* --------- CONTENEURS -- */

.conteneur {
    width: 80vw;
	margin: 0 auto;
	position:relative;
}
.fdgris {
	padding:2em 0;
	color:#fff;
	background:#292929;
	text-shadow:#000 1px 1px 2px;
}
.fdclair {
	background: #01354d;;
	padding:2em 0;
	color:#fff;
}
.fdneutre {
	padding:2em 0;
	color:#000;
}
.bgbleu {
	padding:2%;
	color:#fff;
	background:#009bdc;
	margin:2em auto;
}
#contenu .fdgris a, #contenu .bgbleu a{
	color:#e3832e;	
}
#contenu .fdclair a, #contenu .fdneutre a{
	color:#009bdc;	
}
.bloc3 {
	width:29%;
	display: inline-block;
	margin:2%;
	vertical-align:top;
}
.bloc4 {
	width:17%;
	display: inline-block;
	margin:2%;
	padding:1%;
	background:#122b6e;
	color:#fff;
	vertical-align: top;
	height:100px;
	font-weight:bold;
}
.blocintro {
	width:19%;
	display: inline-block;
	margin:2%;
	color:#fff;
	vertical-align:top;
}
.bloc48 {
	width:48%;
}
ul.ulbleu {
	border-left:#0094d4 2px solid;
	padding:12px 0 12px 12px;
	text-align:left;
	background:rgba(153,153,153,0.2);
	margin:1em 0;
}
ul.ulbleu li {
	list-style:none inside;
	font-size:1em;
	margin:0.2em 0;
	line-height:1em;
}
ul.ulblanc {
	border-left:#f07139 2px solid;
	padding:12px 0 12px 12px;
	text-align:left;
	background:rgba(255,255,255,0.4);
	margin:1em 0;
}
ul.ulblanc li {
	list-style:none inside;
	font-size:1em;
	margin:0.2em 0;
	line-height:1em;
}

/* --------- FORMAT TITRES ET TEXTES -- */

h2.titre-36, h3.titre-36, h4.titre-36 {
	font-size:2.5em;
}
h2.titre-24, h3.titre-24, h4.titre-24 {
	font-size:1.7em;
}
p.txt-18, h3.txt-18, h4.txt-18, p.titre-18, h3.titre-18, h4.titre-18 {
	font-size:1.3em;
}
p.txt-16, h3.txt-16, h4.txt-16 {
	font-size:1.1em;
}
p.txt-24, h3.txt-24, h4.txt-24 {
	font-size:1.7em;
}
.titre-48, .titre-36, .titre-24, .titre-18  {
	text-transform:uppercase;
}
.color-bleu2 {
	color:#0088c1;
}
.color-bleu1 {
	color:#199cd9;
}

#contenu .fdgris  a.lien_color-bleu1 
{
    color: #199cd9;
}

.color-bleu3 {
	color:#005072;
}
.color-orange {
	color:#e3832e;
}
.txt-satisfy {
    font-family: 'satisfyregular';
	text-align:center;
	font-size:1.4em;
}
.rgba-fff {
	background:rgba(255,255,255,0.7);
	padding:2%;		
}
.rgba-000 {
	background:rgba(0,0,0,0.2);		
	padding:2%;		
}
.txt-grand {
	font-size:4em;	
}
.txt-petit {
	font-size:0.7em;	
}/* --------- MISE EN PAGE -- */
.pad2pc {
	padding:2%;
}
.pad02pc {
	padding:0 2%;	
}
.gauche{
	float:left;
}
.droite{
	float:right;
}
.txt-centrage {
	text-align:center;
}
.txt-droit {
	text-align:right;
}
.ligne {
	border-top:rgba(255,255,255,0.3) 1px solid;
	border-bottom:rgba(0,0,0,0.3) 1px solid;
	margin:2em 0;
	height:0;
	line-height:0;
}
.clear {
	clear:both;
	line-height:0;	
}
.cache {
	display: none;
}
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{
    display: block;
}
html[xmlns].clearfix{
    display: block;
}
*.clearfix{
    height: 1%;
}

/*-------remonter en haut-------*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:10000;
	border:#fff 2px solid;
}
#return-to-top b {
    color: #fff;
	margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover b {
    color: #fff;
    top: 5px;
}

/*-------alerte cookies-------*/

#cookie-bar {
	display: block;
    overflow: hidden;
    background: rgba(0,0,0,0.7);
    color: #fff;
	text-shadow:#000 1px 1px 2px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%; 
 	text-align:center;
	padding:5px 0;
    -webkit-animation: apparitioncookie 2s 1 ease;
    -moz-animation: apparitioncookie 2s 1 ease;
    -o-animation: apparitioncookie 2s 1 ease;
}
#cookie-bar p {
    color: #fff;
	font-size:0.9em;
	line-height:1.8em;
}
#cookie-bar a {
    color: #fff;
	font-size:1.1em;
}
#cookie-bar .cb-enable {
	background:#070;
	padding:3px 6px;
}
#cookie-bar .cb-enable:hover {
	background:#292;
}
@-webkit-keyframes apparitioncookie {
    from { 
	bottom : -90px;
	}
    to { 
	bottom: 0;
	}
}
@-moz-keyframes apparitioncookie {
    from { 
	bottom : -90px;
	}
    to { 
	bottom: 0;
	}
}
@-o-keyframes apparitioncookie {
    from { 
	bottom : -90px;
	}
    to { 
	bottom: 0;
	}
}

/*-------zoom sur vignette bloc5-------*/

div.vignette {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.hover01.vignette img {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 50%;   
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%;    
	-khtml-border-radius: 50%;
}
.hover01.vignette:hover img {
	border-radius:2px;   
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;    
	-khtml-border-radius:2px;
}

/*-------transition sur apparition des bloc a l'?cran-----------------*/

 .bounce-up   {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bounce-up.in-view   {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

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


#annonce-plateau {
	display:none;
}
#entete1 {
	height:auto;
	text-align:center;
}
.conteneur, #pied {
	width:80vw;
	padding:2%;
}

}


@media screen and (max-width:960px) {

	
body {
	margin:5%;
}
nav {
	height:0;
}
#annonce-plateau {
	display:none;
}
.pad2em0 {
	padding:1em 0;
}
#contenu h1 {
	font-size:2.8em;
}
.bloc48 {
	width:96%;
	margin:12px auto;
	text-align:center;
	height:auto;
}
.bloc3 {
	width:96%;
	margin:12px auto;
}
.picto {
	width:98%;
	display: inherit;
	padding:1%;
}
.titre-36 {
	font-size:2em;
}
.titre-24 {
	font-size:1.4em;
}
.txt-18 {
	font-size:1.1em;
}
.txt-16 {
	font-size:1em;
}
.dspl {
	display:none;	
}
.cache {
	display: inherit;
}
.ligne {
	margin:1em 0;
}
.gauche, .droite {
	float:none;
}
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}
.mlgauche {
	width:96%;
	float:none;
	padding:2%;	
}
.mldroite {
	width:96%;
	float:none;
	border-left: inherit;
	padding:2%;
}
.ulml {
	text-align:center;
	margin:0.5em 0;
}
.ulml li {
	list-style:none;
	margin:0.5em 0;
	font-size:1em;
}
#pied {
	text-align:center;	
}
#pied h2:after, #pied h3:after {
	left:35%;
	width:30%;
}


}


@media screen and (max-width:720px) {

.blocintro {
	width:45%;
	margin:2%;
}
body {
	font-size:14px;	
}

}

@media screen and (max-width:400px) {

.blocintro {
	width:96%;
	margin:2%;
}

}

/*****Modifs Julien 19042021*****/

#conditions_livraison
{
	list-style: none;
}

#conditions_livraison li
{
	margin-bottom: 5px;
	display: block;
	counter-increment: listCounter;
}

#conditions_livraison li:before
{
    content: counter(listCounter);
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    background: #008cdc;
    color: #fff;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    margin-right: 15px;
    font-size: 15px;
}


.btn_process_livraison
{
    font-size: 17px;
    color: #0c3573;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    background-color: #ffffff;
    border: none;
    margin-top: 25px;
    cursor: pointer;
}

#process_commande
{
	display: none;
	float: left;
	width: auto;
}

body #process_commande label
{
	color: #000;  
    width: 255px;
}


body #process_commande input[type=text] 
{
    width: 189px;
}

body #process_commande select 
{
    width: 200px;
}
 

body #process_commande #enlevement_contenu
{
	float: none;
	width: auto;
	margin-top: 10px;
}

body #process_commande h2
{
	margin-top: 41px;
}

body .btn_type_livraison
{
	display: block;
	padding: 10px;
	background: #01354d;
	color: #fff !important;
	overflow: hidden;
	font: none;
	width: auto;
	margin-bottom: 25px;
	width: 348px;
	max-width: 100%;
	text-align: center;
	font-size: 20px;
}

body #contenu .titre_mode_commande
{
	margin-bottom: 27px;
}