@charset "utf-8";
body {
	margin: 0px;
	color: #151515;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color: #DCE1DA;
}
#wrapper {
	width: 100%;
	min-width: 740px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DCE1DA;
	color: #003399;
}
#top {
	overflow: hidden;
	color: #FF6600;
	font-weight: bold;
}
#hero img {
	max-width: 100%;
}

h1 {
	font-size: xx-large;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #003399;
	text-align: center;
	font-family: Bloody;
}
h2 {
	margin-top: 0.5em;
	color: #9C171A;
	text-align: center;
}


figure {
	display: block;
	width: 420px;
	text-align: right;
}
figure img {
	padding: 10px;
	-webkit-box-shadow: 1px 1px 15px #999999;
	box-shadow: 1px 1px 15px #999999;
}

figcaption {
	background-color: #333;
	color: #FFF;
	font-size: larger;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-top: 0.5em;
}
.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.floatleft {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
.floatright {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}
footer {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2%;
	background-color: #43a6cb;
	color: #FFFFFF;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:link {
	color: #861265;
}
a:visited {
	color: #861265;

}
a:hover, a:active, a:focus {
	color: #003399;
	text-decoration: underline;
	font-style: italic;
	text-align: center;
	font-size: xx-large;
}

#mainnav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	color: #D6D6D6;
}
#mainnav a {
	width: 20%;
	display: block;
	float: left;
	text-align: center;
	background-color: #DCE1DA;
	color: #190707;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size:25px;
	font-family: BLOODY;
	font-style:italic;
	font-weight: bolder;
}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background-color: #9C171A;
	text-decoration: none;
	color: #00FF00;
	font-family: BLOODY;
}
  #wrapper form table {
	color: #fa9835;
}
#wrapper form table tr td {
	color: #000000;
}
/* UN PHOTO ZOOM AUTOMATIQUE */
.zoom {
height:500px;
}
.zoom1 {
height:700px;
}
.zoom p {
text-align: center;
}
.zoom1 p {
text-align:center;
}
.zoom img {
width:250px;
height:250px;
}
.zoom1 img {
width:250px;
height:250px;
}
.zoom img:hover {
width:450px;
height:450px;
}
.zoom1 img:hover {
width:450px;
height:450px;
}
/*.pic{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width:110px;
	height:178px;
}
.pic1{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width:200px;
	height:200px;
}*/

/*.picbig{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
}
.picbig1{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
}
.pic:hover + .picbig{
	width:600px;
	
}
.pic1:hover + .picbig1{
	width:600px;
}*/

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Muli:300);
@import url("Blazed/stylesheet.css");

/*
h1
{
font-family: 'Oswald', sans-serif;
font-size: 30px;
text-transform: uppercase;
color: #216182;
}
*/

/* Centres la page ( ce pourrait être conteneur)*/
.body {
    display:block;
    margin:0 auto;
    width:576px;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    color: #999;
}


/* Les étiquettes sont des titres pour les champs de texte .*/
label 
{
    display:block;
    margin-top:20px;
    letter-spacing:2px;
}

/* Centres le formulaire dans la page */
form 
{
    margin:0 auto;
    width:459px;
}

/* Styles les boîtes de texte */
input, textarea, file {
	width:439px;
	height:27px;
	background-color:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

	input:focus, textarea:focus {
		border:1px solid #97d6eb;
	}

/* Styles les cases de la zone de texte ( champ de message )*/	
textarea 
{
	height:213px;
	background-color: #efefef;
}


/* Styles le bouton Soumettre */
#submit {
	/* background:url(images/submit.png); */
	width:127px;
	height:48px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:20px;
	cursor:pointer;
}

/* Styles survol bouton soumettre */	
#submit:hover {
	color:#fff;
	background-color: #216182;
	opacity:0.9;
}

/* Styles le bouton Annuler*/	
#cancel {
	/* background:url(images/cancel.png); */
	width:127px;
	height:28px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:20px;
	cursor:pointer;
}

/* Styles survol bouton Annuler */
#cancel:hover {
	color:#fff;
	background-color: #000;
	opacity:0.9;
}
#wrapper #main p {
	text-align: justify;
}
#wrapper #main p {
	text-align: center;
}
#wrapper #main p {

}
#wrapper #main p {


}
#wrapper #main p {
	text-align: left;
	color: #000000;
}