@media screen and (max-width:460px) {
			
	#menu a,#menu a:link,#menu a:visited {

		padding: 0px 5px 0px 5px
	}		
	
} /*fin de @media screen and (max-width:460px) */
@media screen and (min-width:461px) {
	
	#menu a,#menu a:link,#menu a:visited {

		padding: 3px 5px 3px 5px
	}	
} /*fin de @media screen and (min-width:461px) */
@media screen and (max-width:599px) {
	
	body {
	
		font-size: 0.9rem
	}
	
	#entete {
	
		font-size: 0.9em
	}
	
	select#menu_destination {
		
	   width: 280px
	}

	td, th {
		
		font-size:0.8em
	}	
	
} /*fin de @media screen and (max-width:599px) */
@media screen and (max-width: 971px) {
	
	#centretext {
		
		margin-top: 30px
	}
	
	#popin {
		
		width:350px;
		margin-left:-200px;
		font-size: 0.7em
	}
	
} /* fin de @media screen and (max-width: 971px)*/
@media screen and (min-width: 972px) {
	
	#popin {
		
		width:500px;
		margin-left:-250px
	}	
	
} /* fin de @media screen and (min-width: 972px)*/
@media screen and (max-width: 724px) {

	html {
		
		position: absolute;
		top: 0;
		left: 0;
		width:100%
	}
	
} /* fin de @media screen and (max-width: 725px)*/
@media screen and (max-width: 724px) and (min-width: 600px) {
	
	body {	
		font-size: 1rem
	}
	
	select#menu_destination {
		
	   width: 300px
	}

}  /* fin de @media screen and (max-width: 971px) and (min-width: 600px)*/

@media screen and (min-width: 725px) {

	td, th {
		
		text-transform: uppercase
	}	
} /* fin de @media screen and (min-width: 724px)*/
@media screen and (max-width: 971px) and (min-width: 600px) {
	
	#colonne1 img , #colonne2 img , #centre img {
		
		height: auto;
		width : 250px
	}
	
	td {
		
		padding: 5px
	}

}  /* fin de @media screen and (max-width: 971px) and (min-width: 600px)*/
@media screen and (max-width: 971px) and (min-width: 725px) {
	
	body {
	
		font-size: 1.2rem
	}
	
	select#menu_destination {
		
	   width: 350px
	}	

}  /* fin de @media screen and (max-width: 971px) and (min-width: 600px)*/

@media screen and (max-width: 1140px) and (min-width: 972px) {
	
	body {
	
		font-size: 2rem
	}

	#centretext {
		
		margin-top: 50px
	}

	#connexion span#erreur {
		
		 font-weight:bold
	}

	#colonne1 img , #colonne2 img , #centre img {
	
		height: auto;
		width : 312px
	}

	#colonne1 img {
		
	    float: left;
		margin-left: 6px
	}
	
	#colonne2 img {
		
	    float: right;
		margin-right: 6px
	}
	
	#centre img {
		
		margin-left: 6px
	}

	#fil {
	  
		margin-bottom: 25px
	}

	#main img , #coin p img , #coin td img {
	
		width: 27px
	}

	#popin {
		
		font-size: 0.6em
	}	

	td {
		
		padding: 10px
	}

	td , th {
		
		font-size: 0.7em
	}

} /* fin de @media screen and (max-width: 1140px) and (min-width: 972px)*/
@media screen and (max-width: 1140px) {

	/* debut bloc annonce plan 3 jpg */

	#colonne1 img, #colonne2 img, #centre img {
		
		border: 1px solid rgba(0, 0, 0, 1);
		opacity:0.5
	}
	
	#centre img:hover, #colonne1 img:hover, #colonne2 img:hover {
		
		box-shadow: 8px 8px 12px #000;
		opacity:1
	}
	
	#centre img:active, #colonne1 img:active, #colonne2 img:active {
		
		box-shadow: 0px 0px 0px #FFF;
		opacity:1
	}
	
	/* fin bloc annonce plan 3 jpg */
	
	#tabpartants {
		
		clear:both
	}
	
	#enteteBest , #enteteImg img {
		
		display: none
	}

	#enteteImg  {
		
		height: 70px
	}

	#entete {
	
		float: left;
		width: 50%
	} 
	
	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
	}

} /* fin de @media screen and (max-width: 1140px) */ 
@media screen and (min-width: 1141px) {
	
	body {
	
		font-size: 1.2rem
	}

	#centretext {
		
		margin-top: 25px
	}

	/* bloc annonce plan 3 jpg */
	
	#annonce {
		
	  	max-width: 850px;
		margin:auto
	}
	
	#colonne1 {
		
	    float: left;
	    width: 202px
	}
	
	#colonne2 {
		
	    float: right;
	    width: 202px
	}
	
	#centre {
		
		margin: 10px auto;
		width: 202px
	}
	
	#colonne1 img , #colonne2 img , #centre img {
	
		height: auto;
		width : 252px
	}
	
	#colonne1 img, #colonne2 img, #centre img {
		
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		opacity:0.5
	}
	
	#centre img:hover, #colonne1 img:hover, #colonne2 img:hover {
		
		box-shadow: 8px 8px 12px #000;
		opacity:1
	}
	
	#centre img:active, #colonne1 img:active, #colonne2 img:active {
		
		box-shadow: 0px 0px 0px #FFF;
		border: 1px solid rgba(0, 0, 0, 1);
		opacity:1
	}
	
	/* fin bloc annonce plan 3 jpg */

	#tabpartants {

		margin-right: 2%
	}

	#enteteBest {
		
		width: 207px;
		display: inline-block
	}

	#entete {
		
		display: inline-block;
		width: 30%;
		font-weight: bold
	}
	
	table#tabloadap, #tabloadat , #tabloadac {
		
		display:none
	}
	
	td#adapt-2, td#adapt001 {
		
		display : none
	}
	
	td , th{
		
		font-size: 0.8em;
		padding: 2px
	}	

} /* fin de @media screen and (min-width: 1141px) */
@media screen and (max-width: 1496px) {
	
	#coldroite {
		
	 	display: none
	}	
	
} /* fin de @media screen and (max-width: 1496px)*/	
@media screen and (min-width: 1497px) {
	
	#conteneur {
		
		width: 76%
	}

} /* fin de @media screen and (min-width: 1496px)*/
	
	 /* attributs généraux */
	 
	 html {
		 
		 height:100%
	 }	 

	input, select {
		
		font-size: 100%
	}
	
	body {
		
		text-align: center;		
		font-family: Arial, Helvetica, sans-serif;
		margin: 0.1em
	}
	
	#coldroite {
		
	 	position: absolute;
	 	margin-left: 88%;
		margin-top: 15%
	}	

	#conteneur {

		height:100%;
		background-color: white;
		margin: 0 auto;
		//box-shadow: 0 0 18px #ffffff;
		box-shadow: 0 0 18px rgba(0, 0, 0, .4)
	}
	
	#container {
		
		 background: rgba(238, 237, 233, 0.8);
		 border:0px dashed #bbb;
		 margin-bottom: 5px
	}
	
	/* positionnement inscription et navigation */
	
	#connexion fieldset {
		
		border: 0
	}

	#connexion span#erreur {
		
		color:#f00
	}
	
	#connexion span#texto {
		
		 color:#f00;
		 margin: 10px auto
	}
	
	#connexion input.bouton {
		
		 cursor:pointer;
		 background:rgba(97, 137, 167, 0.8);
		 color:#fff;
		 border:none;
		 padding: 7px 12px;
		 font-weight:bold
	}
	
	#connexion input.buton {
		
		 cursor:pointer;
		 background:rgba(97, 137, 167, 0.8);
		 padding:3px 5px;
		 color:#fff;
		 border:none;
		 font-weight:bold
	}

	 #TitrePage {
		 
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-block
	}

	#hautgauche {
			
	    float: left
	}
	
	#hautdroit {
		
	    float: right
	}
	
	select#menu_destination {

	    margin-top: 10px;
	    margin-bottom: 10px
	}
	
	#tib {
		
		 color :#1E6DB9;
		 font-style : normal
	}
	
	/* fin positionnement inscription et navigation */

	#fil {

		/*arrondir les coins en haut à gauche et en bas à droite*/
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		width : 96%;
		border:0px dashed #bbb;
		margin-top: 20px;
		margin-left: 20px
	}
	
	#fil a {
		
		cursor:pointer
	}
	
	#fil a img {
		
		width: 50px;
		height: auto
	}
	
	#coin , #fil {
	
		text-align: left
	}

	#prono {
		
		float: left;
		width: 50%;
		margin-left: 1%
	}
	
	#coltext {

		margin-left: 1%;
		margin-right: 1%
	}

	#bandsup {
		
		height:100%
	}

	#enteteImg {
		
		display: inline-block
	}
	
	#entete {
	
		margin-top: 10px	
	}
	
	/* menu horizontal  */
	#divmenu {
		
		/* caracteristique de la div qui contient l'ul menu */	
		background: black;
		/* trait superieur derriere et exterieur menu IE */	
		border-top: 1px solid rgba(255, 0, 0, 1);
		font-weight: bold
	}
	
	#menu {
		
		margin: 0;
		padding: 0
	}

	#menu li {
		
	 	bottom: 11px;
		display: inline;
		margin: 0;
		padding: 0;
		position: relative
	}

	#menu a,#menu a:link,#menu a:visited {
		
		/* apparence des liens */
		background:rgba(97, 137, 167, 0.8);
		border: 1px solid #FFF;
		bottom: 2px;
		color: white;
		cursor: pointer;
		display: inline;
		position: relative;
		right: 2px
	}
	
	#menu a:hover {
	 /* ici se joue le survol du texte */	
		background: black;
		box-shadow: 8px 8px 12px #aaa
	}
	
	#menu a:active {
	 /* la transition appuye maintenue */ 
		background: black;
		color:rgba(97, 137, 167, 0.8);
		position: relative
	}
	
	#menu li #active {
		
	 	background: white;
		bottom: 13px;
		display: inline;
		margin: 0 3px 0 0;
		padding: 0;
		position: relative
	}
	
	/* 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;
		//box-shadow: 8px 8px 12px #aaa;
		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;
		position: relative;
		//padding: 2px 5px 0 5px;
		right: 0
	}
	
	/* fin menu horizontal  */	

	#titreI {
		
		text-transform: uppercase;
		padding-top: 20px;
		margin-left: 5px;
		margin-right: 5px
	}

	#tribune {
		
		border-top: 1px solid black;
		border-bottom: 1px solid black;
        padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px	
	}
	
	#suiviStat , #suiviStat2 {
		
		width : 80%;
		margin-top: 25px;
		margin-left: 10%
	}
	
	#suiviStat2 {
		
		margin-bottom: 25px
	}

	#footer {
		
		margin: 10px
	}

	#footerCookies {
		
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	 	background: lightgrey
	}
	
	#footerCookies input {
		
		margin: 9px
	}	

	/*debut mecanisme pop in*/
	
	#fond {
		
		position:fixed;
		top:-100px;
		left:-100px;
		min-width:200%;
		min-height:200%;
		background:rgba(0, 0, 0, 0.6);
		z-index:100
	}
	
	#popin {
		
		position:fixed;
		top:100px;
		left:50%;
		border:4px solid white;
		border-radius:10px;
		background:rgba(26, 141, 46, 0.9);
		color: white;
		padding: 20px;
		box-shadow:6px 6px 10px black;
		z-index:110
	}
	
	/*fin mecanisme pop in*/

	/*debut mecanisme bouton acceptation-refus cookies*/	
	
	label[for=demo2-a] [for=demo2-b]{
		
	    cursor: pointer
	}
	
	#bouton1 {
		
	    float: right
	}	
	
	#bouton2 {
		
	    float: left
	}
	
	input[type="radio"].demo2 + label {
		
		padding: 0.6rem 0.6rem;
		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*/
	
	input[name="captcha"] {
		
		width: 50px
	}	
	
	input[name="email"] {
		
		width: 300px
	}

	input[type="checkbox"] {
		
		height: 30px;
		width: 30px
	}
	
	#note {
		
		background-color: white;
		box-shadow: 0 0 18px #ffffff
	}

	table {
		
		border: 1px;
		border-spacing: 1px;
		color: #FFFFFF;
		text-align: center;
		border-right: 1px solid black;
		border-bottom: 1px solid black
	}
	
	tr {
		
		background:FloralWhite;
		color: black
	}
	
	th {
		
		background:rgba(97, 137, 167, 0.8);
		color: white
	}
	
	td {
		
		border-left: 1px solid black;
		border-top: 1px solid black	
	}

	#partenaires td {

		border-spacing: 1px
	}

	p {
		
		text-align: center
	}
	
	img {
		
	 	vertical-align: middle;
		margin: 1px
	}
	
	a:link , a:visited , a:hover {
		
	 	text-decoration: none;
		color: black
	}
	
	a:hover {
		
		color: rgba(255, 0, 0, 0.8)
	}
	
	a.under:link {
		
		text-decoration: underline
	}
	
	a.partenaires:link {
		
		text-decoration: none;
		display: inline;
		text-transform: lowercase
	}
	
	a.nounderline:link , a.nounderline:visited , a.nounderline:hover {
		
		text-decoration: none
	}
	
	a.nounderline:hover {
		
		color: rgba(255, 0, 0, 0.8)
	}
	
	.Z {
	 /* PERMET D'ANNULER LA COULEUR GRIS DU TR */
	 background-color: AntiqueWhite
	}
	
	.rc {
		
		color: rgba(255, 0, 0, 0.8)
	}

	.r {
		
		background: rgba(255, 0, 0, 0.8)
	}
	
	.o {
		
		background: rgba(255, 100, 0, 0.8)
	}
	
	.j {
		
		background: rgba(255, 229, 0, 0.8)
	}
	
	.v {
		
		background:rgba(26, 141, 46, 0.8)
	}
	
	.b {
		
		background: rgba(59, 111, 151, 0.8)
	}
	
	.g {
		
		background: rgba(202, 203, 205, 0.8)
	}

	.w , .ww {
		
		background: white
	}
	
	.ww {
		
		border: 0;
		width: 30px
	}
	
	.fm {
		
		background:rgba(226, 226, 226, 0.8)
	}
	
	.fa {
		
		background:rgba(244, 244, 244, 0.8)
	}
	
	.ea {
		
		background: #7AA6E6
	}
	
	.emx {

		background: #9FB2CD
	}
	
	.em {
		
		background: #AAB6DC
	}
	
	.agf {
	
		background: #7F90A8
	}
	
	.bk {
		
		background: #CECECE
	}

	.gras {
		
		font-weight:bold
	}
	
	.bleu {
		
		background:rgba(97, 137, 167, 0.8)
	}