/* general layout */

body {
	font-family: Calibri, sans-serif; /* Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size: 1em; 
}

body#index a#indexLink,
body#accueil a#accueilLink,
body#apropos a#aproposLink,
body#essai a#essaiLink,
body#adherer a#adhererLink,
body#contact a#contactLink,
body#adherents a#adherentsLink,
body#faq a#faqLink,
body#quinze a#quinzeLink,
body#nordic a#nordicLink,
body#collectives a#collectivesLink,
body#english a#englishLink,
body#album a#albumLink 
{

}

/* couleur toute la largeur de la page - à modifier avec Paint et nuance de couleur et mettre document dans dossier Image */

#containerGlobal {
	max-width: 955px;
}

#wrapper {
	background-color: rgb(93, 174, 53);
}

/* divisions */

div#main {
	margin-right: 0px;
	padding: 10px;
	max-width: 675px;


/*	width: 100%;*/


}

div#main.mobile {
	max-width: 100%;
}

#bannerImg {
	position: relative;
}

#bannerImg>img {
	width: 100%;
	display: block;
}

#bannerImg>a.facebook-01 {
	position: absolute;
	z-index: 10;
	top: 16px;
	right: 50px;
	background-color: transparent;

}

#bannerImg>a.facebook-01>img {
	width: 38px;
}


 
/* navbar formats */

/* top navbar */

#topNav {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	font-family: Calibri, sans-serif;     /*Verdana, Geneva, Arial, Helvetica, sans-serif; */
	padding-bottom: 5px;
	padding-top: 5px;	
}

#topNav a, #topNav a:link, #navlist a:visited, #topNav a:hover {
	background-color: transparent;/* rgb(93,174,53);  couleur des boutons menu_haut se modifie directement ici en cherchant code couleur sur paint*/ 
	
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 1px;
	padding-right: 0px; 
	color: /*#000000;*/ white;
	/*font-weight: bold; */
	text-decoration: none;
	font-size: 1em; /* taille caractère menu haut */
}

#topNav a:hover {
	background-color: rgb(93,174,53); /* #c8e138; */     /* bouton menu survol chgt couleur */
	border-bottom: 1px solid;  /* souligner au survol */
}
#topNav li {
	margin-right: 10px;
	padding-right: 1px;
	display: inline;
	font-size: 0.9em 
	
} 

#topNav ul {
	margin: 0px;
	padding: 0px;
	
} 
#topNav #active a { 
	background-color: #e1ef93;
	color: #ffffff;
	
} 

/* left navbar */

.sideNav {
	clear: both;
	list-style-type: none; 
	padding-left: 0px;
/*	height: 1.3em;*/
	line-height: 1.3em;
}

ul.sideNav a {
	display: block;
	list-style-type: none;
	text-decoration: none; 
	padding-left: 0px;
	margin-top: 11px;
	margin-left: 0;
	margin-bottom: 11px;
		/* taille en largeur du bloc du menu gauche */
	background-color:    transparent; /*couleur des boutons menu_gauche se modifie directement ici en cherchant code couleur sur paint*/  
	padding: 5px; 
	margin-right: 1px;
	color: white;
}



ul.sideNav a:hover {
	background-color: transparent; /*rgb(93,174,53); */
	border-bottom: 1px solid;	/* souligner au survol mais on voit pas sur le test */
	color: white; /* à remettre en blanc !!*/
}

ul.sideNav a:active {
	background-color: transparent; /* #e8d63a; */
	color: white;
	font-weight: normal;
}

ul.sideNav li {
	font-size: 0.9em;
}

img.logo_millet {
	height: 20px;
	width: 33px;
}

img.logoAlvAlm {
	height: 23px;
	width: 26px;
}

img.log07N_TEAM_RVB {
	height: 19px;
	width: 50px;
}

/* Bandeau défilant */

#main>p.bandeau_defilant {
/*	padding: 0 20px;*/
	background-color: yellow;
}

p.bandeau_defilant>marquee {
	font-size: 16px;
	font-weight: bold;
/*	background-color: yellow;*/
	line-height: 2.5;
/*	padding: 0 20px;*/
	margin: 0 20px;
}





/* A VERIFIER  */




/*mini navbar*/

/* Inutile */


/* end navbar formats */

/* link format */

a:link {	
	background-color: #e1ef93; 
	text-decoration: none;
	color: black;
	border: none;
}

a:visited {
	background-color: #e1ef93; 
	/*#c8e138; */
	text-decoration: none;
	color: #000000;
}

a:hover {
	background-color: rgb(93,174,53);
	text-decoration: none;
	/*font-weight: bold;*/ 
	color: black;	 
}

/* paragraph types */

h1 {
	font-family: Calibri, sans-serif;
	font-size: 1.1em;
}

h2 {
	font-family: Calibri, sans-serif;
	font-size: 1em;
}

h3 {
	font-family: Calibri, sans-serif;
}

h4 {
	font-family: Calibri, sans-serif;
	line-height: 1em;
}

h5 {
	font-family: Calibri, sans-serif;
}

.black {
	color: #000000;
}

.colorbold {
	background-color: transparent;
	color: #008080;
	font-weight: bold;
}
.heart {
	background-color: transparent;
	color: #A30C00;
	font-size: 1em;
	font-weight: normal;
	font-family: Symbol sans-serif;
}
.pace {
	background-color: transparent;
	color: #B3B333;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
}
.plainList ul {
	background-color: transparent;
	font-size: .95em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 1.4em;
	padding-right: 30px;
}
.plainList li {
	color: black; /* #104360; */
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 1.4em;
}
p.legend {
	background-color: transparent;
	color: #104360;
	font-size: .85em;
	font-weight: normal;
	margin-bottom: 15px;
	margin-left: 90px;
	margin-right: 0px;
	margin-top: 5px;
	line-height: 1.1em;
	padding-right: 30px;	
}
P.white {
	background-color: #c0c0c0;
	border-style: none;
	color: white;
	font-size: 1em;
	font-weight: bold;
	padding: 3px;
	margin: 3px;
}
P.white-small {
	background-color: #c0c0c0;
	border-style: none;
	color: white;
	font-size: 1.0em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 3px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
P.date {
	background-color: #e8d63a;
	color: black;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-top: 2px;
	text-align: left
}
P.info {
	background-color: transparent;
	color: black; /* #074051; */
	font-size: 0.85em;
	font-weight: bold;
	line-height: 200%;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 15px;
	padding-right: 30px;
}

P.title {
	background-color: transparent;
	color: #104360;
	font-size: 1em;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 5px;
	padding-right: 30px;
}
P.travel {
	background-color: transparent;
	color:#aa5611;
	font-size: .85em;
	font-weight: normal;
	margin-bottom: 6px;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 6px;
	line-height: 1.3em;
	padding-right: 30px;
}
P.description {
	background-color: transparent;
	color: #104360;
	font-size: .95em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 60px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 1.3em;
	padding-right: 30px;
}
P.comment {
	background-color: transparent;
	color: #104360;
	font-size: .95em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 60px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 1.3em;
	padding-right: 30px;
}

P.content {
	background-color: transparent;
	color: black; /* #104360; */
	font-size: 1em;    /*taille de p content...*/
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 1.5em;
	padding-right: 10px;
}

P.contentbis {
	background-color: transparent;
	color: black; /* #104360; */
	font-size: .95em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 1em;
	padding-right: 30px;
}

P.content-small {
	background-color: transparent;
	color: black; #104360;
	font-size: .85em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 1.4em;
	padding-right: 30px;
}

P.blockquote {
	background-color: transparent;
	color: #104360;
	font-size: .90em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 1.3em;
	padding-right: 30px;
}
P.bring {
	background-color: transparent;
	color: #993300;
	font-size:  .85em;
	margin-bottom: 2px;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 6px;
	font-weight: normal;
	line-height: 1.3em;
	padding-right: 30px;
}
P.signup {
	background-color: transparent;
	color: #800000;
	font-size:  .85em;
	font-weight: normal;
	margin-bottom: 6px;
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 10px;
	line-height: 1.3em;
	padding-right: 30px;
}

/*banner format */


.arrondie {
	border-top-left-radius:30px;
	border-top-right-radius:30px;
}




/* calendar layout */

#calendar table {
	margin-top: 20px;
	margin-left: 65px;
}
#calendar tr {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.5em;
}
#calendar td {
	padding: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.calMonth {
	padding: 4px;
	background: #e7d438;
	color: white;
	font-size: 1.1em;
	font-weight: bold;
}
.calHeader th {
	font-variant: normal;
	color: #a9a9a9;
	font-size: .7em;
	font-weight: 100;
}
.calFooter {
	background-color: #e7d438;
	height: 1em;
}
col#samedi {
	background-color:#dddddd;
}
col#dimanche {
	background-color: #dddddd;
}
td.holiday {
	background-color: #dddddd;
}

/* allures layout */

#allures table {
	border-collapse: collapse;
	margin-left: 65px;
}
#allures tr {
	border: none;
	line-height: .7em;
	margin-left: 65px;
}

/* cotisation */

td.category {
	width: 270px;
}

/* update layout */

#update-02, #btn-test-02 {
	background-color:  rgb(93,174,53); /* rgb(156,200,55); #e8d63a; bannière couleur MAJ bas x2 */
	margin-left: 0px;
	padding-left: 20px;
	
}

/* popup image layout */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

 
/* activity window */



/* div qui s'ouvrent au clic ! */

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8 {

	position: absolute;
	left: 50%;
	margin-left: -477.5px;
	top: auto;
	width: auto; /*950px; */
	height: auto;
	padding-left: 5px;
	background-color: white;/*rgb(221,255,174); */
	z-index: 100;
}


#div1 .content , #div2 .content , #div3 .content , #div4 .content , #div5 .content , #div6 .content , #div7 .content , #div8 .content {
	color: black; /* rgb(111,55,0); */
}

#div1 .info , #div2 .info , #div3 .info  , #div4 .info  , #div5 .info  , #div6 .info , #div7 .info , #div8 .info {
	color: rgb(70,35,0);
}

#div1 h2, #div2 h2 , #div3 h2  , #div4 h2  , #div5 h2  , #div6 h2 , #div7 h2 , #div8 h2 {
	color: rgb(70,35,0);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2.5em;
}

ul.content {
	background-color: transparent;
	color: black; /* #104360; */
	font-size: .95em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px; 
	line-height: 1.5em;
	padding-right: 30px;
}

/*bouton fermer div1 */

.fermer1, .fermer2, .fermer3, .fermer4, .fermer5, .fermer6, .fermer7, .fermer8 {
	position: absolute;
	left: 975px; 
	top: -5px;
	width: 30px;
	height: 30px;
	height: auto;
}

.noel {
	width: 614px;
	height: 433px;
}

.voeux {
	width: 512px; /*614px; */
	height: 361px; /*433px; */
}

.centrage {
	text-align: center;
	line-height: 1em;
}

.droite {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

.gauche {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

.police {
	font-family: Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: center;
}

.clic1:hover, .clic2:hover, .clic3:hover, .clic4:hover, .clic5:hover, .clic6:hover, .clic7:hover, .clic8:hover {
	background-color: #c8e138;
	text-decoration: none;
	font-weight: bold; 
	color: black;
}

.salon {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

.salon1 {
	float: left;
	width: 200px;
	height: 300px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

.chevreuse1 {
	float: left;
	width: 300px;
	height: 200px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

.chevreuse2 {
	float: right;
	width: 300px;
	height: 200px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

.chevreuse3 {
	float: left;
	width: 300px;
	height: 200px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
}

label {
    display: block;
    width: 150px;
    float: left;
}

.salon2 {
	text-align: center;
	width: 562px; 
	height: 72px;
}


/* End RIF CSS stylesheet*/


/* essai carousel */
/* http://theme-responsive.com/le-petit-slider-responsiveslides/ */

  
 

.video {
	margin: 20px auto;
}

.encadre {
	border-radius: 30px;
	border:2px solid black;
	padding: 15px;
	font-size: .95em;
	font-weight: normal;
	line-height: 1.5em;
}


/* pop-up qui s'ouvre en départ */

#div9 {
	 position: absolute;  
	right: 360px; 
	top: 20px;
	width: 430px;
	height: 155px;
	padding: 5px;
	background-color: rgb(225,235,171);
	border-top: 2px solid rgb(70,35,0);
	border-bottom: 2px solid rgb(70,35,0);
	border-left: 2px solid rgb(70,35,0);
	border-right: 2px solid rgb(70,35,0);
	border-radius: 20px;
	z-index: 100;
}


#div9 .content  {
	color: black; /* rgb(111,55,0); */
	font-size: 0.7em;
}

#div9 .info  {
	color:  rgb(70,35,0); 
}

#div9 h4  {
	color: red;
	font-size: 1em;
}

#div9 h5 {
	color: brown;
}


/*bouton fermer div1 */

.fermer9 {
	position: absolute;
	left: 935px; 
	top: -5px;
	width: 30px;
	height: 30px;
	height: auto;
}


	

.video_2 {
	position: absolute; 
	right: 470px:; /* 540px; */
	top: 435px; /*280px; */
	z-index: 9000;
} 

.video_3 {
	position: absolute; 
	left: 100px:; /* 540px; */
	top: 400px; /*280px; */
	z-index: 9000;
}

#tableau {
    border-collapse: collapse;
}

/* Mettre une bordure sur les td ET les th */
td, th  {
    border: 1px solid black;
}




/* agrandissement image au survol */


#testimage {
	width: 200px; 
	transition: transform .1s;
} 


#testimage:hover {
	-ms-transform: scale(1.8); 
	-webkit-transform: scale(1.8); 
	transform: scale(1.5); 
} 







/*ul.sideNav>li {display : list-item;}*/

body {
	font-size: 1.5rem ;
	margin: 8px;
}


table.allures, table.tarif-adhesion {
	border-collapse: separate;
	border-spacing: 2px;
}


/* Messages défaut */
#msg {
	width: 90%;
/*	width: auto;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
}



#main-sup {
	display: flex;
/*	flex-wrap: wrap;*/
}

/* Bordures  */

body {
/*	border: 2px solid blue;*/
}


ul.rslides {
/*	border: 4px solid black;*/
}

#sideNavWrapper {
/*	border: 2px solid red;*/
}

.topNavWrapper {
/*	border: 2px solid black;*/
	line-height: 2em;
	background-color: rgb(93, 174, 53);
}

#main {
/*	border: 2px solid red;*/
	background-color: white;
}

#containerGlobal {
/*	border: 2px solid blue;*/
}


#info-site-validation {
/*	border: 2px solid green;*/
	background-color: red;
    text-align: center;
    font-weight: bold;
}


/* PROVISOIRE POUR TESTS */


#bandeau-mobile {
	border-bottom: 1px solid blue;
	width: 100%;
	min-height: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 6px 15px;
}

#bandeau-mobile>div.menu {
	cursor: pointer;
}

#bandeau-mobile>div.logo {
/*	vertical-align: middle;*/
	margin: auto 0;
}



#bandeau-mobile>div.logo>img {
	width: 160px;
}

#bandeau-mobile>div.menu>i, #bandeau-mobile>div.espace-adherents>i {
	font-size: 27px;
	color: rgb(93, 174, 53);;
}

#bandeau-mobile>div.menu>span, #bandeau-mobile>div.espace-adherents>span {
	display: block;
	margin: 5px 0;
/*	font-family: "OpenSans-Bold";*/
}

#bandeau-mobile>div.espace-adherents>span {
/*	text-align: right;*/
}

#bandeau-mobile>a.facebook-02 {
	background-color: transparent;
	margin: auto 0;
}

#bandeau-mobile>a.facebook-02>img {
	width: 38px;
}

@media only screen and (max-width: 767px) {
/*  .header .header_wrapper {*/
/*    padding-top: 6px;*/
/*    padding-bottom: 6px;*/
/*}*/

	#body {
		margin: 0;
	}

	#accueilLink {
/*		background-color: red!important;*/
	}

/*	#sideNavWrapper:not(.forcer-menu-gauche) {*/
	#sideNavWrapper {
		display: none!important;
	}

	div#main {
		max-width: 100%;
	}

	p.menu-gauche-mobile {
/*		display: block!important;*/
	}


	#menu-haut-desk {
		display: none;
	}

	#bandeau-mobile {
		display: flex!important;
	}

/*	.topNavWrapper.non-visible {*/
	.topNavWrapper {
/*		display: none!important;*/
	}

/*	#carrousel.non-visible {*/
	#carrousel {
		display: none!important;
	}

/*	#bannerImg.non-visible {*/
	#bannerImg {
		display: none!important;
	}

}

/*Masque le bandeau mobile si data-test_01 != 1 */
/*#bandeau-mobile.non-visible {*/
#bandeau-mobile {
/*	display: none!important;*/
}

#bandeau-mobile>div.menu>span {
	font-size: 1rem;
}

#cadre-menu-mobile {
/*	min-height: 500px;*/
/*	min-width: 400px;*/
/*	border: 2px solid red;*/
	position: fixed;
	z-index: 20;
	top: 0px;
	left: 0px;
	background-color: rgb(93, 174, 53);
	display: none;
}

#cadre-menu-mobile>nav>a {
/*	display: block;
	width: 100%;
  	padding: 15px 0px;
*/
}


#cadre-menu-mobile #topNav>li {
	display: block;
	width: 100%;
}