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


/**
 * Cette feuille de styles gère l'apparence/la structure...
 */
 
/** HEXA COLORS

    Gris TF : 646665
    Gris : C9C9C9
    Gris clair : EEE8E6
    
    Bleu foncé : 0C78A3
    Bleu TF : 00B6DC
    Bleu : 0099D4
    Bleu clair : 80CCE9
    Bleu pale : D9F4FA 
    
    Jaune : FFF500
*/

/*
==================================================
	Table of Contents / Sommaire
==================================================
    #Mobile (Portrait)	// 320px
	#Mobile (Landscape)	// 576px
    #Tablet (Portrait)	// 768px
	#Tablet (Landscape)	// 992px
	#Computer			// 1200px+ > 1250 avec scrollbar 
*/


/*
==================================================
	Mobile (Portrait)	// 320px
==================================================
*/

@keyframes appear {
    from {opacity: 0;}
    85% {opacity: 0;}
    to {opacity: 1;}
}

.popUpRGPD {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #FFF;
    background: rgba(255,255,255,.92);
    z-index: 10000000;
    padding: 5vh;
    text-align: center;
    overflow: hidden;
    animation: appear 3s;
    animation-iteration-count: 1;
}

.popUpRGPD.ON {
    display:block;
}

.popUpRGPD.OFF {
    display:none;
}


.popUpRGPD p {
    margin-top:20vh;
    margin-bottom: 5vh;
}

.popUpRGPD a.ok,
.popUpRGPD a.no  {
    width:100%;
    display: inline-block;
}

.popUpRGPD a.ok {
    margin-bottom: 5vh;
    padding-top: 2vh !important;
    padding-bottom: 2vh !important;
}

.popUpRGPD a.no {
    font-size: 80%;
    color:#888;
}

.popUpRGPD a.close {
    position: absolute;
    top:1vh;
    right:1vh;
    transform: rotate(45deg);
    font-size: 250%;
    line-height: 1;
}


/*
==================================================
	Mobile (Landscape)	// 576px
==================================================
*/
@media screen and (min-width: 576px) {

}/*/mediaquery*/


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

.popUpRGPD {
    top:auto;
    left:0;
    right:0;
    bottom:0;
    background: #FFF;
    padding: 2vh;
    text-align: left;
    box-shadow:0 -2px 5px rgba(0,0,0,.3);
}

.popUpRGPD p {
    width:68%;
    margin-top: 0;
    margin-bottom:0;
    float: left;
    margin-right: 2%;
}

.popUpRGPD a.ok ,
.popUpRGPD a.no {
    width:20%;
    float:left;
}

.popUpRGPD a.ok {
    margin-bottom: 1vh;
}

.popUpRGPD a.no {
    text-align: center;
    float:right;
    margin-right: 10%;
}

}/*/mediaquery*/


/*
==================================================
	Tablet (Landscape)	// 992px
==================================================
*/
@media screen and (min-width: 992px) {

}/*/mediaquery*/


/*
==================================================
	#Computer			// 1200px+ > 1250 + scrollbar
==================================================
*/
@media screen and (min-width: 1200px) {

}/*/mediaquery*/

/*//////////////////////////////////// RAPPEL CSS 3 ///////////////////////////////////////*/
	/* Rounded corners 
	-moz-border-radius:		5px;	
	-webkit-border-radius:	5px;	
	-o-border-radius:		5px;	
	-khtml-border-radius:	5px;
	-ms-border-radius:		5px;	
	-chrome-border-radius:	5px;
	border-radius:			5px;*/
	
	/* Shadow box 
	-moz-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-ms-box-shadow:			0 2px 2px rgba(0,0,0,.5);
	-chrome-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-o-border-box-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	box-shadow:				0 2px 2px rgba(0,0,0,.5);*/
	
	/* Shadow Text 
	-moz-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-ms-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-chrome-btextox-shadow:	0 2px 2px rgba(0,0,0,.5);
	-o-border-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	text-shadow:			0 2px 2px rgba(0,0,0,.5);*/
	
	/*Transition
	-moz-transition:		all .3s ease;
	-webkit-transition:		all .3s ease;
	-ms-transition:			all .3s ease;
	-o-transition:			all .3s ease;
	-khtml-transition:		all .3s ease;
	-chrome-transition:		all .3s ease;
	transition: 			all .3s ease;*/
	
	/*ease // linear // ease-in // ease-out // ease-in-out */
	
	/*Transform
	-webkit-transform: 	scale(1);
   -moz-transform: 		scale(1);
   -o-transform: 		scale(1);
   transform: 			scale(1);*/
	
	/*Opacity
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 *//*
    filter : alpha(opacity=100); /* IE < 8 */