@charset "utf-8";
/* CSS Document */

@media all and (max-width: 768px) {
	
#cookiealert_container {
 display:none !important;
}
 #dcom_main_container #headerxxl, #dcom_main_container #seo_footer, #dcom_main_container #darty_footer, #dcom_main_container #tunnel_mobile_footer, table#site_footer {
 display: none;
}

 #darty-header-line2-container, #darty_top_links, #darty-header-rightblock, #univers-menu-xxl {
 display:none;
}
 div#darty_footer {
 display:none;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	width: 290px;
	height: 163px;
}


#dcom_main_container {
	width: 100% !important;
}


body {
	background-size: contain !important;
	margin:0;
	padding:0;
	background:#ffffff!important;
}

/* ________ BACKGROUND-mobile ________*/

.site-body, .site-footer {
    background-color: #ffffff;
}









/* ________ HEADER ________*/

.container-header{
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0;	
	background-color:#ffffff;
}

.container-bandeau{
	width:100%;
	max-width:100%;
	margin:10px auto 0; 
	padding:0;	
	background-color:#ffffff;
}


.header-bandeau, .bandeau-offre{
	display:none;
}

.header-bandeau-responsive, .bandeau-offre-responsive{
	display:block;
}


.bandeau-marque {
	display:none;
}

.bandeau-marque-responsive{
	display:block;
}







/* ________ TITLE ________*/



.title-universe{
	display:block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
    padding: 40px 20px 10px;
	background-color:#ffffff !important;
	font-size:2em;
	text-align:center;
}








/* ________ BLOC MOBILE	________*/

.content-bloc{
	width:100%;
}

.bloc-univers-2, .bloc-univers-3, .bloc-univers-4,
.bloc-univers:nth-of-type(1n+4){
	width: 80%;
    display: block;
    margin: 20px auto;
	background-color: #ffde17;
}


.title-univers{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family:'open_sansbold', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#353535;
	background-color:#dadada;
	padding:10px 20px;	
}



.text-univers{
    display: block;
    text-align: center;
    font-size: 1em;
    background-color: #ffffff;
    font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
    color: #000000;
}











/* ________ ETAPE ________*/

#content-etape{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
	display:block;
	background:#ffffff !important;
	padding: 20px 0;
	margin:0 auto;
}

.etape-promo{
	display:table;
	padding:30px;
	float:none;	
	background: #ffffff!important;
}

.etape-promo img {
    float: left;
    padding-right: 0;
	width:60%
	}

.image-mobile{
	display:table-cell;
	float:none;
	padding-right:20px;
	width:20%;
}

.etape-promo p{
	display:table-cell;
	width:80%;
	font-size:0.8em;
	margin:0;
	padding:0;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	
}

.etape-arrow-desktop{
	display:none;
}

.etape-arrow-mobile{
	display:block;	
	margin: 20px auto;
	text-align:center;
}


.clear{
	clear:both;	
	opacity:0;
	border:0;
}



/* ________ MENTIONS ________*/

#mentions-legales{
	padding:20px;
	margin-bottom:20px;
	font-size:0.7em;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	color:#414141;	
	background-color:#e8e8e8;
}




}