@media screen and (max-width: 1024px) 
{
	td#adapt-1, td#adapt02, td#adapt03, td#adap-1, td#adap02, td#adap03, td#adat-1, td#adat02, td#adat03 , td#adac-1, td#adac02, td#adac03, td#adapt00 , td#adap00, td#adat00, td#adac00 
{
		display: none
}
	td#adapt6, td#adapt7, td#adapt8, td#adapt9, td#adapt10, td#adapt11, td#adapt12, td#adapt13, td#adapt14, td#adapt15, td#adapt16, td#adapt17, td#adapt18, td#adapt19, td#adapt20 
{
		display: none
}
	td#adap1, td#adap2, td#adap3, td#adap4, td#adap5, td#adap11, td#adap12, td#adap13, td#adap14, td#adap15, td#adap16, td#adap17, td#adap18, td#adap19, td#adap20 
{
		display: none
}
	td#adat1, td#adat2, td#adat3, td#adat4, td#adat5, td#adat6, td#adat7, td#adat8, td#adat9, td#adat10, td#adat16, td#adat17, td#adat18, td#adat19, td#adat20 
{
		display: none
}
	td#adac1, td#adac2, td#adac3, td#adac4, td#adac5, td#adac6, td#adac7, td#adac8, td#adac9, td#adac10, td#adac11, td#adac12, td#adac13, td#adac14, td#adac15 
{
		display: none
}
	table#tabloadap, #tabloadat , #tabloadac 
{
		display:table
}
	#TitrePage 
{
			font-size: 2em
}
	#conteneur 
{
		min-width: 100%
}
	#coldroite 
{
	 	display: none
}
	/* positionnement inscription et navigation */div#hautdroit 
{
	    float: right;
	    margin-right: 20px
}
	div#hautgauche 
{
	    float: left;
	    margin-left: 20px
}
	div#centretext 
{
		margin-top: 50px;
		margin-bottom: 30px
}
	/* fin positionnement inscription et navigation *//* sert à avoir de l'espace dans les tableaux */td
{
	 	padding: 10px
}
	/* debut bloc annonce plan 3 jpg */div#annonce 
{
	     //max-width: 0;
		//margin: 10px auto;
		//width:auto;
		//margin: auto 0;
		height: auto
}
	div#colonne1 img 
{
	    float: left;
		    width: 316px;
		height: auto;
		//width:auto
}
	div#colonne2 img 
{
	    float: right;
		//margin: auto 0;
	    width: 316px;
		height:auto;
		//width:auto
}
	div#centre img 
{
		//margin: 0 auto;
		//margin-right: 2px;
		margin-left: 4px;
		width: 316px;
		height:auto;
		//margin: auto 0;
		//width:auto
}
	div#colonne1 img, #colonne2 img, #centre img
{
		border: 3px solid #000000;
		border: 3px solid rgba(0, 0, 0, 1);
		//opacity:1
}
	div#centre img:hover, #colonne1 img:hover, #colonne2 img:hover 
{
		box-shadow: 8px 8px 12px #000;
		//opacity:1
}
			div #centre img:active, #colonne1 img:active, #colonne2 img:active 
{
		box-shadow: 0px 0px 0px #FFF;
		//border: 1px solid #000000;
		//border: 1px solid rgba(0, 0, 0, 1);
		//opacity:1
}
	/* fin bloc annonce plan 3 jpg */a.nounderline:link 
{
			//font-size: 1.4em
}
	div#connexion span#erreur 
{
	font-size:2em
}
	div#connexion span#texto 
{
	font-size:2em
}
	div#connexion input.bouton 
{
		width: 400px
}
	label 
{
			font-size:2em
}
	input 
{
			height: 60px;
		width: 300px;
		font-size: 1em
}
	input[type="submit"] 
{
		width: auto;
	 	font-size: 2em
}
	input[type="text"] 
{
		height:auto;
		font-size:2em
}
	input[name="email"] 
{
			height:auto;
		font-size:2em;
		width: 700px
}
	select 
{
			height:auto;
		font-size: 2em;
		width: auto
}
	input[type="checkbox"] 
{
			height:50px;
		font-size: 2em;
		width: 50px
}
	input[name="username"] [name="passwd"]
{
			height:auto;
		font-size:2em;
		width: 500px
}
	select#menu_destination 
{
	   font-size: 1.2em;
	   width: 700px;
	   margin-top: 10px;
	   margin-bottom: 20px
}
	div#connexion input.buton
{
	 font-size:1.2em;
	 margin-bottom:0px;
	 height:auto;
	 width:auto
}

}
	 /* @media screen and (max-width: 1024px) 
{
	 */ @media screen and (min-width: 1024px) 
{
		table#tabloadap, #tabloadat , #tabloadac 
{
		display:none
}
	td#adapt-2, td#adapt001 
{
			display : none
}
	#TitrePage 
{
			margin-bottom: 10px;
		font-size: 1.5em
}
	/* positionnement inscription et navigation */div#hautdroit 
{
	    float: right;
	    margin-right: 20px
}
	div#hautgauche 
{
	    float: left;
	    margin-left: 20px
}
	div#centretext 
{
		margin-top: 25px;
		margin-bottom: 10px
}
	/* fin positionnement inscription et navigation *//* debut bloc annonce plan 3 jpg */div#annonce 
{
	  	max-width:800px;
		margin:auto;
		height:65px
}
	div#colonne1 
{
	    float: left;
	    width: 202px
}
	div#colonne2 
{
	    float: right;
	    width: 202px
}
	div#centre 
{
		margin: 10px auto;
		width: 202px
}
	div#colonne1 img, #colonne2 img, #centre img
{
		border-bottom: 1px solid #000000;
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		opacity:0.5
}
	div#centre img:hover, #colonne1 img:hover, #colonne2 img:hover 
{
		box-shadow: 8px 8px 12px #000;
		opacity:1
}
			div #centre img:active, #colonne1 img:active, #colonne2 img:active 
{
		box-shadow: 0px 0px 0px #FFF;
		border: 1px solid #000000;
		border: 1px solid rgba(0, 0, 0, 1);
		opacity:1
}
	/* fin bloc annonce plan 3 jpg */select#menu_destination 
{
	   font-size: 1em;
	   width: auto;
	   margin-top: 10px;
	   margin-bottom: 10px
}
	div#connexion input.buton
{
	 font-size:1em;
	 margin-bottom:0px;
	 height:auto;
	 width:auto
}
	div#connexion span#erreur 
{
	font-size:1.2em
}
	div#connexion span#texto 
{
	font-size:1.2em
}

}
	 /* @media screen and (min-width: 1024px) 
{
	 */ /* attributs généraux */body 
{
			width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 0.1em;
		margin-right: 0.1em;
		margin-bottom: 0.1em;
		margin-left: 0.1em
}
	#conteneur 
{
	 	border-right: 3px solid #FF6400;
		border-left: 3px solid #FF6400;
		border-right: 3px solid rgba(255, 100, 0, 0.8);
		border-left: 3px solid rgba(255, 100, 0, 0.8);
		background-color: white;
		width: 76%;
	 	margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		//min-width: 660px;
		position: relative;
		margin: 0 auto;
		box-shadow: 0 0 18px #ffffff;
		//overflow: scroll;
	 
}
		 #fil 
{
		background-color:#FFFFFF;
		padding:5px;
		/*arrondir les coins en haut à gauche et en bas à droite*/	-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		width : 96%;
		font-size:1.2em;
		margin:auto
}
	#fil a
{
		cursor:pointer
}
	  /* debut mise en forme bloc haut de page  *//* mise en forme bloc connexion */.center 
{
	text-align:center
}
	a.lien 
{
	color:#2193BD;
	 font-weight:bold;
	 font-size:1.2em;
	 text-decoration:underline
}
	a.lien:hover 
{
	color:#333
}
	//div#container 
{
	background:#EEEDE9;
	 background-color: rgba(238, 237, 233, 0.8);
	 margin: auto;
	 border:0px dashed #bbb
}
	div#connexion 
{
	background:#EEEDE9;
	 background-color: rgba(238, 237, 233, 0.8);
	 margin: auto;
	 border:0px dashed #bbb
}
	div#connexion fieldset
{
	padding: 0 10px;
	 border: 0
}
	div#connexion legend
{
	padding: 5px;
	 background: #1A8D2E;
	 font-weight: bold;
	 color: #fff
}
	div#connexion label
{
	margin-bottom: 10px
}
	div#connexion input.bouton 
{
	cursor:pointer;
	background:#FD6B00;
	background-color: rgba(253, 107, 0, 0.8);
	 padding:1px 8px;
	 color:#fff;
	 border:none;
	 font-weight:bold
}
	div#connexion input.buton 
{
	cursor:pointer;
	background:#FD6B00;
	background-color: rgba(253, 107, 0, 0.8);
	 padding:1px 8px;
	 color:#fff;
	 border:none;
	 font-weight:bold
}
	div#connexion span#erreur 
{
	color:#f00;
	 font-weight:bold
}
	div#connexion span#texto 
{
	color:#f00;
	 font-weight:bold;
	 margin: 10px auto
}
	div#connexion span#confirmMsg 
{
	color:#f00;
	 font-weight:bold;
	 font-size:0.8em;
	 no-repeat 0 -1px;
	 padding-left:20px;
	 line-height:18px
}
	/* fin mise en forme connexion *//* debut bloc annonce plan 3 jpg div#annonce 
{
	  	max-width:800px;
		margin:auto;
		height:65px
}
	 div#annonce table  
{
		text-align:center;
		//border: medium solid #6495ed;
		border-collapse: collapse;
		width: 100%;
		border: none;
		word-wrap: break-word;
		background-color:white
}
	 div#annonce   td 
{
		text-align:center;
		//border: medium solid #6495ed;
		//border-collapse: collapse;
		//padding:10px;
		//width: 100%;
		border: none;
		//display: table-cell;
		background-color:white;
		
}
	 **//*div#colonne1 
{
	    float: left;
	    width: 202px
}
	div#colonne2 
{
	    float: right;
	    width: 202px
}
	div#centre 
{
		margin: 10px auto;
		width: 202px
}
	div#colonne1 img, #colonne2 img, #centre img
{
		border-bottom: 1px solid #000000;
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		opacity:0.5
}
	div#centre img:hover, #colonne1 img:hover, #colonne2 img:hover 
{
		box-shadow: 8px 8px 12px #000;
		opacity:1
}
			div #centre img:active, #colonne1 img:active, #colonne2 img:active 
{
		box-shadow: 0px 0px 0px #FFF;
		border: 1px solid #000000;
		border: 1px solid rgba(0, 0, 0, 1);
		opacity:1
}
	 fin bloc annonce plan 3 jpg *//* debut bloc select option mode */#tib 
{
	 color :#1E6DB9;
	 font-style : normal;
	 font-weight : 900
}
			/* select 
{
	text-align: center
}
	 *//* debut bloc select option mode *//* fin mise en forme bloc haut de page  */  #titre  
{
		text-align: center;
		font-size: 1.6em;
		//height: 40px;
		padding-top: 10px
}
	#titreI  
{
		text-align: center;
		//font-family: Georgia, "DejaVu Serif", Norasi, serif;
		font-size: 1.5em;
		height: 24px;
		margin-top:5px;
		padding-top: 5px
}
	#TitrePage 
{
		font-weight: bold;
		margin: 0 auto;
		margin-top: 10px;
		//margin-bottom: 10px;
		//font-size: 1.5em;
		display: inline-block
}
	/* disposition conteneur */#bandsup, #contenu, #coldroite, #footer 
{
		padding: 1px 0
}
	#bandsup 
{
		font-family: Arial, Helvetica, sans-serif
}
	#entete 
{
		text-align: left;
		font-weight: bold;
		margin: 0 auto;
		display: inline-block
}
	#main 
{
		max-width: 960px;
		margin: auto
}
	#contenu  
{
		float: left;
		width: 100%
}
	#contenubase  
{
		float: left;
		width: 80%
}
	#contenu1  
{
		float: left;
		width: 50%
}
	#coldroite 
{
		position: absolute;
		margin-left: 88%;
		margin-top: 15%;
		overflow: hidden;
	 /* les depassements seront masques */
}
	#colgauche 
{
	 	position: absolute;
		margin-left: 0%;
		margin-top: 20%;
		overflow: hidden;
	 /* les depassements seront masques */ 
}
	#colgauche1 
{
	 position: absolute;
	margin-left:0%;
	margin-top:0%;
	overflow: hidden;
	 /* les depassements seront masques */ 
}
	#center                  
{
	 width:50%;
	margin:auto;
	 
}
	/* debut mise en forme block identifiants ajax */#navigation                   
{
	 width: 160px;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	 
}
	#navigation li                
{
	 background: white ;
	  color: #fff ;
	  border: 1px solid #600 ;
	  margin-bottom: 1px ;
	 
}
	#navigation #active a,#navigation #active a:link,#navigation #active a:visited,#navigation  #active a:hover  
{
	 background: black;
	        border-bottom: none;
	        border-left: 1px solid #FF0000;
	        border-right: 1px solid #FF0000;
	        border-top: 1px solid #FF0000;
	                        border-left: 1px solid rgba(255, 0, 0, 0.8);
	        border-right: 1px solid rgba(255, 0, 0, 0.8);
	        border-top: 1px solid rgba(255, 0, 0, 0.8);
	                      bottom: 0;
	        color: white;
	        margin: 0;
	        padding: 2px 5px 0 5px;
	        position: relative;
	        right: 0;
	 
}
	#navigation li a              
{
	 display: block ;
	  background:#FD6B00;
	 background-color: rgba(253, 107, 0, 0.8);
	  color: #fff ;
	  font: 1em "Trebuchet MS",Arial,sans-serif ;
	  line-height: 1em ;
	  text-align: center ;
	  text-decoration: none ;
	  padding: 4px 0 ;
	 word-wrap: break-word
}
	#navigation li a:hover,#navigation li a:focus,#navigation li a:active       
{
	 background: black;
	  text-decoration: underline ;
	 
}
	/* fin mise en forme block identifiants ajax */#prono  
{
	float:left;
	width:50%
}
	#coltext 
{
	position:relative;
	margin-left:1%;
	//margin-top:1%;
	overflow: hidden;
	 /* les dépassements seront masqués */
}
	#footer 
{
	text-align:center;
	clear:both
}
	/* fin disposition conteneur *//* menu horizontal */#divmenu 
{
	   /* caracteristique de la div qui contient l'ul menu */	background:black;
		border-top: 1px solid #FF0000;
	  /* trait supérieur derrière et extèrieur menu IE */	border-top: 1px solid rgba(255, 0, 0, 1);
	  /* trait supérieur derrière et extèrieur menu */	font-size:0.8em;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif
}
	#menu 
{
		list-style: none outside none;
		margin: 0;
		padding: 0;
	  
}
	@media all 
{
		#menu 
{
		text-align: center;
		
}

}
	#menu li 
{
		bottom: 11px;
		display: inline;
		margin: 0;
		padding: 0;
		position: relative
}
	html>body #menu li 
{
	     /* ombre des onglets */  
}
	#menu a, #menu a:link, #menu a:visited 
{
	  /* apparence des liens */              	background:#FD6B00;
		background-color: rgba(253, 107, 0, 0.8);
		border: 1px solid #FFF;
		//bottom: 2px;
		color: white;
		cursor: pointer;
		display: inline;
		height: 1em;
		margin: 0;
		padding: 3px 5px 3px 5px;
		position: relative;
		right: 2px;
		text-decoration: none
}
	#menu a:hover 
{
	    		/* ici se joue le survol du texte */	background:black;
		//bottom: 1px;
		//color: white;
		//position: relative;
		//right: 1px;
		box-shadow: 8px 8px 12px #aaa;
	 	
}
	#menu a:active 
{
	   		/* la transition appuyé maintenue */	background: black;
		//background:#FF0000;
		//background-color: rgba(255, 0, 0, 0.8);
		//bottom: 0px;
		color:#1A8D2E;
		color: rgba(26, 141, 46, 0.8);
		position: relative;
		//right: 0px;
		//outline:none;
	  
}
	#menu li#active 
{
		background: white;
		bottom: 13px;
		display: inline;
		margin: 0 3px 0 0;
		padding: 0;
		position: relative
}
	html>body #menu li #active 
{
		background: black;
		margin: 0 4px 0 4px;
	         
}
	/* lien en potition actif id = active <=> page sélectionnée */#menu #active a, #menu #active a:link, #menu #active a:visited, #menu #active a:hover 
{
		background: black;
		//border-bottom: none;
		box-shadow: 8px 8px 12px #aaa;
	 	border-left: 1px solid #FF0000;
		border-right: 1px solid #FF0000;
		border-top: 1px solid #FF0000;
	        	border-left: 1px solid rgba(255, 0, 0, 0.8);
		border-right: 1px solid rgba(255, 0, 0, 0.8);
		border-top: 1px solid rgba(255, 0, 0, 0.8);
		bottom: 0;
		color: white;
		margin: 0;
		//padding: 2px 5px 0 5px;
		position: relative;
		right: 0
}
	/* fin menu horizontal *//*debut mecanisme pop in*/			#fond 
{
		position:fixed;
		top:-100px;
		left:-100px;
		min-width:200%;
		min-height:200%;
		background-color:rgba(0, 0, 0, 0.6);
		z-index:100
}
	#popin 
{
		display:block;
		position:fixed;
		top:100px;
		left:50%;
		width:500px;
		min-height:300px;
		margin-left:-250px;
		border:4px solid white;
		border-radius:10px;
		background-color:rgba(26, 141, 46, 0.9);
		color: white;
		padding: 20px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 20px;
		box-shadow:6px 6px 10px black;
		z-index:110
}
	/* fin mecanisme pop in *//* debut div politique de confidentialité */#footerCookies 
{
		text-align:center;
			position: fixed;
	 	/*padding: 10px 10px 10px 10px;
	 */	bottom: 0;
		left: 0;
		width: 100%;
	 	height: 40px;
	 	background: lightgrey;
	 
}
				/* fin div politique de confidentialité *//* debut mecanisme bouton acceptation-refus cookies */			label 
{
	    cursor: pointer
}
	div#bouton2 
{
	    float: left;
		margin-left: 40px;
	 
}
	div#bouton1 
{
	    float: right;
	    margin-right: 40px
}
				input[type="radio"].demo2 
{
		display: none
}
	input[type="radio"].demo2 + label 
{
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
		line-height: 1.5;
		border-radius: 0.3rem;
		color: #fff;
		background-color: #6c757d;
		border: 1px solid transparent;
		transition: all 0.5s ease-in-out
}
	input[type="radio"].demo2.demoyes:hover + label 
{
		background-color: #218838;
		border-color: #1e7e34
}
	input[type="radio"].demo2.demoyes:checked + label 
{
		background-color: #28a745;
		border-color: #28a745
}
	input[type="radio"].demo2.demono:hover + label 
{
		background-color: #c82333;
		border-color: #bd2130
}
	input[type="radio"].demo2.demono:checked + label 
{
		background-color: #dc3545;
		border-color: #dc3545
}
			/* fin mecanisme bouton acceptation-refus cookies */a:link 
{
		text-decoration: none;
		color: black
}
	a:visited 
{
		text-decoration: none;
	 	color: black
}
	a:hover 
{
		text-decoration: none;
	 	color:#FF0000;
	    color: rgba(255, 0, 0, 0.8)
}
	a 
{
			font-family: Arial, Helvetica, sans-serif;
		font-size: 1em
}
	a.under:link
{
	   	text-decoration:underline
}
	a.partenaires:link 
{
	 	text-decoration:none;
		display:inline;
		text-transform:lowercase;
		font-size:  95%
}
	a.nounderline:link 
{
	 	text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		//font-size:110%
}
	a.nounderline:visited 
{
	 	text-decoration:none;
		//font-size:110%;
		font-family: Arial, Helvetica, sans-serif
}
	a.nounderline:hover 
{
	 	text-decoration:none;
		color:#FF0000;
		color: rgba(255, 0, 0, 0.8);
		//font-size:126%;
		font-family: Arial, Helvetica, sans-serif
}
	img 
{
		vertical-align: middle;
		margin:1px
}
	p 
{
		text-align: center
}
				.Z 
{
	 /* PERMET D'ANNULER LA COULEUR GRIS DU TR */	background-color: AntiqueWhite
}
	h1 
{
		text-align: center;
		background: white;
		color:black;
		font-family: Georgia, "DejaVu Serif", Norasi, serif;
		font-size: 16pt
}
		h2 
{
		font-family: Georgia, "DejaVu Serif", Norasi, serif;
		font-family: Arial, Helvetica, sans-serif;
	    text-align: center;
		font-size: 1em
}
	h3 
{
			text-align: center;
			background-color: white;
	  		color: black;
		font-size: 8pt
}
	h4 
{
			background-color: #0069B3;
	  		color: #FFFFFF;
		font-size: 1em
}
		hr 
{
		color: #3333cc;
	 	width: 500px;
	 	text-align: left
}
	table 
{
		border: 1px;
		/* cellspacing: 1;
	 */	border-spacing: 1px;
		/* cellpadding: 1;
	 */	color: #FFFFFF;
			font-weight:500;
		border-right:1px solid black;
	    //border-left:1px solid black;
	    //border-top:1px solid black;
	    border-bottom:1px solid black;
	    font-family: Arial, Helvetica, sans-serif
}
	tr 
{
		background:FloralWhite;
		color: black
}
	th 
{
		background:#43aa07;
		background-color: rgba(67, 170, 7, 0.8);
		background:#1A8D2E;
	    background-color: rgba(26, 141, 46, 0.8);
	    background:#FD6B00;
	    background-color: rgba(253, 107, 0, 0.8);
		text-align: center;
		font-size: 0.9em;
		color:white;
		font-family: Arial, Helvetica, sans-serif
}
	td 
{
		text-align: center;
	    font-size: 0.9em;
	    text-transform: uppercase;
	    border-left:1px solid black;
	    border-top:1px solid black
}
.rc
{
	   	color:#FF0000;
		color: rgba(255, 0, 0, 0.8)
}
		.r
{
	   	background:#FF0000;
		background-color: rgba(255, 0, 0, 0.8)
}
		.o
{
		background:#FF6400;
		background-color: rgba(255, 100, 0, 0.8)
}
		.j
{
	   	background:#FFE500;
		background-color: rgba(255, 229, 0, 0.8)
}
.or
{
			background:#FD6B00;
	    background-color: rgba(253, 107, 0, 0.8)
}
.v
{
		background:#43aa07;
		background-color: rgba(67, 170, 7, 0.8);
		background:#1A8D2E;
		background-color: rgba(26, 141, 46, 0.8);
	        
}
.b
{
	   	background:#3B6F97;
		background-color: rgba(59, 111, 151, 0.8)
}
.g
{
	   	background:#CACBCD;
		background-color: rgba(202, 203, 205, 0.8)
}
.gf
{
	   	background:#667581;
		background-color: rgba(102, 117, 129, 0.8)
}
.w
{
	   	background:white;
		font-weight:700
}
.ww
{
	   	border:0;
		width:30px;
		background:white
}
.fm
{
	   	background:#CCCCFF;
		background:#718AAE;
		background:#aab6dc
}
		.fa
{
	   	background:#CCFFFF;
		background:#FF0000;
		background-color: rgba(255, 0, 0, 0.8);
		background:#c4cadc
}
.ea
{
	   	background:#99FFCC;
		background:#7F90A8;
		background:#7AA6E6
}
.emx
{
	   	background:#CACBCD;
		background:#9FB2CD;
		
}
		.em
{
	   	background:#CCFFCC;
		background:#7AA6E6;
		background:#aab6dc
}
.agf
{
	   	background:#D9D9D9;
		background:#8a78a4;
		background:#8971ab;
		background:#7F90A8
}
.bk
{
			background: #CECECE
}
	ul 
{
			font-size: 1em;
		
}
									li 
{
			font-size: 1em
}
	textarea 
{
		font-size: 1em
}
.gras
{
	font-weight:bold
}