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

a:hover{
	color: #FF6600;
	}
a.blanc{
	color: #FFF;
	}

h1, h2{
	margin: 0;
	} 

ul, li {
	margin: 0;
} 

p {
	padding: 0 0 0;
}

#col-lien{
	color: #FF6600;
	}
.centre{
	text-align: center;
	}	
/****************************page index******************************/

body {
		background-color: #fff;
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.container {width:1000px;margin:0 auto;background:#fff;}

.span-24 {width:995px;margin-right:0;}
	input.span-24, textarea.span-24 {width:990px!important;}
	
	.span-6 {width:210px;border: 0px solid #000;}
	input.span-6, textarea.span-6 {width:205px!important;}
	
	.span-8 {width:310px;}
	input.span-8, textarea.span-8 {width:305px!important;}
	
		.span-15 {width:685px;}
	input.span-15, textarea.span-15 {width:680px!important;}
		
	.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:5px;}

.fd-bleu{
	background-color: #4FC1E5;
	}	
.fd-blanc{
	background-color: #FFF;
}

.page-hebergement {
	width: 680px !important;
}

.page-hebergement-right {
	float: right;
	 width: 320px !important;
}

.page-hebergement-left {
    float: left;
    width: 320px !important;
}

.space-page {
	float: left;
	width: 749px;
	height: 5px;
	padding-top: 0px;
	margin: 0 0 0 0;
	border: 0px solid #000;
	}

 .space-camp {	
	float: left;
	width: 15px;
	border: 0px solid #000000;
	} 

/*Haut de page (premier menu, et ce qui a au dessus*/	
#nav-h1 { 
	float: left;
	background-color: #70b8e8;
	height: 25px;
	} 
#banner-left {
    float: left;
	background-color: #ffffff;
	position: relative;
	width: 100px;
	padding: 0;
	margin-left: 0px;
	margin-top: 0px;
	height: 25px;
	border: 0px solid #000000;
	}
#banner-mh1 { 
	float: left;
	background-color: #70b8e8;
	height: 25px;
	position: relative;
	left: 325px;
	} 
#drapo-h1 {
	background-color: #70b8e8;
	float: right;
	height: 25px;	
	}
#nav-h2 { /*menu du haut*/
	background-color: #d6205d;
	top:0px;
	padding: 0;
	margin: 0px;
	float:left;
	padding-left:10px;
	/*height: 40px;*/
}
#nav-h2 img{ 
	padding: 0;
	margin: 0px;

	position: relative;
	top:0px;
}

#nav-h2 a{ 
	text-decoration: none;
	color: #ffffff;
	padding: 0px;
	margin: 0;
	padding-left:5px;
	font-size: 12px;
}

#nav-h2 a:hover{ 
	text-decoration: underline;
	color: #ffffff;
	padding: 0px;
	margin: 0;
		padding-left:5px;
	font-size: 12px;
}
#nav-h2 img.deroul{
	margin: 0px;
}
#nav-h2 ul#mnu-deroulant{
	width: 83px;
	height: 29px;
	float: right;
}
#fd-mn-deroulant{
	margin: 0px;

	width: 83px;
	margin: 0px 0 0 0;	
}

#menu-drl{
	background-color: #d6205d;
	
	width: 83px;
	height: 29px;top:0px;
	padding: 0;
	margin: 0px;
	float: left;
}


#flashcontent{/*bannière flash*/
	width: 995px;
	padding: 0;
	margin: 0;
	height: 145px;
	background: url(http://www.campmed.com/argeles/camping-frankrijk-les-marsouins/ban1.jpg) no-repeat;
	}

#flashcontent-ext{/*banière ds page forum, news, faq*/
	 width: 949px;
	 padding: 0;
	 margin: 0;
	 height: 446px;
	}
#flashcontent-ext.cala{
	background: url(http://www.campmed.com/images/calagogo/2011/ban-cala-news.jpg) no-repeat;
	}
#flashcontent-ext.soleil{
	background: url(http://www.campmed.com/images/lesoleil/2011/ban-le-soleil-news.jpg) no-repeat;
	}
#flashcontent-ext.galets{
	background: url(http://www.campmed.com/images/galets/2011/ban-les-galets-news.jpg) no-repeat;
	}
#flashcontent-ext.marsouins{
	background: url(http://www.campmed.com/images/marsouins/2011/ban-les-marsouins-news.jpg) no-repeat;
	}

#find-h4 {/* petite carte google*/
	background-image: url(../images/2011/logos/find-h4.jpg);
	background-repeat: no-repeat;
	border: 0px solid #333;
	height: 260px;
	width: 300px;
	/*margin-top: 10px;*/
	position: relative;
	top: 10px;
	font-size:10px;
	}
#find-h4-e {/* petite carte google anglais*/
	background-image: url(../images/2011/logos/find-h4-e.jpg);
	background-repeat: no-repeat;
	border: 1px solid #333;
	height: 260px;
	width: 300px;
	/*margin-top: 10px;*/
	position: relative;
	top: 10px;
	font-size:10px;
	}
#find-h4-a {/* petite carte google allemand*/
	background-image: url(../images/2011/logos/find-h4-a.jpg);
	background-repeat: no-repeat;
	border: 1px solid #333;
	height: 260px;
	width: 300px;
	/*margin-top: 10px;*/
	position: relative;
	top: 10px;
	font-size:10px;
	}
#find-h4-h {/* petite carte google hollandais*/
	background-repeat: no-repeat;
	border: 0px solid #333;
	height: 260px;
	width: 300px;
	/*margin-top: 10px;*/
	position: relative;
	top: 10px;
	font-size:10px;
	}

#webcam-h4 {/*webcam*/
	background-image: url(../img/webcam-h4-e.jpg);
	background-repeat: no-repeat;
	border: 1px solid #333;
	height: 250px;
	width: 300px;
	position: relative;
	top: 3px;
	left: 1px;
	font-size:10px;
	}
#webcam-h4 img, #webcam-h4-e img{
	border: 0px solid #333;
	height: 224px;
	width: 300px;
	position: relative;
	top: 26px;
	
	}
#webcam-h4-e {/*webcam*/
	background-image: url(../images/2011/logos/webcam-h4-e.jpg);
	background-repeat: no-repeat;
	border: 1px solid #333;
	height: 250px;
	width: 315px;
	position: relative;
	top: 10px;
	left: 1px;
	font-size:10px;
	}

	/*********fermeture fenetre sup:webcam...********/

	#closeWin2 {
	position:absolute;
	width:150px;
	height:18px;
	left: 0px;
	top: 13px;
	
	padding-left: 550px;
	font-size: 10px;
	}	
	
	#closeWin2 a {
	text-decoration: none;
	color: #000;
	padding: 3px;
	margin: 0;
	font-size: 11px;
    }
	
	#closeWin2 a:hover {
	text-decoration: underline;
	color: #FFFF99;
	font-size: 11px;	
	}
	
	
		#closeWin3 {
	position:absolute;
	width:150px;
	height:18px;
	left: 0px;
	top: 13px;
	
	padding-left: 250px;
	font-size: 10px;
	}	
	
	#closeWin3 a {
	text-decoration: none;
	color: #000;
	padding: 3px;
	margin: 0;
	font-size: 11px;
    }
	
	#closeWin3 a:hover {
	text-decoration: underline;
	color: #FFFF99;
	font-size: 11px;	
	}
	
#legal {
	position:absolute;
	background-color: #FFFFFF;
	width:400px;
	height: 300px;
	margin-top: 25px;
	margin-left: 0px;
	
}

#legal H6 {
	position:absolute;
	left: 30px;
	margin-top: 10px;
	color: #003366;
	font-size: 10px;
}

#legal H2 {
	position:absolute;
	left: 80px;
	margin-top: 10px;
	color: #003366;
	font-size: 12px;
}


#body-ext{/*les bodys des fenêtres sup*/
	background: #70b9e6 none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar-calagogo {
	position:absolute;
	width:689px;
	height: 32px;
	left: 0;
	top: 0;
	background-image: url(../images/calagogo/2011/calagogo-pop1.jpg);
	background-repeat: no-repeat;
}
#navbar-calagogo p {
	position:absolute;
	left: 250px;
	top: 6px;
	color: #0066CC;
	font-size: 12px;
}

#navbar-le-soleil {
	position:absolute;
	width:689px;
	height: 32px;
	left: 0;
	top: 0;
	background-image: url(../images/lesoleil/2011/le-soleil-pop1.jpg);
	background-repeat: no-repeat;
	}

#navbar-les-galets {
	position:absolute;
	width:689px;
	height: 32px;
	left: 0;
	top: 0;
	background-image: url(../images/galets/2011/les-galets-pop1.jpg);
	background-repeat: no-repeat;
	}

#navbar-les-marsouins {
	position:absolute;
	width:689px;
	height: 32px;
	left: 0;
	top: 0;
	background-image: url(../images/marsouins/2011/les-marsouins-pop1.jpg);
	background-repeat: no-repeat;
	}

	#txt-gal {
	float: left;
	background-image: url(../images/marsouins/fond-marsouins.gif);
	background-repeat: no-repeat;
	width: 600px;
	padding-left: 100px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-top: 0px;
	border: 0px solid #003366;

	}
	
			#txt-gal h5 {
	text-align: center;
	width: 470px;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 12px; 
	margin-top: 33px;
    padding-left: 100px;
}

#txt-gal a {
	text-decoration: none;
	height: 16px;
	padding: 0px 20px 0px 0px;
	color: #FF6600;
	font-size: 11px;
	font-weight: bold;
	border-right: 0px solid #003366;

	
	}
	#txt-gal img{
	margin-top: 15px;
	
	}
	
	#txt-gal a:hover {
	text-decoration: underline;
	color: #0099FF;
	font-size: 11px;
	background-color: #FFFFFF;
	
	}
	#menuimg-cam {
	width: 600px;
	float: left;
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	}
	#menuimg-cam img{
	border: 3px dotted #62D0CC;
	}
	#menuimg-cam p {
	width: 260px;
	text-align: center;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	position:absolute;
	left: 250px;
	top: 6px;
	font-size: 12px;
	}
	
	#menuimg-cam a{
	color: #FFF;
	text-decoration: none;
	}
	
	#menuimg-cam a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
	
	#menuimg-cam h5{
	float: left;
	width: 550px;
	padding-left: 50px;
	color: #0099FF;
	text-decoration: none;
	background-color: #FFF;
	}

/*************col gauche index****************/

#col-gauche{
	border:0px solid #333;
	
	width:301px;
	text-align: left;
	}
	
/* vidéos */	
.msg_list {
	width:301px;
	padding: 0px 0px;
	margin:0px;
	padding-left: 0px;
	}
.videos{
	color: #ffffff;
	width:301px;
	text-align: center;
	border:0px solid #333;
	padding-left:0px;
	margin-left:0px;
	}
h5{/*voir toutes les vidéos, news,faq*/
	color: #ffffff;
	background-color: #a0d7de;
	width:299px;
	border:0px solid #333;
	margin-left:0px;
	text-align: center;
	position: relative;
	left: 2px;
	font-size:12px;
	}

.ttre-gche{/*titre des liens du col gauche*/
	color: #ffffff;
	text-align:center;
	background-color: #22489b;
	width:300px;
	border:0px solid #333;
	font-size:11px;
	}	
	
.ttre-webcam{
	color: #ffffff;
	text-align:center;
	background-color: #0f71b8;
	width:300px;
	border:0px solid #333;
	font-size:15px;
	}
/*depliant news faq*/
.nws-faq{
	 color: #ffffff;
	 width:301px;
	 text-align: center;
	 border:0px solid #333;
	 padding-left:0px;
	 margin-left:0px;
	}
.nws-faq li{
	color: #FFFFFF;
	list-style-type: none;
	margin: 0px;
	border:0px solid #333;
	width:301px;
	font-size:10px;
	}	
.msg_body {
	width:295px;
	padding: 3px 3px 3px;
	background-color:#fff;
	color:#ce4f35;
	margin:0px;
}
.msg_body p{
	margin:10px 4px;
	}

.msg_head {
	padding: 0px 0px;
	cursor: pointer;
    width:301px;
	background-color:#3897c4;
	color:#fff;
	margin:0px;
	border-top:1px solid #000;
}

/*containaire facebook*/	
#cont-face{
	 border-color: #000; 
	 border-style: solid; 
	 border-width: 1px 1px 1px 1px; 
	 background-color: #FFFFFF; 
	 width: 298px; 
	 height: 270px; 
	 font-family: Verdana,sans-serif; 
	 font-size: 10px;text-align: center;
	}
#lien-face{
	font-size:8px; 
	padding-left:10px
	}
	
#avis-con{
	border-color: #78B9FC; 
	border-style: solid; 
	border-width: 2px 2px 2px 2px; 
	background-color: #FFFFFF; 
	width: 299px; 
	height: 210px; 
	font-family: Verdana,sans-serif; font-size: 10px;
	text-align: center;
	}

/*********************page générale ************************/	
.cont-gen{/* conténaire de la page+ menu*/
	border: 0px dotted #000;
	background-color: #fff;
	
	color: #003366;
	width:685px;
	padding-right:0px;
	margin:0px;
	 font-family: Verdana,sans-serif; 
	 font-size: 13px;
	 text-align: center;
	}
	
/*************menu********************/
.bordures{/*bordure qui sépare tous les menus*/
	border-top: 0px dotted #003366;
	}
#menuinterne{
	background-color: #00a3bd;
	}
.mnu{/*contenaire de chaques menu */
	background-color: #e5e4e2;
	line-height:1.875em;
	color: #003366;
	width:639px;
	height: 187px;
	padding-right:0px;
	margin:0px;
	padding-top:0px;
	}
.ttre-mnu{
	position: relative;
	top:18px;
	left:8px;
	}	
.img-mnu{
	position: relative;
	top:0px;
	left: 0px;
	border: 0px dotted #003366;
	padding:4px
	}
.liens{
	position: relative;
	top: 5px;
	left: 7px;
	}	
.gras{/*gras et espacement des liens*/
	font-weight: bold;
	line-height: 15px;
	}
.gras1{/*gras sans espacement des liens*/
	font-weight: bold;
	}
.mn-mobil{
	position: relative;
	left: 30px;
}
.mobil{
	margin: 0px;
	color: #000099;
	font-weight: bold;
	text-decoration: underline;
}
/**************Pied de page**************/
#foot {    
	background: #3e9beb;
	text-align:center;
	width:998px;
	height: 162px;
	font-size:12px;
	}
#foot p {
	color: #FFFFFF;
	position: relative;
	top:18px;
	}
#foot ul {
	padding: 0 0 0 0px;
	position: relative;
	top:18px;
	display: inline;
}
  #foot ul li {
   display: inline;
}
#foot ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
	border-right: 1px solid #666666;	
}

#foot2 {    
	background: #0f71b8;
	text-align:center;
	width:950px;
	height: 162px;
	font-size:12px;
	}
	
	#foot2 a {
	color: #a7d2f1;
	
	}
	
	#foot2 a:hover {
	color: #fc5029;
	
	}
	
	
#foot2 p {
	color: #FFFFFF;
	position: relative;
	top:18px;
	}
#foot2 ul {
	padding: 0 0 0 0px;
	position: relative;
	top:18px;
	display: inline;
}
  #foot2 ul li {
   display: inline;
}
#foot2 ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
	border-right: 1px solid #666666;	
}


/**************formulaire mail**************/
	
#form { 
float: left ; 
left: 0px ; 
top: 283px ; 
width: 381px ; 
height: 100% ; 
background-color: #98e2df; 
padding: 4px ; 
border: solid 3px green ; }

#label { 
display: inline ; 
float: left ; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px ;
width: 80px ; 
height: 15px;
font-weight: bold ; 
margin-left: 130px ; 
color: #003366;
background-color: #fff; 
border: 1px solid #003366;

}

.input { 
display: inline ; 
float: left ;
height: 15px;

margin-left: 20px ;
background-color: #FFf; 
font-family: Arial, Helvetica, sans-serif; 
color: red; 
	border: 1px solid #ff9900;
}

.option { 
background-color: #FFEFD5 ; 
	border: 1px solid #000;
}

.select { 
background-color: #FFEFD5 ; 
	border: 1px solid #000;
}

#textarea { 
background-color: #FFEFD5 ; 
color: red ;
border: 1px solid #000;
}

.button { 
font-family: Verdana, arial, helvetica, sans-serif ; 
border-width: 2pt ; 
font-size: 10pt ; 
color: black ; 
top: 250px ; 
background-color: #F5DEB3 ;
border: 1px solid #000;
}

/*********************** Toutes les pages ***************************/
	/*titre*/
	
h1{
	font-size: 18px;
	text-align: center;	
	position: relative;
	top:26px;
	line-height: normal;
	}
	
	h2{
	font-size: 17px;
	text-align: center;	
	position: relative;
	color: #003366;
	font-weight: bold;
	top:0px;
	line-height: normal;
	}
	
h2 a{
	color: #FF6600;
	font-weight: bold;
	font-size:10px;
	}
	
#logmars {	
	float: left;
	height: 115px;
	width: 70px;
	padding-left: 0px;
	padding-top: 0px;
	}
	
	#anwb {	
	float: left;
	height: 115px;
	width: 153px;
	background: url(../img/logo-anwb.jpg) no-repeat;
	padding-left: 0px;
	padding-top: 0px;
	}
.titre-page{	
	float: left;
	height: 115px;
	width: 507px;
	
	padding-left: 0px;
	padding-top: 0px;
	}
	


.titre-page a{/*pour le lien visite virtuel ds galets*/
	color: #FF6600;
	font-weight: bold;
	font-size:14px;
	}
/*Fichier photo.php (photos des pages)*/

#camp-photo {
	float: left;
	width: 620px;
	height: 175px;
	}
#photo-left {
	float: left;
	width: 205px;
	height: 165px;
	position: relative;
	top: 5px;
	padding-top: 0px;
	margin: 0 0 0 0;
	}
#photo-right {
	float: left;
	width: 205px;
	height: 165px;
	position: relative;
	top: 5px;
	padding-top: 0px;
	margin: 0 0 0 0;
	}
	

/**********page accueil ************/

#dern-heure{
	color: #035e82;
	text-align:center;
	background-color: #fee904;
	width:639px;
	height:65px;
	padding: 0px;
	font-size: 13px;
	overflow : auto;
	}
#dern-heure.galets{
	height:120px;
	}
	
#dern-heure li{
	list-style-type: none;
	}
#cadre-horouv {
	float: left;
	width: 550px;
	padding: 5px;
	margin: 0 0 0 0;
	border: 0px dotted #003366;
	height: 65px;
	text-align: center;	
	font-weight: bold;
	}
	
	#cadre-horouv a{
	color: #FF6600;	
	font-size: 100%;
	font-weight: bold;
	}
	
	#cadre-horouv a:hover{
	color: #FF6600;	
	font-weight: bold;
	}
#cadre-horouv.galets{/*les galets*/
	height: 70px;
	}
#logfam{/*logos pge accueil calagogo*/
	float: left;
	position: relative;
	top: 5px;
	text-align: center;
	height: 133px;
	width: 639px;
	}
/*******Pages accueil et les autres*******/
#txt-left {
	float: left;
	text-align: justify;
	width: 300px;
	padding-top: 0px;
	margin: 0 0 0 0;
	font-size: 100%;
	}	
#txt-left img{
	padding:5px;
	border: 1px dotted #003366;
	}	
#txt-left h3, #txt-right h3{
	color: #003366;
	text-align: left;
	font-weight: bold;
	font-size: 13px; 
	line-height:15px;
	}
#txt-left a{
	color: #FF6600;
	text-decoration: none;
	font-size: 100%;
	}	
	
#txt-right {
	float: left;
	text-align: justify;
	width: 300px;
	padding-top: 0px;
	margin: 0 0 0 0;
	}
#txt-right a{
	color: #FF6600;
	text-decoration: none;
	font-size: 100%;
	}
#txt-right img{
	padding:5px;
	border: 1px dotted #003366;
	}	
/**********page faq news************/
.msg_list-pge{
	width:501px;
	position: relative;
	left: 29px;
	}
#cont-msg{
	width:501px;
	text-align: center;
	list-style-type: none;
	font-size: 11px;
	}
.msg_head-pge{
	padding: 3px;
    width:501px;
	margin: 15px 0;
	}
.msg_body-pge{
	width: 467px;
	padding: 0 20px;
	color: #000;
	text-align: left;
	}
/*.msg_list-pge p{
	text-align: center;
	}*/	
/*.msg_list-pge div span{
	color: #FF6600;
	}*/
/*********Page label qualité***********/

.ss-ttre{
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 10px; 
	line-height:15px;
	}	
#cont-txt{
	width:614px;
	}
#cont-txt ul{
	padding-left: 70px;
	}
	
/*******Page avis consommateur******/

#rtr-acc{/*lien retour accueil*/
	font-size:12px; 
	text-align:center;
	}
#cont-avis{
	width:579px ;
	position: relative;
	left: 30px;
	top: 14px;
	text-align:center;
	}
#ptt-cont{/*contenaire qui contient la note et l'avis*/
	border:0px solid #C0C0C0;
	padding:5px;
	}
#ptt-cont table{
	margin-bottom: 0px;
	}
.pad{
	padding: 2px;
	}
.cont-note{
	vertical-align:top;
	width:95px;
	}
/*détails des note (qui s'ouvre)*/
.det-note{
	border:0px solid #C0C0C0;
	padding:5px;
	background-color:#FFF;
	position:absolute; 
	text-align: center; 
	font-size: 25px; 
	font-weight: bold;
	padding-top:15px;
	}
.det-note table{
	margin-top:10px;
	margin-bottom:0px;
	}
.det-note table td{
	font-size:9px;
	font-weight:normal;
	}
.note{
	float:right; 
	width:70px; 
	text-align: center;
	font-size: 25px; 
	font-weight: bold;
	padding-top:8px;
	}
	
/**********page ecards et fd d'écran ************/

#menuimg2{/*ecards*/
	width: 600px;
	float: left;
	position: relative;
	left:18px;
	}
#menuimg1{/*fond écran*/
	width: 680px;
	float: left;
	position: relative;
	left: 1px;
	margin: 0px;
	}
#menuimg2 img, #menuimg1 img {
    float: left;
    margin-left: 10px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 0px;
	border: 2px dotted #00a3bd;
	}
#menuimg2 p, #menuimg1 p {
	width: 680px;
	float: left;
	clear: both;
	text-align: center;
	padding-top: 0px;
	margin-top: 26px;
	}

	
/********** page location***********/

.cont-loc-mobil{
	height: 340px;
	width: 639px;
	}
	
.bouton-resa{
	background-image:url(http://www.campmed.com/images/2011/logos/bt-resa.jpg); 
	background-repeat: no-repeat;
	width:90px; 
	height:30px; 
	position:relative; 
	top:32px; 
	left:202px;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	}	
.bouton-resa a{
	position: relative;
	top: 6px;
	}
#ptit{
	font-size:11px;
	}
.loc-mobil{/*texte et photo*/
	width: 634px;
	height: 265px;
	float: left;
	font-size: 9px;
	}
.loc-mobil-txt {
	padding: 0px;
	list-style: none;
	color:#D6205D;
	margin-bottom: 0px;
	}
.loc-mobil-txt ul {
	color: #000;
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.ttre{
	font-size: 13px;
	}
	
.cont-pho{
	float:right; 
	width: 430px;
	position: relative;
	top:45px;
	}	
.cont-photo{
	position: relative;
	bottom: 17px;
	}

.cont-tarifs{/*conténaire tableau tarifs*/
	width: 625px;
	height:120px;
	float: left;
		}
.tarifs{
	border-collapse: collapse;
	width: 625px;
	height: 110px;
	}	
.orange{
	background-color: #fda22c
	}
.jaune{
	background-color: #FDD42C;
	}
.jaune-claire{
	background-color: #fef059;
	}	
.tarifs td {
	font-size: 8px;
	text-align: center;
	border: 1px solid;
	}
.tarifs span{
	font-size: 12px;
	font-weight: bold;
	}

#collioure{
	height: 150px;
	}
/*pour les tarifs 2011 cala et soleil */	
.bouton-resa-sol{
	background-image:url(http://www.campmed.com/images/2011/logos/bt-resa.jpg); 
	background-repeat: no-repeat;
	width:90px; 
	height:30px; 
	position:relative; 
	top:32px; 
	left:190px;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	}	
.bouton-resa-sol a{
	position: relative;
	top: 6px;
	}

.cont-loc-mobil-sol{
	height: 300px;
	width: 639px;
	}

.cont-tarifs-sol{/*conténaire tableau tarifs cala et soleil*/
	width: 227px;
	height:178px;
	float: right;
		}
.tarifs-sol{/*calagogo et soleil*/
	border-collapse: collapse;
	width: 217px;
	height: 165px;
	}	
.tarifs-sol td {
	font-size: 8px;
	text-align: center;
	border: 1px solid;
	}
.tarifs-sol-all td {
	padding: 0px;
	}
	
.tarifs-sol span{
	font-size: 12px;
	font-weight: bold;
	}
.loc-mobil-sol{/*texte et photo cala et soleil*/
	width: 634px;
	height: 216px;
	float: left;
	font-size: 9px;
	}
.cont-pho-sol{
	float:right; 
	width:210px
	}
.cont-pho-sol img{
	margin: 0px 5px 5px 10px;
	}	
.plan{
	float:left;
	position: relative;
	top: 35px;
	}
/*page acces-carte*/	
	
	#side_bar {/*acces-camping-calagogo*/
	border: 0px solid #333;
	font-size: 10px;
	padding-top: 8px;
	padding-left: 6px;
	float: left;
	top: 0;
	left: 0;
	width: 175px;
	background-image: url();
	background-color: #d0ebf5;
	height: 492px;	
}
#side_bar a:hover {
	color:#FF6600; 
	text-decoration: underline;
	}
#mapcontent {/*acces-camping-calagogo*/
	float: left;
	border: 1px solid #333; 
	font-size: 0.8em; 
	margin: 0 0 0 0;
	padding-left: 0px;
	background-color: #ccc;
	width: 676px;
    color: #003366;
	padding-top: 0px;	
}
#map {/*maj.htm*/
	border: 0px solid #333;
	font-size: 0.75em;
	padding-top: 0px;
	float: left;
	top: 0;
	left: 0;
	width: 500px;
	background-image: url();
	background-color: #007dc5;
	height: 5000px;	
}
form2 { /*acces-camping-calagogo*/
position: absolute ; 
left: 0px ; 
top: 540px ; 
width: 674px ; 
height: 25px; 
text-decoration: none;
color: #000;
background-color: #d6205d; 
padding: 4px ; 
border: solid 1px black ; }

/*page forum*/	

	#fiche-txt-acces3 {
	float: left;
	width: 630px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	color: #003366;
	border: 2px solid #000000;
	}
	
	#fiche-txt-acces3 p {
	text-align: left;
	font: verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
	margin-left: 30px;
	}
	
	#fiche-txt-acces3 ul {
	padding: 6 0 1em;
	padding-top: 5px;
	text-align: left;
	list-style-type: none;
    list-style-position: inside;
    padding-left: 5px;
    margin-left: 5px;
    
	}
	
	#fiche-txt-acces3 li {
	padding: 0px 0 0 0px;
	}
	
	#fiche-txt-acces3 li a {
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 0px 0 0 0px;
	padding-right: 8px;
	padding-left: 8px;
	color: #003366;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	}
	
	#fiche-txt-acces3 li a:hover {
	padding: 0px 0 0 0px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #FFFFFF;
	text-decoration: underline;
	font: bold verdana, arial, helvetica, sans-serif;
	color: #FF6633;
	}	
	
	
		
	#fiche-txt-acces3 h5 {
	width: 590px;
	color: #003366;
	background-color: #FFFFFF;
	text-align: left;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 1.25em; 
	padding-left: 30px; 
} 

	   #fiche-txt-acces3 H2 {
	color: #003366;
	text-align: center;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 12px; 
	padding-top: 10px; 
}