/*import la feuille de style avec les polices*/ 
 @import "police.css"; 
 
 
  /*import la feuille de style de l'index*/ 
 @import "index.css"; 
 
 

 /****************************************************************************************************************************************/ 
																					 /*globale**/ 
 /****************************************************************************************************************************************/ 
 

body
{
			background: url('../images/fond.jpg');
			background-position: top center;
			font-family: 'texte', sans-serif;
			color: white;
}

  /* Toutes les balise h1 de la page */ 
body h1
{
		font-family: 'titre', sans-serif;
		font-weight: bold;
		font-size: xx-large;
		color: white;
		margin: 10px;
		padding: 0;
}
  /* toutes les balise h2 de la page */ 
body h2
{
		font-family: 'titre', sans-serif;
		font-weight: bold;
		font-size: x-large;
		color: white;
		margin: 10px;
		text-align: center;
}

  /* toutes les balise h2 de la page */ 
.info_navig
{
		font-family: 'titre', sans-serif;
		font-size: 20px;
		color: white;
		margin: 10px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
}
  /*le bloc de la page avec une large maximum et centrer dans la page */ 

#bloc_page
{
		width: 100%;
		max-width: 1200px;
		margin: auto;
}

  /*balise clearer*/ 

.clearer 
{ 
		  clear: both;
		  height: 0;
		  margin: 0;
		  padding: 0;
		  line-height: 0;
		  font-size: 0;
 }
 
 .attention
 {
 		color: red;
 		font-weight: bold;
 }


.info_cat { 
font-family: Arial,sans-serif; 
 font-size: 0.7em; 
 width: 80%;
 text-align: center; 
 display: inline-block;
 margin: 10px;
 padding: 10px;
 text-transform: none;
 text-decoration: none;
 border-radius: 10px;
 background-color:  rgba( 255, 0, 0, 0.3);
	box-shadow: 1px 1px 10px rgba( 255, 0, 0, 0.3) inset, 0 1px 0 rgba( 255, 0, 0, 0.1); 
	border: 1px solid rgba( 255, 0, 0, 0.3);
}
 /****************************************************************************************************************************************/ 
 														/* Pour un affichage inférieur 768 px de large */ 
 /****************************************************************************************************************************************/ 
@media all and (max-width: 768px)
{
 	body
	{
    margin: 0;
	}

	  /*ecalage du bloc page pour le menu*/ 
	#bloc_page
	{
    margin-bottom: 40px;
	}
		  /* en tete fixe pour base résolution */ 
	header
	{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		margin: 0;
		padding-bottom: 10px;
		background-color: black;
	}
	
}




/* logo en image de fond contrainte pour redimensionnement */ 

#logo
{
		float: left;
		margin: 0;
		padding: 0;
		width: 160px;
		height: 107px;
		background-repeat: no-repeat;
		background-position: top center;
		margin: 0;
		padding: 0;
		text-align: center;
}

#logo img
{
transition: 2s;
}



#logo img:hover
{
transition: 2s;
transform: rotate(-30deg);
z-index: 100;
}




		  /* haut de la colonne droite date de création*/ 
#depuis
{
		float: right;
		margin-top: 10px;
		width: 150px;
		height: 107px;
		margin: 0;
		padding: 0;
		font-size: 10pt;
		font-family: 'titre', sans-serif;
}

 /****************************************************************************************************************************************/ 
 														/* Pour un affichage inférieur 768 px de large */ 
 /****************************************************************************************************************************************/ 
 
@media all and (max-width: 768px)
{
	 		/* disparition de la colonne gauche */ 
#depuis
	{
		display: none;
	}
		 		/* disparition logo */ 
#logo
	{
		display: none;
	}
	
#retour_nav
	{
		float: left;
		margin-left: 60px;
		margin-bottom: 20px;
	}
#panier_nav
	{
	float: right;	
	margin-right: 20px;
	margin-bottom: 20px;

}
#cartouche
	{
		 width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 10px;
	    text-align: center;
		text-decoration: none;
		color: white;
	}
#cartouche a
{
    padding: 5px;
	font-size: 1.5em;
    color: #D0D0D0;
    text-decoration: none;
    font-family: 'titre', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
vertical-align: top;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
}
#cartouche a:hover
{
    color: white;
    font-family: 'titre', sans-serif;
}




		 		/* cartouche fixe */ 

			 		/* disparition du bas de la cartouche bas avec la devise */ 
#cartouche_bas
	{
		display: none;
	}

}


 /****************************************************************************************************************************************/ 
																				/* barre Navigation */ 
 /****************************************************************************************************************************************/ 

			 		/* navigation apparait sous le header lors de la navigation dans les photos  */ 

#navigation
{
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	width: 100%;
	text-align: center;
   font-family: 'titre', sans-serif;
    
}
			 		/* balise qui regroupe les titres ( discipline, titre spéciale menu de la date et titre catégories )  */ 
#barre_navigation
{
	display: inline-block;
	width: calc(100% - 360px);
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;

	background-color: black;
		border: 1px solid #dcdcdc;
	box-shadow: 1px 1px 10px rgba( 200, 200, 200, 0.7), 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
}
			 		/* bloc retour dans navigation */ 
.navigation_retour
{
	display: inline-block;
	width: 150px;
	height: 25px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
margin: 0;
	margin-right: 6px;
	background-color: black;
		border: 1px solid #dcdcdc;
	box-shadow: 1px 1px 10px rgba( 220, 200, 200, 0.7), 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
}
		 		/* balise texte retour dans navigation */ 
.navigation_tx_retour
{
    font-size: 1.3em;
    color: #D0D0D0;
    font-family: 'titre', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}
			 		/* balise texte retour au survol */ 
.navigation_tx_retour:hover
{
    color: white;
    border-bottom: 1px solid white;
    font-family: 'titre', sans-serif;
}

			 		/* menu discipline couleur gris clair sans style pour le lien  */ 
.navigation_dis  {
    font-size: 1.3em;
    color: #D0D0D0;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
}
			 		/* menu discipline au survole couleur blanc en gras */ 
.navigation_dis:hover
{
    color: white;
    border-bottom: 1px solid white;
}
			 		/* menu date couleur gris clair sans style pour le lien  */ 
.navigation_date  {
    font-size: 1.3em;
    color: #D0D0D0;
    font-weight: normal;
    text-decoration: none;
}
			 		/* menu date au survole couleur blanc en gras */ 
.navigation_date:hover
{
    color: white;
    border-bottom: 1px solid white;
    font-family: 'titre', sans-serif;
}
			 		/* menu catégorie couleur gris clair sans style pour le lien  */ 
.navigation_cat  {
    font-size: 1.3em;
    color: #D0D0D0;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
}



 /****************************************************************************************************************************************/ 
 														/* Pour un affichage inférieur 768 px de large */ 
 /****************************************************************************************************************************************/ 
 
 /* disparition de la barre de navigation mais reste retour*/
@media all and (max-width: 768px)
{
	   #barre_navigation
		{
    			display: none;
		}
			 /*Bloc reca ppanier*/
.recap_panier
	{
    			display: none; 
	}
}



 /****************************************************************************************************************************************/ 
/************************************************         MENU      *****************************************************************/ 
 /****************************************************************************************************************************************/ 
 
 
 /****************************************************************************************************************************************/ 
 														/* Pour un affichage supérieur 768 px de large */ 
 /****************************************************************************************************************************************/ 
 
 /*Menu spécial basse résolution*/
@media all and (min-width: 769px)
{

#cartouche_mobile
	{
		
	display: none;
	}
	

#panier_nav
	{
		
	display: none;
	}

#retour_nav
	{
		
	display: none;
	}

.menu_logo
	{ 
	display: none;
	}


}

#concours_menu
{
	display: inline-block;
	background-color: rgba( 0, 0, 0, 0.3);
	border: 1px solid white;
	box-shadow: 1px 1px 10px rgba( 255, 255, 255, 0.7), 0 1px 0 rgba( 0, 0, 0, 0.4); 
	 width: 120px;
	margin: 0;
color: white;
	margin-left: 15px;
	padding: 10px;
    border-radius: 10px;
text-align: center;
text-decoration: none;
   font-family: 'titre', sans-serif; 
   letter-spacing: 4px;
   font-size: 1em;       
}
#concours_menu:hover
{
	display: inline-block;
	background-color: rgba( 0, 0, 0, 0.3);
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.7);   
}
/* Logo qui ce retourne aller et retour avec une transition 1s  */
#concours_menu img
{
   	transition: 1s;
}

#concours_menu:hover img
{
   	transition: 1s;
transform: scale(1.2);
z-index: 100;
}

 /*Bloc menu*/
#menu
	{
	display: inline-block;
	margin-left: 15px;
	 width: 150px;
	}
	 /*Bloc reca ppanier*/
.recap_panier
	{
float: right;
	margin-top: 10px;
	margin-right: 15px;
	padding: 0;
	 width: 150px;
	 text-align: center;

	text-transform: uppercase;
   font-family: 'titre', sans-serif; 
   letter-spacing: 4px;
   font-size: 1em;       
	}
	 /*Menu*/
nav
{
    margin-top: 10px;
    padding-top 0;
    padding-bottom 0;
    width: 150px;
    text-align: center;
	vertical-align: top;
}

nav ul
{
	
    list-style-type: none; 
    margin: 0;
    padding: 0;
    margin-top: -5px;
}

nav li
{
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

nav a
{
    font-size: 1.5em;
    color: #D0D0D0;
    text-decoration: none;
    font-family: 'titre', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    
}

nav a:hover
{
    color: white;
    border-bottom: 1px solid white;
    font-family: 'titre', sans-serif;
}

		  /*************************************************mise en place d'une balise avec une image de fond de type halo lumineux qui s'adaptera en largeur mais pas en hauteur******************************************************************/ 
#halo_haut
{
	display: inline-block;
	width: 100%;
	height: 10px;
	
   margin: 0;
   padding: 0;
	background-image: url("../images/halo_haut.png");
		
	background-size: 100% 15px;
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#halo_bas
{
	display: inline-block;
	width: 100%;
	height: 10px;
	
   margin: 5px 0 0 0;
   padding: 0;
	background-image: url("../images/halo_bas.png");
		
	background-size: 100% 15px;
	background-repeat: no-repeat;
	background-position: bottom center;
	}
#cartouche p
{
	
    margin: 0;
    padding: 0;
	 text-align: center;
}

@media all and (max-width: 768px)
{
		  /*************************************************Positionnement d'un logo menu fixe pour tactile******************************************************************/ 
	.menu_logo
	{  
	position: fixed;
    left: 10px;
    bottom: 10px;

   width: 40px;
	height: 40px;
	background-image: url("../images/menu.png");
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
   margin: 0;
   padding: 0;
	}		
	  /*************************************************repositionnement d'un menu qui couvre tous l'ecran caché au dessus de la page ******************************************************************/ 
	#concours_menu
	{
		display: none;	
		
	}
		  /*************************************************repositionnement d'un menu qui couvre tous l'ecran caché au dessus de la page ******************************************************************/ 
	#menu
	{
		width: 100%;
		display: block;	
		position: fixed;
		left: 0;
		bottom:-550px;
		padding: 0;
		margin: 0;
   	transition: 1s;
		
	}
			  /*************************************************disparition de l'ancien menu******************************************************************/ 
#menu #halo_haut
	{
	display: none;			
	}
#menu #halo_bas
	{
	display: none;		
	}
					 		/* bloc retour dans navigation */ 
.navigation_retour
{
	display: none;
}.navigation_tx_retour
{
	display: none;
}
nav
{
width: 100%;
    margin:0;
    padding:0;
    text-align: center;
	vertical-align: top;
}
				  /*  augmentation de la taille du texte et fond noir */ 
nav ul
{
	width: 100%;
    list-style-type: none;
    padding: 10px 0 10px 0;

    background-color: black;
    font-size: 20px;
}
				  /*  augmentation de la taille du texte et fond noir */ 
nav a
{
margin: 0;
display: inline-block;
}

nav li
{
    margin: 0;
}



				  /*  augmentation de la taille du texte et fond noir */ 
li
{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}				  /*  appartion du menu au survale du logo menu ou toucher tactile */ 				  /*  augmentation de la taille du texte et fond noir */ 

.menu_logo:hover #menu
{
		display: block;	
		position: fixed;
		left: 0;
		bottom:0;
}
				  /*Installer pour interprétation de la navigation sur ecran tactile*/ 
	 #subMenu.showSubMenu 
	 {
        display: block;
    }
	#cartouche_haut
	{
	 width: 200px;
	 margin-top: -3px;
    padding: 0;
	}

}







 /****************************************************************************************************************************************/ 
/************************************************         centre      *****************************************************************/ 
 /****************************************************************************************************************************************/ 

				  /*  Mise en place d'un bloc pour le centre de la page */ 

.centre
{
	display: inline-block;
	vertical-align: top;
  /* calcul de la largeur du centre 100% - colonne menu - colonne droite */ 
	width: calc(100% - 350px);
	min-width: 200px;
	min-height: 600px;
	margin-top: 10px;
	text-align: center;
}
				  /*  tous les paragraphe de centre sans marge ni padding */ 
.centre p
{
margin: 0;
padding: 0;
}

 /****************************************************************************************************************************************/ 
 														/* Pour un affichage inférieur 768 px de large */ 
 /****************************************************************************************************************************************/ 
 
				  /*  le bloc centre prend toute la largeur */  
 
@media all and (max-width: 768px)
{
	.centre
	{
		display: inline-block;
		vertical-align: top;
		width:100%;
		height: 720px;
		margin: 0;
		
		text-align: center;
	}

#cartouche_mobile
	{
		display: none;
	}
}


 /****************************************************************************************************************************************/ 
/************************************************         centre_ACCUEIL haut discipline     *****************************************************************/ 
 /****************************************************************************************************************************************/ 

.accueil_haut
{
		display: inline-block;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
}


				  /*   bloc bordure pointillé arrondi sur fond noir ( type diapo )  */ 

.accueil_dis
{
	display: inline-block; 
	
	vertical-align: top;
	width: 150px;
	height: 150px;
	margin: 10px;
	padding:  10px;
	background-color: black;
	border: 1px solid white;
   border-radius: 10px;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   font-family: 'titre', sans-serif;
   font-size: 25px;      
}
				  /*   balise a qui recouvre toute le bloc plour le lien  */ 

.accueil_dis a
{
	display: inline-block; 
	width: 100%;
   height: 100%;
   text-decoration: none;
   color: white;
}
				 
		/*  logo a l'intérieur du bloc discipline*/ 
		
.logo_dis
{
		margin-top: 10px;
}
.logo_dis:hover img
{
   	transition: 1s;
transform: scale(1.2);
z-index: 100;
}

#barre_menu
{
	display: inline-block;
	width: 160px;
}



 /****************************************************************************************************************************************/ 
/************************************************         centre_ACCUEIL_bas dernier evenements     *****************************************************************/ 
 /****************************************************************************************************************************************/ 



 /* fenetre type diapo sur la moitier base de l'accueil  */ 


.fenetre_dernier_eve
{
	display: inline-block; 
	width: 90%;
	height: 250px;
	
	margin: 10px;
	padding: 10px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
   overflow: auto;
}
 /* class titre menu qui ce retrouve haut de chaque page principal  */ 
#titre_menu
{
	display: inline-block; 
	vertical-align: top;
	width: 99%;
	text-align: center;
	text-transform: uppercase;
   font-family: 'titre', sans-serif; 
   letter-spacing: 4px;
   font-size: 25px;       
	margin-top: 0;      
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}


 /* class titre menu qui ce retrouve haut de chaque page principal  */ 
#titre_menu_rouge
{
	display: inline-block; 
	vertical-align: top;
	width: 99%;
	text-align: center;
	text-transform: uppercase;
   font-family: 'titre', sans-serif; 
color: red;
   letter-spacing: 4px;
   font-size: 25px;       
	margin-top: 0;      
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}







 /****************************************************************************************************************************************/ 
/************************************************         centre_prestation     *****************************************************************/ 
 /****************************************************************************************************************************************/ 

 /****************************************************************************************************************************************/ 
 														/* Pour un affichage supérieur 1024 px de large */ 
 /****************************************************************************************************************************************/ 
 /*  fenetre prestation les images sont placées et centrée verticalement sur le coté du texte qui les concerne */ 
 
 
@media all and (min-width: 1025px)
{
		.fenetre_prestation
		{
			height: 630px;
			width: 100%;
			margin: 0;
			margin-bottom: 10px;
			padding: 20px;
		   overflow: auto;
		}
		.fenetre_prestation div
		{	
			margin: 0;
			padding: 20px;
		}
		.fenetre_prestation h2, h1
		{	
			text-align: center;
		}
		/* image qui s'agrandi  aller et retour avec une transition 1s  */
		.fenetre_prestation img
		{
   	transition: 1s;

	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		}

		.fenetre_prestation img:hover
		{
   	transition: 1s;
		transform: scale(1.2);
		z-index: 100;
		}
		
		
		
		/* bloc  texte couple   */
		/* ajutement du bloc a la hauteur de l'image */
		.couple {
		  height:370px;
		  line-height:370px;
			margin: 0;
		}
		
		/* style  texte couple   */
		/* Centrage verticale */
		.tx_couple {
		  width: calc(100% - 330px);
		  height: 170px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		  vertical-align:middle;
		  display:inline-block;
		  line-height:1.2; /* on rétablit le line-height */
		  text-align:justify; /* ... et l'alignement du texte */
		}
			/* bloc  texte prise   */
		/* ajutement de la taille du bloc pour centrage verticale */
		
		.preparatif {
		  height:290px;
		  line-height:380px;
			margin: 0;
		}
		.tx_preparatif {
		  width: calc(100% - 330px);
		  height: 170px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		  vertical-align:middle;
		  display:inline-block;
		  line-height:1.2; /* on rétablit le line-height */
		  text-align:justify; /* ... et l'alignement du texte */
		  
			margin: 0;
		}	
		
		/* bloc  texte prise   */
		/* ajutement de la taille du bloc pour centrage verticale */
		
		.prise {
		  height:200px;
		  line-height:200px;
			margin: 0;
		}
		.tx_prise {
		  width: calc(100% - 330px);
		  height: 120px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		  vertical-align:middle;
		  display:inline-block;
		  line-height:1.2; /* on rétablit le line-height */
		  text-align:justify; /* ... et l'alignement du texte */
		  
			margin: 0;
		}
		
		/* changement d'image pour les resolutions inf 1024px */
		#image_prise
		{
			margin: 10px 10px 10px 10px;
			
			display: inline-block;
			vertical-align: top;
		}
		#image_prise_1024
		{
		display: none;
		}
		
		/* bloc  texte groupe   */
		/* ajutement de la taille du bloc pour centrage verticale */
		
		.groupe 
		{
		   height:230px;
		   line-height:230px;
			margin: 0;
		}
		
		.groupe img 
		{ 
		  vertical-align:middle;
		}
		
		.tx_groupe 
		{
		   width: calc(100% - 330px);
		   height: 140px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		   vertical-align:middle;
		
		   display:inline-block;
		   line-height:1.2; /* on rétablit le line-height */
		   text-align:justify; /* ... et l'alignement du texte */
		}
		
		/* iamge plus grande que le texte   */
		#image_groupe
		{
			margin: 10px 10px 10px 10px;
		}
		
		/*seulement bloc texte sans image  */
		.selection 
		{
		   width: calc(100% - 50px);
		   padding-bottom: 20px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		   display:inline-block;
		   text-align:justify; /* ... et l'alignement du texte */
		}
			
		/*seulement bloc texte sans image  */
		.tx_concours 
		{
		   width: calc(100% - 50px);
			background-color: black;
	margin-top: 20px;
	padding-top: 20px;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4);
	text-align: center;
		   border-radius: 10px;
		   display:inline-block;
		}	
		/* bloc  texte soiree   */
		/* ajutement de la taille du bloc pour centrage verticale */
		
		div.soiree {
		  height:350px;
		  line-height:350px;
		  vertical-align:middle;
		}
		/* style des image en soiree  */
		/* plus petite que le texte */
		/* changement d'image pour les resolutions inf 1024px */
		#image_soiree
		{
			margin: 10px 10px 10px 10px;
		}
		#image_soiree_1024
		{
			display: none;
		}
		.soiree img { 
		  vertical-align:middle;
		}
		
		div.tx_soiree {
		  width: calc(100% - 330px);
		  height: 230px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		  vertical-align:middle;
		  display:inline-block;
		  line-height:1.2; /* on rétablit le line-height */
		  text-align:justify; /* ... et l'alignement du texte */
		}
		
		
		/* style des image en général  */
		/* marge et alignement */
		#image
		{
			display: inline-block;
			vertical-align: top;
			margin: 10px 10px 10px 10px;
		}
		
		}

 /****************************************************************************************************************************************/ 
 														/* Pour un affichage inférieur 1024 px de large */ 
 /****************************************************************************************************************************************/ 
 /*  fenetre prestation les images et le texte sont affiché les un en  dessous des autres */ 
 
@media all and (max-width: 1024px)
{

.fenetre_prestation
{
	height: 500px;
	width: 95%;
	margin: 0;
	margin: 10px 10px 10px 10px;
	padding: 0;
   overflow: auto;
}
		/* image qui s'agrandi  aller et retour avec une transition 1s  */
		.fenetre_prestation img
		{
   	transition: 1s;

	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		}

		.fenetre_prestation img:hover
		{
   	transition: 1s;
		transform: scale(1.2);
		z-index: 100;
		}
		
.fenetre_prestation div
{	
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: center;
}

.tx_couple, .tx_prise, .tx_preparatif, .tx_groupe, .selection, .tx_soiree  {
  width: calc(100% - 30px);
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
  text-align:justify; /* ... et l'alignement du texte */
}
		/* changement d'image pour les resolutions inf 1024px */
#image_prise
		{	
		display: none;
		}
#image_prise_1024
		{
			vertical-align: top;
			margin: 10px 10px 10px 10px;
		}
#image_soiree
		{
		display: none;
		}
#image_soiree_1024
		{
			vertical-align: top;
			margin: 10px 10px 10px 10px;
		}
#image
		{
			vertical-align: top;
			margin: 10px 10px 10px 10px;
		}
		/*seulement bloc texte sans image  */
		.selection 
		{
		   width: calc(100% - 50px);
		   padding-bottom: 20px;
			background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
		   border-radius: 10px;
		   display:inline-block;
		   text-align:justify; /* ... et l'alignement du texte */
		}

}

#systeme {
  width: calc(100% - 50px);
  margin: 10px;
  padding: 20px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
  display:inline-block;
  text-align:justify; /* ... et l'alignement du texte */
  
}
#organisateurs {
  width: calc(100% - 50px);
  margin: 10px;
    padding: 20px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
  display:inline-block;
  text-align:justify; /* ... et l'alignement du texte */
  
}

.traitement {
   width: 400px;
   margin: 10px;
   margin-top: 30px;
   padding: 10px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
   display:inline-block;
   text-align:center; /* ... et l'alignement du texte */
  
}
.traitement div {
   width: 400px;
   margin: 10px;
   margin-top: 30px;
  
}
@media all and (max-width: 480px)
{

.fenetre_dernier_eve
{
	display: inline-block; 
	width: 90%;
	height: 250px;
	
	margin: 10px;
	padding: 10px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
   overflow: auto;
}
#contact {
  width: 300px;
  margin: 10px;
    padding: 10px;
  height: 880px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
  display:inline-block;
  text-align:center; /* ... et l'alignement du texte */
}
}




 /****************************************************************************************************************************************/ 
/************************************************         centre tarif      *****************************************************************/ 
 /****************************************************************************************************************************************/ 
 
 .centre_tarif
{	
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: center;
	height: 600px;
   overflow: auto;
}
  .centre_tarif td
{	
 	width: 285px;
	border-collapse: collapse;
	border: 1px solid white;
	margin-left: auto;
	margin-right:auto;
	background-color: black;
}
  .tableau_prix
{	
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	margin-left: auto;
	margin-right:auto;
	background-color: black;
	border-radius: 10px;
	border-collapse: collapse;
	border: 1px solid white;
}
  .tableau_prix td
{	
 	width: 150px;
 	height: 40px;
}

  #tableau_prix_haut
{	
 	width: 150px;
 	height: 60px;
}
.tarif_livre  {
	display: inline-block;
  width: 350px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
   padding: 10px;
  text-align:center; /* ... et l'alignement du texte */
}


 /****************************************************************************************************************************************/ 
/************************************************         centre aide      *****************************************************************/ 
 /****************************************************************************************************************************************/ 
 .retour_sommaire
 	{
 		  text-align:right; /* ... et l'alignement du texte */
 	}
  .retour_sommaire_tx
 	{
			color: white;
 		  text-decoration: none;
 	}
 .fenetre_aide
{
	height: 690px;
	
	margin: 0;
	padding: 10px;
   overflow: auto;
}
 /****************************************************************************************************************************************/ 
/************************************************         liste date      *****************************************************************/ 
 /****************************************************************************************************************************************/ 
 /* style de l'affichage des ligne de titre cliquable  */ 
.liste_date  {
    font-size: 1.3em;
    color: #D0D0D0;
    font-family: 'titre', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px;
    padding-bottom: 10px;
  line-height:40px;
  border-radius: 10px;
}

.liste_date:hover
{
    color: white;
	box-shadow: -10px  0px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}
.fenetre_date
{
	display: inline-block; 
	width: 90%;
	max-height: 500px;
	margin: 10px;
	padding: 10px;
	padding-bottom: 30px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4);
   border-radius: 10px;
   
       overflow: auto;
}

.fenetre_date_derniere
{
	display: inline-block; 
	width: 90%;
	max-height: 300px;
	margin: 10px;
	padding: 10px;
	padding-bottom: 30px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4);
   border-radius: 10px;
   
       overflow: auto;
}


.fenetre_resultat_recherche
{
	display: inline-block; 
	width: 90%;
	margin: 10px;
	padding: 10px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4);
   border-radius: 10px;
   
       overflow: auto;
}

 /****************************************************************************************************************************************/ 
/************************************************         presentation des photos participant      *****************************************************************/ 
 /****************************************************************************************************************************************/ 


.recap_panier_int
{

	max-height: 600px;
	overflow: auto;
}

 /*  affichage des photos un peu comme des diapos avec bordure en pointillé */ 
.photo_recap
{
	display: inline-block;
	vertical-align: top;
	width: 105px;
	height: 105px;
	margin: 10px;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
}

.photo_recap_img_portrait
{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
width: 100px;
height: 100px;
}
.photo_recap_img_portrait img
{

height: 100%;
}

.photo_recap_img_paysage
{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
width: 100px;
height: 100px;
}
.photo_recap_img_paysage img
{

width: 100%;
}

.photo_cat
{
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 150px;
	margin: 10px;
	padding: 10px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
}


.photo_cat_img
{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
width:150px;
height: 150px;
}
/* Logo qui ce retourne aller et retour avec une transition 1s  */
.photo_cat_img img
{
   	transition: 1s;
}

.photo_cat_img img:hover
{
   	transition: 1s;
transform: scale(1.5);
z-index: 100;
}



.vignette_serie
{
		font-family: 'titre', sans-serif;
		font-weight: bold;
font-size: 25px;
margin: 3px;
margin-top: 12px;
   letter-spacing: 0.8px;
  text-align: center;
  vertical-align: middle;
width:150px;
height: 150px;
}




 /****************************************************************************************************************************************/ 
/************************************************         fenetre cat      *****************************************************************/ 
 /****************************************************************************************************************************************/ 

.fenetre_cat
{
	display: inline-block; 
	width: 100%;
	height: 600px;
	overflow: auto;
}




 /****************************************************************************************************************************************/ 
/************************************************         presentation des photos visio      *****************************************************************/ 
 /****************************************************************************************************************************************/ 


.info_livre
{
	display: inline-block;
    padding: 10px;
    margin-bottom: 20px;
	background-color: rgba( 255, 255, 255, 0.3);
    color: #000000;
    font-family: 'titre', sans-serif;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-decoration: none;
   border-radius: 10px;
}


.bouton
{
	background-color: black;
	background: radial-gradient( rgba( 255, 255, 255, 0.5), rgba( 0, 0, 0, 0.4));
    font-size: 0.95em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.bouton:hover
{
	box-shadow: 1px 1px 5px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}
.bouton_vote
{
display: inline-block;
vertical-align: center;
padding: 20px;
margin-bottom: 40px;
   border-radius: 30px;
   font-size: 30px;
}

.fenetre_visio
{
	display: inline-block; 
	width: 100%;
	height: 630px;
	margin: 0;
	padding: 0;
}
.photo_visio
{
	display: inline-block;
	vertical-align: middle;
	
	width: 100%;
	width: 600px;
	height: 100%;
	max-height: 600px;
	margin: 0;
	padding: 10px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
}


.bouton_verti
{
float: left;
	width: 100px;
	height: 600px;
	margin: 0;
	padding: 0;
}


.img_verti
{
float: left;
height: 600px;
width: 400px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.lien_img_verti
{
display: inline;
}


.hidden
{
visibility:hidden
}


.none
{
display: none;
}

.retour_visio_portrait
{
float: left;
	width: 60px;
	height: 60px;
	margin: 0px;
	padding: 10px;

	border-radius: 10px;
}
.text_retour_visio_portrait
{
    color: white;
    text-decoration: none;
}
 /* style de l'affichage des ligne de titre cliquable  */ 
.aide_presta  {
    font-size: 1.3em;
    color: #D0D0D0;
    font-family: 'titre', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px;
  line-height:40px;
  border-radius: 10px;
}
.aide_visio_portrait
{
	float: right;
	width: 60px;
	height: 60px;
	padding: 10px;
	background-color: black;
	border-radius: 10px;
}

.panier_visio_portrait
{
float: left;
	width: 60px;
	margin: 0;
	padding: 10px;
	margin-top: 145px;
	border-radius: 10px;
}

.panier_visio_portrait_droit
{
float: left;
	width: 60px;
	margin: 0;
	padding: 10px;

	margin-left: 20px;
	margin-top: 145px;
	border-radius: 10px;
}

.panier_visio_num_photo
{
float: left;
text-align: center;
	width: 60px;
	height: 30px;
	margin: 0;
	padding: 10px;

}


.fleche_visio_gauche
{
float: left;
	width: 60px;
	height: 60px;
	margin: 0;
	margin-top: 100px;
	padding: 10px;
	background-color: black;
	border-radius: 40px;

}

.fleche_visio_droite
{
	float: right;
	z-index: 2;
	width: 60px;
	height: 60px;
	margin: 0;
	margin-top: 150px;
	padding: 10px;
	border-radius: 40px;
}

.panier_visio_paysage
{
float: left;
	width: 150px;
	height: 60px;
	margin: 0;	
	margin-top: -15px;
	margin-bottom: 15px;
	margin-left: 130px;
	padding: 10px;
	padding-left: 5px;
	border-radius: 10px;
}

.panier_visio_paysage_num_photo
{
float: left;
text-align: center;
	width: 60px;
	height: 30px;
	margin: 0;
	margin-left: 35px;
	margin-top: 15px;
	padding: 10px;

}

.texte_panier
{
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	margin-left: 10px;
	padding-top: 5px;
	text-decoration: none;
	color: white;

}

.panier_visio_paysage_bas
{
float: left;
	width: 150px;
	height: 60px;
	margin: 0;	
	margin-top: 15px;
	margin-bottom: -15px;
	margin-left: 130px;
	padding: 10px;
	padding-left: 5px;
	border-radius: 10px;
}


.retour_visio_paysage
{
	float: left;
	width: 60px;
	height: 60px;
	margin: 0;
	margin-bottom: 15px;
	margin-top: -15px;
	padding: 10px;
	border-radius: 10px;
}
.fleche_vide
{
float: left;
	width: 80px;
	height: 60px;
}

.fleche_visio_gauche_paysage
{
float: left;
	width: 60px;
	height: 60px;
	margin: 0;

	margin-bottom: -15px;
	margin-top: 15px;
	padding: 10px;
	border-radius: 40px;


}
.fleche_visio_gauche_paysage img
{
margin-right: 20px;
}
.fleche_visio_droite_paysage
{
	float: right;
	 z-index: 2;
	width: 60px;
	height: 60px;
	margin: 0;
	margin-bottom: -15px;
	margin-top: 15px;
	padding: 10px;
	border-radius: 40px;

}
/*  Centrage horizontale vertical de l'immage dans un bloc de type cellule de tableau   */

.photo_visio_img
{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
	width:600px;
	height: 600px;

}
.photo_visio_img a
{
text-decoration: none;
}




.imp_pdf
{
	display: inline-block;
	padding: 20px;
	width: 280px;
	height: 20px;
	margin: 30px;	
	border-radius: 10px;
}



 /****************************************************************************************************************************************/ 
/************************************************         panier      *****************************************************************/ 
 /****************************************************************************************************************************************/ 



.bouton_valid_panier
{
float: left;
	width: 580px;
	height: 35px;
	margin: 0;	
	padding: 10px;	
    font-size: 1em;
    color: #000000;
    font-family: 'titre', sans-serif;

	background: radial-gradient( rgba( 77, 208, 92, 1), rgba( 0, 148, 17, 1));
    font-size: 1em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;

	border-radius: 10px;
}

.bouton_valid_panier:active
{
	box-shadow: 1px 1px 5px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}

.bouton_vide_panier
{
float: left;
	width: 280px;
	height: 20px;
	margin: 0;	


	margin-left: 150px;	
	margin-top: 10px;	
	padding: 10px;	
	background: radial-gradient( rgba( 255, 145, 145, 1), rgba( 255, 0, 0, 1));
    font-size: 1em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;

	border-radius: 10px;
}

.bouton_vide_panier:hover
{
	box-shadow: 1px 1px 5px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}

.bouton_telecharger
{
	display: inline-block;
	margin: 0;	
	margin-top: 10px;
	margin-bottom: 20px;	
	padding: 10px;		
	padding-top: 15px;	
	background: radial-gradient( rgba( 151, 151, 255, 1), rgba( 0, 0, 255, 1));
    font-size: 1em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
	font-weight: bold;
	font-size: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
	border-radius: 20px;
}

.bouton_telecharger:hover
{
	box-shadow: 1px 1px 5px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}

.bouton_livre
{
	display: inline-block;
	width: 40%;
	height: 20px;
	margin: 0;	
	margin-top: 10px;
	margin-bottom: 20px;	
	padding: 10px;		
	padding-top: 15px;	
	background: radial-gradient( rgba( 151, 151, 255, 1), rgba( 0, 0, 255, 1));
    font-size: 1em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
	font-weight: bold;
	font-size: 0.9em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;

	border-radius: 10px;
}

.bouton_demande:active
{
	box-shadow: 1px 1px 5px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}
.bouton_demande
{
	display: inline-block;
	width: 40%;
	height: 20px;
	margin: 0;	
	margin-top: 10px;	
	padding: 10px;		
	padding-top: 15px;	
	background: radial-gradient( rgba( 151, 151, 255, 1), rgba( 0, 0, 255, 1));
    font-size: 1em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
	font-weight: bold;
	font-size: 0.9em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;

	border-radius: 10px;
}

.bouton_demande:active
{
	box-shadow: 1px 1px 5px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
}



.bouton_conf_vide_panier
{
	display: inline-block;
	width: 280px;
	height: 20px;
	margin: 0;	
	margin-top: 10px;	
	padding: 10px;	
	background: radial-gradient( rgba( 77, 208, 92, 1), rgba( 0, 148, 17, 1));
    font-size: 1em;
	box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
	font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
	border-radius: 10px;
}

.bouton_annule_vide_panier
{
		display: inline-block;

	width: 280px;
	height: 20px;
	margin: 0;	

	margin-top: 10px;	
	padding: 10px;	
	background: radial-gradient( rgba( 255, 145, 145, 1), rgba( 255, 0, 0, 1));

	font-size: 1.2em;
		box-shadow: 1px 1px 5px white inset, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	border: 1px solid black;
    color: #000000;
    font-family: 'titre', sans-serif;
font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;

	border-radius: 10px;
}

.question
{
font-family: 'titre', sans-serif;
font-size: 1.5em;
margin-right: 30px;
margin-left: 30px;

}

.bouton_panier
{
		display: inline-block;
font-weight: bold;
	width: 280px;
	height: 20px;
	margin: 0;	
background-color: black;
	margin-top: 10px;
	padding-top: 10px;	
	padding: 10px;	
	border-radius: 10px;
	font-size: 1.2em;
}
.bouton_panier_valid
{
font-family: 'titre', sans-serif;
    text-transform: uppercase;
	display: inline-block;
	width: 280px;
	height: 20px;
	margin: 0;	
	background: radial-gradient( rgba( 77, 208, 92, 1), rgba( 0, 148, 17, 1));
font-weight: bold;
	margin-top: 10px;	
	padding: 10px;	
	border-radius: 10px;
	color: white;

	font-size: 1.2em;
}
.bouton_panier_support
{
		display: inline-block;
font-weight: bold;
	width: 400px;
	height: 40px;
	margin: 0;	
background-color: black;
	margin-top: 30px;	
	padding: 10px;
	padding-top: 25px;
	border-radius: 10px;
}



.aide_visio_paysage
{
	float: right;
	width: 60px;
	height: 60px;
	margin: 0;
	margin-bottom: 15px;
	margin-top: -15px;
	padding: 10px;
	border-radius: 10px;
}
.haut_panier
{
	display: inline-block;
	vertical-align: middle;
	
	width: 100%;
	max-width: 600px;
	height: 110px;
	margin: 0;
	padding: 10px;
   border-radius: 10px;
}
.fgenetre_aide
{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	background-color: black;
	width: 100%;
	max-width: 600px;
	margin: 0;
	padding: 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
    border-radius: 10px;
text-align: center;
}
.ligne_panier
{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	background-color: black;
	width: 100%;
	max-width: 600px;
	margin: 0;
	padding: 10px;
    border-radius: 10px;
text-align: center;
}
.ligne_panier img
{
	border: 3px solid white;
	margin-top: 20px;
    border-radius: 10px;
}
.ligne_panier a img
{
	border: none;
	margin-top: 20px;
	padding-left: 10px;
    border-radius: 10px;
}
.ligne_panier table
{
	display: inline;
}
  .cheque table
{	

	margin-left: auto;
	margin-right:auto;

}

  .email
{	

font-size: 0.5em;
}


#contact {

	display: inline-block;
	vertical-align: middle;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
	background-color: black;
	width: 100%;
	max-width: 600px;
	margin: 0;
	padding: 10px;
	margin-bottom: 20px;
	padding-bottom: 30px;
    border-radius: 10px;
text-align: center;
  
}

#contact table
{
	display: inline;
}
.reseau
{
margin-top: 20px;
}
.reseau img
{
margin: 0;
margin-right: 10px; 
margin-left: 10px;
}

 /****************************************************************************************************************************************/ 
/************************************************         PIED DE PAGE      *****************************************************************/ 
 /****************************************************************************************************************************************/ 
.centre_mention
{
	display: inline-block;
	margin: 0;
	padding: 10px;
	background-color: black;
	border: 1px solid white;
	box-shadow: 1px 1px 10px white, 0 1px 0 rgba( 0, 0, 0, 0.4); 
   border-radius: 10px;
	height: 600px;
	overflow: auto;
}
/* lien de mention legale */
.mention
{
color: white;
text-decoration: none;
}
.mention:hover
{
    color: white;
    border-bottom: 1px solid white;
    font-family: 'titre', sans-serif;
    font-weight: bold;
}

footer
{

text-align: center;
font-family: 'titre', sans-serif;
text-decoration: none;
margin: 0;
margin-top: 10px;
padding: 0;
}
footer img
{

padding: 5px;
}
 /****************************************************************************************************************************************/ 
 														/* Pour un affichage inférieur 768 px de large */ 
 /****************************************************************************************************************************************/ 
 
@media all and (max-width: 500px)
{
			 		/* disparition du bas de la cartouche bas avec la devise */ 
#cartouche_haut
	{
		display: none;
	}

	.centre
	{
		display: inline-block;
		vertical-align: top;
		width:100%;
		height: 820px;
		margin: 0;
		margin-bottom: 20px;
		
		text-align: center;
	}
	.footer
	{
		margin-bottom: 20px;
		height: 120px;
	}
}

 
  /*import la feuille de style de l'index*/ 
 @import "index.css";