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

body
{   background-image: url(../images/fond.jpg);
background-position: center top ;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb (12,50,171);
}

header,nav,section,article,aside,footer{
	display:block;
	}

#global 
{
	width: 950px;
	height: 650px;
	margin:auto;
	margin-top:50px;
}	


/* ------ STYLES DE TEXTE ------ */

	

/* ------ COLONNE GAUCHE ------ */
#col_gauche
{
	width: 200px;
	float:left;
	height: 650px;
	
}




/* -- MENU -- */
nav{
	height:410px;
	margin-top: 60px;
	margin-right: 20px;
	
		}
	
nav a{
	display:block;
	height:31px;
	width:180px;
	margin-left:10px;
	text-decoration:none;
	text-align:center;
	}

nav a:hover{background-position: 0px -31px;}
	
#btn_accueil{background-image:url(../images/accueil.jpg);
border-radius:15px 15px 15px 15px ; }
#btn_description{background-image:url(../images/description.jpg);
border-radius:15px 15px 15px 15px ;}
#btn_tarifs{background-image:url(../images/tarifs.jpg);
border-radius:15px 15px 15px 15px ;}
#btn_condition{background-image:url(../images/condition.jpg);
border-radius:15px 15px 15px 15px ;}
#btn_reserver{background-image:url(../images/reserver.jpg);
border-radius:15px 15px 15px 15px ;}
#btn_galerie{background-image:url(../images/galerie.jpg);
border-radius:15px 15px 15px 15px ;}

	
	
	
	



/* ------ COLONNE DROITE ------ */
#col_droite
{
	
	width: 750px;
	height: 650px;
	float:right;
    }



section
{
	width: 750px;
	height: 500px;
	margin-top:-75px;
    }
	

	
 
	

#portfolio img{
	border-radius:20px 0px 20px 0px ;
	margin-left:12px;
	margin-bottom: 12px;
	
	
	}
	
#portfolio {
	margin-top: 80px;
	margin-left: 30px;


	}	
	
#portfolio2 {
	
	margin-top:32px;
	margin-left: 30px;
	

}


#portfolio2 img{
	border-radius:50px 0px 50px 0px ;
	margin-top: -7px;
	margin-right:32px;
	
	
	}
	
#portfolio3 {
	
	
	margin-left: 25px;
	display: inline;
	

}


#portfolio3 img{
	border-radius:50px 0px 50px 0px ;
	margin-top:5px;

	
	
	
	}	
	
#portfolio3bis {
	
	
	margin-left: 575px;
	display: inline;
	
	

}


#portfolio3bis img{
	border-radius:50px 0px 50px 0px ;
	margin-top: 4px;
	margin-right:32px;
	
	
	}	
	
#portfolio4 {
	
	display:inline;
	
}	
	
#portfolio4 img{
	border-radius:20px 0px 20px 0px ;
	margin-top:29px;
	
	
	
	
	
	}	
		
		
#imagemenu {
	
	margin-top:20px;
	margin-left: 30px;
	

}


#imagemenu img{
	border-radius:15px 0px 15px 0px ;

	
	
	}

		


	
#titre
{
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
	margin-top: 50px;
	color:rgb(25,39,86);
	text-decoration: underline;
}
	
#texteaccueil
{
	
	width: 690px;
	text-align: center;
    color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
	margin-left: 25px;
	font-size: 15px;
	text-indent: 8px;
	line-height: 15px;
    

	}
	
#titre2
{
	
	color:rgb(25,39,86);
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
	margin-top: 50px;
	text-decoration: underline;
	
}
	
	
	
#textedescription
{  
	width: 500px;
	text-align: left;
    color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 220px;
	font-size: 15px;
	text-indent: 8px;
	margin-top: -153px;
	line-height: 15px;

	
    

	}	
	
	
#textedescription2
{
	
	width: 540px;
	text-align: left;
    color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 25px;
	font-size: 15px;
	text-indent: 8px;
	margin-top: -210px;
	line-height: 15px;

	}	
		
		
#textetarifs
{   
	width: 690px;
	text-align: center;
    color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 25px;
	font-size: 15px;
	text-indent: 8px;
	line-height: 17px;
	margin-top:10px;
	

	}			

#textecondition
{   
	width: 690px;
	text-align: center;
    color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 25px;
	font-size: 15px;
	text-indent: 8px;
	line-height: 17px;
	margin-top:-20px;
	

	}				
		
		
#titre3
{
	
	color:rgb(25,39,86);
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
	margin-top: 50px;
	text-decoration: underline;
	
}	

#titre4
{
	
	color:rgb(25,39,86);
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
	margin-top: 50px;
	text-decoration: underline;
	
}
	
	
#textefooter
{
	margin-top:160px;
    color:rgb(25,39,86);
	text-align:center;
	font-size: 14px;
	
	
	
	}
	
	
	
#textenav
{
	margin-top:145px;
	
	
	
	}
	
	


	
#textemail
{

	width: 650px;
	text-align: center;
	color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: 110px;
	font-size: 16px;
	}	
	
	
#textedetail
{

	width: 550px;
	text-align: center;
	color:rgb(25,39,86);
    font-family: Arial, Helvetica, sans-serif;
	margin-left: 70px;
	font-size: 15px;
	line-height: 16px;
	}	
	
	
.accueildetail{
	
	color:rgb(25,39,86);
	font-weight:bold;
	font-size: 13px;
	line-height: 13px;
	
	}	
	
.tarif{
	
	color:rgb(25,39,86);
	font-weight:bold;
	font-size: 13px;
	line-height: 14px;
	
	
	}		
	
	
.condition{
	
	color:rgb(25,39,86);
	font-weight:bold;
	font-size: 13px;
	line-height: 14px;
	
	
	}			
	
	
#nomsitecondition
{
	
	color:rgb(60,140,193);
	margin-top:20px;
	margin-left: 180px;
    font-size: 8px;

	
}	
	
	
#nomsitereserver
{
	
	color:rgb(60,140,193);
	margin-top:105px;
	margin-left: 400px;
    font-size: 8px;

	
}	

#nomsitedescription
{
	
	color:rgb(60,140,193);
	margin-top:40px;
	margin-left: 380px;
    font-size: 8px;

	
}


#nomsitegalerie
{
	
	color:rgb(60,140,193);
	margin-top:110px;
	margin-left: 420px;
    font-size: 8px;

	
}	
	
	
#nomsiteindex
{
	
	color:rgb(60,140,193);
	margin-top:5px;
	margin-left: 305px;
    font-size: 8px;

	
}	

#nomsitetarifs
{
	
	color:rgb(60,140,193);
	margin-top:80px;
	margin-left: 210px;
    font-size: 8px;

	
}
	
#mailto
{
	
	color:rgb(25,39,86);
	font-size: 12px;
	text-decoration: none;
}