@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 
{
		background-color: white;
		width: 76%;
		//max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		//min-width: 660px;
		position: relative;
		margin: 0 auto;
		box-shadow: 0 0 18px #ffffff;
		box-shadow: 0 0 18px rgba(0, 0, 0, .4);
		//overflow: scroll;
	 
}
	  /*#conteneurArr 
{
	 	background-color: white;
		width: 70%;
	 	margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
	 
}
	*/#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%;
		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#container1 
{
	background:#EEEDE9;
	 background-color: rgba(238, 237, 233, 0.8);
	 margin: auto;
	 border:0px dashed #bbb
}
	 /*a enlever */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:#1A8D2E;
	 padding:1px 8px;
	 color:#fff;
	 border:none;
	 font-weight:bold
}
	div#connexion input.buton 
{
	cursor:pointer;
	 background:#1A8D2E;
	 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 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;
		
}
	 *//* 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
}
	#titreI  
{
		text-align: center;
		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;
		height: 40px;
		
}
	#enteteBest 
{
		text-align: left;
		font-weight: bold;
		margin: 0 auto;
		display:inline-block;
		height: 40px;
		width: 300px;
		
}
	#haut 
{
		margin: 0 auto;
		height: 25px
}
	#main 
{
		max-width: 960px;
		margin: auto
}
	#contenu  
{
		float: left;
		width: 100%
}
	#contenubase  
{
		float: left;
		width: 60%
}
	#contenu1  
{
		float: left;
		width: 50%
}
	#coldroite 
{
	 	position: absolute;
	 	margin-left: 88%;
		margin-top: 15%;
		overflow: hidden;
	 /* les depassements seront masques */ 
}
	#colgauche                    
{
	  	text-align: center;
		width: 10%;
		font-size: 100%;
		position: absolute;
	  	margin-leftt: 0%;
		margin-top: 15%;
		overflow: hidden;
	 /* les depassements seront masques */ 	font-family: "Helvetica Neue","Nimbus Sans L",sans-serif
}
	#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: auto;
		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: #1A8D2E;
		background-color: rgba(26, 141, 46, 0.8);
		color: #fff;
		font-family: "Helvetica Neue","Nimbus Sans L",sans-serif;
		font-variant: small-caps;
		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%;
		overflow: hidden;
	 /* les depassements seront masques */
}
	#footer 
{
		text-align: center;
		clear: both;
		padding-bottom: 10px
}
	/* fin disposition conteneur *//* menu horizontal */#divmenu 
{
	   /* caracteristique de la div qui contient l'ul menu */        	background: black;
		border-top: 1px solid #6189A7;
	 /* trait superieur derriere et exterieur menu IE */	border-top: 1px solid rgba(97, 137, 167, 0.8);
	  /* trait superieur derriere et exterieur menu IE*/   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:#43aa07;
		background-color: rgba(67, 170, 7, 0.9);
		background:#6189A7;
		background-color: rgba(97, 137, 167, 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;
	 
}
	#menu a:active 
{
	   /* la transition appuye maintenue */	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 selectionnee */#menu #active a, #menu #active a:link, #menu #active a:visited, #menu #active a:hover 
{
	        background: black;
	        border-bottom: none;
	        border-left: 1px solid #6189A7;
	        border-right: 1px solid #6189A7;
	        border-top: 1px solid #6189A7;
	                border-left: 1px solid rgba(97, 137, 167, 0.8);
	        border-right: 1px solid rgba(97, 137, 167, 0.8);
	        border-top: 1px solid rgba(97, 137, 167, 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és*/#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és*//*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-size: 1em
}
	a.under:link
{
	   	text-decoration: underline
}
	a.partenaires:link 
{
	 	text-decoration: none;
		display: inline;
		text-transform: lowercase;
		font-variant: small-caps;
		font-size: 100%;
		font-family: "Helvetica Neue","Nimbus Sans L",sans-serif;
		font-weight: 700
}
	a.nounderline:link 
{
	 	text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		//font-size: 126%
}
	a.nounderline:visited 
{
	 	text-decoration: none;
		//font-size: 126%;
		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: "Helvetica Neue","Nimbus Sans L",sans-serif;
		font-size: 16pt
}
			h2 
{
		font-family: Courier,"Courier New","Nimbus Mono L",monospace;
	    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;
		margin-bottom: 0px;
		font-family: Arial, Helvetica, sans-serif;
		//width:100%;
			
}
		tr 
{
		background: FloralWhite;
		color: black;
	    
}
	th 
{
		background: #1A8D2E;
	 	background-color: rgba(26, 141, 46, 0.8);
		text-align: center;
		font-size: 0.9em;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size:80%
}
	td 
{
		text-align: center;
	    font-size: 0.9em;
	    font-variant: small-caps;
	    text-transform: uppercase;
	    border-left: 1px solid black;
	    border-top: 1px solid black;
	    //border-bottom:1px solid black;
		font-size:80%;
			
}
			.rc
{
	   	color: #FF0000;
		color: rgba(255, 0, 0, 0.8)
}
.r
{
	   	background:#FF0000;
		background-color: rgba(255, 0, 0, 0.8);
		font-size: 80%
}
		.o
{
		background: #FF6400;
		background-color: rgba(255, 100, 0, 0.8);
		font-size: 80%
}
		.j
{
	   	background: #FFE500;
		background-color: rgba(255, 229, 0, 0.8)
}
.or
{
			background: #6189A7;
		background-color: rgba(97, 137, 167, 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);
		font-size: 80%
}
.gf
{
	   	background: #667581;
		background-color: rgba(102, 117, 129, 0.8)
}
.w
{
	   	background: white;
		font-weight: 700;
		font-size: 100%;
		font-family: Times,"Times New Roman","Century Schoolbook L",serif
}
.ww
{
	   	border: 0;
		width: 30px;
		background: white;
		font-size: 100%;
		font-family: Times,"Times New Roman","Century Schoolbook L",serif
}
		.fm
{
	   	font-size: 80%;
			background: #E2E2E2;
		background-color: rgba(226, 226, 226, 0.8);
			
}
			.fa
{
	   	font-size: 80%;
		background: #F4F4F4;
		background-color: rgba(244, 244, 244, 0.8);
		
}
.ea
{
	   	background: #7AA6E6;
		font-size: 80%
}
.emx
{
	   	background: #9FB2CD;
		    font-size: 80%
}
		.em
{
	   	background: #AAB6DC;
		font-size: 80%
}
		.agf
{
	   	background: #7F90A8
}
.bk
{
			background: #CECECE
}
	ul 
{
			font-size: 1em;
		
}
									li 
{
			font-size: 1em
}
	textarea 
{
		font-size: 1em
}
.gras
{
	font-weight:bold
}