/* Enlever les marges*/
*{
	margin: 0px;
	padding: 0px;
}

/* Police */
body {
	font-family: Verdana,Sans-serif;
}

/* Enmever les puces */
ul {
	list-style-type: none;
}

/* Modifications de Fondation */
[class*="block-grid-"] > li{
	padding-left: 40px;
	padding-right: 40px;
	text-align:justify;
}
.row{
	margin: 0px;
}
/* Fin Modifications de Fondation*/

/* Balise pour couper les bords */
#couper{
	max-width: 768px;
	margin: auto;
}
/* */

/* Header*/
header {
	margin: auto;
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(top, #4096ee 0%, #4096ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4096ee 0%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4096ee 0%,#4096ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4096ee 0%,#4096ee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4096ee 0%,#4096ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

#banniere {
	border-radius: 0px 20px 0px 20px;
	display: block;
	max-height:200px;
	opacity: 0.8;
	min-height: 60px;
	min-width: 80px;
	position: left;
}

nav{
	background: #f1e767; /* Old browsers */
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
}

nav li{
	display: inline-block;
	background: #f1e767; /* Old browsers */
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
}

nav li a{
	display: block;
	padding:0.7em;
	font-size: 16px;
	width: 100%;
	height:100%;
}

nav li:hover{
	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}
header h1{
	font-family: Verdana,Sans-serif;
	color:white;
	font-size:40px;
}
header h2{
	font-family: Verdana,Sans-serif;
	color:lightblue;
	font-style: italic;
	padding-left: 150px;
	font-size:28px;
}
section{
	display: block;
	margin: auto;
}
#picture{
	padding:0px;
}
.centrer{
	margin:auto;
}

/*Fin Header*/

/* Gestion du contenu */
.contenu{
	margin: auto;
	max-width:1000px; 
}

/* Petites images */
.vignette{
	padding: 10px;
	display: block;
	margin: auto;
	max-height:200px;
	border-radius: 30px;
	opacity: 0.7;
	transition:0.5s;
}
.vignette:hover{
	padding-top: 4px;
	opacity: 1;
}
/* */

/* Footer */
.footer p {
	line-height: 2px;
}
/* */

.centrer{
	text-align: center
}
/* Footer */
.footer {
	display: block;
	padding-top: 30px;
    margin: auto;
    max-width:800px;
    color:lightblue;
    line-height: 2px;
    text-align: center;
} 

/* Taille des caractères */
p{
	padding-left:0.3em;
	font-size:18px;
}
h3{
	padding-left:0.6em;
	color:#58ACFA;
	font-size: 2em;
}

/*Media Queries*/
@media screen and (max-width: 768px) {
	#couper{
		width:100%;
	}
	nav li{
		display: block;
		background: none;
	}
	nav img{
		height:30px;
	}
	nav li a{
		padding:0.1em;
		text-align: center;
	}

	nav li:hover{
		background: #ffd65e; /* Old browsers */
		background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
	}
	header h1{
		font-size:30px;
	}
	header h2{
		padding-left: 20px;
		font-size:20px;
	}
	p{
		font-size:15px;
	}	
}

@media screen and (max-width: 555px) {
	nav li{
		display: block;
		padding-left: 20px;
		background: none;
	}
	nav li a{
		padding:0.3em;
		font-size: 20px;
	}
	nav img{
		height:22px;
	}
	header h1{
		font-size:20px;
	}
	header h2{
		font-size:17px;
	}
	footer p{
		font-size: 13px;
	}
}

@media screen and (max-width: 400px) {
	header h1{
		font-size:16px;
	}
	header h2{
		font-size:14px;
	} 
	p{
		font-size:14px;
	}	
	footer p{
		font-size: 11px;
	}
}