html,body{margin:0;padding:0;height: 100%;}
html { 
scroll-behavior: smooth; 
}
/*body {position:relative;min-height:100%;margin:0;padding:0;display : table;width: 100%; font-family:Arial;background-color:#f1f1f7;}*/
body {position:relative;min-height:100%;margin:0;padding:0;display : table;width: 100%; font-family:Arial;background-color:lightgray;}


footer {display : table-row;height: 50px;} 

.toold{bakcground:blue; color:white;}

a:link   {text-decoration:none}
a:hover  {text-decoration:none}
a:active {color: navy;text-decoration:none}

.awhite:link   {color: white;text-decoration:none}
.awhite:hover  {color: white;text-decoration:none}
.awhite:active {color: white;text-decoration:none}

/*chartback1 {background:#0e176f;color:white;}*/
.chartback1 {background:#000000;color:white;}
.chartback2 {background:#ff7400;color:white;}
.chartback3 {background:#feaf0e;color:white;}

.chartback1b {background:#ffffff;color:#0e176f;}

/*.chartcolor1 {color:#0e176f;}*/
.chartcolor1 {color:#000000;}
.chartcolor2 {color:#ff7400;}
.chartcolor3 {color:#feaf0e;}
.cadreN2{margin-right:1%; margin-left:1%; padding-top:15px; padding-bottom:15px; width:98%;}
.cadreN1form{width:98%; color:#322F28; font-size:22px; background:#ffffff;}

.chartLigneTD{border-top: 1px solid #feaf0e;}

button,legend {color: white; background-color: black; padding: 5px 10px;border-radius: 0; border: 0;font-size: 14px;}
button:hover,button:focus {color: #999;}
button:active {background-color: white;color: black;outline: 1px solid black;}

/* Empêche selection.*/
.noselect
{
 -moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}

table.alterne_ligne tr:nth-child(even) {background: #E3E3E3}
table.alterne_ligne tr:nth-child(odd) {background: #FFF}

.notification:after{
    content:attr(data-notification);
    background:white;
    color:red;
    padding:0 5px;
    margin-left:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}

.a_icone {padding-left:30px;}
    
    
.chartradio
     {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;

	  border-radius: 50%;
	  width: 16px;
	  height: 16px;

	  border: 2px solid #999;
	  transition: 0.2s all linear;
	  margin-right: 5px;

	  position: relative;
	  top: 4px;
  
	  margin-left:7px; 

	}

.chartradio:checked{ border: 4px solid lightgray; background:#ff7400;}  	
	
.maxbody{max-width:100%; padding: 0% 1% 0% 1%;}
.gdbody{max-width:1300px; margin:auto; padding-bottom:100px; padding-left:15px;}


footer section ul > li a:link   {color: white; text-decoration:none;}
footer section ul > li a:hover  {color: blue; text-decoration:none;}
footer section ul > li a:active {color: white; text-decoration:none;}


section.li-default a:link   {color: #ffffff; text-decoration:none; width:100%; padding:12px; margin-bottom:3px; display:block;}
section.li-default a:hover  {color: #ffffff; text-decoration:none; width:100%; padding:12px; margin-bottom:3px; display:block;}
section.li-default a:active {color: navy; text-decoration:none; width:100%; padding:12px; margin-bottom:3px; display:block;}


.validheure2{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:white;width:100%; height:110%; margin:0; padding:0;}
.validheure2:focus{outline:0;} 
.validheure2:checked{background-color:yellow; border-right:1px solid yellow;}
.validheure2:hover{background-color:#feaf0e; border-right:1px solid #feaf0e; cursor:pointer;}

.validheureN{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:white;width:100%; height:110%; margin:0; padding:0;}
.validheureN:focus{outline:0;} 
.validheureN:checked{background-color:white; border-right:1px solid white;}
.validheureN:hover{background-color:white; border-right:1px solid white;}

.borA{border-top:1px solid red; z-index:3; position:relative;}
.borB{border-top:0.5px solid lightgray;}
.borC{}


.validrdv2{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none;background:none;width:100%; height:110%; margin:0; padding:0;}
.validrdv2:checked{}
.validrdv2:focus{outline:0;} 


.indispo2{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:lightgray; width:100%; height:110%; margin:0; padding:0;}
.indispo2:checked{background-color:#feaf0e; border-right:1px solid #feaf0e;}
.indispo2:hover{background-color:#feaf0e; border-right:1px solid #feaf0e;}
.indispo2:focus{outline:0;} 


.indispo_pause2{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:#CDE2E2; width:100%; height:110%; margin:0; padding:0;}
.indispo_pause2:checked{background-color:#feaf0e; border-right:1px solid #feaf0e;}
.indispo_pause2:hover{background-color:#feaf0e; border-right:1px solid #feaf0e; cursor:pointer;}
.indispo_pause2:focus{outline:0;}

.indispo_pauseN{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:#CDE2E2; width:100%; height:110%; margin:0; padding:0;}
.indispo_pauseN:checked{background-color:#CDE2E2; border-right:1px solid #CDE2E2;}
.indispo_pauseN:hover{background-color:#CDE2E2; border-right:1px solid #CDE2E2;}
.indispo_pauseN:focus{outline:0;}

.indispo3{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:lightgray; width:100%; height:110%; margin:0; padding:0;}
.indispo3:checked{background-color:lightgray; border-right:1px solid lightgray;}
.indispo3:focus{outline:0;} 

.indispo_pause3{-webkit-appearance:none; -moz-appearance:none; appearance:none; -ms-appearance:none; background-color:#CDE2E2; width:100%; height:110%; margin:0; padding:0;}
.indispo_pause3:checked{background-color:#CDE2E2; border-right:1px solid #CDE2E2;}
.indispo_pause3:focus{outline:0;} 

.heure_agenda{width:100%; height:100%; margin:0; padding:0; }


.collab{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:lightgreen; transition: 0.2s all linear; width:100px; height:100px; border-radius:50px; margin:0; padding:0;}
.collab:checked{border: 5px solid #feaf0e;}
.collab_min{-webkit-appearance: none;-moz-appearance: none; appearance: none; background-color:#ff7400; transition: 0.2s all linear; width:60px; height:60px; border-radius:50px; margin:0; padding:0;}
.presta_min{-webkit-appearance: none;-moz-appearance: none; appearance: none; background-color:#ff7400; transition: 0.2s all linear; border-radius:50px; margin:0; padding:0;
 background-repeat:no-repeat; background-size:100%; background-width:30px; background-height:30px; cursor:pointer; width:30px; height:30px;}
.collab_min:checked{border: 5px solid #ff7400;}	
.presta_min:checked{border: 5px solid #ff7400;}	

.formfield-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 110%; height: auto;border: 0; margin: 0;padding: .75em;border-radius: 0;overflow: hidden;text-overflow: ellipsis;}
.formfield-select {position: relative;}
.formfield-select--container {position: relative; background-color: #fff;border: #777 1px solid;margin: 0 0 1.5em 0;overflow: hidden;}
.formfieldCoupe-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%; background-color: #ffffff;height: auto;border: 0; padding: 5px;border-radius: 0;color:navy;font-size : 20px;font-weight : bold;overflow: hidden;text-overflow: ellipsis;}
.formfieldCoupe-select {position: relative;}
.formfieldCoupe-select--container {position: relative; width: 97.5%; background-color: #ffffff;border: lightgray 1px solid;overflow: hidden; }

.formfieldParam-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 47%; height: 37px; 
border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
.formfieldParam-select {position: relative;}
.formfieldParam-select--container {position: relative; display:inline-block;width: 47%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }


.formfieldProspe-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;display:inline-block;}
.formfieldProspe-select {position: relative;display:inline-block;}
.formfieldProspe-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 1.5em 10px;overflow: hidden; border-radius:4px; background:lightgray; border:1px solid gray; height: 32px;}

.formfieldReport-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:16px; font-weight:bold; padding-left:10px; color:navy;display:inline-block;}
.formfieldReport-select {position: relative;display:inline-block;}
.formfieldReport-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 0 0px;overflow: hidden; background:lightgray; border-bottom:1px solid gray; height: 32px;}


.formfieldParam2-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 110%; height: 37px;border: 0; margin: 0;padding: .75em;border-radius: 0;overflow: hidden;text-overflow: ellipsis;}
.formfieldParam2-select {position: relative;}
.formfieldParam2-select--container {position: relative;float:right; display:inline-block;width: 47%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }

.formfieldProspect-select--container select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; color:navy; width: 110%; height: 30px; border: 0; margin: 0; border-radius: 0; overflow: hidden; text-overflow: ellipsis; font-size:14px;}
.formfieldProspect-select {position: relative; display:inline-block;}
.formfieldProspect-select--container {position: relative; display:inline-block;width: 130px; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }



/*Heure*/
.formfieldHeureD-select--container select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width: 110%; height: 40px; border: 0; margin: 0; border-radius: 0; overflow: hidden; text-overflow: ellipsis; font-size:22px;}
.formfieldHeureD-select {position: relative; display:inline-block;}
.formfieldHeureD-select--container {position: relative; display:inline-block;width: 130px; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }


.presta-select--container select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width: 110%; height: 40px; border: 0; margin: 0; border-radius: 0; overflow: hidden; text-overflow: ellipsis; font-size:22px;}
.presta-select {position: relative; display:inline-block;}
.presta-select--container {position: relative; display:inline-block;width: 70%; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }


.formfieldHeureDC-select--container select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width: 110%; height: 40px; border: 0; margin: 0; border-radius: 0; overflow: hidden; text-overflow: ellipsis; font-size:22px; background:white;}
.formfieldHeureDC-select {position: relative; display:inline-block;}

.formConf-select--container select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width: 110%; height: 40px; border: 0; margin: 0; border-radius: 0; overflow: hidden; text-overflow: ellipsis; font-size:22px; background:white;}
.formConf-select {position: relative; display:inline-block;}


.formfieldDuree-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 110%; height: 40px;border: 0; margin: 0; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px;}
.formfieldDuree-select {position: relative;}
.formfieldDuree-select--container {position: relative; display:inline-block;width: 170px; background-color: #fff;border: lightgray 1px solid;margin-right: 7px; overflow: hidden; }

/*Agent*/
.formfieldAgent-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 110%; height: auto;border: 0; margin: 0;padding: .75em;border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:18px; font-weight:bold; color:Navy;}
.formfieldAgent-select {position: relative;}
.formfieldAgent-select--container {position: relative; background-color: #fff;border: #777 1px solid;margin: 0 0 1.5em 0;overflow: hidden;}



#cropped_img {margin-top: 40px;}
input#crop {padding: 5px 25px 5px 25px;background: lightseagreen;border: #485c61 1px solid;color: #FFF;visibility: hidden;}

.afheure{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color:white;width:1px; height:20px; margin:0; padding:0;}

.pheure{margin: 0px 0px 3px 0px; height:20px;}
.blinkgen {visibility:visible; width:10px;height:10px;border-radius:9px;display:inline-block;background:green;vertical-align:center; margin-bottom:1px; margin-right:2px;}
.date_semaine{color:navy; font-weight:bold;}
.date_semaineJ{color:green; font-weight:bold;}


/*bloom*/
figure {position: relative; overflow: hidden;margin: 0;height: 100%;width: 100%;filter: grayscale(.9);}
figure img{width: 100%; height: 100%;}
figure::before { position: absolute;top: 50%;left: 50%;z-index: 2; display: block;content: '';width: 0;height: 0;background: rgba(0,0,0,.2);border-radius: 100%; transform: translate(-50%, -50%);opacity: 0;}
figure:hover{animation: bloom ease-in-out .001s forwards;}
figure:hover::before {animation:  .001s;}
@keyframes bloom {0% {filter: grayscale(.8);}40% {filter: grayscale(.5);}100% {filter: grayscale(0);}}
@keyframes circle {0% {opacity: .5;background: rgba(213,156,34,.2);}40% {opacity: 1;background: rgba(213,34,160,.2);}100% { width: 200%; height: 200%;opacity: 0;}}


/* Bloom original 
figure {position: relative; overflow: hidden;margin: 0;height: 100%;width: 100%;filter: grayscale(.8);}
figure img{width: 100%; height: 100%;}
figure::before { position: absolute;top: 50%;left: 50%;z-index: 2; display: block;content: '';width: 0;height: 0;background: rgba(0,0,0,.2);border-radius: 100%; transform: translate(-50%, -50%);opacity: 0;}
figure:hover{animation: bloom ease-in-out .75s forwards;}
figure:hover::before {animation: circle .75s;}
@keyframes bloom {0% {filter: grayscale(.8);}40% {filter: grayscale(.5);}100% {filter: grayscale(0);}}
@keyframes circle {0% {opacity: .5;background: rgba(213,156,34,.2);}40% {opacity: 1;background: rgba(213,34,160,.2);}100% { width: 200%; height: 200%;opacity: 0;}}*/


	
	#emp{font-size:100px;color:navy;display:inline-block;}
	#sta{font-size:100px; color:lightgray; display:inline-block; background:gray; border-radius:30px}
	#form_empsta{background:none; border:none; font-size:1.1em; width:98%;}
	#go{color:lightgray; font-size:20px; margin-top:-10px; margin-left:85%; background:gray;}
	#text_index{margin-top: 10px; color:navy; font-size:20px; text-align:center;}
	#index_section{margin-top:90px; text-align:center;}
	#etape_new{width:71%; text-align:center;height:25px;font-size:15px;}
	#etape_new_conteneur{width:85%; margin-top:20px; margin-left:7%; padding:5px 0px 5px 0px;  border:2px solid gray;}
	
	.center_cadre{margin:auto; }

	

	.champs_standard{width:85%;height:25px;font-size:15px;}
	.champs_standard2{width:95%;height:20px;font-size:15px;}
	.champs_standard3{margin-bottom:-10px;}
	.area_standard{width:85%;font-size:20px;}
	.champs_main{width:50%;height:35px; float:right; font-size:20px; text-align:center; border:none;}
	.input_maj{width:85%;font-size:15px}
	
	.valid_standard{width:210px; color:white; font-size:20px; background-color:#ff7400; border:none; border-radius:4px;}
	.bouton_is_form{border:none; font-size:20px; color:white; cursor:pointer; background:none; padding: 0px 0px 15px 0px;}
	

	.titre_form_standard{text-align:center;font-size:16px; font-weight:lighter; color:white;}
	
	.cadreCorrecteur{width:85%;height:34px;font-size:20px; border:1px solid gray; text-align:left;}
	.champs_correcteur{background:none; width:10%; height:25px; margin-top:4px; font-color:gray; font-size: 15px;
                		font-weight:bold; border:1px solid red; float:right; position:relative; z-index:21; }
    .bordeaux{color:navy;}
    .titreSection{font-size:18px; font-family:Arial, Helvetica,sans-serif;}
    .textPolice{font-family:Arial, Helvetica, sans-serif;}

/***********************************/
	.row{display: flex;}
	
/***********************************/  
    .divusercible{flex: 1; vertical-align:top; border:1px solid green; border-radius:10px; 
    width:30%; padding-left:7px; margin-right:1%; padding-right:7px;display:inline-block;} 
    .textpple{display:inline-block; width:45%; text-align:justify; margin-right:3%; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size:17px;}
    .tarif_table{width:100%;line-height: 35px; font-size:20px;}
    .titreTarif{text-align:left; border:2px solid lightgreen; border-radius:0px 7px; 
    padding:10px; width:98%; color:navy;}
     
    .form_projet{background:#ffffff; max-width:800px; margin-top:25px; 
	padding:0px 10px 0px 10px; font-size: 1.1em; text-align:center; border: 1px solid green;}


	 .titreConception{display:inline-block;}
     .tabprix{width:10%;text-align:center;}
     .tabDescription{width:40%;text-align:left;padding-left:7px;}
     .tabqte{width:15%;text-align:left;padding-left:7px;}     

     .margBotGeneral{margin-bottom:1000px;}
     .margBotGeneral2{margin-bottom:100px;}
     .fontTarifTitre{font-size:14px;line-height:20px} 
     .numTarife{border-radius:15px; background:lightgreen; color:navy; padding:3px; border:1px solid navy;}
     .numTarif{color:navy; font-weight:bold;}
     .cout_projet{background:lightgreen; font-weight:bold; color:navy; float:right; border-radius:15px 0px; padding:8px;}
     .submitTarif{background:white; border-radius:7px; border:1px solid green; float:right;font-size:20px;}
     .submitDevis{background:white; border-radius:7px; border:1px solid white;float:right; margin-top:-1px; margin-left:7px;}  
     .offreTous{color:navy;font-size:20px;}          		
                		     		

.page {width:100%;position:relative;margin:0;}
/*#menu {height:100%;position:fixed;background:#ffffff;top:0;bottom:0;width:210px;right:-210px;z-index:9998;}*/
#menu {height:100%;position:fixed;background:#ffffff;top:0;bottom:0;width:100%;right:-100%;z-index:9998;}

/*.close {display:block;background:whitesmoke url(https://nanabest.fr/public/medias/images/fleche.png) center center no-repeat;margin-top:8px; 
right:20px; height:25px;width:25px;position:absolute;top:0;border-radius:50%; Z-index:9999;}

.close {display:block; background:gray url(https://nanabest.fr/public/medias/images/croix.png) center center no-repeat;
top:0; right:0px; height:42.5px; width:55px; position:absolute; Z-index:9999;}*/

/* Le Modal (l'arrière-plan) */
.modal {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,145,123); background-color: rgba(123,10,0,0.4); }
@media (min-width: 1366px) {.modal-content {background-color: #fefefe;margin: 10vh auto;padding: 20px;border: 1px solid #888;width: 800px; border-radius:10px;}}
/*section.conf_agenda_modal span{color: #666;display:block;padding:0 0 5px;}*/
section.conf_agenda_modal form {padding: 10px;margin: 10px;box-shadow: 0 2px 5px #f5f5f5; background: #eee; }
.contact-form button {width: 100%;padding: 10px;border: none;background: #1c87c9; font-size: 16px;font-weight: 400;color: #fff;}
section.conf_agenda_modal button:hover {background: #2371a0;}    
/*.close {color: white;float: right;font-size: 22px;font-weight: bold;border:none;border-radius:50%;background:#64878B;}
.close:hover,
.close:focus {color: lightgray;text-decoration: none;cursor: pointer;}*/
section.conf_agenda_modal button.button {background:none;border-top:none;outline: none;border-right:none;border-left:none;border-bottom:#02274a 1px solid;padding:0 0 3px 0;font-size:16px;cursor:pointer;}
section.conf_agenda_modal button.button:hover {border-bottom:#a99567 1px solid;color:#a99567;}




@media all AND (min-width: 1501px)
{ 
	.eventmain{margin:15px 0px 0px -10px; width:990px; height:260px; background: whitesmoke; border-radius:5px;box-shadow: 10px 5px 5px gray;}
	.eventbloc1{width:90px; height:180px; float:left;border-radius:5px 0px 0px 5px;font-weight:bold; display:flex; flex-direction:column;padding-top:80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.eventbloc1a{font-size:32px;}
	.eventbloc1b{font-size:18px;}
	.eventbloc1c{font-size:12px;}
	.eventbloc2{display:flex; flex-wrap:nowrap; justify-content:space-between; padding:10px 20px 20px 10px;}
	.eventbloc3{display:flex; flex-wrap:nowrap; justify-content:space-between; padding:10px 25px 20px 20px;}
	
	
	.bandeaufil{display:flex; justify-content:space-between; background: whitesmoke; text-align:center;  overflow:hidden; 
	  margin:15px 0px 0px -10px; width:990px; border-radius:5px; box-shadow: 10px 5px 5px gray;}
	  
	.bandeauprix{float:right; width:60px; display:flex; flex-direction:column;border:5px; border-radius:0px 5px 5px 0px;}
	.bandeautitre{text-align:left;width:75%; padding:10px;}
	.bandeaubibloc{width:930px;}
	.bandeaumain{display:flex;}
	 

	.mobile_only{display:none;}
	.pc_only{display:none;}
	.gdpc_only{}
	
	.pc_gdpc{}
	.pc_mobile_only{display:none;}
		
	.presta_img{display:inline-block;border:1px solid orange; border-radius:7px;
				background-repeat:no-repeat;background-size:100%;background-position: right bottom; width:350px; height:350px; margin: 0px 5px 15px 5px;}
				
	.presta_flou{display:inline-block; float:left; width:350px;height:350px; 
			background:white; opacity: 0.8; border:1px solid lightgray; border-radius:7px;}
			
	.presta_picto{display:inline-block;text-align:left;}
	
	.pdt_cadre{width:232px; background:white; position:relative; margin: 7px;}
	
	.entete_couverture{display:flex; flex-direction:column; width:796px; margin-left:0px;}
	
	
	
	.formfieldEts-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 85%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:18px;  padding-left:5px; color:navy; cursor:pointer;}
	.formfieldEts-select {position: relative;text-align:center;}
	.formfieldEts-select--container {position: relative; display:inline-block;width: 97%; background-color: #fff;border: lightgray 1px solid; margin-left:1%; margin-top:5px; overflow:hidden; }

	
	.enteteOri{background:#0e176f; padding: 5px 20px 15px 7px;}
	.entete{height:52.5px;}
	#menu_ple{background:#64878B; z-index:1000;  color:white; padding:15px 15px 15px 7px; width:210px; position:fixed; float:left; border-radius:0px 10px 10px 0px;}
	#menu_mouvant{display:none;}
	.ptbody{width:98%; margin:auto; padding: 0% 1% 0% 1%;}
	.containTrio{display:flex; flex-wrap:nowrap; justify-content: space-between; width:97%; margin-left:1.5%; border-radius:7px;}
	.trioCol{display:inline-block; width:27%; background:#ffffff; border-radius:7px; border:15px solid lightgray;   padding:10px; font-size:22px; text-align:left;  overflow:hidden;}
	.cadre80{display:inline-block;  background:lightgray; width:80%;  border-radius:10px; text-align:left;}
	.form_cadre80{display:inline-block; width:60%;}
	.j_border{width:99%; line-height:50%; margin: 7px 0px 2px 0px;  font-size:22px; display:inline-block; border-top:1px solid gray; border-bottom:1px solid gray; padding:5px;}
	.cadreRang2{display:inline-block;width:98%; margin-left:1%; border-radius:10px; text-align:left}
	.cadreRang3{display:inline-block;  background:lightgray; min-width:500px; width:50%; margin-left:25%; border-radius:10px; text-align:left;}
	.cadreRang3A{display:inline-block;  background:lightgray; width:50%;  border-radius:10px; text-align:left; margin-top:-10px;}
	.cadreRang3B{display:inline-block;  background:lightgray; width:50%;  border-radius:10px; text-align:left;}
	.cadreRang3C{display:inline-block;  background:lightgray; width:70%;  border-radius:10px; text-align:left;}
	
	.colorR1{}
	.colorR2{}
	.colorR3{}

	/*.cadreR1{margin-left:220px; margin-top:15px;}*/
	.cadreR1{margin-left:10px; margin-top:15px;}
	.cadreR2{display:flex; flex-wrap:wrap; justify-content:center; width:100%; border-radius:7px; border-radius:10px;}
	.cadreR3{width:98%; margin:0px 0px 10px 0px; background:#ffffff; font-size:18px; overflow:hidden; text-align:center;}
	.cadreR4{width:98%; margin:0px 0px 10px 0px;  overflow:hidden; text-align:center;}
	.cadreR5{}
	
	.cadre_trio{display:inline-block;background:#ffffff; padding:10px 10px 15px 10px; font-size:18px; overflow:hidden; margin:0px 0px 15px 0px; width:30%; text-align:left;}
	.trioflex{display:flex; flex-wrap:nowrap; justify-content:space-between; width:98%; margin:0% 0%;}
	.trioflexN2{display:flex; flex-wrap:nowrap; justify-content:space-between; width:98%; margin:0% 0%;}
	.trioflexN3{display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin:0% 0%;}
	.trioflexElmt{width:31.5%; padding:10px; background:#ffffff;}
	.trioflex_dash{width:24%; background:#ffffff; padding:10px}
	
	.trioflexDash{display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin:0% 0%}
	.trioflexElmtGraph{width:31.5%; padding:10px; background:#ffffff;}
	.trioflexElmtA{width:31.5%; padding:10px; background:#ffffff;}
	
	.report_acteur_n1{width:47%;text-align:left;}
	.report_acteur_n2{width:100%; text-align:left;margin-top:15px; background:whitesmoke;border-radius:7px; border:1px solid gray; padding:7px;}
	
	
	.labelR1G{width:47%; height:30px; margin-bottom:2px; font-size:22px; display:inline-block;}
	.labelR1D{width:47%; height:30px; margin-bottom:2px; font-size:22px; float:right; margin-right:0px;}	
	.champsR1G{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR1D{width:47%; height:30px; margin-bottom:10px; font-size:22px; float:right; margin-right:0px;border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR1U{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray;}

	.champsR2D{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray; float:left; margin-left:15px;}
	.champsR2G{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray; float:right;}
	.champsR3{width:100%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray;}
	.labelR1U{width:100%; height:30px; margin-bottom:2px; font-size:22px; display:inline-block;}
	
	.produit_cadre{display:inline-block; width:97%; background:lightgray; padding:2px 10px 1px 10px; font-size:18px; text-align:center;  overflow:hidden; margin:15px 10px 1px 10px; border-radius:10px;}
	.produit_element{display:inline-block; width:30%; background:#ffffff; border-radius:10px; padding:10px 10px 15px 10px; font-size:18px; text-align:left;  overflow:hidden; margin:0px 10px 15px 0px}
	
	.footerEl1{vertical-align:top;padding-right:50px;padding-top:50px; color:#CDE2E2; font-weight:bold;}
	.footerEl2{vertical-align:top;padding-right:50px;}
	
	.deconect {margin:0px 0px 0px 5px; color:white; float:right; height:52.5px;}
	
	.staff {            margin:0; background:#ff7400;  width: 100%;}
	.staff-block{       width: 100%; }
	.staff-title{       font-family: Arial, Serif; background-color: #1162c5; color: white;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.staff-name {       font-family: Arial; font-weight:bold; font-size: 12pt; line-height:20px; background:none; color:white; padding:3px 10px 0px 3px; border-radius:3px; margin:0; left:0;}
	.staff-name:hover { color: white!important; cursor: pointer;}
	.staff-section {	display: inline-block;	padding: 13px 7px 15px 15px;}
	.staff-desc {       font-family: Arial; height: 0px;  overflow:hidden; background-color:none; display: block; }
	.staff-desc p {     text-align: justify; margin-top: 5px;}
	.staff-desc img {   margin: 5px 10px 5px 5px; float:left; height: 185px; }
	
	
	/*.infos {            margin:0; background:#ff7400;  width: 100%;}
	.infos-block{       width: 100%; }
	.infos-title{       font-family: Arial, Serif; background-color: #1162c5; color: white;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.infos-name {       font-family: Arial; font-weight:bold; font-size: 12pt; line-height:30px; background:none; color:white; padding:3px 10px 0px 3px; border-radius:3px;  margin:0; left:0;}
	.infos-name:hover { color: white!important; cursor: pointer;}
	.infos-section {	display: inline-block;	padding: 13px 15px 15px 28px;}
	.infos-desc {       font-family: Arial; height: 0px;  overflow:hidden; background-color:none; display: block; }
	.infos-desc p {     text-align: justify; margin-top: 5px;}
	.infos-desc img {   margin: 5px 10px 5px 5px; float:left; height: 185px; }*/
	
	
	
	
	.formfieldProspe-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:0px; color:#000000;}
	.formfieldProspe-select {position: relative;}
	.formfieldProspe-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 1.5em 0px;overflow: hidden; border-radius:4px; background:lightgray; border:1px solid gray;}
	
	
	.home-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; padding-left:0px; color:#000000;}
	.home-select {position: relative;}
	.home-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 1.5em 0px;overflow: hidden; border-radius:4px; background:lightgray; border:1px solid gray;}
	
	
	.formfieldReport-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:16px; font-weight:bold; padding-left:10px; color:navy;display:inline-block;}
	.formfieldReport-select {position: relative;display:inline-block;}
	.formfieldReport-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 0 0px;overflow: hidden; background:lightgray; border-bottom:1px solid gray; height: 32px;}
	
	.marginGD3{margin:0px 5px 0px 5px;}
	.marginD3{margin:0px 5px 0px 0px;}
	
	.cadre_standard{background:none; max-width:550px; margin-top:25px; color:white;
	padding:0px 10px 0px 10px; font-size: 1.1em; text-align:center; border: 1px solid #feaf0e;}
	
	.vertical_suite{float:left;width:210px;min-height:50px; display:inline-block;background:white;color:white;}
	
	.footer_cadre{bottom:0; min-height:50px;display:flex; justify-content:space-between;}
	.footer_branche{padding:10px;width:20%;}
	.copyright{text-align:center; display:inline-block;color:white;margin-top:15px;}
	.footer_contact{float:right; margin-right:230px; display:inline-block;color:white;margin-top:15px;}
	
	.mail_entete{margin:0px 0px 0px 10px; color:white; float:right; height:52.5px;}
	
	.formfieldForm-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 47%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
	.formfieldForm-select {position: relative;}
	.formfieldForm-select--container {position: relative; display:inline-block;width: 99%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }
	
	.formRdv-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
	.formRdv-select {position: relative;}
	.formRdv-select--container {position: relative; display:inline-block;width: 99%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }
	
	
	.formPresta-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
	.formPresta-select {position: relative;}
	.formPresta-select--container {position: relative; display:inline-block;width: 99%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }

	.modal-content {background-color: #fefefe;margin: 10vh auto; padding: 20px;border: 1px solid #888;max-width: 800px; border-radius:10px;}
	
	.double_contenu{width:47%;}
	
	.formfieldHeureDC-select--container {position: relative; display:inline-block;width: 130px; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }
	.formConf-select--container {position: relative; display:inline-block;width: 300px; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }
	
	.multi_agenda{display:inline-block; width:20x; height:20px; margin-bottom:2px;}
	.cadre_multi_agenda{width:400px;text-align:center;display:inline-block;}
	.cadre_multi_agenda2{width:400px;text-align:center;}
	.cadren2MA{display:inline-block; margin:10px; border-radius:7px; background:whitesmoke; text-align:center;}
	
	.li_icone {
	background-repeat: no-repeat;
	background-position: 1px;
	width: 100%;
	padding-left: 22px;
	font-size: 12px;
	color: #161616; 
	}
	
	.quadro_champs{width:20%; display:inline-block;}
	.cadre_report{width:47%;text-align:left;}
	
	.flex_report{display:flex; flex-wrap:nowrap; justify-content: space-between;}
	.report_visa{background:whitesmoke; border-radius:7px; margin-top:15px; border:1px solid gray; padding:7px;}
	.flex_ss_report{display:flex; flex-wrap:wrap; justify-content: center; width:100%; border-radius:7px;  border-radius:10px;}
	.report_n2{padding:0px 10px 0px 10px; width:70%; margin-bottom:10px;}
	.flex_report_hist{display:flex; flex-wrap:nowrap; justify-content: space-between;margin-bottom:10px; width:95%;border-top:1px solid #64878B;}
	.histn1{width:20%; text-align:left;}
	.histn2{width:75%; text-align:left;}
	
	.heure_agenda:before
	{
		content:attr(data-heure);
		background:none;
		color:gray;
		margin-left:-40px;
		height :10px;
		padding:0 5px;
		float:left;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		
    }
    
    .btn_plage{width:32%; font-size:22px; margin-bottom:10px; border:none;border-radius:5px;}
    .wmenu_lat{width:210px;}
}

/*Ipad*/
	
@media all AND (max-width: 1500px) AND  (min-width: 1000px)
{ 

	 .eventmain{margin:15px 0px 0px -70px; width:890px; height:260px; background: whitesmoke; border-radius:5px;box-shadow: 10px 5px 5px gray;}
	 .eventbloc1{width:90px; height:180px; float:left;border-radius:5px 0px 0px 5px;font-weight:bold; display:flex; flex-direction:column;padding-top:80px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	 .eventbloc1a{font-size:32px;}
	 .eventbloc1b{font-size:18px;}
	 .eventbloc1c{font-size:12px;}
	 .eventbloc2{display:flex; flex-wrap:nowrap; justify-content:space-between; padding:10px 20px 20px 10px;}
	 .eventbloc3{display:flex; flex-wrap:nowrap; justify-content:space-between; padding:10px 25px 20px 20px;}
	 
	  .bandeaufil{display:flex; justify-content:space-between; background: whitesmoke; text-align:center;  overflow:hidden; 
	  margin:15px 0px 0px -70px; width:890px; border-radius:5px; box-shadow: 10px 5px 5px gray;}
	  
	  .bandeauprix{float:right; width:60px; display:flex; flex-direction:column; border-radius:0px 5px 5px 0px;}
	  .Beventbandeauprix{float:right; height:260px;width:60px; display:flex; flex-direction:column; border-radius:0px 5px 5px 0px;}
	  .bandeautitre{text-align:left;width:75%; padding:10px;}
	  .bandeaubibloc{width:830px;}
	  .bandeaumain{display:flex;}
	 
	 .wmenu_lat{width:40px;}
	
		.trioflexDash{display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin:0% 0%;}
		.trioflexElmtA{width:31.5%; padding:10px; background:#ffffff;}
		.trioflexElmtGraph{width:31.5%; padding:10px; background:#ffffff;}
	
	
	
	.mobile_only{display:none;}
	.pc_only{}
	.gdpc_only{display:none;}
	
	.pc_gdpc{}
	.pc_mobile_only{}
	
	.presta_img{display:inline-block;border:1px solid orange; border-radius:7px;
				background-repeat:no-repeat;background-size:100%;background-position: right bottom;width:350px;height:350px; margin: 0px 5px 15px 5px;}
	
	.presta_flou{display:inline-block; float:left; width:350px;height:350px; 
			background:white; opacity: 0.8; border:1px solid lightgray; border-radius:7px;}
			
	.presta_picto{display:inline-block;text-align:left;}
	
	.pdt_cadre {width:232px; background:white; position:relative; margin: 7px;}
	
	.entete_couverture{display:flex; flex-direction:column; width:796px; margin-left:0px;}

	
	
	.formfieldEts-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 85%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:18px;  padding-left:5px; color:navy; cursor:pointer;}
	.formfieldEts-select {position: relative;text-align:center;}
	.formfieldEts-select--container {position: relative; display:inline-block;width: 97%; background-color: #fff;border: lightgray 1px solid; margin-left:1%; margin-top:5px; overflow:hidden; }
		
	.enteteOri{background:#0e176f; padding: 5px 20px 15px 7px;}
	.entete{height:52.5px;}
	#menu_ple{background:#64878B; z-index:1000;  color:white; padding:15px 15px 15px 7px; width:210px; position:fixed; float:left; border-radius:0px 10px 10px 0px;}
	#menu_mouvant{display:none;}
	.ptbody{width:98%; margin:auto; padding: 0% 1% 0% 1%;}
	.containTrio{display:flex; flex-wrap:nowrap; justify-content: space-between; width:97%; margin-left:1.5%; border-radius:7px;}
	.trioCol{display:inline-block; width:27%; background:#ffffff; border-radius:7px; border:15px solid lightgray;   padding:10px; font-size:22px; text-align:left;  overflow:hidden;}
	.cadre80{display:inline-block;  background:lightgray; width:80%;  border-radius:10px; text-align:left;}
	.form_cadre80{display:inline-block; width:60%;}
	.j_border{width:99%; line-height:50%; margin: 7px 0px 2px 0px;  font-size:22px; display:inline-block; border-top:1px solid gray; border-bottom:1px solid gray; padding:5px;}
	.cadreRang2{display:inline-block;width:98%; margin-left:1%; border-radius:10px; text-align:left}
	.cadreRang3{display:inline-block;  background:lightgray; min-width:500px; width:50%; margin-left:25%; border-radius:10px; text-align:left;}
	.cadreRang3A{display:inline-block;  background:lightgray; width:50%;  border-radius:10px; text-align:left; margin-top:-10px;}
	.cadreRang3B{display:inline-block;  background:lightgray; width:50%;  border-radius:10px; text-align:left;}
	.cadreRang3C{display:inline-block;  background:lightgray; width:70%;  border-radius:10px; text-align:left;}
	
	.colorR1{}
	.colorR2{}
	.colorR3{}

	/*.cadreR1{margin-left:220px; margin-top:15px;}*/
	.cadreR1{margin-left:10px; margin-top:15px;}
	.cadreR2{display:flex; flex-wrap:wrap; justify-content:center; width:100%; border-radius:7px; border-radius:10px;}
	.cadreR3{width:98%; margin:0px 0px 10px 0px; background:#ffffff; font-size:18px; overflow:hidden; text-align:center;}
	.cadreR4{width:98%; margin:0px 0px 10px 0px;  overflow:hidden; text-align:center;}
	.cadreR5{}
	
	.cadre_trio{display:inline-block;background:#ffffff; padding:10px 10px 15px 10px; font-size:18px; overflow:hidden; margin:0px 0px 15px 0px; width:30%; text-align:left;}
	.trioflex{display:flex; flex-wrap:nowrap; justify-content:space-between; width:98%; margin:0% 0%;}
	.trioflexN2{display:flex; flex-wrap:nowrap; justify-content:space-between; width:98%; margin:0% 0%;}
	.trioflexN3{display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin:0% 0%;}
	.trioflexElmt{width:31.5%; padding:10px; background:#ffffff;}
	.trioflex_dash{width:24%; background:#ffffff; padding:10px}
	
	.labelR1G{width:47%; height:30px; margin-bottom:2px; font-size:22px; display:inline-block;}
	.labelR1D{width:47%; height:30px; margin-bottom:2px; font-size:22px; float:right; margin-right:0px;}	
	.champsR1G{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR1D{width:47%; height:30px; margin-bottom:10px; font-size:22px; float:right; margin-right:0px;border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR1U{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR2D{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray;float:right; margin-right:15px;}
	.champsR2G{width:47%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray;float:left;}
	.champsR3{width:100%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray; }
	.labelR1U{width:100%; height:30px; margin-bottom:2px; font-size:22px; display:inline-block;}
	
	.produit_cadre{display:inline-block; width:97%; background:lightgray; padding:2px 10px 1px 10px; font-size:18px; text-align:center;  overflow:hidden; margin:15px 10px 1px 10px; border-radius:10px;}
	.produit_element{display:inline-block; width:30%; background:#ffffff; border-radius:10px; padding:10px 10px 15px 10px; font-size:18px; text-align:left;  overflow:hidden; margin:0px 10px 15px 0px}
	
	.footerEl1{vertical-align:top;padding-right:50px;padding-top:50px; color:#CDE2E2; font-weight:bold;}
	.footerEl2{vertical-align:top;padding-right:50px;}
	
	.deconect {margin:0px 0px 0px 2px; color:white; float:right; height:52.5px;}	
	
	.staff {margin:0; background:#ff7400;  width: 100%;}
	.staff-block{width: 100%;}
	.staff-title{font-family: Arial, Serif; background-color: #1162c5; color: white;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.staff-name {font-family: Arial; font-weight:bold; font-size: 12pt; line-height:25px; background:none; color:white; padding:3px 10px 0px 3px; border-radius:3px; margin:0; left:0;}
	.staff-name:hover {color: white!important; cursor: pointer;}
	.staff-section {display: inline-block;	padding: 10px;}
	.staff-desc {font-family: Arial; height: 0px;  overflow:hidden; background-color:none; display:block; line-height:30px;}
	.staff-desc p {text-align: justify; margin-top: 5px;}
	.staff-desc img {margin: 0px; float:left; }
	
	
	/*.infos {            margin:0; background:#ff7400;  width: 100%;}
	.infos-block{       width: 100%; }
	.infos-title{       font-family: Arial, Serif; background-color: #1162c5; color: white;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.infos-name {       font-family: Arial; font-weight:bold; font-size: 12pt; line-height:25px; background:none; color:white; padding:3px 10px 0px 3px; border-radius:3px; margin:0; left:0;}
	.infos-name:hover { color: white!important; cursor: pointer;}
	.infos-section {	display: inline-block;	padding: 10px;}
	.infos-desc {       font-family: Arial; height: 0px;  overflow:hidden; background-color:none; display: block; line-height:40px;}
	.infos-desc p {     text-align: justify; margin-top: 5px;}
	.infos-desc img {   margin: 0px; float:left; }*/
		
	.formfieldProspe-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:0px; color:#000000;;}
	.formfieldProspe-select {position: relative;}
	.formfieldProspe-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 1.5em 0px;overflow: hidden; border-radius:4px; background:lightgray; border:1px solid gray;}
	
	.home-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 32px; 
	border: 0; margin: 0; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:18px; color:#000000; text-align:center;}
	.home-select {position: relative; text-align:center;}
	.home-select--container {position: relative; display:inline-block;width: 70%; margin: 0px 0px 15px 0px;overflow: hidden; border-radius:4px; background:white; border:1px solid gray;}
	
	.marginGD3{margin:0px 3px 0px 3px;}
	.marginD3{margin:0px 3px 0px 0px;}
	
	.cadre_standard{background:none; max-width:550px; margin-top:25px; color:white;
	padding:0px 10px 0px 10px; font-size: 1.1em; text-align:center; border: 1px solid #feaf0e;}
	.vertical_suite{float:left;width:40px;min-height:50px; display:inline-block;background:white;color:white;}
	
	.footer_cadre{bottom:0; min-height:50px;display:flex; justify-content:space-between;}
	.footer_branche{padding:10px;width:20%;}
	.copyright{text-align:center; display:inline-block;color:white;margin-top:15px;}
	.footer_contact{float:right; margin-right:230px; display:inline-block;color:white;margin-top:15px;}
	
	.mail_entete{margin:0px 0px 0px 10px; color:white; float:right; height:52.5px;}
	
	
	
	.modal-content {background-color: #fefefe;margin: 10vh auto; padding: 20px;border: 1px solid #888; max-width: 800px; border-radius:10px;}
	.double_contenu{width:47%;}
	
	.formfieldHeureDC-select--container {position: relative; display:inline-block;width: 130px; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }
	
	.multi_agenda{display:inline-block; width:20x; height:20px; margin-bottom:2px;}
	.cadre_multi_agenda{width:400px;text-align:center;display:inline-block;}
	.cadre_multi_agenda2{width:400px;text-align:center;}
	.cadren2MA{display:inline-block; margin:10px; border-radius:7px; background:whitesmoke; text-align:center;}
	
	.report_acteur_n1{width:47%;text-align:left;}
	.report_acteur_n2{width:100%; text-align:left; margin-top:15px; background:whitesmoke;border-radius:7px; border:1px solid gray; padding:7px;}
	
	.li_icone {
	background-repeat: no-repeat;
	background-position: 1px;
	width: 100%;
	padding-left: 22px;
	font-size: 12px;
	color: #161616; 
	}
	
	.quadro_champs{width:20%; display:inline-block;}
	.cadre_report{width:47%;text-align:left;}
	.flex_report{display:flex; flex-wrap:nowrap; justify-content: space-between;}
	.report_visa{background:whitesmoke; border-radius:7px; margin-top:15px; border:1px solid gray; padding:7px;}
	.flex_ss_report{display:flex; flex-wrap:wrap; justify-content: center;  width:100%; border-radius:7px;  border-radius:10px;}
	.report_n2{padding:0px 10px 0px 10px; width:70%; margin-bottom:10px;}
	.flex_report_hist{display:flex; flex-wrap:nowrap; justify-content: space-between;margin-bottom:10px; width:95%;border-top:1px solid #64878B;}
	.histn1{width:20%; text-align:left;}
	.histn2{width:75%; text-align:left;}
	
	.heure_agenda:before{
    content:attr(data-heure);
    background:none;
    color:gray;
    margin-left:-40px;
    height :10px;
    padding:0 5px;
    float:left;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
   }
    
    .btn_plage{width:32%; font-size:22px; margin-bottom:10px; border:none;border-radius:5px;}
    
    
    
    .formRdv-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
	.formRdv-select {position: relative;}
	.formRdv-select--container {position: relative; display:inline-block;width: 99%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }
	
}
	
@media all and (max-width:999px)
{ 
	 .eventmain{margin:15px 0px 0px 0px; width:100%; height:auto; background: whitesmoke; box-shadow: 0px 10px 5px gray;}
	 .eventbloc1{width:100%; height:auto; font-weight:bold; text-align:left; padding:10px 0px 10px 0px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	 .eventbloc1a{font-size:18px; display:inline-block;padding-left:15px;}
	 .eventbloc1b{font-size:18px; display:inline-block;}
	 .eventbloc1c{font-size:18px; float:right;padding-right:15px;}
	 .eventbloc2{display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px 20px 20px 10px;}
	 .eventbloc3{display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px 25px 20px 20px;}
	 
	 .bandeaufil{display:flex; justify-content:center; flex-wrap:wrap; width:100%; margin:15px 0px 0px 0px; 
	 background: whitesmoke; text-align:center;  overflow:hidden; box-shadow: 10px 5px 5px gray;}
	 
	 .bandeauprix{width:100%; display:flex; flex-direction:row; justify-content:space-between; padding: 0px 10px 0px 10px;}
	 .bandeautitre{text-align:center;width:100%; padding:10px;}
	 .bandeaubibloc{}
	 .bandeaumain{}
	 
	.mobile_only{}
	.pc_only{display:none;}
	.gdpc_only{display:none;}
	
	.pc_gdpc{display:none;}
	.pc_mobile_only{}
	
	.entete{height:52.5px;}
	
	.wmenu_lat{width:40px;}
	
	.entete_couverture{display:none;}

	
	
	@media all AND (max-width: 999px) AND  (min-width: 312px){
	
		.presta_img{display:inline-block; border-radius:7px; width:300px; height:300px; margin: 5px 5px 5px 5px;
					background-repeat:no-repeat;background-size:100%;background-position: right bottom; border:1px solid orange; }
	
		.presta_flou{display:inline-block; border-radius:7px; width:300px; height:300px; margin: 0px;
			background:white; opacity: 0.8;}
	}
	
	@media all AND (max-width: 312px) AND  (min-width: 10px){
	
		.presta_img{display:inline-block; border-radius:7px; width:250px; height:250px; margin: 5px 5px 5px 5px;
					background-repeat:no-repeat;background-size:100%;background-position: right bottom; border:1px solid orange; }
	
		.presta_flou{display:inline-block; border-radius:7px; width:250px; height:250px; margin:0px;
			background:white; opacity: 0.8;}
	}
	
	@media all AND (max-width: 999px) AND  (min-width: 500px){
		.pdt_cadre {width:232px; background:white; position:relative; margin: 7px;}
	}
	
	@media all AND (max-width: 499px) AND  (min-width: 10px){
	
		.pdt_cadre {width: 95%; background:white; position:relative; margin-top:7px; margin-bottom:7px; margin-left:2.5%;}
	}
	
	.presta_picto{display:block;text-align:center;}
	
	/** .menu_btn {background: #feaf0e url(https://nanabest.fr/public/medias/images/menu_bg.png) center center no-repeat;
	display:block;height:52.5px;width:52.5px;position:absolute;top:0px;;right:0px;}
	
	menu_btn_acc {background: #feaf0e url(https://nanabest.fr/public/medias/images/menu_bg.png) center center no-repeat;
	display:block;height:52.5px;width:52.5px;position:absolute;top:5px;;right:0px;}*/
	
	
	
	.formfieldEts-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block; width:85%; height:37px; left:0; margin:0; padding-left:5px; 
	border:0; border-radius:0;overflow: hidden; text-overflow: ellipsis; font-size:18px; color:navy; cursor:pointer; text-align:left;}
	.formfieldEts-select {position: relative;text-align:left; }
	.formfieldEts-select--container {border-bottom: gray 1px solid; border-top: gray 1px solid; 
	position: relative; display:inline-block;width: 100%; background-color:gray;; margin-left:0; margin-top:5px; overflow:hidden; }
	
	.qr_mob {display:inline-block; top:7px; right:15px; height:22.5px; width:15px; position:absolute; color:orange;}
	
	.menu_btn_acc {color:white; font-size:24px; widht:20; padding:12px 2px 5px 7px;}
	
	
	#menu_mouvant{z-index:1000;  color:white; padding:15px 15px 15px 0px; width:210px; position:fixed; float:left; border-radius:0px 10px 10px 0px;}
	
	.ptbody{width:98%; margin-left:1% }
	.containTrio{display:flex; flex-wrap:wrap; justify-content: space-between; width:97%; margin-left:1.5%; border-radius:7px;}
	.trioCol{display:inline-block; width:27%; background:#ffffff; border-radius:7px; border:15px solid lightgray;   padding:10px; font-size:22px; text-align:left;  overflow:hidden;}
	.cadre80{display:inline-block;  background:lightgray; width:80%;  border-radius:10px; text-align:left;}
	.form_cadre80{display:inline-block; width:60%;}
	.j_border{width:99%; line-height:50%; margin: 7px 0px 2px 0px;  font-size:22px; display:inline-block; border-top:1px solid gray; border-bottom:1px solid gray; padding:5px;}
	.cadreRang2{display:inline-block;width:98%; margin-left:1%; border-radius:10px; text-align:left}
	.cadreRang3{display:inline-block;  background:lightgray; min-width:500px; width:50%; margin-left:25%; border-radius:10px; text-align:left;}
	.cadreRang3A{display:inline-block;  background:lightgray; width:50%;  border-radius:10px; text-align:left; margin-top:-10px;}
	.cadreRang3B{display:inline-block;  background:lightgray; width:50%;  border-radius:10px; text-align:left;}
	.cadreRang3C{display:inline-block;  background:lightgray; width:70%;  border-radius:10px; text-align:left;}
	
		
	.colorR1{}
	.colorR2{}
	.colorR3{}

	.cadreR1{margin-left:1%;}
	.cadreR2{display:flex; flex-wrap:wrap; justify-content:center; width:100%; border-radius:7px; border-radius:10px;}
	.cadreR3{width:98%;margin-top:10px; margin-bottom:10px; display:inline-block; background:#ffffff; font-size:18px; overflow:hidden;  text-align:center;}
	.cadreR4{}
	.cadreR5{}

	.cadre_trio{display:inline-block;background:#ffffff; padding:10px 5px 10px 5px; font-size:18px; overflow:hidden; margin:0px 5px 10px 5px;width:100%; text-align:left;}
	.trioflex{display:flex; flex-wrap:wrap; justify-content:space-between; width:98%; margin-left:1%;}
	.trioflexN2{display:flex; flex-wrap:wrap; justify-content:space-between; width:98%;}
	.trioflexN3{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
	.trioflexElmt{width:100%;  padding:7px; background:white;}
	.trioflex_dash{width:100%; background:#ffffff; padding:10px}
	
	.trioflexDash{display:flex; flex-wrap:wrap-reverse; justify-content:space-between; width:98%; margin-left:1%;}
	.trioflexElmtGraph{width:100%;  padding:7px; background:white;}
	.trioflexElmtA{width:100%;  padding:7px; background:white;}
	
	.labelR1G {width:95%; height:30px; margin-bottom:2px; font-size:22px; display:block;}
	.labelR1D {width:95%; height:30px; margin-bottom:2px; font-size:22px; display:block;}
	.champsR1G{width:95%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR1D{width:95%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR1U{width:95%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR2D{width:95%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR2G{width:95%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px; border-radius:4px; background:lightgray; border:1px solid gray;}
	.champsR3{width:100%; height:30px; margin-bottom:10px; font-size:22px; padding-left:7px;border-radius:4px; background:lightgray; border:1px solid gray;}
	.labelR1U{}
	
	.produit_cadre{display:inline-block; width:98%; background:lightgray; padding:2px 7px 7px 7px; font-size:18px; text-align:center;  overflow:hidden; margin:10px 10px 0px 7px; border-radius:10px;}
	.produit_element{display:inline-block; width:98%; background:#ffffff; border-radius:10px; padding:10px 10px 15px 10px; font-size:18px; text-align:left;  overflow:hidden; margin:0px 7px 10px 7px}
	
	.deconect {margin:0px 70px 0px 2px; color:white; float:right; height:52.5px;}
	
	.staff {            margin:0; background:#ff7400;  width: 100%;}
	.staff-block{       width: 100%; }
	.staff-title{       font-family: Arial, Serif; background-color: #1162c5; color: white;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.staff-name {       font-family: Arial; font-weight:bold; font-size: 12pt; line-height:30px; background:none; color:white; padding:3px 10px 0px 3px; border-radius:3px;  margin:0; left:0;}
	.staff-name:hover { color: white!important; cursor: pointer;}
	.staff-section {	display: inline-block;	padding: 13px 15px 15px 28px;}
	.staff-desc {       font-family: Arial; height: 0px;  overflow:hidden; background-color:none; display: block; }
	.staff-desc p {     text-align: justify; margin-top: 5px;}
	.staff-desc img {   margin: 5px 10px 5px 5px; float:left; height: 185px; }	
	
	
	.menumob{             margin:0; background:white;  width: 100%;}
	.menumob-block{       width: 100%; }
	.menumob-title{       font-family: Arial, Serif; background-color: #1162c5; color: navy;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.menumob-name {       font-family: Arial; font-weight:bold; font-size: 12pt; line-height:30px; background:none; color:navy; padding:3px 10px 0px 3px; border-radius:3px;  margin:0; left:0;}
	.menumob-name:hover{  color: navy!important; cursor: pointer;}
	.menumob-section{	  display: inline-block;	padding:0; width: 100%;}
	.menumob-desc{        font-family: Arial; height: 0px;  overflow:hidden; background-color:lightgray; display: block;  width:100%}
	.menumob-desc p{      text-align: justify; margin-top: 5px;}
	.menumob-desc img{    margin: 5px 10px 5px 5px; float:left; height: 185px; }
	.menumob_a{text-decoration:none; color:navy;}
	.menumob_a:hover{text-decoration:none; color:navy;} 
	
	
	/*.infos {            margin:0; background:#ff7400;  width: 100%;}
	.infos-block{       width: 100%; }
	.infos-title{       font-family: Arial, Serif; background-color: #1162c5; color: white;  border: solid 1px #2e3d7a; border-top-left-radius:3px; border-top-right-radius: 6px; font-weight: bold;}
	.infos-name {       font-family: Arial; font-weight:bold; font-size: 12pt; line-height:30px; background:none; color:white; padding:3px 10px 0px 3px; border-radius:3px;  margin:0; left:0;}
	.infos-name:hover { color: white!important; cursor: pointer;}
	.infos-section {	display: inline-block;	padding: 13px 15px 15px 28px;}
	.infos-desc {       font-family: Arial; height: 0px;  overflow:hidden; background-color:none; display: block; }
	.infos-desc p {     text-align: justify; margin-top: 5px;}
	.infos-desc img {   margin: 5px 10px 5px 5px; float:left; height: 185px; }*/
	
	.formfieldProspe-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 95%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:0px; color:#000000;;}
	.formfieldProspe-select {position: relative;}
	.formfieldProspe-select--container {position: relative; display:inline-block;width: 96%; margin: 0 0 1.5em 0px;overflow: hidden; border-radius:4px; background:lightgray; border:1px solid gray;}
	
	.formfieldReport-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:16px; font-weight:bold; padding-left:10px; color:navy;display:inline-block;}
	.formfieldReport-select {position: relative;display:inline-block;}
	.formfieldReport-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 0 0px;overflow: hidden; background:lightgray; border-bottom:1px solid gray; height: 32px;}
	
	.marginGD3{margin:3px 0px 3px 0px;}
	.marginD3{margin:0px 0px 3px 0px;}
	
	.cadre_standard{background:none; max-width:400px; margin-top:25px; color:white;
	padding:0px 10px 0px 10px; font-size: 1.1em; text-align:center; border-top: 1px solid #feaf0e; border-bottom: 1px solid #feaf0e;}
	.vertical_suite{float:left;width:0px;min-height:50px; display:inline-block;background:white;color:white;}
	.footer_cadre{bottom:0; min-height:100px;display:flex;flex-direction:column;overflow: hidden;}
	.footer_branche{padding:10px;width:96%;margin-left:2%;}
	
	.copyright{text-align:center;display:block; color:white; padding-top:15px;}
	.footer_contact{text-align:center;display:block;color:white;margin-top:15px;}
	.mail_entete{margin:0px 70px 0px 10px; color:white; float:right; height:52.5px;}
	
	.formfieldForm-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 80%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
	.formfieldForm-select {position: relative;}
	.formfieldForm-select--container {position: relative; display:inline-block;width: 99%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }
	
	
	/* Le Modal (l'arrière-plan) */
	
	.modal-content {background-color: #fefefe;margin: 10vh auto; padding: 20px;border: 1px solid #888;width: 80%; border-radius:10px;}
	
	.double_contenu{width:100%;}
	
	.formfieldHeureDC-select--container {position: relative; display:inline-block;width: 130px; background-color: #fff;border: lightgray 1px solid; margin-right: 7px; overflow: hidden; }
	
	.multi_agenda{display:inline-block; width:px; height:20px; margin-bottom:2px;}
	.cadre_multi_agenda{width:98%;text-align:center;display:inline-block;}
	.cadre_multi_agenda2{width:98%;text-align:center;display:inline-block;}
	.cadren2MA{display:none;}
	
	.li_icone {
	background-repeat: no-repeat;
	background-position: 1px;
	width: 100%;
	padding-left: 22px;
	font-size: 16px;
	color: #161616; 
	}
	
	@media all AND (max-width: 800px) AND  (min-width: 2px)
	{ 
		.quadro_champs{width:98%; display:block;}
	}
	@media all AND (max-width: 999px) AND  (min-width: 800px)
	{ 
		.quadro_champs{width:98%; display:block;}
	}
	
	.flex_report{display:flex; flex-wrap:wrap; justify-content: space-between; width:98%;}
	.flex_ss_report{}
	.report_n2{padding:0px 1% 0px 1%; width:98%; margin-bottom:10px;}
	.flex_report_hist{display:flex; flex-wrap:wrap; justify-content: space-between;margin-bottom:10px; width:95%;border-top:1px solid #64878B;}
	.histn1{width:98%; text-align:left;}
	.histn2{width:98%; text-align:left;}
	
	.cadre_report{width:98%;text-align:left;}
	.report_visa{background:whitesmoke;  border-radius:7px; margin-top:15px; border:1px solid gray; padding:7px;}
	
	.report_acteur_n1{width:100%;text-align:left;}
	.report_acteur_n2{text-align:left ;margin-top:15px; background:whitesmoke; border-radius:7px; border:1px solid gray; padding:7px;}
	
	
	.heure_agenda:before{
    content:attr(data-heure-mob);
    background:none;
    color:gray;
    margin-left:-40px;
    height :10px;
    padding:0 5px;
    float:left;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }
	
	.btn_plage{width:40%; font-size:22px; margin-bottom:10px; border:none;border-radius:5px;}
	
	
	
	.formRdv-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; font-weight:bold; padding-left:10px; color:navy;}
	.formRdv-select {position: relative;}
	.formRdv-select--container {position: relative; display:inline-block;width: 99%; background-color: #fff;border: lightgray 1px solid;margin: 0 0 1.5em 0;overflow: hidden; }
	
	
	.home-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;display:inline-block;width: 100%; height: 37px; 
	border: 0; margin: 0;padding:0px; border-radius: 0;overflow: hidden;text-overflow: ellipsis; font-size:22px; padding-left:10px; color:navy;display:inline-block;}
	.home-select {position: relative;display:inline-block;}
	.home-select--container {position: relative; display:inline-block;width: 100%; margin: 0 0 1.5em 10px;overflow: hidden; border-radius:4px; background:lightgray; border:1px solid gray; height: 32px;}



}