#accordion {
	margin:0px 0px;
	width:500px;
}

div.toggler {
	background-image: url('/UserFiles/Image/piccardsports/fond_famille1.jpg');
	width:696px;
	height:20px;
	cursor: pointer;
	font-family: 'Andale Mono', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	padding-left:20px;
	padding-top:5px;
	margin-top:1px;
}

div.element  {
        background-image: url('/UserFiles/Image/piccardsports/fond_famille2.jpg');
	width:686px;
	height:236px;
	margin: 0;
	padding-left:20px;
	padding-right:10px;
}



.avantage{
	background:url('/UserFiles/Image/location/fond_avantages.jpg') top left no-repeat;
	width:300px;
	height:491px;
	margin-top:10px;
	padding-top:50px;
}

.avantage p{
	color:#252547;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	position:relative;
	text-align:left;
	width:95%;
	margin:5px;
	margin-bottom:15px;
}

.rappel{
	background:url('/UserFiles/Image/location/fond_rappel.jpg') top left no-repeat;
	width:300px;
	height:491px;
	margin-top:10px;
	padding-top:50px;
}

.rappel p{
	color:#252547;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	position:relative;
	text-align:left;
	width:95%;
	margin:5px;
	margin-bottom:15px;
}

td div.text_gen{
	padding:20px;
	padding-right:70px;
	text-align:justify;
	background:url(/UserFiles/Image/location/fond_loc_txt_gen.gif) top left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	height:312px;
}



div#imprim {
  position: relative;
  padding: 10px;
  width: 100%;
  color: #464646;
float: left;
}

div#background {
  background-image: url(../images/fond.gif);
  background-repeat: repeat; 
  position: relative;
  width: 100%;
  height:121px;
}


div#contenu_lien {
  background-image: url(../images/fond_lien.png);
  position:absolute;
  padding:10px;
  padding-top:40px;
  width:128px;
  height:82px;
  top:132px;
  left:777px;
  color:#FFFFFF;
}


div#colone {
  background-image: url(../images/fond_droite.png);
  background-repeat: repeat; 
  width: 172px;
  height:478px;
}


div#bloc_sondage {
  background-image: url(../images/fond_sondage.jpg);
  background-repeat: repeat; 
  width: 594px;
  height:213px;
  margin-left:6px;
}

div#bloc_location {
  background-image: url(../images/fond_location.png);
  background-repeat: repeat; 
  width: 594px;
  height:201px;
  margin-left:6px;
}

div#bloc_meteo {
  background-image: url(../images/fond_meteo.png);
  background-repeat: repeat; 
  width: 303px;
  height:173px;
  margin-left:3px;
  margin-top:7px;
  padding-top:17px;
}

div#bloc_webcam {
  background-image: url(../images/fond_webcam.png);
  background-repeat: repeat; 
  width: 303px;
  height:99px;
  margin-left:3px;
  margin-top:12px;
}

div#bloc_actu {
  background-image: url(../images/fond_actu.png);
  background-repeat: repeat; 
  width: 303px;
  height:228px;
  margin-left:3px;
}

div#coloneaccueil {
  background-image: url(../images/fond_droite.png);
  background-repeat: repeat; 
  width: 310px;
  height:478px;
}

div#colonelocation {
  background-image: url(../images/fond_droite.png);
  background-repeat: repeat; 
  width: 270px;
  height:478px;
}

div#fond {
  position: absolute;
  width: 951px;
  padding: 0;
  top: 0px;
  left: 50%;
  margin-left:-475px;
}


 div#colone1 {
  background-image:  url(../images/colone_gauche.gif);
  background-repeat: no-repeat; 
  padding-left:28px;
  padding-right:0px;
  padding-top: 22px;
  height: 559px;
  color:#FFFFFF;
}

 div#colonesl {
background-image: url(../images/fond_droite.png);
  width:270px;
  min-height:470px;
  color:#FFFFFF;
  float:right;
  position: relative;
}

 div#colone2 {
  float:right; 
  position: relative;
  width:637px;
  padding: 0px;
}

div#entete1 {
  background-image:  url(../images/entete.gif);
  background-repeat: no-repeat; 
  width: 951px;
  height :67px;
  padding:0;
}


div#entete2 {
  background-image:  url(../images/entete2.gif);
  background-repeat: no-repeat; 
  width: 918px;
  height :225px;
  padding:0;
}



div#pied {
  background-image: url(../images/fond_pied.png);
  background-repeat: no-repeat; 
  width: 951px;
  height: 28px;
  padding: 0;
}

div#backg {
  background-image: url(../images/fond_centre.png);
  width: 918px;
  padding-left:17px;
  padding-right:17px;
  overflow: hidden; 
}


div#blocloch {
  background-repeat: no-repeat;
  float: left;
  padding-left:7px;
  padding-top:10px;
  background-image: url(../images/bloc_h.png);
  width: 259px;
     height: 19px;
}

div#bloclocb {
  background-repeat: no-repeat;
  float: left;
  margin-bottom:14px;
  background-image: url(../images/bloc_b.png);
  width: 266px;
  height: 10px;

}

div#bloclocc {
  float: left;
  padding:9px;
  background-image: url(../images/bloc_c.png);
  width: 247px;
}

a.admin:visited { padding-top:5px; margin-right:1px; text-align:center; text-decoration:none; display: block;  width:154px;   height:17px;   background-image: url(../images/admin_bouton0.gif);   float:left; }
a.admin:link { padding-top:5px;  margin-right:1px; text-align:center; text-decoration: none; display: block; width:154px;  height:17px; background-image: url(../images/admin_bouton0.gif);  float:left; }
a.admin:hover { padding-top:5px;  margin-right:1px; text-align:center; text-decoration: none; display: block; width:154px; height:17px; background-image: url(../images/admin_bouton1.gif); float:left; 	}
a.admin1:visited { padding-top:5px; margin-right:1px; text-align:center; text-decoration:none; display: block;  width:154px;   height:17px;   background-image: url(../images/admin_bouton1.gif);   float:left; }
a.admin1:link { padding-top:5px;  margin-right:1px; text-align:center; text-decoration: none; display: block; width:154px;  height:17px; background-image: url(../images/admin_bouton1.gif);  float:left; }
a.admin1:hover { padding-top:5px;  margin-right:1px; text-align:center; text-decoration: none; display: block; width:154px; height:17px; background-image: url(../images/admin_bouton1.gif); float:left; 	}


a.laccueil:visited {  display: block;  width:21px;   height:12px;   background-image: url(../images/accueil0.gif);   float:left; }
a.laccueil:link {  display: block; width:21px;  height:12px; background-image: url(../images/accueil0.gif);  float:left; }
a.laccueil:hover { display: block; width:21px; height:12px; background-image: url(../images/accueil1.gif); float:left; 	}

a.laccueil:visited {  display: block;  width:21px;   height:12px;   background-image: url(../images/accueil0.gif);   float:left; }
a.laccueil:link {  display: block; width:21px;  height:12px; background-image: url(../images/accueil0.gif);  float:left; }
a.laccueil:hover { display: block; width:21px; height:12px; background-image: url(../images/accueil1.gif); float:left; 	}


a.lcontact:visited {  display: block;  width:21px;   height:12px;   background-image: url(../images/contact0.gif);   float:left; }
a.lcontact:link {  display: block; width:21px;  height:12px; background-image: url(../images/contact0.gif);  float:left; }
a.lcontact:hover { display: block; width:21px; height:12px; background-image: url(../images/contact1.gif); float:left; 	}

a.llien:visited {  display: block;  width:21px;   height:12px;   background-image: url(../images/lien0.gif);   float:left; }
a.llien:link {  display: block; width:21px;  height:12px; background-image: url(../images/lien0.gif);  float:left; }
a.llien:hover { display: block; width:21px; height:12px; background-image: url(../images/lien1.gif); float:left; 	}



div#bloc {
  position: relative;
  padding: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
}


div#news {
  min-height: 250px;
}

input[type=submit] {
cursor:pointer;
}
input[type=button] {
cursor:pointer;
}

a.baccueil:visited { 
		  display: block; 
		  width:102px; 
		  height:24px; 
		  background-image:none; 
		  float:left; 
		  color: #FFFFFF; 
		  text-decoration: none;
		  text-align: center;
		  padding-top: 10px;
		  margin-right:1px;
		  font-weight: bold;
	  	  font-family: Helvetica, sans-serif;
		  font-size: 12px;
		}

a.baccueil:link { 
		  display: block; 
		  width:102px; 
		  height:24px; 
		  background-image: none; 
		  float:left; 
		  color: #FFFFFF; 
		  text-decoration: none;
		  text-align: center;
		  padding-top: 10px;
		  margin-right:1px;
		  font-weight: bold;
	  	  font-family: Helvetica, sans-serif;
		  font-size: 12px;
}

a.baccueil:hover { 
		  width:102px; 
		  height:24px; 
		  background-image: url(../images/bouton1.png); 
		  float:left; 
		  color: #d72626; 
		  text-decoration: none;
		  text-align: center;
		  padding-top: 10px;
		  margin-right:1px;
		  font-weight: bold;
	  	  font-family: Helvetica, sans-serif;
		  font-size: 12px;
} 

a.baccueil2:link, a.baccueil2:visited, a.baccueil2:hover { 
		  width:102px; 
		  height:24px; 
		  background-image: url(../images/bouton1.png); 
		  float:left; 
		  color: #d72626; 
		  text-decoration: none;
		  text-align: center;
		  padding-top: 10px;
		  margin-right:1px;
		  font-weight: bold;
	  	  font-family: Helvetica, sans-serif;
		  font-size: 12px;
} 

a 		{
		color: #464646;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none; 
		font-weight: normal;}

 a:visited {
		color: #464646; 
		text-decoration: none; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; 
		font-weight: normal}

 a:hover {
		color: #464646; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: underline; 
		font-weight: normal}


.image2 {
border: 1px #1d3195 solid;
margin-right:5px;
padding:1px;
}

.image3 {
border: 1px #4778b0 solid;
}

input, select, textarea, file { 
                border:1px solid #ccc;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #464646;}

FONT, TD, P, DIV, SELECT { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #464646;}


body {
margin:0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #464646;
}


dl, dt {
margin: 0;
padding: 0;
list-style-type: none;
}



#menun {
z-index:100;
width: 100%; /* correction pour Opera */
margin-bottom: 0px;
}

#menun dl {
float: left;
width: 100%;
}
#menun dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border: 1px solid #255994;
margin: 2px;
padding: 3px;
background: #9db5d0;
color: #FFFFFF;
}

#menun dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menun dt a:hover, #menun dt a:focus {
color: #464646;
background: #ffffff;
}


div.spacer {
 	clear: both;
 }

 h2 {
font-size :18px;
margin-top:0px; 
margin-bottom:10px; 
}


 h3 {
padding-left:20px; 
background-image:url("/themes/images/avt_titre.gif");
background-repeat: no-repeat;
font: italic 16px Georgia, "Times New Roman", Times, serif;
color : #364170;
font-weight: bold;
height:21px;
}


 h4 {
padding-left:0px; 
padding-bottom:8px;
margin-bottom:0px;
background-image:url("/themes/images/avt_titre2.gif");
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
height:21px;

}

.grand {
width:96%;
}

.bouton {
border:1px;
background-image:url("/themes/images/bouton_rouge.gif");
padding-bottom: 3px;
width:110px;
height:21px;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
border:0;
}

.bouton_sondage {
border:1px;
background-image:url("/themes/images/bouton_rouge.gif");
padding-bottom: 3px;
width:110px;
height:21px;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
border:0;
}


 .titre {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		background-color:#CCCCCC; 
		color: #464646;
		font-style: normal;
		text-transform: uppercase;}

  

 
 .coord {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #464646; 
		font-weight: bold; 
		text-decoration: none }

 
 .titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF6600;
	font-size: 10px;

}

 .important {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #255994;
	line-height: normal;
}

 .rappel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: normal;

}
a.menu:link {
	color: #464646;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;

}
a.menu:visited {
	color: #464646;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;

}
a.menu:hover {
	color: #464646;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}


table {
	border: 0px none;
}



a.menu7:link {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #464646;

}
a.menu7:visited {
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
}
a.menu7:hover {
	font-size: 11px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;



}
a.menu6:link {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	color: #464646;
}

a.menu6:visited {
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #464646;
}
a.menu6:hover {
	font-size: 11px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
}

a.suite:link {
	margin-right:0px; 
	padding-right:36px; 
	background-image:url("/themes/images/suite.png");
	background-repeat: no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: italic;
	color: #222949;
}

a.suite:visited {
	margin-right:0px; 
	padding-right:36px; 
	background-image:url("/themes/images/suite.png");
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #222949;
}
a.suite:hover {
	margin-left:0px; 
	padding-right:36px; 
	background-image:url("/themes/images/suite.png");
	background-repeat: no-repeat;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #c9003c;
}

#ntitre {
	padding-bottom:4px;
	color:#222949;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



a.menupart:link {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	color: #B15123;
}

a.menupart:visited {
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #B15123;
}
a.menupart:hover {
	font-size: 11px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #B15123;
}


a.menuimg:link {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;

}

a.menuimg:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;


}
a.menuimg:hover {
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;


}


bas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.titre2_pt {

	color:#222949;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#vignette {
		overflow:auto;
		width:575px;
		height:130px;
}

#montre_img {
		overflow:auto;
		width:99%;
		height:450px;
}

.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}


ul#menu-navigation
{
	list-style: none;
}
 

 
#menu-element a
{
	font-family: Helvetica, Arial,  sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:15px;
	padding-right:20px;
	float:left;
	padding-top:20px;
	padding-bottom:5px;
}

#menu-element2 a
{
	font-family: Helvetica, Arial,  sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: red;
	text-decoration: none;
	padding-left:15px;
	padding-right:20px;
	float:left;
	padding-top:20px;
	padding-bottom:5px;
}

#sous-navigation
{
	list-style-type:none;

}
 

 
#sous-element a
{
	display: block;
	font-family: Helvetica, Arial,  sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	padding-left:0;
	padding-bottom:5px;
}

#sous-element2 a
{
	display: block;
	font-family: Helvetica, Arial,  sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: red;
	text-decoration: none;
	margin: 0;
	padding-left:0;
	padding-bottom:5px;
}
 


#box{
	position:absolute;
}
#box div{
	width:700px;
	height:450px;
	float:left;
}



.mask{
	position:relative;
	width:700px;
	height:470px;
	overflow:hidden;
}


.buttons{padding:5px;}
.buttons span{color:#364170;padding:0 5px;cursor:pointer;font:12px Verdana;font-weight:bold;}
.buttons span.active, .buttons span:hover{color:#fff}


	
.vente p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
bottom:5px;
text-align:left;
padding:0px 10px 0px 2px;
margin-top:0px;
padding-top:10px;
left:10px;
text-align:justify;

}

	
div#un{
width:167px;
height:260px;
background:url(/UserFiles/Image/vente/fond_vente1.jpg);
}

div#deux{
width:167px;
height:260px;
background:url(/UserFiles/Image/vente/fond_vente2.jpg);
}

div#trois{
width:167px;
height:260px;
background:url(/UserFiles/Image/vente/fond_vente3.jpg);
}


