body { text-align:center;}
p { text-align:center;}
div {	margin-left: auto;
  	margin-right: auto;
	text-align:center;} 

tr { text-align:center;}

/* page programmme */

table,th { 	border-collapse:collapse;
		margin-left: auto;
  		margin-right: auto;
		font:18px arial;
		border: 1px solid black ;}
td	{	font:16px arial; height: 25px;
		border: 1px solid black ; }

.bg { background-color:#01CD1C  ;}
.bg0 { background-color:#D3F3EF  ;}
.bg1 { background-color:#A6E2DA  ;}
.budget {background-color: #FFFFAA ; }
.photos {	border: solid;	}
.boutonbudget  a{	background-color:#3bb3e0;
	margin: 5px 10px;
	padding:5px 20px;
	font-size:24px;
	color: black	; 
	width: 8em;
	border-radius: 5px;
	border: 1px solid black;
	display: inline;
}
		
a.bouton {	width: 100px;
		padding: 10px ;
		border-radius: 11px;
		border: 2px solid #46a28d;
		color: black;
		background-image: radial-gradient(#FFFF55, #FC7F3C);
		background-color:#F5CA20; }
a.bouton:hover { background-image: radial-gradient(#FC7F3C, #FFFF55);
				}
.nav {		font:16px arial ;
		text-align: center;  }
.nav li {	display: inline;
		list-style: none;	}
.nav a {	display:inline-block;
		margin: 0 10px;	}

.date1 	{	font-weight:normal; color:gray;}
.date2 { 	font-weight:bold; color:black;}
.dimanche {	background-color:#00BFFF;}
.petite {	background-color:#87E990;}
.moyenne {	background-color:#16B84E;}
.grande {	background-color:#FFCC00;}
.sejour {	background-color:#D473D4;}
.divers {	background-color:  #FF7FFF;}
.rouge {	font-weight:bolder; color:red;}
.annule {	background-color:#999999;color:black;}
.annule1 {	color:gray;}
.tdannu {	text-decoration:line-through;}
.th1 {		width:31px ; height: 30px; }
.th2 {		width:61px ;}
.th3 {		 width:61px ;}
.th4 { 		width:420px ;}
.th5 { 		width:40px ;}
.th6 {		width:60px ;}
.th7 { 		width:50px ;}
.th8 { 		width:70px ;}
.th9 { 		width:38px ; }
.th10 {		width:150px ;}

#titre {	height:30px; 
		background-color: #CCFFCC; 	}
#conteneur {	height:100%; 
		margin: auto; 
		border-color:#CC66FF;
		background-color:  #FFFFCC;	}

#menuArchives {		font-family: arial; font-weight:bold; margin-left: auto; margin-right: auto; width: 200px; text-align:center; height: 22px; border-collapse:collapse;}
#menuArchives ul ul {	display: none; margin:auto; padding: 0px; }
#menuArchives ul.niveau2 { left: 0px; top: 22px;}
#menuArchives li { 	list-style-type: none;position: relative; font-size:14pt; font-weight:bold; background-color: #F0E68C; border: 1px solid black;  }
#menuArchives li:hover, #menuArchives li.sfhover {background-color: #F0E68C;}
#menuArchives li a {	text-decoration:none;font-size:12pt ;color: black; font-weight: normal;}
#menuArchives li:hover ul.niveau2, #menuArchives li.sfhover ul.niveau2 {display: block;}

/* FIN page programmme */

/* logo impression */
figure {   position: relative;
    	display: inline-block;
    	overflow: hidden;
   		 margin: 0px; }
img, figcaption { transition: all .25s ease;}
figcaption { position: absolute;
			top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
    		padding: .5em;
    		background: #000;
    		background: rgba(0, 0, 0, .75);
    		color: #fff;
    		opacity: 0;}
figure:hover img { transform: scale(1.1);}
figure:hover figcaption { opacity: 1;}

/* Fin logo impression */

.coteacote { 		
		display: inline-block;
		margin-bottom : 30px;
		margin-right : 0;}

		
input[type=submit] { 	width:150px;
 			line-height:30px; 
 			text-decoration:none ;
 			text-align:center;
			font-size: 18px;
 			float: none; /* recentre le bouton submit -ajouté 26-07-2021 */
			-webkit-border-radius: 11px;
			-moz-border-radius: 11px;
			border-radius: 11px;
			color:  black;
			border: 1px solid black;
			cursor:pointer;
			background: radial-gradient(ellipse at center,#CED8F6 0%, #0040FF 77%); 
			 }

.boutonmodif  {line-height:25px; 
			list-style-type:none;
 			text-decoration:none ;
			font-size: 20px;
			width: 60px;
 			text-align:center;
 			color:  black;
			border: 1px solid black;
			background-color:#F3F781; 
			cursor:pointer; }
.boutonmodif:hover { background-color: #F5CA20;
	 		background: radial-gradient(center, ellipse cover,  #F3F781 0%,#F5CA20 77%); }				

.boutonmodiflong  {line-height:25px; 
			list-style-type:none;
 			text-decoration:none ;
			font-size: 17px;
			width: 70px;
 			text-align:center;
 			color:  black;
			border: 1px solid black;
			background-color:#F3F781; 
			cursor:pointer; }
.boutonmodiflong:hover { background-color: #F5CA20;
	 		background: radial-gradient(center, ellipse cover,  #F3F781 0%,#F5CA20 77%); }		



.boutonliste  {line-height:20px; 
			list-style-type:none;
 			text-decoration:none ;
			font-size: 10px;
			width: 80px;
 			text-align:center;
 			color:  black;
			border: 1px solid black;
			background-color:#F3F781; 
			cursor:pointer; }

.dessous {clear: both;}

.boutonorangeuni  {line-height:25px; 
			list-style-type:none;
 			text-decoration:none ;
			font-size: 1em;
			width: 120px;
 			text-align:center;
 			color:  black;
			border: 1px solid black;
			background-color:#F5CA20; 
			cursor:pointer; }
.boutonorangeuni:hover { background-color: #F5CA20;	}

.boutonorange {	display: inline-block ;
		padding: 5px 20px;
		margin: 5px 20px;
		width: 150px;
		list-style-type:none;
		font-size: 20px;
 		text-decoration:none ;
 		text-align:center;
 		border-radius: 11px;
		color:  black;
		border: 1px solid black;
		background: #F7BE81;
		background-image: radial-gradient(center, ellipse cover,#F7BE81 0%, #EAA453 77%); }

.boutonsorange	 {
		width:1000px;
		height: 60px;
		margin-left: auto;
		margin-right: auto; }	/*centrage marges automatiques*/

.boutonsorange li	{	
		display:inline;/*met cote a cote les li*/
		float:left; /* pour ie */
		width: 150px;
		height: 40px;
		padding:5px 20px; } /* ecarte les boutons*/ 

.boutonsorange li a{	
		display:inline-block;
		line-height:30px;
		width: 150px;
		font-size: 20px;
		text-decoration:none;
	 	border-radius: 11px;
		padding:5px 5px;  /* ecarts entre texte et bord bouton*/
		color:  black;
		border: 2px solid black;
		background: #F7BE81;
		background-image: radial-gradient(center, ellipse cover,#F7BE81 0%, #EDAC61 77%); }
.boutonsorange li a:hover {	
		color: black  ;
		background: #CD853F;
		background: radial-gradient(center, ellipse cover,  #EDAC61 0%,#F7BE81 77%);}
 .boutonorange:hover { 	
		color: black  ;
		background: #EAA453;
	 	background: radial-gradient(center, ellipse cover,  #EAA453 0%,#F7BE81 77%); }

.boutonvertuni {line-height:25px; /*hauteur de l'image de fond*/
		list-style-type:none;
 		text-decoration:none ;
		font-size: 1.5em;
		width: 160px;
		text-align:center;
 		color:  black;
		border: 1px solid black;
		background-color: #01DF01;
 		cursor:pointer; }
.boutonvertuni:hover { background-color: #06A63C;	}			

.boutonvertunilong {line-height:45px; /*hauteur de l'image de fond*/
		list-style-type:none;
 		text-decoration:none ;
		font-size: 2.5em;
		width: 500px;
		text-align:center;
 		color:  black;
		border: 1px solid black;
		background-color: #01DF01;
 		cursor:pointer; }
.boutonvertunilong:hover { background-color: #06A63C;	}	
			
.boutonjauneunilong {line-height:45px; /*hauteur de l'image de fond*/
		list-style-type:none;
 		text-decoration:none ;
		font-size: 2.5em;
		width: 500px;
		text-align:center;
 		color:  black;
		border: 1px solid black;
		background-color: #FF7F00;
 		cursor:pointer; }
.boutonjauneunilong:hover { background-color: #E47833;	}	





.boutonrougeuni  {line-height:25px; 
			list-style-type:none;
 			text-decoration:none ;
			font-size: 1em;
			width: 160px;
 			text-align:center;
 			color:  black;
			border: 1px solid black;
			background-color: #FE2E2E; 
			cursor:pointer; }
.boutonrouge {	display: inline-block ;
		padding: 5px 20px;
		width: 150px;
		list-style-type:none;
		font-size: 20px;
 		text-decoration:none ;
 		text-align:center;
 		border-radius: 11px;
		color:  black;
		border: 1px solid black;
		background: #F6CECE ;
		background: radial-gradient(center, ellipse cover,#FE2E2E 0%, #F6CECE 77%); }

.boutonrouge:hover { 	background:  #FE2E2E;
 		background: radial-gradient(center, ellipse cover,  #F6CECE 0%, #FE2E2E 77%);
		color: black  ; }			

.boutonvalider {	list-style-type:none;
    		margin-left: auto;
    		margin-right: auto;
		width: 150px; }
.boutonvalider li { float: left; width: 100px; }
.boutonvalider li a {	display:block;
 			float:left;   
 			width:150px;
 			line-height:30px; 
 			text-decoration:none ;
 			text-align:center;
			font-size: 20px;
 			-webkit-border-radius: 11px;
			-moz-border-radius: 11px;
			border-radius: 11px;
			color:  black;
			border: 1px solid black;
			background: radial-gradient(ellipse at center,#CED8F6 0%, #0040FF 77%);
			 }
.boutonvalider li a:hover { 
				background: radial-gradient(ellipse at center, #0040FF 0%,#CED8F6 77%); 
				color: black  ; }

.boutonretour   {list-style-type:none;
    		margin-left: auto;
    		margin-right: auto;
			margin-top: 20px;
    		width: 150px;
				}
.boutonretour a {	display:block;
			line-height:30px; /*hauteur de l'image de fond*/
 			text-decoration:none ;
 			text-align:center;
 			border-radius: 11px;
			color:  black;
			border: 1px solid black;
			background: radial-gradient(ellipse at center, #088A08 0%, #81F781 77%); 
			}
.boutonretour a:hover { 
				background: radial-gradient(ellipse at center, #81F781 0%,#088A08 77%); 
				color: black  ; }


.Majuscule {  text-transform : capitalize;}

.rougeG { color:red; font-size: 30px; font-weight:bold;}
.rougeM { color:red; font-size: 20px; font-weight:bold;}
.rougeP { color:red; font-size: 15px; font-weight:bold;}
.rouge	{ color:red; font-size: 1em; }

.bleuG { color:blue; font-size: 30px; font-weight:bold;}
.bleuM { color:blue; font-size: 20px; font-weight:bold;}
.bleuP { color:blue; font-size: 15px; font-weight:bold;}
.bleu	{ color:blue; font-size: 1em; }

.noirG { color:black; font-size: 30px; font-weight:bold;}
.noirM { color:black; font-size: 20px; font-weight:bold;}
.noirP { color:black; font-size: 15px; font-weight:bold;}
.noir	{ color:black; font-size: 1em; }

.vertG { color:#339900; font-size: 30px; font-weight:bold;}
.vertM { color:#339900; font-size: 20px; font-weight:bold;}
.vertP { color:#339900; font-size: 15px; font-weight:bold;}
.vert	{ color:#339900; font-size: 1em; }

.orangeG { color:#FF8000; font-size: 30px; font-weight:bold;}
.orangeM { color:#FF8000; font-size: 20px; font-weight:bold;}
.orangeP { color:#FF8000; font-size: 15px; font-weight:bold;}
.orange	{ color:#FF8000; font-size: 1em; }

.T_mini {width:2em ;max-width:2em ; }

.T_lieu {width:12em ;max-width:12em ; }
.T_titre {width:24em ;max-width:24em ; }
.T_date	{width:5em ;max-width:5em ; }
.T_dateheure	{width:12em ;max-width:12em ; }
.T_nbre	{width:4em ;max-width:4em ; }
.T_tarif {width:6em ;max-width:6em ; }
.T_orga	{width:8em ;max-width:8em ; }
.T_etat {width:4em ;max-width:4em ; }
.T_commentaire {width:30em ;max-width:300em ; }
.T_ip {width:13em ;max-width:13em ; }

.T_listes {width:6em ;max-width:6em ; }
.T_choix {width:33em ;max-width:33em ; }

.T_passager {width:5em ;max-width:15em ; }
.T_info {width:25em ;max-width:25em ; }

.T_nom  {width:13em ;max-width:13em ; }
.T_prenom {width:13em ;max-width:13em ; }
.T_adresse {width:17em ;max-width:17em ; }
.T_ville {width:15em ;max-width:15em ; }
.T_telephone {width:6em ;max-width:6em ; }
.T_email {width:15em ;max-width:15em ; }
.T_cotisation {width:7em ;max-width:7em ; }
.T_certificat {width:7em ;max-width:7em ; }

.long2  {width:2em; max-width:2em; }
.long3  {width:3em; max-width:3em; }
.long4  {width:4em; max-width:4em; }
.long5  {width:5em; max-width:5em; }
.long6  {width:6em; max-width:6em; }
.long7  {width:7em; max-width:7em; }
.long8  {width:8em; max-width:8em; }
.long9  {width:9em; max-width:9em; }

.long10  {width:10em; max-width:10em; }
.long15  {width:15em; max-width:15em; }
.long20  {width:20em; max-width:20em; }
.long25  {width:25em; max-width:25em; }

.long30  {width:30em ; max-width:30em;}
.long40  {width:40em ; max-width:40em;}
.long50  {width:50em ; max-width:50em;}

.info{	color:red; font-size: 30px; font-weight:bold;}
.info1{	color:red; font-size: 20px; font-weight:bold;}
.info2{	color:black; font-size: 20px; font-weight:bold;}

.titre	{ color:blue; font-size: 30px; font-weight:bold;}
.titre1	{ color:blue; font-size: 20px; font-weight:bold;}
.titre2	{ color:black; font-size: 10px; font-weight:bold;}