body,table {	font: 11px Verdana, Arial, Helvetica, sans-serif;	color: #666666;	background: url(images/fond2.gif) repeat;	margin: 0px;	padding: 0px;}

.lienvente {
	color: #FF0000;
	background-color: #FFFFFF;
	background-position: center;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
}


h1{	font: bold 18px Verdana, Arial, Helvetica, sans-serif;	color: #006699;	margin: 25px 20px;}
h2{	font: bold 12px Verdana, Arial, Helvetica, sans-serif;	color: #006699;	margin: 20px 20px;}

a:link,a:visited { color: #366FB2;	text-decoration: underline;}
a:hover,a:active { color: #FF0033;	text-decoration: underline;}
p{margin-left: 20px;margin-right: 20px;}

#principal{	float: left;	width: 955px;	margin:0; background: #fff;	 }

#nav{	width: 955px; border-bottom: 1px solid #ffffff;	}

#ssnav1{	width: 750px;	float: left;	height: 42px; background: transparent url(images/nav-fr/nav_degrad.gif) repeat-x left top;	/* arrière-plan général du menu */}

/* gestion nav*/

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul { top: 0; left: 210px; width: 543px; float: right; }
li { float: left;}
/* dimensions et définitions des boutons */
li a { display: block;	float: left;/* mise en block de <a> pour lui donner des dimensions */ height: 41px; }
li a:link{ background-position: 0px ; }
/* décalage de l'arrière-plan pour chaque bouton 
li a:hover { background-position: -82px ; }*/
/* texte accessibilité*/
#ssnav1 span{display:none;}

/* total =543px pr fr  : définir la taille des blocs */

a#lien1 { display:block; width: 130px;	 margin:0 0 0 auto; background: url(images/nav-fr/sensations.gif) no-repeat 0 0; }
a#lien1:hover  {display:block; width: 130px;margin:0 0 0 auto; background: url(images/nav-fr/sensations.gif) no-repeat 0 -41px; }

a#lien2 { display:block; width: 103px;	 margin:0 0 0 auto; background: url(images/nav-fr/energie.gif) no-repeat 0 0; }
a#lien2:hover  {display:block; width: 103px;margin:0 0 0 auto; background: url(images/nav-fr/energie.gif) no-repeat 0 -41px; }

a#lien3 { display:block; width: 81px;	 margin:0 0 0 auto; background: url(images/nav-fr/after.gif) no-repeat 0 0; }
a#lien3:hover  {display:block; width: 81px; margin:0 0 0 auto; background: url(images/nav-fr/after.gif) no-repeat 0 -41px; }

a#lien4 { display:block; width: 113px;	 margin:0 0 0 auto; background: url(images/nav-fr/seloger.gif) no-repeat 0 0; }
a#lien4:hover  {display:block; width: 113px; margin:0 0 0 auto; background: url(images/nav-fr/seloger.gif) no-repeat 0 -41px; }

a#lien5 { display:block; width: 81px;	 margin:0 0 0 auto; background: url(images/nav-fr/tarifs.gif) no-repeat 0 0; }
a#lien5:hover  {display:block; width: 81px; margin:0 0 0 auto; background: url(images/nav-fr/tarifs.gif) no-repeat 0 -41px; }

a#lien6 { display:block; width: 35px; margin:0 0 0 auto; background: url(images/nav-fr/drap.gif) no-repeat 0 0; }
a#lien6:hover  {display:block; width: 35px; margin:0 0 0 auto; background: url(images/nav-fr/drap.gif) no-repeat 0 -41px; }


/* fin gestion nav */

#ssnav2{	width: 205px;	float: left;	height: 42px;margin:0; text-align:right;}
#ssnav2 span{display:none;}
#ssnav2 a{ display:block; width:205px; height:42px; margin:0 0 0 auto; background:url(/images/lien-montclar-fr.gif) no-repeat 0 0; }
#ssnav2 a:hover{ display:block; width:205px; height:42px; margin:0 0 0 auto; background:url(/images/lien-montclar-fr.gif) no-repeat 0 -42px; }



#photonav{	width: 955px;	height: 161px;}
#ssphotonav1{	width: 750px;	float: left;	height: 161px;}
#ssphotonav2{	width: 205px;	float: left;	height: 161px;}


#corps{		width: 955px;	background: #fff;	}

#sscorps1{	width: 180px;		float: left; background: #fff;}
#sscorps2{	width: 570px;	background: #fff;	float: left;}
#sscorps3{width: 205px;	 float:left;}
#sscorps2et3{width: 775px;background: #fff;	float: left;}


.clear{	clear: both;}

#footer{text-align: center;	width: 955px; background: #fff; margin: 35px 0px;}