#main {
	display : block;
	width : 960px;
	height : 615px;
	margin : 0 auto;
	position : relative;
	/*	background: #ff6; */
		
}



html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color : #fff;

	font-family: Lato-Lig, Helvetica, Arial;
	font-size:15px;
	/*letter-spacing: 0.1em;*/
	color:#333;
}

#wrapper {
	margin: 0 auto;
	padding : 0;
	text-align: left;
	width: 100%;
	border : 0 none;
}

#wrapper td {
	padding : 0;
	margin : 0;
	vertical-align: middle;
}







* { margin: 0; padding: 0; }
a.current, a:hover { color: #000;}

a { outline: 0; color: #900; text-decoration: none; }
li { list-style: none; }
li a { display: block; }

img { outline: 0; border: 0;}

a img:hover {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  filter: alpha(opacity=50);
	  -moz-opacity: 0.5;
	  -khtml-opacity: 0.5;
	  opacity: 0.5;
}

i{
/*	font-family: Muli-LightItalic;
	color:#f00;*/
}


p { line-height: 1.4em; 
	font-size:14px;

}



h1 {
	font-family: Lato-Reg, Helvetica, Arial;
	font-size:17px;
		letter-spacing:1.2px;
	color:#666;
	margin-bottom:12px;
}






h2 {
	font-family: Lato-Reg, Helvetica, Arial;
	color: #666;
	font-size:13px;
}




h3 {

	margin: 10px 4px 0 0	;
	font-family: Lato-Reg, Helvetica, Arial;
	color: #666;
	font-size:13px;
}


h4 {
	color: #666;
	margin: 0 0 4px;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}





.content {
/*	background: #0f0;
	padding: 10px 20px 20px 20px;
	margin: 20px 0 0 0;*/

}

#header{
/*		background: #f58; */
	text-align:center;
	height: 40px;	
	width: 950px;
/*	float: left;
	background: #ace; */
/*	width: 180px;*/

/*	text-align:right;*/
/*	border-right-style:solid;
	border-width:0px 1px;
	border-color:#000;*/
}

#header h1{
	font-family: Lato-Hai, Helvetica, Arial;
	font-size:24px;
	letter-spacing:53px;
	color:#666;
	text-align:center;
	margin-left:26px;


}


#footer {
/*	background: #f5f;*/
	text-align:center;
	position:absolute;
	height:30px;
	width:960px;
	bottom:0;

	/*margin-left:5px;*/
}


#footer h1{
	font-family: Lato-Hai, Helvetica, Arial;
	font-size:23px;
	letter-spacing:33px;
	color:#666;
	margin-left:26px;


}






		
#menu { 
	font-family: Lato-Lig, Helvetica, Arial;
	text-align:center;
	letter-spacing:3px;

 }

#menu li {
	margin-left:68px;
	text-align: center;
	
 }
	
#menu li a{
/*	color:#666;*/
	display:block;
	float:left;
	font-size:21px;
	padding:0 10px 0px 10px;
	margin:0 15px;
/*	background-color:#684;*/
	line-height: 30px;
 }

#menu li a:hover { 
	color:#FFF;
	background-color:#900;

 }

 li a.current { 
	color:#900;
	font-family: Lato-Reg, Helvetica, Arial;
	margin:0 13px;
	/*background-color:#627;*/
 }






#page, #page_references, #page_galerie {
	height: 530px;
	margin:0 5px;
	
	/*background-color:#627;*/
}




/***************
*
Slider dimensions
*
 ****************/
.rsNav {
/*    position: absolute;
    bottom: auto;
    top: 0px;*/
/*	background-color:#fff;*/
}

.royalSlider {
/*		margin: 0;
  	width: 950px;
  	height: 520px;
	background-color : #fed;*/
}



#page .royalSlider {
		margin: 0;
  	width: 950px;
  	height: 520px;
	/*background-color : #f8f;*/
}

#page_references .royalSlider {
	margin: 0;
  	width: 950px;
  	height: 390px;
	/*background-color : #f8f;*/
}






.colonne_slider .royalSlider {
		margin: 0;
  	width: 750px;
  	height: 500px;
/*	background-color : #fff;*/
}







#expo{
	margin-left:205px;	
}


.autre{
	
text-align:center;	
	
}
.autre img{
	
text-align:center;	
	margin:40px 10px;
	
}



/*
.colonne {
	float:left;
	width: 555px;
	padding-left:17px;
	margin-top:25px;

}
*/






.colonne_sf {
/*	background-color:#573;*/
	float:left;	
	width:320px;
	height:400px;
	margin:20px 20px 0 40px;

}

.colonne_sf2 {
/*	background-color:#578;*/
	float:left;
	width:320px;
	height:400px;
	margin:20px 0 0 0 ;
}











.colonne_slider {
	float:left;
	width: 737px;
	margin-left:205px;
	margin-top:25px;
}

.texte_scroll_slider{
	/*	float:left;*/
position:absolute;
bottom:0;
left:0px;	
	overflow:auto;
	padding-left:170px;
	padding-right:20px;

	height: 470px;
	width: 400px;
	/*background-color:#ff6;*/
}

.texte_scroll_slider img{

padding-top:20px;
padding-bottom:5px;


}



.vue_slider h1{
	float:left;
	padding-top:6px;
	line-height:7px;
	
}
.vue_slider h3{
	font-family: Muli-LightItalic;
font-size:15px;
	padding-top:6px;
line-height:7px;
	margin-left:5px;
	padding-bottom:10px;
}









/*page accueil*/


.colonne1accueil{
	/*background-color:#789;*/

/*padding-right:10px;*/
height:490px;
text-align: center;


}




.actu{
/*	background-color:#978;*/
padding:20px 40px 0 30px;
/*height:480px;*/
}

.actu p{
font-size:16px;
}

.actu a:hover { outline: 0; background-color: #900; color:#fff ; padding:0 5px; text-decoration: none;}

.actu a { color: #900; background-color: #fff;	font-family: Lato-Med, Helvetica, Arial; }



.colonne1new{
	/*background-color:#789;*/
float:left;
padding-right:10px;
height:490px;
text-align: right;
}





.colonne2new{
/*background-color:#987;*/

width:885px;
}





/*page galerie*/

#page_galerie{

	overflow:auto;
}


.liste_galerie{
	float:left;
	
/*background-color:#369;*/
padding-top:80px;
padding-left:40px;
height:160px;
width:150px;
}




.liste_galerie p{
/*height:150px;*/


color:#F00;
}


.liste_galerie h2{
	float:left;
/*	background-color:#369;*/
	text-align:center;
/*height:150px;
text-align:center;*/
/*width:120px;*/	

}




/*page parcours*/

.colonne_bio{
	width:400px;
	height:500px;
	
margin:20px 20px 0 30px;
	overflow:auto;
	float:left;

}

.colonne_bio a{

	font-family: Lato-Reg, Helvetica, Arial;
}

.colonne_photo img{
/*	background-color:#897;*/
	position:relative;
	float:left;
/*		height:500px;
	width:3760px;*/
	margin:20px 20px 0 30px;
}



.texte_scroll{
	overflow:auto;
padding-right:20px;

	height: 480px;
}

.texte_scroll h2{
margin-top:15px;
}


.texte_scroll li{

}


/*page video*/

.video{
margin-top:50px;
text-align:center;

}

.video h1{
	margin-top:5px;

	margin-bottom:-5px;
}


/*page video*/
.colonne_liens1 {
	margin:20px 20px 0 30px;
	float:left;
}

.colonne_liens2 {
	margin:15px 20px 0 0px;
	float:left;
}




/*page contact*/

.photo_contact{
/*		position:relative;*/
		float:left;
		height:500px;
		width:180px;
		margin:20px 20px 0 30px;

}

#adresse{
		position:absolute;
	/*background-color:#789;*/
	float:left;
	width: 240px;
margin-top:60px;
left:30px;

}


#contact{
	padding-top:20px;
	margin-left:20px;
}

#contact p{
	line-height:20px;
	padding-bottom:5px;
}


#contact label{
	font-size:13px;
	float : left;	
	width:300px;
	text-align:right;
	padding-right:5px;
}

	
.infull {
	width :300px;
}
	
#contact input, textarea {
	font-size:14px;
	color:#000;
}


#message_form{
		width :400px;
		padding-left:515px;
		padding-bottom:10px;
}
#message_form_ok{
		overflow:auto;
		width :400px;
		height:400px;
		padding-left:305px;
		padding-bottom:10px;
		padding-right:10px;
		
}






.cellule_site{
	padding-top: 40px;
}

#liste_site {
	display : block;
	overflow : auto;
	height : 605px;
	width : 610px;
	padding: 10px 10px 0px  10px;
}

#liste_site img {
	float:left;
	margin:0 0px 0px 0;
	background-color: #333;
}

#liste_site a{
	height:144px;
	margin-right:10px;
	float:left;
}





/*page about*/
#about{
padding-top:20px;
}

#about h2{
	float:left;
	width:250px;
	text-align:right;
	padding-right:10px;
	color:#336699;
}

#about p {
	padding-left:260px;
	
}



#liens{
	padding-top:20px;

}

#liens h2{
	float:left;
	margin: 2px 4px 0 0	;
	width:270px;
	text-align:right;
	font-size: 1em;
	/*line-height:1.5em;*/
}



#liens p{
	padding-left:275px;
}


/* page photos*/

#photos_g	 {
	float:left;
	width:290px;
	height: 625px;
/*	padding: 0px 20px 10px  10px;*/
	font-size : 1em;
}

#photos_d {
	float:left;
	width:290px;
	height: 625px;
/*	padding: 0px 20px 10px  10px;*/
	font-size : 1em;
}
	

#photos_g a, #photos_d a{
	margin:0px;
	width:80px;
	
}

#photos_g a img, #photos_d a img{
	float:left;
	margin:0px 10px 11px 10px;
	height: 80px;
}



#photos_g p, #photos_d p{
	/*	height: 80px;*/
	width:100px;
	float:left;

		margin:0;
}



	/****************************************************************/
		/* Fontes */

		@font-face {
		  font-family: Lato-Hai;
		  src: url("lato/Lato-Hai.ttf");
		}

		@font-face {
		  font-family: Lato-HaiIta;
		  src: url("lato/Lato-HaiIta.ttf");
		}

		@font-face {
		  font-family: Lato-Lig;
		  src: url("lato/Lato-Lig.ttf");
		}

		@font-face {
		  font-family: Lato-LigIta;
		  src: url("lato/Lato-LigIta.ttf");
		}


		@font-face {
		  font-family: Lato-Reg;
		  src: url("lato/Lato-Reg.ttf");
		}

		@font-face {
		  font-family: Lato-RegIta;
		  src: url("lato/Lato-RegIta.ttf");
		}

		@font-face {
		  font-family: Lato-Bol;
		  src: url("lato/Lato-Bol.ttf");
		}

		@font-face {
		  font-family: Lato-BolIta;
		  src: url("lato/Lato-BolIta.ttf");
		}

		@font-face {
		  font-family: Lato-Bla;
		  src: url("lato/Lato-Bla.ttf");
		}

		@font-face {
		  font-family: Lato-BlaIta;
		  src: url("lato/Lato-BlaIta.ttf");
		}




	/****************************************************************/