body
{
	background: url(../Images/Main_02.jpg) 0 10em no-repeat fixed;
	background-size: cover;
	background-color:#000000;
	overflow:hidden;
}


div#Conteneur 
{
	background:transparent;
}

div#RL
{
	background:transparent;
}
	
div#bandeau 
{
	height:215px;
	background:transparent;
}

div#bandeauleft 
{
	float:left;
	height:215px;
	background:transparent;
	z-index:20;
}

div#bandeauright
{
	height:215px;
	background:transparent;
	z-index:5;
}

div#main 
{
	background:transparent;
	z-index:5;
	width:100%;
}

div#piedpage 
{
	height:50px;
	background:transparent;
	clear:both;
}	

div#menu 
{
	float:left;
	width:430px;
	background:transparent;
	margin:2em auto;
	z-index:10;
}

div#menuhaut 
{
	width:430px;
	background:transparent;
	z-index:15;
}

div#menubas 
{
	width:430px;
	background:transparent;
	z-index:15;
}

.Menu_Haut p
{
	background:transparent;
}

.pArticle
{
	background:transparent;
}

.Ul_Menu
{
	margin:5px;
	padding:5px;
}

.mainRight
{
	float:right;
	width:37%;
	height:30.2em;
	margin:10px auto;
	background:transparent;
	overflow:auto;
}

.mainCenter
{
	width:70%;
	height:33em;
	margin:5px auto;
	background:transparent;
	overflow:auto;
}

.article 
{
	display: block;
	position: relative;
	width: 100%;
	background:transparent;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px auto 0 auto;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	margin: 50px auto 0 auto;
	font-size:18px;
}

.menugauche
{
	display: block;
	background:transparent;
	padding: 10px auto 0 auto;
	margin: 170px auto 0 auto;
}

.menuspectacle
{
	display: block;
	background:transparent;
	padding: 10px auto 0 auto;
	margin: 140px auto 0 20px;
}

.menuphoto
{
	display: block;
	background:transparent;
	padding: 10px auto 0 auto;
	margin: 170px auto 0 20px;
}

.FicheContact
{
	display: block;
	background: rgba(0,0,0, .6);
	padding: 5px auto 0 auto;
	margin: 5px auto 0 550px;
}

.InfoContact
{
	display: block;
	background: rgba(0,0,0, .6);
	padding: 5px auto 0 auto;
	margin: 50px auto 0 5px;
}

.FicheContactEnvoi
{
	display: block;
	background: rgba(0,0,0, .6);
	height:700px;
	padding: 5px auto 0 auto;
	margin: 5px auto 0 550px;
}

.articlebio 
{
	display: block;
	position: relative;
	width: 100%;
	background: rgba(0,0,0, .8);
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px auto 0 auto;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	display: block;
	margin: 10px auto 0 auto;
	font-size:18px;
}

.FicheSpectacle 
{
	background: rgba(0,0,0, .7);
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px auto 0 auto;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	display: block;
	margin: 10px auto 0 auto;
	font-size:1.4em;
	vertical-align:top;
}

.audioTitre
{
	float:left;
    width:35%;
	background: rgba(0,0,0, .8);
}

.videoTitre
{
	float:left;
    width:35%;
	height:34em;
	background: rgba(0,0,0, .8);
	overflow:auto;
}

.audio
{
	display:block;
	background: rgba(0,0,0, .8);
}

.listetitre
{
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px auto 0 auto;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	margin: 10px auto 0 auto;
	font-size:18px;
}

.listetitreVideo
{
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px auto 0 auto;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	margin: 10px auto 0 auto;
	font-size:18px;
	overflow:auto;
}

.article:p
{
	text-align:justify;
	text-justify: inter-word;
}

.pCenter
{
	text-align:center;
	font-size:24px;
	background: transparent;
}

.bio li {list-style-type: none;}
.bio li:before {
    content: "\A4 \ ";
}

.listeaudio ol {counter-reset: repas;} /* on initialise et nomme un compteur */
.listeaudio li {
    list-style-type: none;
    counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
    margin-bottom: 10px;
}
.listeaudio li:before {
    content: counter(repas); /* on affiche le compteur */
    padding: 0 20px 6px;
    margin-right: 8px;
    /*vertical-align: top;*/
    background: #ffc107;
    -moz-border-radius: 60px;
	-webkit-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.6em;
    color: white;		
}

.imgbouton
{
	background: url(../Images/boutonDate.png) no-repeat;
	width:120px;
	height:30px;
	text-align:center;
	font-weight: bold;
    font-size: 1.1em;
    color: black;
	cursor:pointer;
}

.imgboutonPhoto
{
	background: url(../Images/boutonPhoto.png) no-repeat;
	width:250px;
	height:30px;
	text-align:center;
	font-weight: bold;
    font-size: 1.1em;
    color: black;
	cursor:pointer;
}

.pJustify
{
	text-align:justify;
	font-size:18px;
	background: transparent;
}

.lblform
{
	text-align:right;
	vertical-align: top;
	font-size:18px;
	background: transparent;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	font-weight: bold;
}

.champform
{
	text-align:left;
	font-size:18px;
	background: transparent;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	font-weight: bold;
}

.champerreur
{
	text-align:left;
	font-size:18px;
	background-color: red;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	font-weight: bold;
}

.listform
{
	text-align:left;
	font-size:18px;
	background: transparent;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	font-weight: bold;
	cursor:pointer;
	width:280px;
}

.ResultEnvoi
{
	text-align:center;
	vertical-align: top;
	font-size:1.6em;
	background: transparent;
	color: rgba(255,193,7, .8);
	text-shadow: 0 2px 0 #000;
	line-height: 1.5;
	font-weight: bold;
}
	
div#contenuSlide
{
	top: 130px;
	padding: 5px 150px 0 0 ;
	overflow: hidden;
	background-color:transparent;
}	

.ImgBT
{
	cursor:pointer;
	text-decoration: none;
}	

.Signature
{
	padding-left : auto;
	padding-right: auto;
	margin-left : 50%;
	margin-right: auto;
}

.Duree
{
	font-style:italic;
	font-weight:bold
}

.audioliste
{
	overflow:auto;
}

.video_liste
{
	/*overflow:scroll;*/
	background: rgba(255,255,255, .8);
}

/******************** SECTION LIENS - DEBUT *******************/
div#Partenaires{
	position: relative;
	/*width: 30%;
	height: 310px;*/
	padding: 10px;
	/*border: 1px solid #D76260;*/
	margin: 0 20px 2em;
	background: rgba(0,0,0, .8);
	color : #ffc107;
	/*background: #c62c2a;
	background: -webkit-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: -moz-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: -ms-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: -o-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);*/
	
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	float:left;
}

div#PartenairesRight
{
	position: relative;
	/*width: 35%;
	height: 310px;*/
	padding: 10px;
	background: rgba(0,0,0, .8);
	color : #ffc107;
	/*border: 1px solid #D76260;*/
	margin: 0 20px 2em;
	/*background: #c62c2a;
	background: -webkit-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: -moz-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: -ms-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: -o-linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);
	background: linear-gradient(#c62c2a, #c62c2a 20%, #F97573 80%, #D76260);*/
	
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	float:right;
}

a#Partenaires 
{
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	padding:40px;
	color: #ffc107 ;
	/*text-decoration: none ;
	border-right: 1px solid #000 ;*/
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

a#Partenaires :hover
{
	/*background: url(../image/MenuActif.png);*/
	/*margin: 0 5px;*/
	color: #ffc107;
	/*background-color:#000;*/

}
/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */ 
 
a#Partenaires :focus
{
	/*background: url(../image/bg_menu.ong);*/
	/*margin: 0 5px;*/
	color: #cc0000;
	font-weight:bold;
}

a#Partenaires :active
{
	/*background: url(../image/bg_menu.png);*/
	/*margin: 0 5px;*/
	color: #cc0000;
	font-weight:bold;
}


ul#ul_partenaire{
	padding : 5px 20px;
}

div#contenuvide h1
{
	/*padding-left: 80px ;
	line-height: 30px ;*/
	font-size: 1.7em ;
	text-align:center;
	color: #ffc107;
	/*background-color : transparent;
	border-bottom: 2px solid #ffc107 */;
}

div#contenuvide h2
{
	/*padding-left: 80px ;*/
	line-height: 30px ;
	font-size: 1.4em ;
	text-align:left;
	color: #ffc107;
	background-color : transparent;
	border-bottom: 2px solid #ffc107 ;
}

/******************** SECTION LIENS - FIN *******************/

@media only screen and (max-width:1280px) 
{
	body {
			overflow:auto;
		}
		
	div#menu 
	{
		float:left;
		width:330px;
		background:transparent;
		margin:2em auto;
		z-index:10;
	}
	
	div#main 
	{
		background:transparent;
		z-index:5;
		width:100%;
		margin:5em auto;
	}
	
	div#Partenaires
	{
		position: relative;
		width: 33%;
		padding: 5px;
		margin: 0 10px 2em;
		background: rgba(0,0,0, .8);
		color : #ffc107;
		
		-webkit-border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		
		-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
		-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
		box-shadow: 0 0 3px rgba(0,0,0, 0.2);
		float:left;
	}
	
	a#Partenaires 
	{
		font-size: 1.2em ;
		font-weight: bold ;
		letter-spacing: 1px ;
		padding:30px;
		color: #ffc107 ;
	}
}