.barcode{
       white-space:pre; 
	   
	   /* <span class="barcode">*AA-XXXX    *"</span> */
}

p
{
    font-size: 0.6em;
    color: black; 
    text-align: justify;
} 

p.p1
{
   font-size: 0.65em;
    color: rgb(250,219,182); 
    display: block;
    width: 800px;
    line-height: 0.1em;
    padding: 0.1em 3.5em;
}


p.p2
{   
    position: relative;
    font-size: 1.2em;
    color: rgb(233,83,34); 
    display: block;
    line-height: 0.1em;
    padding: 0.1em 3.5em;
    left: 200px; 
    top: 65px;
    width: 455px;
}

p.p3
{   
    position: relative;
    text-align: justify;
    font-size: 1.2em;
    color: black; 
    display: block;
    left: 50px; 
    top: -130px;
    width: 1200px;
}

p.p4
{   
    position: relative;
    text-align: justify;
    font-size: 1.2em;
    color: black; 
    display: block;
    left: 50px; 
    top: 10px;
    width: 1200px;
}

p.p5
{   
    font-size: 0.8em;
    color: black; 
    display: block;
    left: 50px; 
    top: 10px;
    width: 1200px;
}

p.p51
{   
    font-size: 0.9em;
    color: black; 
    position: relative;
    left: 100px; 
    top: -100px;
    width: 800px;
}

p.p52
{   
    font-size: 0.8em;
    color: black; 
    position: relative;
    left: 150px; 
    top: -120px;
    width: 800px;
}

p.p6
{   
    font-size: 2.5em;
    color: black; 
    text-align: center;
    top: -200px;
}

p.p7
{   
    font-size: 0.8em;
    color: black; 
    text-align: center;
}

p.p71
{   
    font-size: 0.8em;
    color: black; 
}
p.p8
{   
    font-size: 1.1em;
    color: black; 
    text-align: center;
}

p.p9
{   
    font-size: 1.2em;
    color: blue; 
}

p.p10
{   
    position: relative;
    text-align: justify;
    font-size: 1.2em;
    color: red; 
    display: block;
    left: 50px; 
    top: -130px;
    width: 1200px;
}

p.p11
{   
    font-size: 1.9em;
    color: black; 
	margin: 10px;
	text-align: center;
	valign= top;
}
p.priv
{   
    font-size: 0.8em;
    margin-left: 100px;
    width: 900px;
}

p.privcenter
{   
    font-size: 0.8em;
	text-align: center;
}

p.privtitre
{   
    font-size: 1.2em;
	text-align: center;
    color: blue; 
}

p.privmark
{   
    font-size: 1.2em;
	text-align: center;
    color: red; 
}

p.privliste1
{   
    font-size: 0.8em;
    margin-left: 000px;
    width: 900px;
}

p.privliste2
{   
    font-size: 0.8em;
    margin-left: 200px;
    width: 900px;
}

p.privliste3
{   
    font-size: 0.8em;
    margin-left: 300px;
    width: 900px;
}


p.blocvide
{
    width: 250px;
border: 0 none;
}

p.blocvide2
{
    width: 50px;
}

p.presentation1
{
   position: relative;
    /*   z-index: 1;  
    border: 1px solid black; 
   position: absolute;*/
    width: 367px;
    left: 185px; 
   top: -5px; 
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(204, 156, 53, 0.9);
}

p.presentation2
{
   position: relative; 
    width: 410px;
    left: 740px; 
    top: -262px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(204, 156, 53, 0.9);
}

p.presentation3
{
   
   position: relative; 
    width: 550px;
    left: 15px; 
    top: -105px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(204, 156, 53, 0.9);
}

p.presentation4
{
    
   position: relative; 
    width: 460px;
    left: 40px; 
    top: -95px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(255, 230, 80, 0.9);
}

p.presentation5
{    
    font-size: 1em;
    position: relative; 
    width: 200px;
    left: -180px; 
    top: -100px;
    padding: 5px; /* Marge intérieure de 12px */
}

p.presentation6
{    
    font-size: 1em;
    position: relative; 
    width: 200px;
    left: 30px; 
    top: 0px;
}

p.presentation60
{    
    position: relative; 
    width: 1000px;
    text-align: center;
}

p.presentation61
{    
    font-size: 1.1em;
    position: relative; 
    width: 1000px;
    left: 200px; 
    top: 0px;
}

p.presentation62
{    
    font-size: 0.8em;
    position: relative; 
    text-align: center;
    width: 720px;
    left: 300px; 
    top: -50px;
}

p.presentation63
{    
    position: relative; 
    width: 1000px;
    left: 350px; 
    top: -50px;
}

p.presentation64
{    
    font-size: 0.5em;
    position: relative; 
    width: 1000px;
    left: 100px; 
    top: -50px;
}

p.presentation7
{
    
   position: relative; 
    font-size: 1.2em;
    text-align: center;
    width: 320px;
    left: 520px; 
    top: -125px;
    border-radius: 20px;
    border: dashed red;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(255, 230, 80, 0.9);
}

p.presentation71
{
    
   position: relative; 
    font-size: 1.2em;
    text-align: center;
    width: 320px;
    left: 520px; 
    top: -125px;
    border-radius: 20px;
    border: dashed red;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(255, 230, 80, 0.9);
}

p.presentation8
{
    
   position: relative; 
    font-size: 0.6em;
    width: 570px;
    left: 20px; 
    top: 0px;
    border-radius: 20px;
    border: dashed red;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(0, 255 ,0);
}

p.presentation9
{
    
   position: relative; 
    font-size: 1.4em;
    text-align: center;
    width: 500px;
    left: 400px; 
    top: -20px;
    border-radius: 20px;
    border: dashed red;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(0, 255 ,0);
}

p.pres1
{
    /* position: relative;
     z-index: 1;  
    border: 1px solid black; 
   top: 20px; */
   position: absolute;
    left: 50px; 
    width: 550px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(230, 230, 200, 0.8);
}

p.pres2
{
   position: relative; 
    left: 650px; 
    top: -55px;
    width: 450px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(230, 170, 110, 0.8);
}

p.pres3
{
   
   position: relative; 
    left: 30px; 
    top: -30px;
    width: 500px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(200, 140, 80, 0.8);
}

p.pres4
{
    
   position: relative; 
    left: 60px; 
    width: 350px;
    border-radius: 20px;
    padding: 12px; /* Marge intérieure de 12px */
    background-color: rgba(204, 156, 53, 0.8);
}

p.ici
{
    
   position: relative; 
    width: 40px;
    left: -100px; 
    top: 0px;
    border-radius: 20px;
    padding: 10px; /* Marge intérieure de 12px */
    background-color: rgba(255, 0, 0, 0.9);
}

p.list1
{    
   position: relative; 
    width: 1150px;
    left: 0px; 
    top: 0px;
    border-radius: 20px;
    padding: 5px; /* Marge intérieure de 12px */
    background-color: rgba(120, 252, 126, 0.9);
}

p.list2
{
   position: relative; 
    width: 1150px;
    left: 0px; 
    top: 0px;
    border-radius: 20px;
    padding: 5px; /* Marge intérieure de 12px */
    background-color: rgba(75, 200, 140, 0.4);
}

p.list3
{
   position: relative; 
    width: 1150px;
    left: 0px; 
    top: 0px;
    border-radius: 20px;
    padding: 5px; /* Marge intérieure de 12px */
    background-color: rgba(255, 0, 0, 0.3);
}

background-image 
{	
border:none;
}

section
{
    font-size: 0.6em;
} 

#conteneur
{
    display: inline-block;
}

a{
border-style: none;;
}


a.a1 {
    font-size: 0.5em;
    color: rgb(250,219,182); 
    display: block;
    line-height: 0.1em;
    padding: 0.1em 3.5em;
     } 

a.a2 {
    font-size: 1em;
    color: rgb(255,255,255); 
    display: block;
    line-height: 0.1em;
    padding: 0.1em 3.5em;
    } 

a.a22 {
    font-size: large;
    color: black; 
    display: block;
    line-height: 0.1em;
    padding: 0.05em 3.5em;
    } 

    
a.a23 {
    font-size: large;
    color: black; 
    line-height: 0.1em;
    padding: 1em 0.35em;
    } 
       
a.a3
{   
    position: relative;
    font-size: 1.2em;
    color: rgb(233,83,34); 
    display: block;
    line-height: 0.1em;
    padding: 0.1em 3.5em;
    left: 200px; 
    top: 0px;
    width: 455px;
}
    
a.a4
{   
    position: relative;
    font-size: 1.6em;
    color: black; 
    display: block;
    left: 0px; 
    top: 0px;
    width: 600px;
}   
    
a.a42
{   
    position: relative;
    font-size: 1.6em;
    color: black; 
    display: block;
    padding: 0.1em 3.5em;
    width: 600px;
}   
    
a.a5
{   
    position: relative;
    font-size: 1.2em;
    color: black; 
    display: block;
    left: 0px; 
    top: 0px;
    width: 600px;
}   
    
a.a6
{   
    position: relative;
    font-size: 1.6em;
    text-align: center;
    color: black; 
    display: block;
    left: 350px; 
    top: -100px;
    width: 640px;
}   
    
a.a7
{   
    font-size: 1.6em;
    color: black; 
}   

    .video1
	{
        height: 157px;
        position: absolute;
    left: 185px; 
    top: 325px;
    }
    .video2
	{
        height: 157px;
        position: absolute;
    left: 900px; 
    top: 325px;
    }
	
a.a8
{   
    font-size: 1.7em;
    color: #eb2ce2; 
	font-weight: 900;
}	
	
a.a9
{   
    font-size: 0.7em;
    color: blue; 
}
	
a.a91
{   
    font-size: 0.6em;
    color: blue; 
}
	

@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

	.element1,
	.element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les éléments superflus */

	.hide_mobile {
		display: none !important;
	}
	
	/* Un message personnalisé */

	body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}
}

	/* La touche finale : réduire de façon harmonieuse toutes les tailles de polices en orientation paysage (car bugguée sur les périphériques iPhone et iPad). */

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}



a.a5:link {font-size: X-large; color: #FFFFFF; text-decoration: none} 
a.a5:visited {font-size: large; color: #0000FF; text-decoration: none} 
a.a5:active {font-size: large; color: rgb(255,255,255); font-weight:900} 
a.a5:hover {font-size: XX-large; color: #FFFFFF; font-weight:900}


a.a4:link {color: #66CCFF} 
a.a4:visited {color: #66CCFF} 
a.a4:active {color: #66CCFF; text-decoration: none} 
a.a4:hover {color: #FFFFFF; font-weight:900}

#tablerenseign
{
	width:1200px;
	height:80px;
    /* border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
#tablerenseign td
{
    padding-left: 20px;
	width:220px;
	text-align: center;
}
#tablerenseign p
{
    margin-left: 20px;
	height:78px;
	width:220px;
	text-align: center;
}


#tablechant
{
border:  solid #000000;
    /* border-collapse: collapse;  Les bordures du tableau seront collées (plus joli) */
}
#tablechant th
{
font-family: monospace;
    font-size: 1.5em;
	font-weight: 900;
	text-align: center;
	line-height: 0.5;
border: thin solid #6495ed;
background-color: #D0E3FA;
background-image: url(photos/sky.jpg);
border: medium solid #000000;
}
#tablechant th p
{
	text-align: center;
}
#tablechant td
{
	text-align: center;
	line-height: 0.5;
    font-size: 0.8em;
border: thin solid #6495ed;
}
#tablechant td p
{
	text-align: left;
    font-size: 0.8em;
}
#tablechant tr:nth-child(odd) {
  background-color: #00FFFF;
}
#tablechant tr:nth-child(even) {
  background-color: #CBFFFF;
}

#tableinfo
{
border:  solid #000000;
    /* border-collapse: collapse;  Les bordures du tableau seront collées (plus joli) */
}
#tableinfo th
{
font-family: monospace;
    font-size: 1.5em;
	font-weight: 900;
	text-align: center;
	line-height: 0.5;
border: thin solid #6495ed;
background-color: #D0E3FA;
background-image: url(photos/lagon.jpg);
border: medium solid #000000;
}
#tableinfo th p
{
	text-align: center;
}
#tableinfo td
{
	text-align: center;
	line-height: 0.5;
    font-size: 0.8em;
border: thin solid #6495ed;
}
#tableinfo td p
{
	text-align: left;
    font-size: 0.8em;
}
#tableinfo tr:nth-child(odd) {
  background-color: #32CD32;
}
#tableinfo tr:nth-child(even) {
  background-color: #98FB98;
}

#tableconcerts
{
border:  solid #000000;
    /* border-collapse: collapse;  Les bordures du tableau seront collées (plus joli) */
}
#tableconcerts th
{
font-family: monospace;
    font-size: 1.5em;
	font-weight: 900;
	text-align: center;
	line-height: 0.5;
border: thin solid #6495ed;
background-color: #D0E3FA;
background-image: url(photos/mur.jpg);
border: medium solid #000000;
}
#tableconcerts th p
{
	text-align: center;
}
#tableconcerts td
{
	text-align: center;
	line-height: 0.3;
    font-size: 0.8em;
border: thin solid #6495ed;
}
#tableconcerts td p
{
	text-align: left;
    font-size: 0.8em;
}
#tableconcerts tr:nth-child(odd) {
  background-color:  #f9e79f ;
}
#tableconcerts tr:nth-child(even) {
  background-color:  #f4d03f ;
}



.container{
    height: 564px;
    width: 790px;
	text-align: center;
   }
    .txt1{
        height: 564px;
        position: absolute;
        z-index: 0.9;
       
    }
    .txt2{
        height: 42px;
        position: absolute;
	margin: 100px 325px;
        z-index: 1;
    }
    .img2{
        height: 37px;
        position: absolute;
	margin: 245px 30px;
        z-index: 2;
       
    }
    .img3{
        height: 32px;
        position: absolute;
	margin: 390px 205px;
        z-index: 3;
    }
    .img4{
        height: 28px;
        position: absolute;
	margin: 500px 440px;
        z-index: 4;
       
    }
    .img5{
        height: 23px;
        position: absolute;
	margin: 373px 625px;
        z-index: 5;
    }



/*
    Deselected 

	*/