@charset "utf-8";



/* CSS Document */







/*----------------------------les pages tourismes-----------------------------------------*/



body



{

	padding: 0;

	background-color:#cde985;



}







/*--------------------------------MES COUCHES----------------------------------------------*/

/*-------------------------délimite la page de mon site-----------------------------------*/

#page

{



	background-color: #ffffff;

	background-repeat:repeat-y;/*mettre le masque de fond répète l'image verticalement*/

	width: 750px;

	height: auto;

	margin: 0 auto;

	margin-top:0 px;

}

#pageind

{



	width: 733px;

	height: auto;

	margin: 0 auto;

	margin-top:0 px;

}

/*-------------------------délimite la page de mon site-----------------------------------*/





/*---------------------------Toutes mes Entetes-------------------------------------------*/

/*---------------------chaque rubrique du site a son entete-------------------------------*/



#entete

{

	width: 750px;

   	height: 378px;

	margin: auto;

	margin-top: 0px;

   	background-image: url(images/htpgcom.gif);

   	background-repeat: no-repeat;

}



#entetecommunes

{

	width: 750px;

   	height: 378px;

	margin: auto;

	margin-top:0px;

   	background-image: url(images/htpgcomnc.gif);

   	background-repeat: no-repeat;

}



#entetepv

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcompv.gif);

   	background-repeat: no-repeat;

}



#entetemp

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcommp.gif);

   	background-repeat: no-repeat;

}



#enteteip

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcomip.gif);

   	background-repeat: no-repeat;

}

#entetecb

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/entetecyber.gif);

   	background-repeat: no-repeat;

}

#entetevs

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcomso.gif);

   	background-repeat: no-repeat;

}



#entetetp

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcomw.gif);

   	background-repeat: no-repeat;

}



#enteteenv

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcomenv.gif);

   	background-repeat: no-repeat;

}



#entetevex

{

	width: 750px;

   	height: 378px;

	margin: 0 auto;

	margin-top:0px;

   	background-image: url(images/htpgcomvex.gif);

   	background-repeat: no-repeat;

}

/*----------------div créer pour le nom des communes -----------------------------------*/



#villes

{	width: 700px;

	float:left;

	margin-top: -30%;

	padding-left: 5%;

}



td

{	

	padding: 2%;

	font-family:Tahoma, Arial, Times New Roman, serif;

	color:#3A220A;

	font-size:12px;

}

/*---------div principale ou se trouve la plus grosse partie écrite de la page---------*/

/*---------------------------c'est le corps du document--------------------------------*/



#corps



{
	width: 740px;
	height: auto;
	float:right;
	margin-top: 0%;
	padding-right:1%;
	padding-left: 1%;

}

#corpscom



{



	width: 700px;

	height: auto;

	float:left;

	margin-right: 10%; 

	padding-left: 1%;

	padding-right:1%;



}

#carte



{



	width: 750px;

	height: auto;

	margin-top:-30%;

	margin-left: 15%; 

	margin-right: 5%; 

	padding-right:1%;

	padding-left: 1%;

}



#apDiv1



{

	width: 200px;

		

}



 /*--------------------------- MES MENUS -------------------------------------------*/





#menu



{
	width: auto;
	height: auto;
	float:right;
	text-align:right;
	margin-top: -30%;
	margin-right: 1%;
	padding-left: 5%;

}

#menuimag



{	width: 200px;

	height: auto;

	float:right;

	margin-left: -10%;



}

#menuentete



{	width: 150px;

	height: auto;

	padding-left: 5%;

}

	



/*------------------------------les paragraphes-------------------------------------------*/  

/*----------------------------Police taille couleur --------------------------------------*/





p



{

	color:#3A220A;

	font-family:Tahoma, Arial, Times New Roman, serif;

	font-size:100%;

	text-align:justify;

	margin-right:1%;

}



li

{

	color:#3A220A;

	font-family:Tahoma, Arial, Times New Roman, serif;

	font-size:100%;

}



.dessous /* à mettre en dessous des images flottantes*/



{	

	clear:both;

}



.adresse



{

	font-size:80%;

	color:#000000;

	text-align: center;	

}	 

.photo /* commentaire des photos*/

{

	font-size:80%;

}



.auto



{	

	overflow:auto

}



.justifier



{

	text-align:justify;

}







/*-------------------------------------les listes---------------------------------------*/



.randonnées



{

	list-style-image: url(images/puces.jpg);

	list-style:inside;

	color:#3A220A;

	font-family:Tahoma, Arial, "Times New Roman", serif;

	font-size:100%;



}







/*----- MES TITRES --------- MES TITRES ------------ MES TITRES ----- MES TITRES ---*/

/*--------------------------Police couleur taille-----------------------------------*/





h1

{

	font-size:150%;

	color:#666666;

	font-family:Tahoma, Arial, Times New Roman, serif;

	line-height: normal;

}



h2

{

	font-size:130%;

	color:#666666;	

	font-family:Tahoma, Arial, Times New Roman, serif;

}	



h3

{

	font-size:120%;

	font-family:Tahoma, Arial, Times New Roman, serif;

	color:#cde985;	

}



/*------------------class des titres pour souliger par exemple-------------------------------*/



.titre



{

	margin: 0;

	border-bottom: #cde985 solid 2px;/*souligne mon titre*/

	padding-right: 10%;



}



.soustitre



{

	margin: 0;

	border-bottom: #cde985 solid 1px;/*souligne mon titre*/

}

.pdp

{

	margin: 0;

	border-top:#cde985 solid 1px;

	border-bottom: #cde985 solid 1px;/*souligne mon titre*/

}







/*------------------------------------------les images--------------------------------------*/

/*-----------------------class des images-----------------------------------------------*/



.imgessai

{

	float:left;

}



.imgfloatl

{

	float:left;

}

.imgfloatr



{

	float:right;

	margin-left: 5%;

	padding-left: 5%;	

}



/*---------------------------------MES LIENS----------------------------------------*/

/*-------------------------couleur et action  des liens---------------------------- */

a



{	

	

	color:#b6cf77;/*---vert---*/

	font-weight: bold;

	text-decoration: none;

}



a:hover



{

	color:#9fa2a4;/*---gris---*/

	text-decoration: none;

}



a:visited



{

	color:#aeafaf;/*---gris--*/

}



/*------------------------------les pieds de pages-------------------------------------*/



#pied



{

	clear : both;

	text-align:center;

	padding-bottom: 1%;

	background-color: #eceff1;



}