/********
	global
********/
* 
{
	box-sizing: border-box;
	margin: 0;
}

html {
	scroll-behavior: smooth;
}

body{	
	background-color: white;
	color: black;
	font-family: Verdana;
	font-style: normal;
	font-size: 13px;		
}

h1{	
	color: black;
	font-size: 40px;
	font-weight: bold;	
}

.TitreH1{
	color: #FECC2B;
	font-size: 30px;
}

h2{
	color: black;
	font-size: 30px;
	font-weight: bold;	
}

.ActuH2{
	font-size: 18px;
}

h3{
	color: #FECC2B;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
}

.ActuH3{
	font-size: 16px;
}

.TitreH3{
	color: #FECC2B;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 20px;
}

.MoisH3{
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding-top: 0;
	padding-bottom: 10px;
}

h4{
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

h5{
	background-color: black;
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;		
	text-align: center;
	padding: 4px;
}

a{
	text-decoration: none;
	color: #BB3E44;
}


.TableInfo{
	width: 100%;
	border: 1px solid #EEEEEE;
	border-collapse: collapse;	
	font-size: 13px;
}

.TableInfo th{
	width: 33.33%;
	background-color: #EEEEEE;
	border: 1px solid white;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.TableInfo td, .TableInfo2 td{
	border: 1px solid #EEEEEE;
	text-align: center;	
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;		
}

.TableInfo2{
	width: 33.33%;
	border: 1px solid #EEEEEE;
	border-collapse: collapse;	
	font-size: 13px;
}

.TableInfo2 th{
	background-color: #EEEEEE;
	border: 1px solid white;
	padding-top: 5px;
	padding-bottom: 5px;		
}

/*********
	header
*********/

Header{
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
}

.LogoHeader{
	margin: auto;
	width: 30%;
	text-align: right;
}

.LogoImg{
	width: 200px;
	height: 200px;
}

.TitreHeader{
	margin: auto;
	width: 70%;		
	padding-left: 50px;
}

/*******
	menu
*******/

Nav{
	margin: auto;
	padding-top: 30px;
}

.MenuNav{
	background-color: #000000;
	text-align: center;
	position: relative;
	z-index: 2;
}

.Menu{
	display: none;
}

.Menu li{
	list-style-type: none;
	width: 12.5%;
	vertical-align: middle;
}
 
.Menu li ul li{
	display: none;
	width: 100%;
	padding: 4px;
}

.Menu li ul {
	position: absolute;
}

.Menu li:hover ul li {
	display: block;
	float: none;
}

.ChbMenu:checked ~ .Menu, 
.ChbMenu:checked ~ .MenuActif{
	display: block;
}

.ChbMenu{
	display: none;
}

.IconMenu{
	color: #FECC2B;
	font-size: 40px;
	font-weight: bold;
}

.LabelMenu{
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

.BtnMenu{
	width: 100%;
	height: 40px;
	border: 0px solid white;
	background-color: black;
	cursor: pointer;
	color: white;
	font-size: 15px;
	font-weight: bold;	
}

.BtnMenu:hover{
	color: #FECC2B;
}

.BtnMenuActif{
	width: 100%;
	height: 40px;
	border: 0px solid white;
	background-color: black;
	cursor: default;
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;	
}

.SousMenu{
	background-color: #000000;
	padding: 0;
}

.BtnSousMenu{
	width: 100%;
	height: 25px;
	border: 0px solid white;
	background-color: black;
	cursor: pointer;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

.BtnSousMenu:hover{
	color: #FECC2B;
}

/************
	carrousel
************/

#Carroussel{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 75%;	
	margin-top: 40px;
	z-index: 1;
}

.Slide{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

img.ImgSlide{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;	
	background: transparent;
}

/*******
	main
*******/

Main{
	max-width: 1152px;
	margin: auto;
	padding-top: 30px;
}

.LibPageMain{
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;	
}

.LibPage{
	width: 100%;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
}

.PageMain{
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

.ListBtnAccueil{
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: center;
}

.DivBtnAccueil{
	width: 25%;
	text-align: center;
	padding-top: 50px;
}

.BtnAccueil{
	width: 100%;
	height: auto;
	max-width: 250px;
	max-height: 150px;
	border: 0px solid white;
	border-radius: 10px;
	background-color: #BB3E44;
	cursor: pointer;
	color: white;
	font-size: 21px;
	font-weight: bold;	
	padding: 30px;
}

.BtnAccueil:hover{
	background-color: #FECC2B;
}

.LabelBtnAccueil{
	font-size: 13px;	
	font-weight: normal;
	padding-top: 10px;	
}

.ParagrapheMain{
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}

.MemoParagraphe{
	width: 100%;
	color: black;
	text-align: justify;
}

.MemoParagrapheActu{
	width: 100%;
	color: black;
	text-align: left;
	padding-top: 20px;
}

.MemoParagraphe120{
	width: 80%;
	color: black;
	text-align: justify;
	padding-left: 20px;
}

.MemoParagrapheActu120{
	width: 100%;
	color: black;
	text-align: justify;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.MemoParagraphe160{
	width: 80%;
	color: black;
	text-align: justify;
	padding-left: 20px;
}

.MemoParagrapheActu160{
	width: 100%;
	color: black;
	text-align: justify;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.MemoParagraphe240{
	width: 65%;
	color: black;
	text-align: justify;
	padding-left: 20px;
}

.MemoParagrapheActu240{
	width: 100%;
	color: black;
	text-align: justify;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.MemoParagraphe320{
	width: 65%;
	color: black;
	text-align: justify;
	padding-left: 20px;
}

.MemoParagrapheActu320{
	width: 100%;
	color: black;
	text-align: justify;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.ImgParagraphe{
	width: 20%;
	text-align: center;
}

.ImgParagrapheActu{
	width: 100%;
	text-align: center;
}

.ImgParagraphe2{
	width: 20%;
	text-align: center;
}

.ImgParagrapheActu2{
	width: 100%;
	text-align: center;
}

.ImgParagraphe3{
	width: 35%;
	text-align: center;
}

.ImgParagrapheActu3{
	width: 100%;
	text-align: center;
}

.ImgParagraphe4{
	width: 35%;
	text-align: center;
}

.ImgParagrapheActu4{
	width: 100%;
	text-align: center;
}

img.Img120x{
	width: 100%;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	background: transparent;
}

img.Img160x{
	width: 100%;
	height: auto;
	max-width: 160px;
	max-height: 120px;
	background: transparent;
}

img.Img240x{
	width: 75%;
	height: auto;
	max-width: 240px;
	max-height: 320px;
	background: transparent;
}

img.Img320x{
	width: 100%;
	height: auto;
	max-width: 320px;
	max-height: 240px;
	background: transparent;
}

.Podium{
	display: none;
}

.ChbPodium:checked ~ .Podium{
	display: block;
}

.ChbPodium{
	display: none;
}

.LabelPodium{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium2{
	display: none;
}

.ChbPodium2:checked ~ .Podium2{
	display: block;
}

.ChbPodium2{
	display: none;
}

.LabelPodium2{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium3{
	display: none;
}

.ChbPodium3:checked ~ .Podium3{
	display: block;
}

.ChbPodium3{
	display: none;
}

.LabelPodium3{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium4{
	display: none;
}

.ChbPodium4:checked ~ .Podium4{
	display: block;
}

.ChbPodium4{
	display: none;
}

.LabelPodium4{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium5{
	display: none;
}

.ChbPodium5:checked ~ .Podium5{
	display: block;
}

.ChbPodium5{
	display: none;
}

.LabelPodium5{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium6{
	display: none;
}

.ChbPodium6:checked ~ .Podium6{
	display: block;
}

.ChbPodium6{
	display: none;
}

.LabelPodium6{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium7{
	display: none;
}

.ChbPodium7:checked ~ .Podium7{
	display: block;
}

.ChbPodium7{
	display: none;
}

.LabelPodium7{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium8{
	display: none;
}

.ChbPodium8:checked ~ .Podium8{
	display: block;
}

.ChbPodium8{
	display: none;
}

.LabelPodium8{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium9{
	display: none;
}

.ChbPodium9:checked ~ .Podium9{
	display: block;
}

.ChbPodium9{
	display: none;
}

.LabelPodium9{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium10{
	display: none;
}

.ChbPodium10:checked ~ .Podium10{
	display: block;
}

.ChbPodium10{
	display: none;
}

.LabelPodium10{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.Podium11{
	display: none;
}

.ChbPodium11:checked ~ .Podium11{
	display: block;
}

.ChbPodium11{
	display: none;
}

.LabelPodium11{
	color: #BB3E44;
	font-weight: bold;
	cursor: pointer;
	padding-left: 25px;
}

.CompilPhoto{
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: center;
}

.DivPhoto{
	flex: 0 0 50%;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-right: 20px;	
}

.Photo{
	width: 100%;
	text-align: center;
	padding-top: 20px;	
}

img.PhotoPortrait{
	width: 75%;
	height: auto;
	background: transparent;
}

img.PhotoPaysage{
	width: 100%;
	height: auto;
	background: transparent;
}

.TitrePhoto{
	width: 100%;
	text-align: center;
	padding-top: 20px;
}	

.CompilVideo{
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.DivVideo{
	flex: 0 0 50%;
	flex-wrap: wrap;
	padding-left: 20px;
	padding-right: 20px;	
}

.Video{
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;	
}

.VideoActu{
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	pointer-events: none;
}

.IframeVideo{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 20px;
}	

.TitreVideo{
	width: 100%;
	text-align: center;
	padding-top: 20px;
}	

.ListActualite{
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.DivActualite{
	width: 40%;
	height: auto;
	overflow: hidden;
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
}

.DivActualite2{
	width: 40%;
}

.ListLienMain{
	padding-top: 20px;
}

.ListLienMainActu{
	padding-top: 10px;
}

a.LienPageMain{
	color: #BB3E44;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
}

.BasMain{
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: center;
	padding: 40px;
}

.DivBasMain{
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

a.NavigBasMain{
	color: #BB3E44;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
}

a.NavigBasPageMain{
	border: solid 1px #EEEEEE;
	font-size: 13px;
	font-weight: bold;
    padding: 4px 10px;
    margin: 5px;
}	

a.NavigBasPageMain:hover {
	border: solid 1px black;
	background-color: black;
	color: white;
}

a.NavigBasPageActifMain{
	border: solid 1px black;
	background-color: black;
	color: white;
	font-size: 13px;
	font-weight: bold;
    padding: 4px 10px;
    margin: 5px;
}

.LienImg{
	width: 200px;
	height: 200px;
}

/********
	footer
********/

Footer{
	background-color: black;
	color: white;	
	padding-top: 30px;
	padding-bottom: 30px;
}

.DivFooter{
	max-width: 1152px;
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: space-between;	
}

.AgendaFooter{
	width: 45%;
	padding-left: 40px;
}

.AgendaContenu{
	width: 100%;
}

.ContactFooter{	
	width: 30%;
}

.ContactContenu{
	width: 100%;
}

.FacebookFooter{
	width: 20%;
	text-align: center;
	padding-right: 40px;	
}

.FacebookContenu{
	width: 100%;
}

.CopyrightFooter{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;	
	padding-right: 40px;
}

.fa {
	padding: 8px;
    /*width: 40px;*/
    text-align: center;
    text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

.fa:hover {
	/*border: 1px solid #FECC2B;*/
	color: #FECC2B;
}

.fa-facebook {
    background: black;
	/*border: 1px solid #BB3E44;*/
    color: white;
}

.fa-instagram {
    background: black;
	/*border: 1px solid #BB3E44;*/
    color: white;
}

.fa-youtube-play {
  background: black;
  /*border: 1px solid #BB3E44;*/
  color: white;
}

/********************
	retour vers le haut
********************/

a#cRetour{
	border-radius: 50%;	
	width: 40px;
	padding: 10px;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background: rgba(187, 62, 68, 0.75);	
	position: fixed;
	right: 20px;
	opacity: 1;
	z-index: 99999;
	transition: all ease-in 0.2s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	text-decoration: none;		
}

a#cRetour:before{ content: "\25b2"; }

a#cRetour:hover{
	background: rgba(254, 204, 43, 0.75);		
	transition: all ease-in 0.2s;
}

a#cRetour.cInvisible{
	bottom: -35px;
	opacity: 0;
	transition: all ease-in 0.5s;
}

a#cRetour.cVisible{
	background: rgba(187, 62, 68, 0.75);
	bottom: 20px;
	opacity: 1;
}

/********
	login
********/

.RechLogin{
	margin: auto;
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}

.LibRechLogin{
	width: 50%;
	padding-left: 35%;
}

.InputRechLogin{
	width: 50%;
}

input{
	width: 50%;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

.BtnAdmin{
	width: 100%;
	height: auto;
	max-width: 200px;
	max-height: 50px;
	border: 0px solid white;
	border-radius: 10px;
	background-color: #BB3E44;
	cursor: pointer;
	color: white;
	font-size: 21px;
	font-weight: bold;	
	padding: 5px;
}

.BtnAdmin:hover{
	background-color: #FECC2B;
}

/********
	admin
********/

a.NavigStat{
	border: solid 1px #EEEEEE;
	font-size: 13px;
	font-weight: bold;
    padding: 4px 10px;
    margin: 5px;
}	

a.NavigStat:hover {
	border: solid 1px black;
	background-color: black;
	color: #FECC2B;
}

/* ecran pc */
@media screen and (min-width: 800px) {
.ChbMenu{
	display: none;
}

.LabelMenu{
	display: none;
}

.Menu{
	display: contents;
}

.Menu li{
	display: inline-block;
}
}

/* iphone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
(min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
(min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),
(min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 3),
/* samsung galaxy */
(device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2),
(device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4),
(device-width: 360px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 2),
(device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4),
(device-width: 360px) and (device-height: 760px) and (-webkit-device-pixel-ratio: 4),
(device-width: 412px) and (device-height: 732869px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 914px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 414px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 3.5),
/* Huawei */
(device-width: 360px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 770px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 4),
(device-width: 392px) and (device-height: 800px) and (-webkit-device-pixel-ratio: 3),
/* Redmi */
(device-width: 393px) and (device-height: 873px) and (-webkit-device-pixel-ratio: 2.75),
/* OnePlus */
(device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 3.5),
/* Google */
(device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 2.6),
(device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 411px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 411px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 2.625),
/* Xiaomi */
(device-width: 393px) and (device-height: 851px) and (-webkit-device-pixel-ratio: 2.75){
.ChbMenu{
	display: none;
}

.LabelMenu{
	display: block;
}

.Menu{
	display: none;
}

.Menu li{
	display: inline-block;
}

}

/* test smartphone sur pc */
@media screen and (max-width: 800px) {
body{
	font-size: 37px;	
}

h1{
	font-size: 82px;
	text-align: center;
}

.TitreH1{
	font-size: 59px;
}

h2{
	font-size: 59px;
}

.ActuH2{
	font-size: 49px;
}

h3{
	font-size: 55px;
    padding-top: 50px;
}

.ActuH3{
	font-size: 43px;
}

.TitreH3{
	font-size: 59px;
}

.MoisH3{
	font-size: 45px;
	padding-bottom: 50px;
}

h4{
	font-size: 45px;
	padding-bottom: 50px;
}

h5{
	font-size: 55px;
	padding: 10px;
}

.TableInfo{
	font-size: 37px;
}

.TableInfo th{
	padding-top: 20px;
	padding-bottom: 20px;	
}

.TableInfo td, .TableInfo2 td{
	padding-top: 20px;
	padding-bottom: 20px;		
}

.TableInfo2{
	width: 33.33%;
	font-size: 37px;
}

.TableInfo2 th{
	padding-top: 20px;
	padding-bottom: 20px;		
}

.LogoHeader{
	width: 100%;	
	text-align: center;
}

.LogoImg{
	width: 40%;
	height: auto;
}

.TitreHeader{
	width: 100%;	
	margin-top: 50px;
	padding-left: 0;
}

Nav{
	padding-left: 0;
	padding-right: 0;	
}

.MenuNav{
	padding: 10px;
}

.LabelMenu{
	font-size: 55px;
}

.Menu li{
	width: 100%;
	padding: 10px;
}

.Menu li ul li{
	display: block;
	padding: 10px;
}

.Menu li ul {
	position: inherit;
}

.BtnMenu{
	height: auto;
	font-size: 55px;
	text-align: left;
}

.BtnMenuActif{
	height: auto;
	font-size: 55px;
	text-align: left;
}

.BtnSousMenu{
	height: auto;
	font-size: 55px;
	padding-left: 100px;
}

.LibPageMain{
	padding-top: 50px;
}

.DivBtnAccueil{
	width: 100%;
	padding-top: 100px;
}

.BtnAccueil{
	max-width: 100%;
	max-height: 100%;	
	font-size: 85px;
    padding: 150px;
}

.LabelBtnAccueil{
	font-size: 55px;	
	padding-top: 30px;	
}

.ParagrapheMain{
	padding-top: 30px;
}

.MemoParagraphe120{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu120{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.MemoParagraphe160{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu160{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.MemoParagraphe240{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu240{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.MemoParagraphe320{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu320{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.ImgParagraphe{
	width: 100%;
}

.ImgParagraphe2{
	width: 100%;
}

.ImgParagraphe3{
	width: 100%;
}

.ImgParagraphe4{
	width: 100%;
}

img.Img120x,
img.Img160x,
img.Img240x,
img.Img320x{
	max-width: 100%;
	max-height: 100%;	
}

.LabelPodium,
.LabelPodium2,
.LabelPodium3,
.LabelPodium4,
.LabelPodium5,
.LabelPodium6,
.LabelPodium7,
.LabelPodium8
.LabelPodium9{
	padding-left: 0px;
}

.DivPhoto{
	flex: 0 0 100%;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;	
}

.Photo{
	width: 100%;
	padding-top: 30px;	
}

.DivVideo{
	flex: 0 0 100%;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;	
}

.IframeVideo{
	width: 100%;
	margin-top: 30px;
}

.DivActualite{
	width: 100%;
	margin-top: 50px;
}

.ListLienMain{
	padding-top: 40px;
}

.ListLienMainActu{
	padding-top: 20px;
	padding-bottom: 20px;
}

a.LienPageMain{
	font-size: 37px;
	padding-right: 0;
}

.DivBasMain{
	padding-top: 50px;
}

a.NavigBasMain{
	font-size: 39px;
}

a.NavigBasPageMain{
	font-size: 37px;
    padding: 8px 20px;
    margin: 10px;	
}	

a.NavigBasPageActifMain{
	font-size: 37px;
    padding: 8px 20px;
    margin: 10px;	
}	

.LienImg{
	width: 40%;
	height: auto;
}

Footer{
	margin-top: 100px;
}

.AgendaFooter{
	width: 100%;
	padding-left: 0;
	padding-top: 50px;
}

.AgendaContenu{
	padding-left: 40px;
	padding-right: 40px;
}

.ContactFooter{
	width: 100%;
	padding-top: 100px;
}

.ContactContenu{
	padding-left: 40px;
	padding-right: 40px;
}

.FacebookFooter{
	width: 100%;
	padding-top: 100px;
	padding-right: 0;
}

.FacebookContenu{
	padding-left: 40px;
	padding-right: 40px;
}

.CopyrightFooter{
	text-align: center;
	padding-top: 50px;
}

.fa {
	padding: 10px;
    width: 100px;
	margin-left: 20px;
	margin-right: 20px;	
}

a#cRetour{
	width: 130px;
	font-size: 80px;
	right: 40px;
}

a#cRetour.cVisible{
	bottom: 40px;
}
	
#Carroussel{
	margin-top: 80px;
}

.LibRechLogin{
	width: 100%;
	padding-left: 0;
}

.InputRechLogin{
	width: 100%;
}

input{
	width: 100%;
	font-size: 37px;
	margin-top: 20px;
}

.BtnAdmin{
	max-width: 100%;
	max-height: 100%;	
	font-size: 59px;
	margin-bottom: 100px;
}

}

/* iphone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
(min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
(min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),
(min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 3),
/* samsung galaxy */
(device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2),
(device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4),
(device-width: 360px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 2),
(device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4),
(device-width: 360px) and (device-height: 760px) and (-webkit-device-pixel-ratio: 4),
(device-width: 412px) and (device-height: 732869px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 914px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 414px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 3.5),
/* Huawei */
(device-width: 360px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 770px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3),
(device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 4),
(device-width: 392px) and (device-height: 800px) and (-webkit-device-pixel-ratio: 3),
/* Redmi */
(device-width: 393px) and (device-height: 873px) and (-webkit-device-pixel-ratio: 2.75),
/* OnePlus */
(device-width: 412px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 3.5),
/* Google */
(device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 2.6),
(device-width: 411px) and (device-height: 731px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 411px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 2.625),
(device-width: 411px) and (device-height: 846px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 3.5),
(device-width: 411px) and (device-height: 869px) and (-webkit-device-pixel-ratio: 2.625),
/* Xiaomi */
(device-width: 393px) and (device-height: 851px) and (-webkit-device-pixel-ratio: 2.75){
body{
	font-size: 37px;	
}

h1{
	font-size: 82px;
	text-align: center;
}

.TitreH1{
	font-size: 59px;
}

h2{
	font-size: 59px;
}

.ActuH2{
	font-size: 49px;
}

h3{
	font-size: 55px;
    padding-top: 50px;
}

.ActuH3{
	font-size: 43px;
}

.TitreH3{
	font-size: 59px;
}

.MoisH3{
	font-size: 45px;
	padding-bottom: 50px;
}

h4{
	font-size: 45px;
	padding-bottom: 50px;
}

h5{
	font-size: 55px;
	padding: 10px;
}

.TableInfo{
	font-size: 37px;
}

.TableInfo th{
	padding-top: 20px;
	padding-bottom: 20px;	
}

.TableInfo td, .TableInfo2 td{
	padding-top: 20px;
	padding-bottom: 20px;		
}

.TableInfo2{
	width: 33.33%;
	font-size: 37px;
}

.TableInfo2 th{
	padding-top: 20px;
	padding-bottom: 20px;		
}

.LogoHeader{
	width: 100%;	
	text-align: center;
}

.LogoImg{
	width: 40%;
	height: auto;
}

.TitreHeader{
	width: 100%;	
	margin-top: 50px;
	padding-left: 0;
}

Nav{
	padding-left: 0;
	padding-right: 0;	
}

.MenuNav{
	padding: 10px;
}

.LabelMenu{
	font-size: 55px;
}

.Menu li{
	width: 100%;
	padding: 10px;
}

.Menu li ul li{
	display: block;
	padding: 10px;
}

.Menu li ul {
	position: inherit;
}

.BtnMenu{
	height: auto;
	font-size: 55px;
	text-align: left;
}

.BtnMenuActif{
	height: auto;
	font-size: 55px;
	text-align: left;
}

.BtnSousMenu{
	height: auto;
	font-size: 55px;
	padding-left: 100px;
}

.LibPageMain{
	padding-top: 50px;
}

.DivBtnAccueil{
	width: 100%;
	padding-top: 100px;	
}

.BtnAccueil{
	max-width: 100%;
	max-height: 100%;	
	font-size: 85px;
    padding: 150px;	
}

.LabelBtnAccueil{
	font-size: 55px;	
	padding-top: 30px;	
}

.ParagrapheMain{
	padding-top: 30px;
}

.MemoParagraphe120{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu120{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.MemoParagraphe160{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu160{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.MemoParagraphe240{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu240{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.MemoParagraphe320{
	width: 100%;
	padding-top: 50px;
	padding-left: 0;
}

.MemoParagrapheActu320{
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;	
}

.ImgParagraphe{
	width: 100%;
}

.ImgParagraphe2{
	width: 100%;
}

.ImgParagraphe3{
	width: 100%;
}

.ImgParagraphe4{
	width: 100%;
}

img.Img120x,
img.Img160x,
img.Img240x,
img.Img320x{
	max-width: 100%;
	max-height: 100%;
}

.LabelPodium,
.LabelPodium2,
.LabelPodium3,
.LabelPodium4,
.LabelPodium5,
.LabelPodium6,
.LabelPodium7,
.LabelPodium8
.LabelPodium9{
	padding-left: 0px;
}

.DivPhoto{
	flex: 0 0 100%;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;	
}

.Photo{
	width: 100%;
	padding-top: 30px;	
}

.DivVideo{
	flex: 0 0 100%;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;	
}

.IframeVideo{
	width: 100%;
	margin-top: 30px;
}

.DivActualite{
	width: 100%;
	margin-top: 50px;
}

.ListLienMain{
	padding-top: 40px;
}

.ListLienMainActu{
	padding-top: 20px;
	padding-bottom: 20px;
}

a.LienPageMain{
	font-size: 37px;
	padding-right: 0;
}

.DivBasMain{
	padding-top: 50px;
}

a.NavigBasMain{
	font-size: 39px;
}

a.NavigBasPageMain{
	font-size: 37px;
    padding: 8px 20px;
    margin: 10px;			
}	

a.NavigBasPageActifMain{
	font-size: 37px;
    padding: 8px 20px;
    margin: 10px;			
}	

.LienImg{
	width: 40%;
	height: auto;
}

.AgendaFooter{
	width: 100%;
	padding-left: 0;
	padding-top: 50px;
}

.AgendaContenu{
	padding-left: 40px;
	padding-right: 40px;
}

Footer{
	margin-top: 100px;
}

.ContactFooter{
	width: 100%;
	padding-top: 100px;
}

.ContactContenu{
	padding-left: 40px;
	padding-right: 40px;
}

.FacebookFooter{
	width: 100%;
	padding-top: 100px;
	padding-right: 0;
}

.FacebookContenu{
	padding-left: 40px;
	padding-right: 40px;
}

.CopyrightFooter{
	text-align: center;
	padding-top: 50px;
}

.fa {
	padding: 10px;
    width: 100px;
	margin-left: 20px;
	margin-right: 20px;		
}

a#cRetour{
	width: 130px;
	font-size: 80px;
	right: 40px;
}

a#cRetour.cVisible{
	bottom: 40px;
}

#Carroussel{
	margin-top: 80px;
}

.LibRechLogin{
	width: 100%;
	padding-left: 0;
}

.InputRechLogin{
	width: 100%;
}

input{
	width: 100%;
	font-size: 37px;
	margin-top: 20px;
}

.BtnAdmin{
	max-width: 100%;
	max-height: 100%;	
	font-size: 59px;
	margin-bottom: 100px;
}

}

/******************************************************************************************************************************************************************

/********
	intro
********/

/*
div.HautIntro{
	width: 780px;
	height: 40px;
	border: 0px solid white;
	background: url(../Images/Style3/FondNavigMainHaut.jpg) no-repeat top left transparent;
}

div.FondIntro{
	width: 780px;
	height: 450px;
	border: 0px solid white;	
	background: url(../Images/Style3/FondNavigMain.jpg) no-repeat top left transparent;
}

div.BasIntro{
	width: 780px;
	height: 40px;
	border: 0px solid white;
	background: url(../Images/Style3/FondNavigMainBas.jpg) no-repeat top left transparent;
}

tr.TrTitreIntro{
	width: 100%;
	height: 50px;	
	border: 0px solid black;
}

td.TdTitreIntro{
	width: 100%;
	height: 50px;	
	border: 0px solid black;	
	color: #FECC2B;
	font-size: 24px;
	font-weight: bold;
}
*/

div.FondMain{
	width: 1024px;
	height: 580px;
	border: 0px solid white;
}

div.BandeauMain{
	width: 1024px;
	height: 140px;
	border: 0px solid white;
	background-color: white;
}

div.MenuMain{
	width: 1024px; /*200px;*/
	/*height: 40px; /*530px;*/
	/*float: left;*/
	border: 0px solid white;
	background-color: #000000;
}

div.NavigMainHaut{
	width: 1024px; /*780px;*/
	height: 60px; /*40px;*/
	float: left;
	background-color: white;
}

div.NavigMain{
	width: 1024px; /*780px;*/
	/*height: 450px;*/
	float: left;
	/*border: 0px solid white;*/
	background-color: white;
	overflow: auto;
}

div.NavigMainBas{
	width: 1024px; /*780px;*/
	height: 40px;
	float: left;
	/*border: 0px solid white;*/
	background-color: white;
}

table.Tab100{	
	width: 100%;
	/*height: 100%;*/
	border: 0px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

table.Tab100Admin{	
	width: 100%;
	height: 100%;
	border: 0px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

td.TdTitreBandeau{
	width: 1024px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: #FECC2B;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}

tr.TrTitrePage{
	width: 100%;
	height: 30px;	
	border: 0px solid black;
}

td.TdTitrePage{
	/*width: 110px; */
	height: 30px;	
	border: 0px solid black;
	background-color: #000000;
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
}

Td.TdEcusson{
	width: 200px;
	height: 140px;
	border: 0px solid white;
	background: transparent;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;	
}

td.TdBtnPage{
	width: 30px;
	height: 30px;	
	border: 0px solid black;
}

td.TdTitreParagraphe{
	width: 1024px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: #BB3E44;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

td.TdImgParagraphe{
	width: 120px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
}

td.TdImgParagraphe2{
	width: 160px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	text-align: center;
}

td.TdImgParagraphe3{
	width: 240px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
}

td.TdImgParagraphe4{
	width: 320px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
}

td.TdMemoParagraphe{
	width: 1024px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: black;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

td.TdMemoParagraphe2{
	width: 650px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: black;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

td.TdDocument{
	width: 780px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: #BB3E44;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdVideo{
	width: 1024px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: #BB3E44;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdSousLien{
	width: 175px;
	height: 30px;	
	border: 0px solid black;
	background: transparent;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-indent: 54px;
	text-decoration: underline;
}

Td.TdCompteur{
	width: 200px;
	height: 50px;
	border: 0px solid white;
	background: url(../Images/Style3/BtnMenuNormal.jpg) no-repeat center center transparent;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;	
}

img.Img120{
	width: 120px;
	height: 160px;
	background: transparent;
}

img.Img160{
	width: 160px;
	height: 120px;
	background: transparent;
}

img.Img240{
	width: 240px;
	height: 320px;
	background: transparent;
}

img.Img320{
	width: 320px;
	height: 240px;
	background: transparent;
}

a.LienContact{
	color: #BB3E44;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

/********
	admin
********/

div.NavigAdmin{
	width: 780px;
	height: 530px;
	float: left;
	border: 0px solid white;
	background: url(../Images/Style3/FondNavigMainAdmin.jpg) no-repeat top left transparent;
}

div.NavigAdminTitre{
	width: 780px;
	height: 45px;
	float: left;
	border: 0px solid white;
}

div.NavigAdminListe{
	width: 780px;
	height: 441px;
	float: left;
	border: 0px solid white;
	overflow: auto;
}

div.NavigAdminAction{
	width: 780px;
	height: 45px;
	float: left;
	border: 0px solid white;
}

table.TabStat{	
	width: 100%;
	height: 40px;
	border: 0px solid white;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

table.TabStat2{	
	width: 100%;
	height: 370px;
	border: 0px solid white;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

input.EditBox{
	width: 150px;
	font-size: 13px;
	font-weight: normal;
}

input.EditBox2{
	width: 200px;
	font-size: 13px;
	font-weight: normal;
}

input.EditBox3{
	width: 500px;
	font-size: 13px;
	font-weight: normal;
}

select.ComboBox{
	width: 150px;
	font-size: 13px;
	font-weight: normal;
}

select.ComboBox2{
	width: 200px;
	font-size: 13px;
	font-weight: normal;
}

select.ComboBox3{
	width: 500px;
	font-size: 13px;
	font-weight: normal;
}

textarea.MemoText{
	width: 500px;
	height: 260px;
	overflow: auto;
}

a.LienNavig{
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

a.LienPage{
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

tr.TrListPair{
	width: 100%;
	height: 40px;	
	border: 0px solid black;
}

tr.TrListImpair{
	width: 100%;
	height: 40px;
	border: 0px solid black;
}

tr.Tr40{
	width: 100%;
	height: 40px;	
	border: 0px solid black;	
}

tr.TrAffStat{
	width: 100%;
	height: 100%;	
	border: 0px solid black;
}

tr.TrAffStat2{
	width: 100%;
	border: 0px solid black;
	background: #FECC2B;
}

td.Td25{
	width: 25%;
	height: 40px;
	border: 0px solid white;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffList{
	width: 60%;
	height: 40px;
	border: 1px solid #EEEEEE;
	white-space: nowrap;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffList2{
	width: 10%;
	height: 40px;
	border: 1px solid #EEEEEE;
	white-space: nowrap;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffStat{
	width: 25%;
	height: 80px;
	border: 0px solid black;
	white-space: nowrap;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffStat2{
	width: 330px;
	height: 80px;
	border: 0px solid black;
	white-space: nowrap;
	color: black;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffStat3{
	width: 100%;
	height: 30px;
	border: 1px solid #FECC2B;
	white-space: nowrap;
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffSemaine{
	width: 50px;
	height: 100%;
	border: 0px solid black;
	white-space: nowrap;
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

td.TdAffSemaine2{
	width: 100%;
	border: 0px solid black;
	white-space: nowrap;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

td.TdAffMois{
	width: 20px;
	height: 100%;
	border: 0px solid black;
	white-space: nowrap;
	color: #FECC2B;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}