/* CSS Document */


#header{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9dd8fb+0,42a2e3+100 */
background: #9dd8fb; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd8fb 0%, #42a2e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd8fb 0%,#42a2e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd8fb 0%,#42a2e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd8fb', endColorstr='#42a2e3',GradientType=0 ); /* IE6-9 */

	min-height: 100px;
}

#header img{
	margin: auto;
	display: block;
}

#nav{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

	min-height: 40px;
	height: 40px;
}
#menu{
	width: 980px;
	height: 40px;
	margin: auto; 
}

#content{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb972a+0,b74c0c+100 */
background: #fb972a; /* Old browsers */
background: -moz-linear-gradient(top,  #fb972a 0%, #b74c0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fb972a 0%,#b74c0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fb972a 0%,#b74c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb972a', endColorstr='#b74c0c',GradientType=0 ); /* IE6-9 */
	min-height: 100px;
}

#menu li{
	float: left;
	
}
#menu a{
	transition: all 0.3s;
	display: block;
	font-size: 18px;
	color: white;
	float: left;
	padding: 0 22px;
	line-height: 40px;
	border-right: 1px solid #549a24;
	font-family: "GROBOLD";
	text-decoration: none;
}

#menu .jeux{
	border-left: 1px solid #549a24;
}
#menu .galerie{
	border-right: 1px solid #549a24;
	padding: 0 27px;
}

#menu a:hover{
	background: rgba(255,255,255,0.2);
}

.container{
	background: #ffffff;
	width: 980px;
	margin: auto; 
}

#colgauche{
	background: #ffffff;
	width: 980px;
	margin: auto; 
	float: left;
	width: 210px;
	height: 555px;
}

#coldroite{
	
	width: calc(980px - 210px);
	float: left;
	background: #f9f9f9;
}


		
#col1{
	height: 40px;
	width: 470px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e3e3+0,cccccc+50,b6b6b6+100 */
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(top,  #e3e3e3 0%, #cccccc 50%, #b6b6b6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e3e3e3 0%,#cccccc 50%,#b6b6b6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e3e3e3 0%,#cccccc 50%,#b6b6b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
color: white;
	float: left;
}

#col2{
	width: 300px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e3e3+0,cccccc+50,b6b6b6+100 */
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(top,  #e3e3e3 0%, #cccccc 50%, #b6b6b6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e3e3e3 0%,#cccccc 50%,#b6b6b6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e3e3e3 0%,#cccccc 50%,#b6b6b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
float: left;

}
#coldroite h2{
	font-size: 20px;
	font-family: "GROBOLD";
	color: #f48f26;
	padding: 22px 14px;
}
#coldroite h3{
	padding: 0 12px;
	font-family: "GROBOLD";
	color: white;
	font-size: 23px;
	line-height: 40px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e3e3+0,cccccc+50,b6b6b6+100 */
	background: #e3e3e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3e3e3 0%, #cccccc 50%, #b6b6b6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e3e3e3 0%,#cccccc 50%,#b6b6b6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e3e3e3 0%,#cccccc 50%,#b6b6b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
	text-shadow: 3px 3px 2px #8F8F8F;
}
#coldroite h4{
	margin-top: 70px;
	padding: 0 12px;
	font-family: "GROBOLD";
	color: #f48f26;
	font-size: 23px;
	margin-bottom: 24px;
}
#coldroite p{
	font-family: "Trebuchet MS";
	font-size: 18px;
	padding: 0 12px;
	color: #807d7a;
	line-height: 24px; 
}
.retour{
	clear: both;
}


#colgauche li{
	height: 40px;
	margin: auto;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#83c2ed+0,60b2ea+50,44a3e3+100 */
	background: #83c2ed; /* Old browsers */
background: -webkit-linear-gradient(#83c2ed 0%, #60b2ea 50%, #44a3e3 100%);
background: -o-linear-gradient(#83c2ed 0%, #60b2ea 50%, #44a3e3 100%);
background: linear-gradient(#83c2ed 0%, #60b2ea 50%, #44a3e3 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c2ed', endColorstr='#44a3e3',GradientType=0 ); /* IE6-9 */
}
colgauche li:hover{
	background: rgba(255,255,255,0.2);
	transition: all 0.3s;
}

#menugauche a{
	display: block;
	font-size: 16px;
	color: white;
	float: left;
	padding: 0 22px;
	line-height: 40px;
	font-family: "GROBOLD";
	text-decoration: none;
	text-shadow: 3px 3px 2px #8F8F8F;
}
#menugauche a:hover{
	background: url("image/puce.png") no-repeat -2px;
	float: left;
}	
#colgauche h1{
	font-size: 16px;
	font-family: "GROBOLD";
	color: #f48f26;
	margin-top: 44px;
	padding: 0 22px;
}

#colgauche p{
	padding: 0 22px;
	margin-top: 19px;
	font-size: 14px;
	font-family: "Trebuchet MS";
	color: #c4c4c4;
	line-height: 15px; 
}
#colgauche .colgaucheformul{
	font-size: 14px;
	font-family: "Trebuchet MS";
	color: #f48f26;
}

#colvideo{
	float: left;
	width: 249px;
}
#coltext{
	float: left;
	width: 261px;
}

.style{
	float: right;
	margin-top: 6px;
}

.footer{
	width: 980px;
	height: 40px;
	margin: auto;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebebeb+0,ebebeb+50,bcbcbc+100 */
background: #ebebeb; /* Old browsers */
background: -moz-linear-gradient(top,  #ebebeb 0%, #ebebeb 50%, #bcbcbc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebebeb 0%,#ebebeb 50%,#bcbcbc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebebeb 0%,#ebebeb 50%,#bcbcbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}

.footer p{
	font-family: "Myriad Pro";
	font-size: 13px;
	float: right;
	color: #808080;
	line-height: 40px;
	padding-right: 13px;
}



#coldroiteanniv strong{
	color: #f48f26;
	font-family: "GROBOLD";
	font-size: 16px;
}

#coldroiteanniv .texteanniv strong{
	color: #f48f26;
	font-family: "GROBOLD";
	font-size: 16px;
}

#coldroiteanniv .texteanniv p{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #454545;
}

.texte_orange{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #f48f26;
}

.horaire{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #454545;
}

.colhoraire{
	float: left;
	width: 50%;
	padding-left: 51px;
}

#coldroiteanniv p{
	font-family: "Trebuchet MS";
	font-size: 16px;
	padding: 0 51px;
	color: #807d7a;
	line-height: 23px; 
	margin-bottom: 44px;
}

#coldroiteanniv h2{
	font-size: 20px;
	font-family: "GROBOLD";
	color: #f48f26;
	padding: 22px 14px;
}


#coldroiteanniv{
	
	width: calc(980px - 210px);
	float: left;
	background: #f9f9f9;
}

#mascotte{
	float: left;
	width: calc(50% - 51px);
	margin-top: -101px;
	margin-bottom: 40px;
	padding-left: 496px;
}