/*font-family: 'groboldregular'*/

.center {
	width: 980px;
	margin: auto;
	}

.col2 {
	float: left;
}

.retour {
	clear: both;
}

.col75 {
	width: 470px;
	display: block;
	float: left;
}

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

	border-right: 1px solid gray;
}

.col25 {
	width: 279px;
	display: block;
	float: left;}

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

}

#cheque {
	width: 481px;
	float: left;
	display: block;
	background: url(images/cheque.png) 11px 0px no-repeat;
	height: 215px;
	
}

#cheque h3 {
	color: #ED7A07;
	font-size: 28px;
	line-height: 40px;
	padding-left: 20px;
	padding-top: 20px;
	font-weight: bold;
	font-family: 'groboldregular'
}

#cheque p {
	color: gray;
	margin-top: 30px;
	line-height: 30px;
	padding-left: 20px;
}


#video {
	width: 289px;
	display: block;
	float: left;
	height: auto;
}

#textegauche {
	padding: 10px 0 0 10px;
	background-color: white;
	height: 385px;
}

#textegauche h3 {
	font-size: 22px;
	padding: 10px 0 10px 0;
	color: #ED7A07;
	font-weight: bold;
	font-family: 'groboldregular'

}

#textegauche p {
	color: gray;
	padding-bottom: 35px;
}

#textegauche a {
	text-decoration: none;
	border: 1px solid #ED7A07;
	color: #ED7A07;
	padding: 3px 3px;
	font-weight: bold;
}

#textegauche a:hover {
	color: green;
	border-color: green;
	border-radius: 8px;
}

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

}

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

	-webkit-box-shadow: 0px 5px 10px -1px #000000;
box-shadow: 0px 5px 10px -1px #000000;
position: relative;
	z-index: 10;
}

#topnav li {
	
	float: left;
	border-right: 1px solid #3b6816;
	 
}

#topnav li:last-child {
	border-right: none;
}

#topnav a {
	padding: 0 28.8px;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	line-height: 40px;
	font-family: 'groboldregular';
	display: block;
}


#topnav a:hover {
	background-color: rgba(255,255,255,0.3);
}
	


#vertical {
	width: 210px;	
}

#contenu {
	width: 770px;
	float: left;
	background-color: #DBDBDB;
	height: auto;
	padding-bottom: 20px;
}
#vertical li {
	background: #7db9e8; 
	background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 100%); 
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); 
	background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
	display: block;
}

#vertical ul a {
	line-height: 40px;
	
	padding: 10px 0;
	text-decoration: none;
	color: white;
	font-family:'groboldregular';
	width: 90%;
	display: block;
	padding-left: 10%;
	height: 40px;
	
	text-transform: uppercase;
	text-shadow:5px 5px 7px #000000;
}
#vertical a:hover {
	background-color: rgba(255,255,255,0.5);
}

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

}

#blanc {
	height: auto;
	background-color: #DBDBDB;
	
}

#text {
	background-image: url(images/motif_titre.gif);
	height: 50px;
}

#text h1 {
	color: #ED7A07;
	font-size: 25px;
	padding: 10px 10px;
}

#anniv h1 {
	color: #ED7A07;
	font-size: 25px;
	padding: 20px 60px;
	font-family: 'groboldregular';
}

.textanniv {
	color: #ED7A07;
}

#anniv p {
	line-height: 30px;
	padding: 30px 60px 10px 60px;
	text-align: justify;
	color: #282828;
}

#anniv li {
	line-height: 40px;
	padding-left: 80px;
}

#anniv {
	background: url(images/mascotte.png) 450px 330px no-repeat;
}

footer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,bcbcbc+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #bcbcbc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#bcbcbc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 0%,#bcbcbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #BCBCBC;
text-align: right;
color: #777777;
padding-top: 4px;

height: 20px;
}

footer p {
	padding-right: 10px;
}