@charset "UTF-8";
/* CSS Document */


body {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 100%;
	margin-top:0;
}


#container{
width:1000px; 
margin : 0 auto;
top:5%;
position: relative;

}



#menu{
height: 50px;
margin : 0 auto;
position: relative;

}


#content{
height: 600px;
background-image:url(img/fond-2.png);
margin : 0 auto;
position: relative;

}

#texte{
min-height: 600px;
background-color:#d8d9d9;
margin : 0 auto;
position: relative;
margin-top: 15px;
margin-bottom:15px;
}


#text{
padding: 20px;
margin-top:10px;
margin-bottom:10px;
}



#gauche{
float:left;
position: relative;
width:250px;
}

#droite{
	float:right;
	position: relative;
	width:700px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: lighter;
	margin-top:-14px;
	padding-right: 10px;
	margin-right: 20px;
}


#article{
	position:relative;
	height:auto;
	width: 980px;
	margin-top: 30px;
	margin-bottom:30px;
	}
	
	#vide {
	height: auto;
	padding-right:30px;
	}

#vraivide {
	height: 30px;;
	}

#vraivide2 {
	height: 50px;;
	}
#vraivide3 {
	height: 10px;;
	}

#titre{
	height: 240px;
	margin-left : 10px;
	margin-top : 180px;
	position: absolute;
	width: 280px;
	left: -3px;
	top: 3px;
	font-family: 'Lato', sans-serif;
}

#header-info{
	height: 240px;
	margin-left : 10px;
	margin-top : 30px;
	position: absolute;
	width: 1000px;
	left: 7px;
	top: 3px;
	font-family: 'Lato', sans-serif;
}


#points{
	position: relative;
	width: 268px;
}




#footer{
	width:1000px;
	background-color:#f6f6f6;
	margin-top: 10px;
	height: 40px;
	position: relative;
	bottom:0;
}

#textfooter{
	width:990px;
	height: 15px;
	position: absolute;
	padding-left: 10px;
}







h1{
	font-family: 'Syncopate', sans-serif;
	color: #FFFFFF;
	font-size: 25px;
	letter-spacing: 2px;
	word-spacing: 50pt;
	font-weight: lighter;
}

h5{

font-family: 'Lato', sans-serif;
color:#000000;
font-size: 20px;
letter-spacing: -0.8pt;
word-spacing: 3pt;
font-weight: lighter;
line-height: 0;
}

h4{
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: normal;
	word-spacing: 3pt;
	font-weight: lighter;
	line-height: 0;
}



h2{
	font-family: 'Syncopate', sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	letter-spacing: normal;
	word-spacing: 1pt;
	font-weight: 100;
	text-align:center
}


h3{

font-family: 'Lato', sans-serif;
color: #727272;
font-size: 14px;
letter-spacing: 0.5pt;
word-spacing: 3pt;
font-weight: lighter;
}


h6{
	font-family: 'Syncopate', sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: normal;
	word-spacing: 1pt;
	font-weight: 100;
	text-align:center
}

h7{
	font-family: 'Syncopate', sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: normal;
	word-spacing: 1pt;
	font-weight: 100;
	text-align:center
}









.bouton a {
display:block;
width:100px;
padding-left:5px;
line-height:23px;
text-align:right;
vertical-align:middle;
background:url(img/repo.png) no-repeat;
color:#000000;
text-decoration: none;
float:left;
margin:5px;
}
.bouton a:hover {
background:url(img/action.png) no-repeat;
}

a.lien1 {
font-family: 'Syncopate', sans-serif;
color: #3a3a3a;
font-size: 15px;
letter-spacing: 0.5pt;
word-spacing: 3pt;
font-weight: lighter;
text-decoration:none;

}
a.lien1:hover {
color: #b7007a;
}



a.lien2 {
font-family: 'Lato', sans-serif;
color: #990099;
font-size: 10px;
word-spacing: 3pt;
font-weight: lighter;
text-decoration:none;

}
a.lien2:hover {
color: #b7007a;
}



div#photoflot p{ 
  padding-left: 50px;
  margin: 20px;
  padding:0; 
  text-align:justify; 
} 
div#photoflot img{ 
  float:left; 
  margin:0 0 10px 10px; 
  padding:5px; 
} 
hr{ 
  clear:left; 
}
#container #content #titre h2 p {
	font-family: 'Lato', sans-serif;
	text-align: center;
}
#container #content #titre h4 p {
	font-family: 'Lato', sans-serif;
}