body /* On travaille sur la balise body, donc sur TOUTE la page */
	{
	width: 100%;
	margin: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: black; /* Le fond de la page sera noir */
	color: rgb(200,200,200);/* Le texte de la page sera gris */
	font-family: times, "Comic Sans MS", Arial, "Time new roman", serif;
	}

frameset
	{
	margin: auto;
	background-color: black; /* Le fond de la page sera noir */
	color: rgb(200,200,200);/* Le texte de la page sera gris */
	font-family: times, "Comic Sans MS", Arial, "Time new roman", serif;
	}
frame
	{
	vertical-align: middle;
	margin: auto;
	background-color: black; /* Le fond de la page sera noir */
	color: rgb(200,200,200);/* Le texte de la page sera gris */
	font-family: times, "Comic Sans MS", Arial, "Time new roman", serif;
	}
iframe
	{
	vertical-align: middle;
	margin: auto;
	padding:none;
	text-align: center;
	background-color: black; /* Le fond de la page sera noir */
	color: rgb(200,200,200);/* Le texte de la page sera gris */
	font-family: times, "Comic Sans MS", Arial, "Time new roman", serif;
	}
/* L'en-tête */
#en_tete
{
	
}
.en_tete
{
	border: none; /* pas de bordure*/
	display: block;
	width: 700px;
	text-align: center;
	margin: auto;
}
.en_tete2
{
	border:none;
	display: block;
	text-align: center;
   	margin: auto;
}
.barreentetetop
{	
	vertical-align: top; 
	border: none;
	font-family: Times, "Times New Roman", arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size: 1.2em bold;
	color: rgb(225,225,225);
	width: 20%;
	background-image : url("photos/fond-menu.jpg");	
	background-position : center left; 
	background-repeat : no-repeat ;	
	margin: 0px 0px 0px 0px ;
}
.barreentetetop2
{	
	vertical-align: top; 
	border: none;
	font-family: Times, "Times New Roman", arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size: 1.2em bold;
	color: rgb(225,225,225);
	width: 300px;
	
}
.barreentete
{	
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé au centre */
	border: none;
	font-family: Times, "Times New Roman", arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size: 1.3em;
	color: rgb(225,225,225);
	width: 20%;
}
.barreentete2
{	
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé au centre */
	border: none;
	font-family: Times, "Times New Roman", arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size: 1em;
	color: rgb(225,225,225);
	width: 20%;
}
.barreentete3
{	
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé au centre */
	border: none;
	font-family: "Times New Roman", Times, arial, serif;
	text-decoration: underline; /* Les liens ne seront plus soulignés */
	font-size: 1em;
	color: rgb(250,250,250);
	width: 20%;
}

	/* corp */

h1
	{
	font-family: "Time new roman", times, Arial, serif;
	font-size: 2.em;
	text-decoration:none;
	color: rgb(250,250,250);
	}
h2
	{
	font-family: times, "Time new roman", Arial, serif;
	font-size: 1.5em;
	text-decoration:none;
	color: rgb(250,250,250);
	}
h3
	{
	font-family:"Time new roman", times, Arial, serif;
	font-size: 1em;
	font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	color: rgb(225,225,225);
	}
h4
	{
	font-family:  "Time new roman", times, Arial, serif;
	font-size: 1.6em;
	text-decoration:none;
	color: rgb(225,225,225);/* Le texte de la page sera gris claire */
	}
h5
	{
	font-family: times, "Time new roman", Arial, serif;
	font-size: 2em;
	text-decoration:underline;
	color: rgb(225,225,225);/* Le texte de la page sera gris claire */
	}
.fond 
	{ 
	background-image :url("photos/fond-degrede1.png");
	background-position : top left;
	background-repeat : no-repeat ;
	}
	
	
.fondvignettes
	{ 
	background-image :url("photos/fondvignettes.jpg");
	background-position : top left;
	background-repeat : no-repeat ; 
	vertical-align : middle ;
	margin: 0px 0px 0px 0px;	
	
	}
.fondpass
	{ 
	background-image :url("photos/fondvignettes.png");
	background-position : top left;
	background-repeat : no-repeat ; 
	vertical-align : middle ;
	margin: 0px 0px 0px 0px;	
	
	}	
.fondvignettesn
	{ 
	background-image :url("photos/fondvignettes-n.png");
	background-position : center;
	background-repeat : no-repeat ; 
	vertical-align : middle ;
	margin: 0px 0px 0px 0px;
	height : 101px ;
	
	}	
.em2
	{
	font-size: 1.5em;
	font-weight: bolder;
	font-variant: small-caps;
	}
.centretitre
{
	display: block;
	width:400px;
	margin:auto;
}
.centretitre2
{
	display: block;
	width:600px;
	margin:auto;
}	
.titreagauche
	{
	text-align: justify;
	}
p
	{
	margin-left: 25px;
	margin-right:25px;
	text-align: justify;
	padding-left: 10px;
	}
.textindent
	{
	text-indent:60px;/* Les          commenceront 30 pixels sur la droite */
	}
.centretext
{
	clear:both;
	font-style: italic;
	text-align: center;
}
.alignement
{
	clear:both;
	vertical-align: middle;
	text-align: center;
}

.top
{
	vertical-align: top;
}
.centretextrouge
{
	clear:both;
	text-decoration: none;
	font-style: italic;
	color: rgb(250,0,0);
	text-align: center;
}
ul
	{
	font-family: Times, "Times New Roman", arial, serif;
	list-style-type: none;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	margin:1px 10px;
	}
.attention
{	
	font-size: 1.25em;
	color: rgb(255,0,0);
	clear:both;
	text-decoration: none;
	font-style: italic;
	text-align: center;
}
.rouge
	{
	color: rgb(255,0,0);
	}
.rougecentre
	{
	color: rgb(255,0,0);
	text-align: center;
	}

.encadrementrouge
	{
	border:3px ridge rgb(255,0,0);
	}
.bleu
	{
	color: rgb(0,0,255);
	}
.bleuglace
	{
	color: rgb(255,255,255);
	}
.jaune
	{
	color: rgb(255,255,0);
	}
.encadrementbleu
	{
	border:3px ridge rgb(0,0,255);
	}
.fichetechnique
	{
	text-align: center;
	font-size: 1.3em;
	}
.fichetechnique2
	{
	text-decoration:none;
	font-weight: bold;
	font-size: 1.1em;
	color: rgb(250,250,250);
	}
.fichetechnique3
	{
	text-decoration:none;
	font-weight: bold;
	font-size: 1em;
	color: rgb(75,75,75);
	}
a
	{
	font-family: times, "Time new roman", Arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	color: rgb(125,125,125);
	}
.efface
	{
	font-family: times, "Time new roman", Arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	color: rgb(125,125,125);
	}
.effacecentre
	{
	text-align: center;
	font-family: times, "Time new roman", Arial, serif;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	font-size: 1;
	color: rgb(100,100,100);
	}
a:hover /* Quand le visiteur pointe sur le lien */
	{
	text-decoration: none; /* Le lien deviendra souligné quand on pointera dessus */
	color: white; /* Le lien sera écrit en blanc quand on pointera dessus */
	}
a img /* Toutes les images contenues dans un lien */
	{
   border: none; /* bordure blanche */
	}
img /* Toutes les images */
	{
	border: none;   /* bordure blanche */
	margin:	none;
	}
map /* Toutes les carte */
	{
   border: none; /* bordure blanche */
	}
	
	/* PHOTOS */
.encadre
	{
	border:3px ridge rgb(255,255,255);
	margin:3px;
	}
.vignettepaysage
	{
	border:3px ridge rgb(255,255,255);
	width:150px;
	margin:3px;
	}
.vignetteportrait
	{
	border:3px ridge rgb(255,255,255);
	height:150px;
	margin:3px;
	}
.vignettepano
	{
	border:3px ridge rgb(255,255,255);
	height:100px;
	margin:3px;
	}
.vignette
	{
	border:3px ridge rgb(255,255,255);
	height:75px;
	width:75px;
	margin:3px;
	}
.vignetteindex
	{
	height:60px;
	width:60px;
	border:none;
	margin: -12px 10px -12px 10px;
	}
.vignetteselect
	{
	border:3px ridge rgb(255,255,255);
	margin: 1px 1px 1px 1px;
	
	}
.photocentrepaysage /* ne plus utiliser */
	{
	border:3px ridge rgb(255,255,255);
	display: block;
	text-align: center;
   	margin: auto;
	}
.photocentrepanorama
	{
	border:3px ridge rgb(255,255,255);
	display: block;
	height: 433px;
	margin:auto;
	}
.photocentreportrait /* ne plus utiliser */
	{
	border:3px ridge rgb(255,255,255);
	display: block;
	height: 433px; /* On a indiqué une hauteur*/
   	margin: auto;
	}
.photocentre
	{
	border:3px ridge rgb(255,255,255);
	display: block;
	text-align: center;
   	margin: auto;
	}
.photoindex
	{
	border:3px ridge rgb(255,255,255);
	display: block;
	text-align: center;
	height: 600px;
   	margin: auto;
	}
.photoencarpaysage
{
	border:3px ridge rgb(255,255,255);
	clear:both;
	display: block;
	height: 200px;
	margin: auto;
}
.encarpaysage
{
	border:none;
	clear:both;
	display: block;
	width: 300px;
	margin: auto;
}
.photoencarpano
{
	border:3px ridge rgb(255,255,255);
	clear:both;
	display: block;
	width: 800px;
	margin: auto;
}
.encarpano
{
	border:none;
	clear:both;
	display: block;
	width: 600px;
	margin: auto;
}
.encar
{
	clear:both;
	display: block;
	width: 50%; 
	margin: auto;
}

.photoencarportrait
{
	display: block;
	height: 433px;
	margin: auto;
}

.floatgauche
{
	float: left;
	margin: 60px; /* Qu'il y ait une marge de 60px à droite pour que ça colle pas trop au reste du texte */
}
.floatleft
{
	float: left;
	margin:10px 25px 10px 25px; 
	border:3px ridge rgb(255,255,255);
}
.floatdroit
{
	float: right;
	margin: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}
.photoflottantepaysagegauche
{
	width:400px;
	float: left;
	margin: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}
.photoflottanteportraitgauche
{
	
	height:433px;
	float: left;
	margin: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}
.photoflottantepaysagedroite
{
	float: right;
	margin: 5px 10px;
}
.photoflottanteportraitdroite
{
	height:433px;
	float: right;
	margin: 5px;
}
.vignettepaysagefloatgauche
{
	border:3px ridge rgb(255,255,255);
	clear:left;
	width:150px;
	float: left;
	margin: 15px 15px;
}
.vignetteportraitfloatgauche
{
	border:3px ridge rgb(255,255,255);
	clear:left;
	height:150px;
	float: left;
	margin: 15px 15px;
}
.Stopfloat
{
	clear:both;
}
table /* Le tableau en lui-même */
{
	width:100%;
	margin: auto; /* Centre le tableau */
}
td
{
	vertical-align: middle;
	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}
.agauche
{
	font-size: 1.3em;
	text-align: left;
}
.gauche
{
	font-size: 1.em;
	text-align: left;
}
.droite
{	
	text-align: right;
}
.atright
{
	font-size: 1.3em;
	text-align: right;
}
.adroite
{
	font-size: 1.5em;
	vertical-align: top;
	text-align: right;
}
#menuhaut
{
	background-image : url("photos/fond-li.jpg");
	background-position : center left; 
	background-repeat : no-repeat ;
	padding: 5px 5px 5px 5px;
	Margin: 0px 5px 0px 5px;
}
#menuhaut td
{
	list-style-type: none;
	
}

#menuhaut a
{
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: none;
	background-image : url("photos/fond-li.jpg");
	background-position : center left; 
	background-repeat : repeat ;
	color: black;
	line-height: 15px;
	text-align: center;
	display: block;
	margin: 2px 1px;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	border-color: rgb(255,245,222) ;
}
#menuhaut a:hover
{
	background-image : url("photos/fond-li-ombre.jpg");
	background-position : center left; 
	background-repeat : repeat ;
	border-width: 2px 1px 1px 2px;
	border-color: rgb(0,0,50) ;
	color: white ;
}

#menuville
{
	
	padding: 5px 10px 5px 10px;
}
#menuville td
{
	list-style-type: none;
	
}

#menuville a
{
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: none;
	background-image : url("photos/fond-li.jpg");
	background-position : center left; 
	background-repeat : repeat ;
	color: black;
	line-height: 15px;
	text-align: center;
	display: block;
	margin: 2px 1px;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	border-color: rgb(255,245,222) ;
}
#menuville a:hover
{
	background-image : url("photos/fond-li-ombre.jpg");
	background-position : center left; 
	background-repeat : repeat ;
	border-width: 2px 1px 1px 2px;
	border-color: rgb(75,75,75) ;
	color: white ;
}

#menuaccueil
{
	
	padding: 3px 7px 3px 7px;
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: none;
	background-image : url("photos/fond-li-ac.png");
	background-position : center left; 
	background-repeat : repeat ;
	color: black;
	line-height: 15px;
	text-align: center;
	margin: 2px 1px;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	border-color: rgb(100,100,100);
}
#menuaccueil:hover
{
	
	background-image : url("photos/fond-li-ombre-ac.png");
	background-position : center left; 
	background-repeat : repeat ;
	border-width: 2px 1px 1px 2px;
	border-color: rgb(0,0,50) ;
	color: white ;
}

.centretextfixed
{
	width:80%;
	clear:both;
	font-style: italic;
	position: fixed ;
	top: 0px ;
	text-align: center;
	left:10%;
	background-color : black;
	margin: auto ;
	
}

td.indexgauche
	{
	background-image :url("photos/fond_indexgauche.jpg");
	border:2px ridge black;
	
	font-size: 1em;
	font-weight: bolder;
	font-variant: small-caps;
		
	}


td.indexdroit
	{
	background-image :url("photos/fond_indexdroit.jpg");
	background-position : center center;
	background-repeat : no-repeat ;
	border:2px ridge white;
	
	font-size: 1em;
	font-weight: bolder;
	font-variant: small-caps;

	}

.menugauche
	{
	width:25%;
	font-size: 1.2em;
	text-align: center;
	}
.menugauche2
	{
	width:225px;
	font-size: 1.2em;
	text-align: center;
	}
.menugauchefixed
	{
	width:200px;
	position: fixed;
	top: 0px;
	font-size: .8em;
	text-align: center;
	}
.margewidthseize
	{
	width:16%;
	}
.menucentre
	{
	width:50%;
	text-align: center;
	}
.menudroit
	{
	width:25%;
	font-size: 1.2em;
	text-align: center;
	}
.colonnegauche
	{
	width:33%;
	}
.colonnemilieugauche
	{
	vertical-align: top;
	width:100px;
	text-align: center;
	Margin: 15px;
	border:3px ridge rgb(255,0,0);
	background-color: white;
	padding: 15px;
	}
.margegauche
	{
	text-align: center;
	vertical-align: top;
	width:100px;
	Margin: 5px;
	border:3px ridge white;
	background-color: rgb(225,225,225);
	color: black;
	padding: 5px;
	}
.colonnemilieu
	{
	text-align: center;
	Margin: 15px;
	border:3px ridge rgb(255,0,0);
	background-color: rgb(33,33,33);
	padding: 15px;
	}
.colonnemilieudroit
	{
	border:3px ridge rgb(255,0,0);
	width:50%;
	padding: 15px;
	}
.cellule1
	{
	Margin: 10px;
	border:3px ridge rgb(0,0,255);
	background-color: rgb(0,0,51);
	width:50%;
	padding: 15px;
	margin: 15px;
	}
.signature
{
	position:absolute;
	right: 5%;
}
#pied_de_page
{
   padding: 5px;
   text-align: center;
 
}
.pied_de_page
{
	position:absolute;
	right: 1%;
}