/* CSS Document */

@font-face{
	font-family: grobold;
	src: url("fonts/GROBOLD.ttf")
}

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

.orange{
	color: #f48f26;
}

.orangegr{
	font-family: grobold;
	color: #f48f26;
}

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

.retour{
	clear: both;
}

/*---------STRUCTURE-Colonne droite---------*/

#coldr{
	width: 210px;
	background: #fff;
	min-height: 600px;
	float: left;
}

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

#coldr li a{
	display: block;
	font-family: grobold;
	line-height: 40px;
	font-size: 16px;
	padding-left: 15px; 
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 1px 1px 5px #000000;
}

#coldr li a:hover{
	background: url("images/puce15-40.png") no-repeat;
}

#coldr a{
	color: #f48f26;
}

#coldr h2{
	font-family: grobold;
	font-size: 16px;
	color: #f48f26;
	padding: 27px 7px 19px 7px; 
}

#coldr p{
	font-family: TrebuchetMS, Verdana, sans-serif;
	font-size: 14px;
	color: #b3b3b3;
	line-height: 18px;
	padding: 0px 14px;
	padding-bottom: 5px;
}

/*---------STRUCTURE-Colonne gauche---------*/

#colgc{
	width: calc(100% - 210px);
	float: left;
}

#colgc h1{
	display: block;
	width: calc(770px - 12px);
	background-image: url(images/motiffond.png);
	line-height: 60px;
	font-family: grobold;
	font-size: 20px;
	color: #f48f26;
	padding-left: 12px;
}

#colgc a[data-fancybox="gallery"] img {
  cursor: zoom-in;
}

#colgc a[data-fancybox="video-gallery"] img {
  cursor: pointer ;
}

.fancybox__caption{
	font-family: "Trebuchet MS", Verdana, "sans-serif";
	font-size: 16px;
}

/*---------Header---------*/

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

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

/*---------Navigation---------*/

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

nav #menu{
	width: 980px;
	margin: auto;
}

nav a{
	display: block;
	font-family: Grobold;
	padding: 0px 16.5px;
	line-height: 40px;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	border-left: 1px solid #549b25;
	border-right: 1px solid #549b25;
	color: #ffffff;
}

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

nav li{
	float: left;
}

/*---------Accueil---------*/

#colactu{
	width: 470px;
	height: 255px;
	float: left;
}

#colactu img{
	padding-top: 5px;
	float: right;
}

h3{
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,b4b4b4+100 */
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #b4b4b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#b4b4b4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#b4b4b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */
	
	font-family: grobold;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px 5px #000000;
	padding-left: 10px;
	line-height: 40px;
}

h4{
	font-family: grobold;
	font-size: 23px;
	color: #f48f26;
	text-transform: uppercase;
	padding: 70px 0px 10px 10px;
}

#textactu{
	font-family: "Trebuchet MS", Verdana, "sans-serif";
	font-size: 16px;
	color: #807d7a;
	padding: 10px 0px 0px 10px;
	line-height: 18px;
	text-transform: uppercase;
}

#colvid{
	width: 300px;
	float: left;
	
}

/*---------Anniversaires---------*/


#lion{
	position: relative;
	bottom: 35px;
	right: 75px;
}

#colgc img{
	float: right;
}

.textanniv{
	font-family: "Trebuchet MS", Verdana, "sans-serif";
	font-size: 16px;
	color: #454545;
	line-height: 22px;
	margin: 40px 53px 0px 40px;
	text-align: justify;
}

/*---------Contact---------*/

#formulaire{
	display: none;
	width: 645px;
	height: 440px;
	padding: 0px;
}

#formulaire fieldset{
	width: 624px;
	height: 414px;
	border: 1px solid #6f6f6f;
	margin: 10px;
	
}

#formulaire h2{
	font-family: grobold;
	font-size: 22px;
	color: #f48f26;
	text-transform: uppercase;
	margin: 25px 15px;
}

#formulaire label{
	color: #7dc7f3;
	font-family: grobold;
	text-transform: uppercase;
}

#formulaire input, #formulaire textarea{
	width: 100%;
	height: 35px;
	border: none;
	background: #999999;
	margin: 18px 0px 15px 0px;
}

#formulaire textarea{
	height: 63px;
}

.colformgc{
	width: 265px;
	margin: 0px 20px;
	float: left;
}

.colformdr{
	width: 265px;
	margin: 0px 41px 0px 8px;
	float: left;
}

#formulaire button[type=submit], button[type=reset]{
	width: 85px;
	height: 28px;
	background: #7dc7f3;
	border: none;
	color: #fff;
	font-family: grobold;
	text-transform: uppercase;
	margin-right: 25px;
}

#formulaire button[type=submit]:hover, button[type=reset]:hover{
	background: #4297C9;
}

#boutons {
	margin: 15px 0px 0px 360px;
}

/*---------Footer---------*/

footer p{
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 13px;
	color: #808080;
	line-height: 40px;
	text-align: right;
	border: 1px solid #d6d6d6;
	padding-right: 12px;
	margin: 60px 0px 20px 0px;
}