@font-face {
    font-family: myFont;
	src: url(fonts/Source_Sans_Pro/SourceSansPro-Light.ttf);
}

@font-face {
    font-family: myFont2;
	src: url(fonts/Lobster/Lobster-Regular.ttf);
}


/* LES MENUS ----------------------------------------------------------------- */

.clubMenu {
    font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #404040;
	text-decoration:none;
	font-variant: small-caps;
	}

.clubMenu a {
    text-decoration: none;
	color: #404040;
	}

.clubMenu a:hover {
	color: #D1046E; /* rose foncé */
	text-decoration: none;
	}

.topMenu a {
    font-family: myFont, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    display: block;
    width:160px;
    line-height:50px;
    text-align:center;
    vertical-align:middle;
    background-color:#404040; 
	/*border-radius: 0px;
	border-width: 1px;
	border-color: #ffffff; 
	border-style: solid;*/
    color:#eeeeee;
    text-decoration:none;
    float:left;
	opacity:1;
	transition: transform 0.5s ease, color 0.5s linear;
}

.topMenu a:hover {
    background-color: #eeeeee;
	color: #a2b770;  /* vert moyen */
	transform: scale(1.1);
    }


/* Menu déroulant */
#menu input[type=checkbox] {
 display: none;
 }
#menu input[type=checkbox]:checked ~ ul {
 display: block;
 }
.menu-mobile {
 display: none;
 font-family: myFont, Arial, Helvetica, sans-serif;
 font-variant: small-caps;
 font-size: 18px;
 font-weight: bold;  
 }
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 font-family: myFont, Arial, Helvetica, sans-serif;
 margin:auto;
 padding:0px;
 background-color: #EEE9E2;
 font-size: 16px;
 font-weight: normal;
 text-aling: center;
 line-height: 18px;
 display: inline-block;
 width: 190px;
 color: #404040;
 }
#menu li a {
 /*transition: transform 0.5s ease, color 0.5s ease;*/
 transition: all 0.1s ease;
 display: inline-block;
 color: #404040;
 padding:8px;
 text-decoration: none;
 text-aling: center;
 border-style: solid;
 border-width : 1px;
 border-color: #EEE9E2;
 border-bottom-color: #EEE9E2;
 border-radius: 0px;
 width: 190px;
 }
#menu li a:hover {
 color:#EB5C98;
 background-color: #EEE9E2;
 border-bottom-color: #CEBEAA;
 transform: scale(1.05);
 }
#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:left;
 background-color: #CEBEAA;
 }
#menu li ul {
 position:absolute;
 } 

@media handheld, screen and (max-width:680px) {
	#menu li ul {
 		position:static;
	}
	#menu ul li ul {
 		display:block;
	}
	#menu li ul li a {
 		background-color: #ffffff;
		color: #aea0a0;
	}
	#menu li ul li a:hover {
 		background-color: #ffffff;
	}
	#menu li:hover ul li {
 		background-color: #EEE9E2;
	}
	.menu-mobile {
		display: block;
		color: #ffffff;
		background-color: #CEBEAA;
		text-align: center;
		padding: 8px;
		margin:0px;
		cursor:pointer;
	}
	#menu ul {
		display: none;
		}
	#menu li {
		width: 100%;
		}
}


/* LES TITRES ------------------------------------------------------------------ */

.TitreSite {
	font-family: myFont2, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #EEE9E2;
	text-shadow: 3px 3px 10px #D1046E;
}

.titre1 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: lighter;
	color: #666666;
}

.titre1 a {
	color: #666666;
	text-decoration:none;
}

.titre1 a:hover {
	color: #FF6633;  /* orange */
	text-decoration: none;
}

.titre2 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #D1046E; 
}

.titre2 a {
	text-decoration:none;
}

.titre2 a:hover {
	color:#D1046E;  
}

.titre3 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #EEE9E2; 
	text-decoration:none;
}

.titre3 a {
	text-decoration:none;
}

.titre3 a:hover {
	color:#EEE9E2;  
}



/* DIVERS TEXTES ----------------------------------------------------------------- */

.main {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #404040;
	text-decoration:none;
}

.main a {
	color: #D1046E;
	text-decoration: none;
}

.main a:hover {
	color: #EB5C98; 
	text-decoration: none;
}

.box {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #404040; 
	text-decoration:none;
}
.box a {
	color: #404040;
	text-decoration: none;
}
.box a:hover {
 	color: #404040;
	text-decoration: none;
}
.box2 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #aea0a0; 
	text-decoration:none;
}
.box2 a {
	color: #aea0a0;
	text-decoration: none;
}
.box2 a:hover {
 	color: #aea0a0;
	text-decoration: none;
}
.bottom {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
}
.bottom a {
	text-decoration:none;
	color: #666666;
}
.bottom a:hover {
	color:#EB5C98;  
}

.bottom2 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.bottom2 a {
	text-decoration:none;
	color: #ffffff;
}
.bottom2 a:hover {
	color:#EB5C98;  
}

.avertissement {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff6633;
	text-decoration:none;
}

.leitmotiv {
	font-family: myFont2, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #CEBEAA;
}

.ads {
	font-family: myFont2, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.5;
	color: #CEBEAA;
	background-color: #D1046E;
}
 
.non_lu {
    font-weight: bold;
}



/* LES BOUTONS ------------------------------------------------------------- */

.bouton a {
font-family: myFont, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
/*font-weight: bold;*/
display:block;
/*width:98px;*/
/*line-height:40px;*/
vertical-align:middle;
background-color: #EB5C98; 
color:#ffffff;
text-decoration: none;
float: left;
margin: 15px 0px;
padding: 4px 20px;
text-align: center;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: #EB5C98;
}

.bouton a:hover {
background-color: #ffffff;
color: #EB5C98; 
} 

.bouton_light a {
font-family: myFont, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
/*font-weight: bold;*/
display:block;
width:200px;
/*line-height:40px;*/
vertical-align:middle;
background-color: #ffffff; 
color:#EB5C98;
text-decoration: none;
float: center;
margin: 15px 0px;
padding: 4px 20px;
text-align: center;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: #EB5C98;
}

.bouton_light a:hover {
background-color: #EB5C98;
color: #ffffff; 
} 

.ppsubmit {
/*background-image:url("/img/ppsubmit.png");*/
background-image:url("/img/paiement__Paypal.png");
width:220;
height:51;
cursor:pointer;
}

.ppsubmit2 {
/*background-image:url("/img/virement_bancaire.jpg");*/
background-image:url("/img/paiement__banque.png");
width:220;
height:51;
cursor:pointer;
}

.ppsubmit3 {
/*background-image:url("/img/virement_bitcoin.jpg");*/
background-image:url("/img/paiement__bitcoin.png");
width:220;
height:51;
cursor:pointer;
}

/* ESSAIS VIDEO BACKGROUND ---------------------------------------- */

.vidContain {
    /*background: rgba(100,100,100,0);*/
	opacity: 1; 
	width:100%; 
	height:400px;
    position:relative;
	left: 0;
	top: 0;
    display: block;
	overflow: hidden;
    margin:0px;
}

video#bgvid {
  position: relative; 
  right: 0; 
  top: -140;
  min-width: 100%;
  min-height: 100%;
  width: auto; 
  height: auto; 
  overflow: hidden;
  z-index: -100;
  background: rgba(100,100,100,0.5);
  /* background-size: cover; */
}

video#vid {
  position: relative; 
  right: 0; 
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%; 
  height: auto; 
  /*overflow: hidden;
  z-index: -100; */
  background: rgba(100,100,100,0.5);
  /* background-size: cover; */
}