@CHARSET "ISO-8859-1";

* {
    font-family: Arial;	
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

p {
	padding: 0px 5px 10px 5px;
	font-size: 12px;
	line-height: 20px;
}

a {
    text-decoration: none;	
}
a:hover {
    text-decoration: underline;	
}

img {
    border: none;	
    margin: 0px;
}

body {
	color: #000000;
    background: #FFFFFF;
}

#main {
	width: 950px;
	margin: 0px auto;
}

#header {
	width: 950px;
	height: 180px;
	margin-bottom: 10px;
	background: url('../o-village/images/Header-ovillage.png') no-repeat !important;
	background: url('../o-village/images/Header-ovillage.gif') no-repeat;
	position: relative;
    float: left;
}
#header:hover {
	cursor: pointer;
}

#header_1 {
	position: absolute;
	top: 18px;
    left: 130px;
	font-size: 14px;
	font-weight: bold;
}

#header_2 {
	position: absolute;
	top: 18px;
    right: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
#header_2 span {
	font-size: 38px;
}

#content {
    width: 950px;
	/*background-image: url('../o-village/images/Fond-photos-1px-haut.gif');
	background-repeat: repeat-y;*/
    float: left;
}
#content_1_fd {
    width: 950px;
	background: url('../o-village/images/Fond-photos-1px-haut.gif') repeat-y;
    float: left;
}

#footer {
    width: 950px;
	height: 165px;
	position: relative;
    margin: 10px 0px 10px 0px;
	font-size: 10px;
	float: left;
}
#footer_1 {
    width: 20px;
	height: 165px;
	background-image: url('../o-village/images/Footer-gauche.gif');
	background-repeat: no-repeat;
	float: left;
}
#footer_2 {
    width: 910px;
	height: 165px;
	background-image: url('../o-village/images/Footer-bleu-87c4e4.gif');
	background-repeat: repeat-x;
	padding: 0px;
	font-size: 10px;
	float: left;
}
#footer_2_1 {
    width: 300px;
	height: 50px;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	float: left;
}
#footer_2_1 span {
	font-size: 28px;
	font-weight: bold;
}
#footer_2_2 {
    width: 310px;
	height: 50px;
	float: left;
}
#footer_2_3 {
    width: 300px;
	height: 50px;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	text-align: right;
	float: left;
}
#footer_2_3 span {
	font-size: 28px;
	font-weight: bold;
}
#footer_2_4 {
    width: 890px;
	padding: 10px 10px 0px 10px;
	font-size: 10px;
	text-align: center;
	float: left;
}
#footer_3 {
    width: 20px;
	height: 165px;
	background-image: url('../o-village/images/Footer-droite.gif');
	background-repeat: no-repeat;
	float: left;
}
#footer_vagues {
    width: 165px;
	height: 45px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-image: url('../o-village/images/Footer-vagues.gif');
	background-repeat: no-repeat;
	float: left;
}

#footer a {
    text-decoration: underline;
}
#footer a:hover {
    text-decoration: none;
}

/* Eléments de #content */
#nav_home {
	width: 200px;
	text-align: center;
	padding: 0px;
	float: left;
}
#nav {
	width: 250px;
	text-align: center;
	padding: 0px;
	float: left;
}
.bouton_onglet {
	width: 167px;
	height: 53px;
	background-image: url('../o-village/images/Bouton-onglet.png') !important;
	background-image: url('../o-village/images/Bouton-onglet.gif');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 5px;
	padding: 26px 0px 3px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
    float: left;
}
.bouton_onglet_hover {
	width: 177px;
	height: 53px;
	background-image: url('../o-village/images/Bouton-onglet-actionne.png') !important;
	background-image: url('../o-village/images/Bouton-onglet-actionne.gif');
	background-repeat: no-repeat;
	margin: 0px 0px 0px 5px;
	padding: 26px 50px 3px 10px;
	color: #003186;
	font-weight: bold;
	font-size: 16px;
    float: left;
}
.bouton_onglet:hover {
	cursor: pointer;
	text-decoration: underline;
}
.barre_titre {
	width: 672px; /*378*/
	height: 30px;
	background-image: url('../o-village/images/Barre-titre-hebergement.gif') !important;
	background-image: url('../o-village/images/Barre-titre-hebergement.gif');
	background-repeat: no-repeat;
	padding: 7px 0px 0px 8px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
    float: left;
}

#content_home {
	background-image: url('../o-village/images/Fond-home.jpg');
	background-repeat: no-repeat;
    float: left;
}
#content_decouvrir {
	background-image: url('../o-village/images/Fond-decouvrir.jpg');
	background-repeat: no-repeat;
    float: left;
}
#content_activites {
	background-image: url('../o-village/images/Fond-activites.jpg');
	background-repeat: no-repeat;
    float: left;
}
#content_hebergements {
	background-image: url('../o-village/images/Fond-hebergement.jpg');
	background-repeat: no-repeat;
    float: left;
}
#content_localisation {
	background-image: url('../o-village/images/Fond-localisation.jpg');
	background-repeat: no-repeat;
    float: left;
}
#content_tarifs_promos, #content_formules {
	background-image: url('../o-village/images/Fond-tarif.jpg');
	background-repeat: no-repeat;
    float: left;
}
#content_1_end {
    width: 950px;
	height: 37px;
	background: url('../o-village/images/Fond-photos-bas.gif') no-repeat;
    float: left;
}
#content_1 {
    width: 680px;
	padding: 10px 20px 0px 0px;
	float: left;
}
#content_plus {
    width: 950px;
	padding: 0px 0px 0px 0px;
    float: left;
}


/* Page Home */
#home_1 {
	width: 730px;
	padding: 10px 20px 0px 0px;
	float: left;
}

#home_1_illustration {
	width: 730px !important;
	height: 337px !important;
	margin: 10px 0px 0px 0px !important;
	background: url('../o-village/images/Photo-filles-piscine.png') no-repeat !important;
	width: 725px;
	height: 318px;
	margin: 10px 0px 7px 0px ;
	background: url('../o-village/images/Photo-filles-piscine.jpg') no-repeat;
	padding: 0px 0px 0px 0px;
	float: left !important;
	float: right;
}

#home_1 p, #home_1 strong, #home_1 a {
	line-height: 19px;	
	font-size: 12px;
}
#home_1 p {
	padding-left: 15px ;
}

#home_2 {
    width: 950px;
	padding: 0px 0px 0px 5px;
    float: left;
}

#home_2_1 {
    width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-weight: bold;
	font-size: 20px;
    float: left;
}
#home_2_1 .titre {
	width: 650px; /*357*/
	height: 54px; /*69*/
	background-image: url('../o-village/images/Bouton-4-formule-hebergement.png') !important;
	background-image: url('../o-village/images/Bouton-4-formule-hebergement.gif');
	background-repeat: no-repeat;
	padding: 15px 0px 0px 30px !important;
	padding: 22px 0px 0px 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
    float: left;
}
#home_2_1 .onglets_1, #home_2_1 .onglets_2, #home_2_1 .onglets_3, #home_2_1 .onglets_4 {
	width: 670px;
	height: 125px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float: left;
}
#home_2_1 .onglets_1 { background: url('../o-village/images/Onglet-appart.gif') no-repeat; }
#home_2_1 .onglets_2 { background: url('../o-village/images/Onglet-maison.gif') no-repeat; }
#home_2_1 .onglets_3 { background: url('../o-village/images/Onglet-ptidej.gif') no-repeat; }
#home_2_1 .onglets_4 { background: url('../o-village/images/Onglet-balneo.gif') no-repeat; }

#home_2_1 .onglet_1, #home_2_1 .onglet_2, #home_2_1 .onglet_3, #home_2_1 .onglet_4 {
	width: 155px;
	height: 80px; 
	margin: 30px 0px 0px 12px !important; 
	margin: 30px 3px 0px 7px; 
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	float: left; 
}
/* tester les onglets
#home_2_1 .onglet_1 { background-color: lime; }
#home_2_1 .onglet_2 { background-color: red; }
#home_2_1 .onglet_3 { background-color: #FF00FF; }
#home_2_1 .onglet_4 { background-color: yellow; }
*/
#home_2_1 .onglet_1:hover, #home_2_1 .onglet_2:hover, #home_2_1 .onglet_3:hover, #home_2_1 .onglet_4:hover { 
	cursor: pointer; 
	color: #FFFFFF;
	font-style: italic;
}
#home_2_1 .onglet_1_hover, #home_2_1 .onglet_2_hover, #home_2_1 .onglet_3_hover, #home_2_1 .onglet_4_hover { 
	width: 155px;
	height: 80px !important;
	height: 48px; 
	margin: 30px 0px 0px 12px !important; 
	margin: 30px 3px 0px 7px; 
	padding: 32px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	float: left; 
}
#home_2_1 .onglet_1_hover span, #home_2_1 .onglet_2_hover span, #home_2_1 .onglet_3_hover span, #home_2_1 .onglet_4_hover span { 
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}

#home_2_1 .bloc-bas-onglet {
	width: 670px;
	height: 169px;
	background: url('../o-village/images/Bloc-bas-onglet.gif') no-repeat;
	padding: 0px 0px 0px 0px;
    float: left;
}
#home_2_1 .bloc-bas-onglet h3 {
	padding: 0px 0px 3px 0px;
}
#home_2_1 .bloc-bas-onglet .content_left img {
	padding: 5px 0px 0px 0px;
}
#home_2_1 .bloc-bas-onglet .content_right img {
	padding: 5px 0px 0px 10px;
}
#home_2_1 .onglets_1_content, #home_2_1 .onglets_2_content, #home_2_1 .onglets_3_content, #home_2_1 .onglets_4_content {
	width: 660px;
	height: 154px;
	padding: 5px 5px 10px 5px;
    float: left;
}
#home_2_1 .content_left_txt, #home_2_1 .content_right_txt {
	height: 111px;
}
#home_2_1 .content_left_txt {
	padding: 0px 0px 0px 0px;
}
#home_2_1 .content_right_txt {
	padding: 0px 15px 0px 5px;
}
#home_2_1 .content_left_button, #home_2_1 .content_right_button {
	width: 110px;
	height: 30px;
	background: url('../o-village/images/Bouton-plusinfo-hebergement.gif') no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
#home_2_1 .content_left_button {
    float: right;
}
#home_2_1 .content_right_button {
    float: left;
}
#home_2_1 .content_left_button:hover, #home_2_1 .content_right_button:hover {
	color: #003186;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}
#home_2_1 .content_left_button a, #home_2_1 .content_right_button a {
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
#home_2_1 .content_left_button a:hover, #home_2_1 .content_right_button a:hover {
	color: #003186;
	cursor: pointer;
}
#home_2_1 .content_left {
	width: 305px;
	height: 139px;
	padding: 0px 5px 10px 20px;
	font-weight: normal;
    float: left;
}
#home_2_1 .content_right {
	width: 320px;
	height: 139px;
	padding: 0px 5px 10px 5px;
	font-weight: normal;
    float: left;
}

#home_2_2 {
    width: 248px; /*270*/
	padding: 21px 17px 0px 5px;
    float: left;
}
#home_2_2_1 {
    width: 248px; /*248*/
	height: 343px;
	position: relative;
	background-image: url('../o-village/images/Carte-france-home.png') !important;
	background-image: url('../o-village/images/Carte-france-home.gif');
	background-repeat: no-repeat;
    float: left;
}
#home_2_2_1:hover {
	color: #003186;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
#home_2_2_1_1 {
	position: absolute;
	top: 20px;
	left: 65px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}
#home_2_2_1_2 {
	position: absolute;
	top: 220px;
	left: 20px;
	font-size: 11px;
	font-weight: bold;
}
#home_2_2_1_2 strong {
	font-family: verdana;
	font-size: 13px;
}
#home_2_2_1_3 {
	position: absolute;
	top: 290px;
	left: 50px;
	width: 150px;
	height: 30px;
	background: url('../o-village/images/Bouton-plus-info-carte-france-home.gif') no-repeat;
	padding: 5px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
    float: left;
}
#home_2_2_1_3:hover {
	color: #003186;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
#home_2_2_1_3 a {
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
#home_2_2_1_3 a:hover {
	color: #003186;
	cursor: pointer;
}


/* Page Localisation */
#loca_imgs {
	width: 680px;
	padding: 0px 0px 20px 0px;
	float: left;
}
#loca_imgs_1 {
	width: 220px !important;
	width: 212px;
	padding: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 8px;
	float: left;
}
#loca_imgs_1_1 {
	width: 220px !important;
	height: 225px !important;
	width: 212px;
	height: 215px;
	background: url('../o-village/images/Carte-France.png') no-repeat !important;
	background: url('../o-village/images/Carte-France.gif') no-repeat;
	padding: 0px 0px 5px 0px !important;
	padding: 0px 0px 15px 8px;
	float: left;
}
#loca_imgs_1_2 {
	width: 220px !important;
	height: 225px !important;
	width: 212px;
	height: 215px;
	background: url('../o-village/images/Carte-departement.png') no-repeat !important; /*220*/ /*225*/
	background: url('../o-village/images/Carte-departement.gif') no-repeat; /*212*/ /*215*/
	padding: 0px 0px 0px 0px !important;
	padding: 0px 0px 10px 8px;
	float: left;
}
#loca_imgs_2 {
	width: 446px !important;
	height: 455px !important;
	width: 436px;
	height: 445px;
	background: url('../o-village/images/Carte-soulac.png') no-repeat !important;
	background: url('../o-village/images/Carte-soulac.gif') no-repeat;
	padding: 0px 0px 0px 0px !important;
	padding: 0px 0px 10px 10px;
	float: left;
}


/* Page Hébergements */
.hebergement {
	width: 672px; /*378*/
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}


/* Page Découvrir */

#diaporama {
	padding: 10px 0px 0px 0px;
	float: left;
}
#diaporama .photo {
	width: 136px;
	height: 96px;
	float: left;
}
#diaporama .photo:hover {
	opacity: .5;
	cursor: pointer;
}

#content_plus_photos_1 {
    width: 140px;
	height: 174px;
	background: url('../o-village/images/Bloc-photos-cote-gauche.gif') no-repeat;
	margin: 0px 0px 0px 10px !important;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
    float: left;
}
#content_plus_photos_1 .titre {
    padding: 33px 0px 0px 65px;
	float: left;
}
#content_plus_photos_2 {
    width: 760px;
	height: 174px;
	padding: 0px 0px 0px 0px;
	background: url('../o-village/images/Bloc-photos-1px-large.gif') repeat-x;
    float: left;
}
#content_plus_photos_3 {
    width: 25px;
	height: 174px;
	background: url('../o-village/images/Bloc-photos-cote-droit.gif') no-repeat;
	margin: 0px 15px 0px 0px !important;
	margin: 0px 15px 0px 0px;
    float: left;
}


#imgs #content_plus_photos_2 {
    padding: 20px 0px 0px 0px;
	float: left;
}

#imgs #content_plus_photos_2 img {
    margin: 5px 0px 5px 10px;
}

#content_plus_photos_1 .pager_imgs {
	padding: 65px 0px 0px 20px;
	margin: 0px 0px 0px 5px;
	float: left;
}

#content_plus_photos_1 .pager_imgs span {
    display: block;
    width: 434px;
    float:left;
}

#content_plus_photos_1 .pager_imgs .active {
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	padding: 3px 0px 0px 0px;
	float:left;
}

#content_plus_photos_1 .pager_imgs .disabled {
    cursor: default;
    color: #87C4E4;
	font-size: 16px;
	padding: 5px 0px 0px 0px;
	float:left;
}

#content_plus_photos_1 .pager_imgs .bt_prec {
	width: 45px;
	height: 30px;
	background: url('../o-village/images/Bouton-prec.gif') no-repeat;
	padding: 0px 0px 0px 10px;
	float:left;
}
#content_plus_photos_1 .pager_imgs .bt_suiv {
	width: 20px;
	height: 30px;
	background: url('../o-village/images/Bouton-suiv.gif') no-repeat;
	padding: 0px 10px 0px 25px;
	text-align: right;
	float: left;
}


/* Page Activités */
#content_activites_txt{
    width: 400px;
	margin: 0px 10px 0px 0px;
    float: left;
}
#content_activites_illustration {
    width: 230px;
	height: 650px;
	background: url('../o-village/images/Photos-activites.png') no-repeat !important;
	background: url('../o-village/images/Photos-activites.jpg') no-repeat;
	margin: 0px 20px 0px 0px;
    float: left;
}


/* Page Formules */
#formules {
	width: 662px;
	padding: 0px 18px 20px 0px;
	float: left;
}
#formules_1_1:hover, #formules_1_2:hover, #formules_2_1:hover, #formules_2_2:hover {
	cursor: pointer;
}
#formules .titre {
	width: 300px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	float: left;
}
#formules_1_1 .titre {
	width: 235px;
	padding: 15px 0px 20px 65px;
}
#formules_1_2 .titre {
	width: 240px;
	padding: 15px 0px 20px 60px;
}

#formules .texte {
	height: 90px;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	float: left;
}
#formules_1_1 .texte {
	width: 290px !important;
	width: 300px;
	height: 90px;
	padding: 0px 10px 0px 0px !important;
	padding: 0px 0px 0px 0px;	
}
#formules_1_2 .texte {
	width: 290px !important;
	width: 300px;
	height: 90px;
	padding: 0px 10px 0px 0px !important;
	padding: 0px 0px 0px 0px;	
}
#formules_2_1 .texte, 
#formules_2_2 .texte,
#formules_2_3 .texte {
	width: 180px !important;
	width: 180px;
	height: 130px;
	padding: 0px 10px 0px 0px !important;
	padding: 0px 0px 0px 0px;	
}
#formules .bouton {
	width: 150px;
	height: 30px;
	background: url('../o-village/images/Bouton-plus-info-carte-france-home.gif') no-repeat;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	float: left;
}
#formules .bouton a{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}
#formules .bouton a:hover {
	color: #003186;
	font-weight: bold;
	font-size: 16px;
}
#formules_1_3 .bouton {
	padding: 5px 0px 0px 0px;
}
#formules_2_1 .bouton, 
#formules_2_2 .bouton,
#formules_2_3 .bouton {
	width: 125px !important;
	width: 125px;
	padding: 5px 0px 0px 25px;
	margin: 15px 0px 0px 10px !important;
	margin: 15px 0px 0px 10px;
}
#formules_1 {
	position: relative;
	width: 662px !important;
	height: 229px !important;
	width: 644px;
	height: 216px;
	padding: 0px 0px 0px 0px !important;
	padding: 0px 18px 18px 0px;
	background: url('../o-village/images/Formules-appart-maisonnettes.png') no-repeat !important;
	background: url('../o-village/images/Formules-appart-maisonnettes.gif') no-repeat;
	margin: 0px 0px 0px 0px; 
	float: left;
}
#formules_1_1 {
	width: 300px !important;
	height: 216px !important;
	width: 267px;
	height: 198px;
	padding: 10px 0px 0px 30px !important;
	padding: 10px 18px 18px 15px;
	margin: 0px 2px 0px 0px;
	float: left;
}
#formules_1_2 {
	width: 315px !important;
	height: 223px !important;
	width: 282px;
	height: 205px;
	padding: 10px 0px 0px 15px !important;
	padding: 10px 18px 18px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#formules_1_3 {
	position: absolute;
	top: 170px;
	left: 265px;
	height: 30px;
	text-align: center;
	float: left;
}
#formules_2 {
	position: relative;
	width: 662px !important;
	height: 216px !important;
	width: 644px;
	height: 198px;
	padding: 0px 0px 0px 0px !important;
	padding: 0px 18px 18px 0px;
	float: left;
}
/*
#formules_2_1 {
	width: 300px !important;
	height: 216px !important;
	width: 267px;
	height: 198px;
	background: url('../o-village/images/Formules-ptidej.png') no-repeat !important;
	background: url('../o-village/images/Formules-ptidej.gif') no-repeat;
	padding: 10px 0px 0px 30px !important;
	padding: 10px 18px 18px 15px;
	margin: 0px 2px 0px 0px !important;
	margin: 0px 12px 0px 0px;
	float: left;
}
#formules_2_2 {
	width: 300px !important;
	height: 216px !important;
	width: 267px;
	height: 198px;
	background: url('../o-village/images/Formules-balneo.png') no-repeat !important;
	background: url('../o-village/images/Formules-balneo.gif') no-repeat;
	padding: 10px 0px 0px 30px !important;
	padding: 10px 18px 18px 15px;
	margin: 0px 0px 0px 0px;
	float: left;
}
*/
#formules_2_1 {
	width: 190px !important;
	height: 259px !important;
	width: 178px;
	height: 241px;
	background: url('../o-village/images/formule-ptidej.png') no-repeat !important;
	background: url('../o-village/images/formule-ptidej-ie.gif') no-repeat;
	padding: 10px 0px 0px 30px !important;
	padding: 10px 18px 18px 15px;
	margin: 0px 1px 0px 0px !important;
	margin: 0px 6px 0px 0px;
	float: left;
}
#formules_2_2 {
	width: 190px !important;
	height: 259px !important;
	width: 178px;
	height: 241px;
	background: url('../o-village/images/formule-thalasso.png') no-repeat !important;
	background: url('../o-village/images/formule-thalasso-ie.gif') no-repeat;
	padding: 10px 0px 0px 30px !important;
	padding: 10px 18px 18px 15px;
	margin: 0px 1px 0px 0px !important;
	margin: 0px 6px 0px 0px;
	float: left;
}
#formules_2_3 {
	width: 190px !important;
	height: 259px !important;
	width: 178px;
	height: 241px;
	background: url('../o-village/images/formule-thalasso.png') no-repeat !important;
	background: url('../o-village/images/formule-thalasso-ie.gif') no-repeat;
	padding: 10px 0px 0px 30px !important;
	padding: 10px 18px 18px 15px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#formules_2_1 .titre,
#formules_2_2 .titre,
#formules_2_3 .titre {
	padding: 3px 0px 10px 55px;
	font-size: 13px;
	width:135px;
	height:48px;
}

/* Page Tarifs Promos */
.case_a_cocher{
	float:left;
	width:13px;
	height:13px;
	margin-right:5px;
	background: url(/images/Casa-cocher.gif) no-repeat; 
}
.case_cochee{
	float:left;
	width:13px;
	height:13px;
	margin-right:5px;
	background: url(/images/Case-cochee.gif) no-repeat; 
}
#residence_2 {
    width: 680px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
    float: left;
}

#residence_2 table {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#residence_2 * {
    /*font-size: 12px;*/
}

#residence_2 td {
    /*text-align: left;
	vertical-align: middle;*/
}

#residence_2 td span {
	color: #003186;
	font-size: 14px;
	cursor: pointer;
}

#residence_2 td span:hover {
	font-weight: bold;
	text-decoration: underline;
}
/*
.tarifs_1 {
    width: 588px; 
    height: 27px; 
    text-align: left;
    color: #003186;
    font-weight: bold;
	font-size: 14px;
	padding: 0px 0px 0px 15px;
    vertical-align: middle;
}
.tarifs_2_1 {
    width: 92px !important;
    height: 95px !important;
	text-align: center;
    color: #003186;
	font-weight: bold;
	font-size: 14px;
    vertical-align: middle;
}
.tarifs_2_2, .tarifs_2_2_bis {
    width: 588px !important;
    height: 95px !important; 
	width: 575px;
    height: 95px; 
	padding: 0px 0px 0px 0px !important;
	padding: 0px 13px 0px 0px;
	margin: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	text-align: center;
    color: #FFFFFF;
	font-weight: bold;
} 
.tarifs_2_2 {
	background: url(/templates/o-village/images/Barre-sup-tab-prix.png) no-repeat !important;
	background: url(/templates/o-village/images/Barre-sup-tab-prix.gif) no-repeat;
}
.tarifs_2_2_bis {
	background: url(/templates/o-village/images/Barre-sup-tab-prix-2.png) no-repeat !important;
	background: url(/templates/o-village/images/Barre-sup-tab-prix-2.gif) no-repeat;
}
.tarifs_3 {
    background: url(/templates/locaneige/images/Rectangle-rouge-51x69.gif) no-repeat;
    width: 69px;
    height: 51px; 
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
}
.tarifs_4 {
	background: url(/templates/o-village/images/Carre-date-tab-prix.png) no-repeat !important;
	background: url(/templates/o-village/images/Carre-date-tab-prix.gif) no-repeat;
    width: 87px !important; 
    height: 62px !important; 
	width: 87px;
    height: 62px; 
	padding: 35px 0px 0px 5px !important;
	padding: 35px 5px 0px 0px;
	text-align: center;
	font-size: 16px;
    color: #FFFFFF;
	font-weight: bold;
}
.tarifs_5_1 {
	width: 144px;
	height: 75px; 
	text-align: center;
	background: #D0ECF7;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color: #003186;
	font-size: 18px;

}
.tarifs_5_2 {
	width: 144px;
	height: 75px; 
	text-align: center;
    background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color: #003186;
	font-size: 18px;

}
.tarifs_5_1_bis {
	width: 292px; 
	height: 75px; 
	text-align: center;
	background: #D0ECF7;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color: #003186;
	font-size: 18px;
}
.tarifs_5_2_bis {
	width: 292px; 
	height: 75px; 
	text-align: center;
    background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color: #003186;
	font-size: 18px;

}
.tarifs_5_1:hover, .tarifs_5_2:hover, .tarifs_5_1_bis:hover, .tarifs_5_2_bis:hover {
	background: #b7f7e6;
	cursor: pointer;
}
.tarifs_6_4 {
    width: 144px;
    height: 95px; 
    text-align: center;
    color: #FFFFFF;
	padding: 0px 0px 0px 8px;
    font-weight: bold;
	font-size: 13px;
}
.tarifs_6_2 {
    width: 292px; 
    height: 95px; 
    text-align: center;
    color: #FFFFFF;
	padding: 0px 0px 0px 8px;
    font-weight: bold;
	font-size: 13px;
}
.separ_1 {
	height: 77px; 
	background: #D0ECF7;
	width: 4px;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
.separ_2 {
	height: 77px; 
	background: #FFFFFF;
	width: 4px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
.tarifs_7 {
    background: url(/templates/o-village/images/Carre-panier.gif) right no-repeat;
    padding: 1px 18px 1px 1px;
}
.tarifs_8 {
    text-align: center;
    background: #003186;
    color: #ffffff;
    width: 276px;
    height: 27px;
}
.tarifs_9 {
    text-align: center;
    color: #003186;
    width: 208px;
    height: 39px;
}
.tarifs_10 {
    text-align: center;
    color: #003186;
    width: 68px;
    height: 39px;
}
*/

#residence_2 .title {
    width: 680px;
    font-weight: bold;
    text-align: center;
}

#residence_2_1 {
    width: 680px;
}

#residence_2_1_3 {
	margin: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#residence_2_2 {
	width: 680px;
}
#residence_2_2 .lien {
    color: #0000FF;
	text-decoration: underline;
	font-size: 13px;
	cursor: pointer;
}
#residence_2_2 .lien:hover {
    color: #0000FF;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
}

#residence_2_3 {
    /*height:8px;
    background:url(/templates/octopode/images/Trait-avec-arrondis-288x8.gif) left no-repeat;    */
}

#tab_tarifs {
	padding: 15px 0px 0px 0px;
}

#pricesLoad {
	border-top: 2px dotted #003186 ;
    border-bottom: 2px dotted #003186 ;
    background:url(/templates/octopode/images/pricesLoad.gif) left center no-repeat;    
    padding: 10px 3px 10px 45px;
    width: 230px;
    font-weight: bold;
    color: #999999;
    text-align: center;
       
}

#bouton_retour_formules {
    width: 158px;
	height: 60px;
	background: url('../o-village/images/Bouton-retour.gif') no-repeat;
	margin: 0px 10px 0px 10px;
    float: right;
}
#bouton_retour_formules:hover {
    cursor: pointer;
	opacity: .7;
}

#etape1 {
	padding:3px;
}

#etape2 {
    padding:3px;
}


/* TITRES */
h1 {
	padding: 0px 0px 20px 5px;
	margin: 0px 0px 0px 0px;
	color: #003186;
	font-size: 20px;
	font-weight: bold;
}
h2 {
	width: 662px; /*378*/
	height: 16px;
	background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	padding: 7px 0px 7px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
    float: left;
	/*
	padding: 7px 10px 0px 10px;
	margin: 10px 0px 25px 0px;
    text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	*/
}
#content_1 h2 {
	background: url('../o-village/images/Barre-titre-hebergement.gif') no-repeat !important;
	background: url('../o-village/images/Barre-titre-hebergement.gif') no-repeat;
	margin: 5px 0px 5px 0px;
}
h3 {
	padding: 8px 0px 3px 20px;
	margin: 0px 0px 0px 0px;
    text-align: left;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}


/* TEXTE */
.b { font-weight: bold; }
.normal { font-weight: normal; }
.em { font-style: italic; }
.majuscule { text-transform: uppercase; }

.huit { font-size: 8px; }
.neuf { font-size: 9px; }
.dix { font-size: 10px; }
.onze { font-size: 11px; }
.douze { font-size: 12px; }
.treize { font-size: 13px; }
.quatorze { font-size: 14px; }
.quinze { font-size: 15px; }
.seize { font-size: 16px; }
.dixsept { font-size: 17px; }
.dixhuit { font-size: 18px; }
.dixneuf { font-size: 19px; }
.vingt { font-size: 20px; }
.vingtun { font-size: 21px; }
.vingtdeux { font-size: 22px; }
.vingttrois { font-size: 23px; }
.vingtquatre { font-size: 24px; }
.vingtcinq { font-size: 25px; }
.vingtsix { font-size: 26px; }
.vingtsept { font-size: 27px; }
.vingthuit { font-size: 28px; }
.vingtneuf { font-size: 29px; }
.trente { font-size: 30px; }
.trentecinq { font-size: 35px; }

.noir { color: #000000; }
.blanc { color: #FFFFFF; }
.bleu { color: #4E7EF4; }
.bleu2 { color: #85ACF9; }

.a_underline { text-decoration: underline; }
.a_underline:hover { text-decoration: none; }























/* Page Liste */
#liste {
    width: 911px;
	margin: 0px 20px 0px 0px;
	float: left; 
}
#content_top {
    width: 911px;
	margin: 0px 10px 0px 10px;
	float: left; 
}
.titre_liste {
    width: 223px;
    height: 24px;
    padding: 7px 8px 0px 5px;
	margin: 10px 0px 10px 10px;
    text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
    background:url(../o-village/images/Barre-titre-liste.gif) no-repeat;
	float: left;
}

.pager {
    width: 223px;
    height: 24px;
    padding: 7px 8px 0px 5px;
	margin: 0px 0px 10px 10px;
    text-align: center;
	color:#FFFFFF;
    background:url(../o-village/images/Pager.gif) no-repeat;
	float: left;
}
.pager_1 {
    width: 68px;
    text-align: left;
	float: left;
}
.pager_2 {
    width: 145px;
    text-align: right;
	float: left;
}
.pagerSelected {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
.pagerUnselected {
    color:#FFFFFF;
    font-weight: bold;
}
.pagerUnselected:hover {
	text-decoration:underline;
}

.ligne {
    width: 891px;
    margin: 0px 20px 20px 20px;
    height: 162px;
    float: left;
}
.ligne:hover {
    color: #000000; font-size: 11px; text-decoration: none;
}
.ligne_1_1_1, .ligne_2_1_1 {
    width: 66px;
    height: 56px;
    text-align: center;    
    font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	float: left;
}
.ligne_1_1_1_1, .ligne_2_1_1_1 {
    width: 66px;
    height: 17px;
    text-align: center;    
    font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	float: left;
}
.ligne_1_1_1_2, .ligne_2_1_1_2 {
    width: 66px;
    height: 39px;
	background-image: url('../o-village/images/Etiquette-prix.gif');
	background-repeat: no-repeat;
    text-align: center;
	color: #FFFFFF;	
    font-size: 20px;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
	float: left;
}
.ligne_1_1_2, .ligne_2_1_2 {
    width: 55px;
    height: 56px;
	background-image: url('../o-village/images/Etoile-pourcentage.gif');
	background-repeat: no-repeat;
    text-align: center;    
    font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
.ligne_1_1_2_1, .ligne_2_1_2_1 {
    font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 3px 0px 0px;
}
.ligne_1_1_2_2, .ligne_2_1_2_2 {
    font-size: 17px;
	/*font-family: Arial;*/
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.ligne_1_2, .ligne_2_2  {
	width: 200px;
	height: 136px;
	padding: 6px 0px 0px 10px;
	float: left;
}
.ligne_1_3, .ligne_2_3 {
	width: 435px;
	padding: 6px 0px 0px 10px;
	float: left;
}

.ligne_1_1 a { color: #000000; font-size: 11px; text-decoration: none; }
.ligne_2_1 a { color: #000000; font-size: 11px; text-decoration: none; }
.ligne_1_1 a:hover { color: #000000; font-size: 11px; text-decoration: none; }
.ligne_2_1 a:hover { color: #000000; font-size: 11px; text-decoration: none; }
.ligne_1_3 a { color: #000000; font-size: 11px; text-decoration: none; }
.ligne_2_3 a { color: #000000; font-size: 11px; text-decoration: none; }
.ligne_1_3 a:hover { color: #000000; text-decoration: underline; }
.ligne_2_3 a:hover { color: #000000; text-decoration: underline; }
.ligne_1_3_2 a { color: #FFFFFF; font-size: 11px; text-decoration: none; }
.ligne_2_3_2 a {	color: #FFFFFF;	font-size: 11px; text-decoration: none; }
.ligne_1_3_2 a:hover { color: #FFFFFF; text-decoration: underline; }
.ligne_2_3_2 a:hover { color: #FFFFFF; text-decoration: underline; }

.ligne .ligne_1 {
	background-color: #85ACF9;
    width: 871px;
	padding: 10px 10px 10px 10px;
    float: left;
}
.ligne_1_1 {
    width: 186px;
    height: 122px;
	background-image: url('../o-village/images/Bloc-blanc-liste-1.gif');
	background-repeat: no-repeat;
	padding: 10px 15px 10px 15px;
	margin: 0px;
    float: left;
}
.ligne_1_3_1, .ligne_2_3_1 {
	height: 90px;
    width: 425px;
	font-size: 16px;
	color: #000000;
    float: left;
}
.ligne_1_3_2 {
    width: 172px;
    height: 32px;
	background-image: url('../o-village/images/Bouton-plus-d-infos-1.gif');
	background-repeat: no-repeat;
    text-align: center;    
    font-size: 14px;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	float: right;
}

.ligne .ligne_2 {
	background-color: #4E7EF4;
    width: 871px;
	padding: 10px 10px 10px 10px;
    float: left;
}
.ligne_2_1 {
    width: 186px;
    height: 122px;
	background-image: url('../o-village/images/Bloc-blanc-liste-2.gif');
	background-repeat: no-repeat;
	padding: 10px 15px 10px 15px;
	margin: 0px;
    float: left;
}
.ligne_2_3_2 {
    width: 172px;
    height: 32px;
	background-image: url('../o-village/images/Bouton-plus-d-infos-2.gif');
	background-repeat: no-repeat;
    text-align: center;    
    font-size: 14px;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	float: right;
}


/* Page Residence */
#produit {
    width: 891px;
    margin: 0px 20px 20px 20px;
    float: left;
}
#produit .titre_1 {
    width: 129px;
    height: 18px;
	background-image: url('../o-village/images/Onglet-titre-produit-1.gif');
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;	
    font-size: 12px;
	font-weight: bold;
	padding: 7px 5px 0px 0px;
	margin: 10px 0px 0px 0px;
    float: left;
}
#produit .titre_2 {
    width: 129px;
    height: 18px;
	background-image: url('../o-village/images/Onglet-titre-produit-2.gif');
	background-repeat: no-repeat;
	text-align: center;
	color: #061D49;
    font-size: 12px;
	font-weight: bold;
	padding: 7px 5px 0px 0px;
	margin: 10px 0px 0px 0px;
    float: left;
}
#produit_1 {
	background-color: #4E7EF4;
    width: 871px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
    float: left;
}
#produit_1_1 {
    width: 186px;
    height: 122px;
	background-image: url('../o-village/images/Bloc-blanc-liste-2.gif');
	background-repeat: no-repeat;
	padding: 10px 15px 10px 15px;
	margin: 0px;
    float: left;
}
#produit_1_1_1 {
    width: 66px;
    height: 56px;
    text-align: center;    
    font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	float: left;
}
#produit_1_1_1_1 {
    width: 66px;
    height: 17px;
    text-align: center;    
    font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	float: left;
}
#produit_1_1_1_2 {
    width: 66px;
    height: 39px;
	background-image: url('../o-village/images/Etiquette-prix.gif');
	background-repeat: no-repeat;
    text-align: center;
	color: #FFFFFF;	
    font-size: 20px;
	font-weight: bold;
	padding: 6px 0px 0px 0px;
	float: left;
}
#produit_1_1_2 {
    width: 55px;
    height: 56px;
	background-image: url('../o-village/images/Etoile-pourcentage.gif');
	background-repeat: no-repeat;
    text-align: center;    
    font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
#produit_1_1_2_1 {
    font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 3px 0px 0px;
}
#produit_1_1_2_2 {
    font-size: 17px;
	/*font-family: Arial;*/
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#produit_1_2  {
	width: 200px;
	height: 136px;
	padding: 6px 0px 0px 10px;
	float: left;
}
#produit_1_3{
	width: 435px;
	padding: 6px 0px 0px 10px;
	float: left;
}
#produit_1_3_1 {
    width: 425px;
	height: 90px;
    float: left;
}
#produit_1_3_1 p {
	color: #FFFFFF;
	font-size: 17px;
	padding: 0px 0px 0px 0px;
}

#produit_2, #produit_3, #produit_4 {
	background-color: #85ACF9;
    width: 871px;
	margin: 0px;
	padding: 15px 10px 10px 10px;
    float: left;
}
#produit_4 p {
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
    padding: 0px 0px 0px 0px;
}
#produit_2 #imgs {
    padding: 0px 0px 0px 2px;
}

#produit_2 #imgs img {
    margin: 5px 9px 5px 8px;
}

#produit_2 #imgs .pager_imgs {
	float: left;
}

#produit_2 #imgs .pager_imgs span {
    display: block;
    width: 434px;
    float:left;
}

#produit_2 #imgs .pager_imgs .active {
	cursor: pointer;
	color: #000000;
}

#produit_2 #imgs .pager_imgs .disabled {
    cursor: default;
    color: #000000;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    /*background-color:#ffffff;*/
}

#produit_3 #grillePrix {
    width: 601px;
	padding: 0px 5px 0px 5px;
    float:left;
}

#produit_4 #onglets {
	width: 861px;
	color: #000000;
	margin: 0px 5px 0px 5px;
    float: left;
}

#produit_4 #onglets .onglet {
    width: 861px;
    color: #000000;
    font-weight: bold;
    padding: 0px;    
    text-align: center;
    cursor: pointer;
	float: left;
}

#produit_4 #onglets .selected {
    width: 117px;
    height: 28px;
	color: #061D49;
    background: url(../o-village/images/Onglet-actif.gif) no-repeat;
	margin: 8px 6px 0px 0px;
	padding: 7px 0px 0px 0px;
}

#produit_4 #onglets .inactif {
    width: 117px;
	height: 24px;
	color: blue;
    background: url(../o-village/images/Onglet-inactif.gif) no-repeat;
	margin: 17px 6px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-decoration: underline;
}
#produit_4 #onglets .inactif:hover{
    text-decoration: none;
}

#produit_4 .element {
    width: 841px;
	background-color: #FFFFFF;
	margin: 0px 5px 0px 5px !important;
    margin: 0px 5px 0px 5px;
	padding: 5px 10px 15px 10px;
	font-size: 12px;
    float: left;
}
#produit_4 .element li {
	margin: 0px 0px 0px 10px !important;
    margin: 0px 0px 0px 10px;
}
#produit_4  h2 {
	font-size: 16px;
	color: #000000;
}
#produit_4  #Hebergement p {
	font-size: 12px;
}
#produit_4  #Hebergement h3 {
	padding-top: 10px;
	color: #85ACF9;
}

#containPrixDispo {
	width: 611px;
	float: left;
}
#containPrixDispo .element { 
	width: 601px; float: left; padding-right: 10px; height: auto !important; height: 24px; overflow: auto !important; overflow:visible; 
}
#containPrixDispo .element_1{ 
	width: 481px; 
	float: left; 
	padding-top: 10px; 
	color: blue; 
	font-weight: bold;
	font-size: 14px;
	height: auto !important; 
	height: 24px; 
	overflow: auto !important; 
	overflow:visible; 
}
#containPrixDispo .element_1 span{ 
	font-size: 14px;
	text-decoration: underline;
}
#containPrixDispo .element_1 span:hover{ 
	font-size: 14px;
	text-decoration: none;
}
#containPrixDispo .element_2 { 
	width: 110px; 
	float: left; 
	text-align: right; 
	font-weight: bold; 
	padding: 0px 10px 0px 0px;
	height: auto !important; 
	height: 24px; 
	overflow: auto !important; 
	overflow:visible; 
}
#containPrixDispo .left { width: 200px; float: left; font-weight: bold; margin: 0px; color: #000000; }
#containPrixDispo .right { width: 401px; float: right; font-weight: normal; margin: 0px; }

#containPrixDispo_attente {
	width: 611px;
	text-align: center;
	color: #000000;
    font-size: 12px;
    margin: 20px 0px 0px 0px;
}
#containPrixDispo #reserver {
    width: 172px;
    height: 32px;
	background-image: url('../o-village/images/Bouton-reserver.gif');
	background-repeat: no-repeat;
    text-align: center; 
	color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
	margin: 10px 15px 0px 0px;
	padding: 8px 0px 0px 0px;
	float: right;
}
#containPrixDispo #reserver:hover {
	text-decoration: underline;
}

#produit_3 #grillePrix_info {
    width: 260px;
	color: #061D49;
    font-weight: bold;
    padding: 0px;    
    text-align: center;
    float: left;
}
#produit_3 #grillePrix_info .tel {
	color: #061D49;
	font-size: 36px;
	font-weight: bold;
}

#produit .element h3 {
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#produit .element li {
    list-style: disc;
    width: 400px;
    float: left;
}

#produit_1_1 a { color: #000000; font-size: 11px; text-decoration: none; }
#produit_1_1 a:hover { color: #000000; font-size: 11px; text-decoration: none; }
#produit_1_3 a { color: #000000; font-size: 17px; text-decoration: underline; }
#produit_1_3 a:hover { color: #000000; text-decoration: none; }


/* Page recherche */
#recherche_avancee {
    width: 927px;
	height: 260px;
	margin: 10px 1px 0px 0px;
	padding: 6px 0px 0px 3px;
	background-image: url('../o-village/images/Bloc-recherche-avancee.gif');
	background-repeat: no-repeat;
	float: left; 
}
#recherche_avancee h1 {
	padding: 0px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 12px;
}
#content_recherche {
	width: 627px;
	padding: 0px 0px 0px 300px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
#formulaire_recherche {
    width: 627px;
    float: left;
}
#form_search_1 {
    width:327px;
    float:left;
    padding-top: 5px;
    padding-bottom:5px;
}
#form_search_1 select {
	width: 100%;
	margin: 0px 0px 3px 0px;
}
#form_search_1 #search_submit {
    width: 172px;
    height: 32px;
	background-image: url('../o-village/images/Bouton-rechercher.gif');
	background-repeat: no-repeat;
    text-align: center; 
	color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	float: right;
}
#form_search_1 #search_submit:hover {
	text-decoration: underline;
}
#form_search_1 #divLoad { 
    width:415px;
    margin:10px 0px 0px 5px !important;
    padding: 5px 5px 5px 32px;
    color: #4e7900;
    float:left;
    text-align: center;
    background: #dbe6a4 url(/templates/o-village/images/ajax-loader.gif) left center no-repeat;
    border: 1px solid #4e7900;
    font-weight: bold;
}
#form_search_1 .select {
	font-weight: normal;
    float: left;	
}

#form_search_1 option {
	width: 100%;
	padding: 0px 2px 0px 2px;
}

#form_search_2 {
    width: 280px;
	padding: 8px 20px 0px 0px;
    padding-top: 5px;
    padding-bottom:5px;
	float: left;
}
#form_search_2 .cac {
    width:280px;
	height: 32px;
    padding-bottom: 13px;
	float:left;
}


/* Page FAQ */
#faq {
    width: 931px;
	float: left; 
}
#faq_top {
    width: 931px;
	height: 35px;
	padding: 8px 0px 0px 3px;
	background-image: url('../o-village/images/Bloc-bleu-haut.gif');
	background-repeat: no-repeat;
	float: left; 
}
#faq_top h1 {
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 12px;
}
#faq_chapo {
    width: 871px;
	height: 59px;
	padding: 0px 30px 0px 30px;
	font-weight: bold;
	background-image: url('../o-village/images/Bloc-bleu-chapo.gif');
	background-repeat: no-repeat;
	float: left; 
}
#faq_content {
    width: 871px;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
	background-image: url('../o-village/images/Bloc-bleu-contenu.gif');
	background-repeat: repeat-y;
	float: left; 
}
#faq_bottom {
    width: 931px;
	height: 100px;
	background-image: url('../o-village/images/Bloc-bleu-bas.gif');
	background-repeat: no-repeat;
	float: left; 
}


/* Page Newsletter */
#newsletter {
    width: 927px;
	height: 212px;
	margin: 10px 1px 0px 0px;
	padding: 6px 0px 0px 3px;
	background-image: url('../o-village/images/Bloc-newsletter.gif');
	background-repeat: no-repeat;
	float: left; 
}
#newsletter h1 {
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-size: 12px;
}
#content_newsletter {
	padding: 0px 0px 0px 190px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
#content_newsletter_msg {
	padding: 0px 0px 0px 190px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
#ok_news {
    width: 172px;
    height: 32px;
	background-image: url('../o-village/images/Bouton-envoyer.gif');
	background-repeat: no-repeat;
    text-align: center; 
	color: #FFFFFF;
    font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 200px;
	padding: 8px 0px 0px 0px;
	float: left;
}
#ok_news:hover {
	text-decoration: underline;
}





#pricesLoad
{
	border-top: 2px dotted #4E7900 ;
    border-bottom: 2px dotted #4E7900 ;
    background:url(/templates/vacances-campings/images/price-loader.gif) left center no-repeat;    
    padding: 10px 3px 10px 45px;
    width: 250px;
    margin: 10px auto;
    font-weight: bold;
    color: #999999;
    text-align: center;
       
}

#confirm_resa
{
    text-align:center;
    font-weight:bold;
    position: absolute;
    width: 286px;
    background:#FFFFFF;
}

/*** Questionnaire satisfaction ***********************/
#form_content
{
	width: 700px;
	margin: 0px auto;
}
#formulaire
{
	width: 700px;
	float:left;
}

#formulaire_1
{
	height: 20px;
    padding-top: 5px;
    padding-left:5px;
    width: 695px;
    color: #FFFFFF;
    font-weight: bold;
	font-size: 14px;
    background: #666666;
}

#formulaire_2
{
	background: #CCCCCC;
	width: 680px;
	padding: 10px;
	line-height: 22px;
}

#formulaire_2 .input
{
	margin-left: 20px;
	width: 300px;
}

#formulaire_2_1
{
	font-weight: bold;
	text-align: center;
}

#formulaire_2_2
{
	text-align: right;
}
/**************************/



/*** Nouveau tableau de prix ***********************/
#produit_3 #grillePrix_info {
    /*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/templates/allo-campings/images/bg_search.gif) repeat-x scroll 0 0;*/
	width: 353px;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 15px 5px;
	border: 1px solid #FFFFFF;
	background: #85ACF9;
	color: #061D49;
    font-weight: bold;  
    text-align: center;
    float: left;
}
#produit_3 #grillePrix_info_1 {
	width: 70px;
	color: #061D49;
    font-weight: bold;
    padding: 24px 0px 0px 5px;    
    text-align: center;
    float: left;
}
#produit_3 #grillePrix_info_2 {
	width: 268px;
	color: #061D49;
    font-weight: bold;
    padding: 7px 5px 3px 5px;    
    text-align: center;
    float: left;
}
#produit_3 #grillePrix_info .tel {
	color: #061D49;
	font-size: 36px;
	font-weight: bold;
}

#produit_3 #grillePrix {
    width: 501px;	/* 601px */
	padding: 0px 5px 0px 5px;
    float: left;
}

#grillePrix h2 {
	width: 420px; /*378*/
	height: 16px;
	background: url('../o-village/images/Barre-titre-hebergement-2.gif') no-repeat !important;
	background: url('../o-village/images/Barre-titre-hebergement-2.gif') no-repeat;
	margin: 5px 0px 5px 0px;
	padding: 7px 0px 7px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
    float: left;
}

#grillePrix #tarifs_etape_1 {
	width: 640px;
	position: relative;
	float: left;
	padding-left:0px;
}
#grillePrix #tarifs_etape_1_1 {
	width: 640px;
	float: left;
}
#grillePrix #tarifs_etape_1_2 {
	width: 360px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	float: left;
}
#grillePrix #div_contraintes {
	width: 624px;
	/*height: 59px;*/
	/*min-height: 59px;*/
	padding: 5px 8px 8px 8px;
	margin: 0px 0px 15px 0px;
	float: left;
	/*border-bottom:1px solid #C0BFBD;
	border-top:1px solid #C0BFBD;*/
	background-color: #ffffff;
	border:1px dotted #e66532;
}
.contrainte_tabv2 {
	margin: 5px 0px 5px 0px;
}
.contrainte_tabv2:hover {
	cursor: pointer;
	text-decoration: none;
}
.contrainte_tabv2 span {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}
.contrainte_tabv2 span:hover {
	text-decoration: none;
}

#grillePrix #div_onglets_mois {
	/*width: 591px;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#grillePrix #div_onglets_mois .onglet {
	padding: 5px 7px 5px 7px;
	margin: 2px 0px 2px 2px;
	background: #E66532;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
#grillePrix #div_onglets_mois .onglet:hover {
	cursor: pointer;
}
#grillePrix #div_onglets_mois .onglet_hover {
	padding: 5px 10px 5px 10px;
	margin: 2px 0px 2px 2px;
	background: #DB3D46;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#grillePrix #div_onglets_mois .onglet span {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#grillePrix #div_onglets_mois .onglet span:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#grillePrix #div_onglets_mois .onglet_hover span {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#grillePrix #div_onglets_mois .onglet_hover span:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#grillePrix #contrainte_descr {
	width: 628px; /*589px*/
	margin: 5px 10px 5px 10px; 
    padding: 5px 5px 5px 5px;
	text-align:justify; 
	font-size: 11px;
	font-style: italic; 
	color: #000000;
	border: 1px solid #ffffff;
	background: #CBD8D0;
	float: left; 
}

#residence_2_2
{
	width: 640px;
	margin: 0px;
    padding: 0px;
	float: left;
	/*border-left: 1px solid #50897A ;
	border-right: 1px solid #50897A ;*/
}
#residence_2_2 #tab_tarifs 
{
    width: 640px; /*601*/
    margin: 0px;
    padding: 0px 0px 0px 0px;
	float: left;
}
#residence_2_2 #tab_tarifs table
{
    width: 640px; /*600px*/
    margin: 0px;
    padding: 0px 0px 0px 0px;
	float: left;
}

#residence_2_2 #tab_tarifs td
{
	text-align:center;
    margin:1px;  
}

#residence_2_2 #tab_tarifs .titre_colonne_tab
{
	/*background: url(/templates/allo-campings/images/Barre-titre-liste.gif) no-repeat bottom;*/
	background: #1769BD;
	padding: 2px 0px 0px 0px;
	width:100%;
	height:18px;
	font-size:12px;
	text-align: center;
}

.tarifs_1
{
    /*background-color: #4E7EF4;*/
    /*width:209px;*/
    height:20px; 
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    vertical-align: middle;
}

.tarifs_2_1
{
    /*background-color: #4E7EF4;*/
    /*width:69px;*/
    height:20px;  /*69*/
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    vertical-align: middle;
}

.tarifs_2_2
{
    /*background:url(/templates/octopode/images/Barre-periode-suivante-precedente.gif) no-repeat;*/
    background-color: #5099B6;
	/*width:209px;*/
    height:20px;  /*16*/
	padding: 0px 0px 0px 0px;
    text-align:center;
	font-size:14px;
    color:#FFFFFF ;
    font-weight:bold;
    vertical-align: middle;
    margin:0px;
    border:none;
    border-bottom: 1px solid #FFFFFF;
}

.tarifs_3
{
    /*background:url(/templates/locaneige/images/Rectangle-rouge-51x69.gif) no-repeat;*/
	background-color: #ff0000;
    width:69px;
    height:51px; 
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    vertical-align: middle;
}

.tarifs_4
{
    background:#c6e0fd;
    border-top: 1px solid #4E7EF4;
    border-bottom: 1px solid #4E7EF4;
    height:16px; 
    vertical-align: middle;
}

.tarifs_5_1
{
	height: 40px;
	background:#CEEDDF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tarifs_5_2
{
	height: 40px;
    background:#DDF4E8;
    border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.tarifs_5_3
{
	height: 40px;
    background:#FFFFFF;
    border-top: 1px solid #4E7EF4;
    border-bottom: 1px solid #4E7EF4;
}
.tarifs_5_1:hover,
.tarifs_5_2:hover,
.tarifs_5_3:hover
{
    background:#EFA278;
	cursor: pointer;
}
.tarifs_5_1 span,
.tarifs_5_2 span,
.tarifs_5_3 span, 
.tarifs_5_1:hover span,
.tarifs_5_2:hover span,
.tarifs_5_3:hover span
{
	font-size:14px;
	text-decoration: underline;
	cursor:pointer;
	font-weight:bold;
}

.tarifs_6_1
{
    background:#C1E6D6;
    width:159px;
    height:20px;  /*51*/
    text-align:center;
    color:#000000;
	font-size: 12px;
    
    vertical-align: middle;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.tarifs_6_2
{
    background:#D5F0E4;
    width:104px;
    height:20px;  /*51*/
    text-align:center;
    color:#000000;
	font-size: 12px;
    
    vertical-align: middle;
    border-bottom: 1px solid #FFFFFF;
    border-letf: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.tarifs_6_3
{
    background:#c6e0fd;
    width:69px;
    height:20px; 
    text-align:center;
    color:#FFFFFF;
	font-size: 14px;
    font-weight:bold;
    vertical-align: middle;
}

.tarifs_7
{
    background:url(/templates/locaneige/images/Carre-panier.gif) right no-repeat;
    padding:1px 18px 1px 1px;
}

.tarifs_8
{
    text-align:center;
    background: #c6e0fd;
    color:#ffffff;
    width:276px;
    height:27px;
}

.tarifs_9
{
    background:#c6e0fd;
    text-align:center;
    color:#50897A;
    width:208px;
    height:39px;
}

.tarifs_10
{
    background: #c6e0fd;
    text-align:center;
    color:#50897A;
    width:68px;
    height:39px;
}

/*
#residence_2 .title
{
    width:269px;
    margin:2px 0px;
    padding:2px 5px;
    background: #CBDBD8;
    border-top:1px dashed #50897A ;
    border-bottom:1px dashed #50897A ;
    color: #50897A ;
    font-weight:bold;
    text-align: center;
}
*/

#pricesLoad
{
	border-top: 2px dotted #4E7EF4 ;
    border-bottom: 2px dotted #4E7EF4 ;
    background:url(/templates/octopode/images/pricesLoad.gif) left center no-repeat;    
    padding: 10px 3px 10px 45px;
    width: 230px;
    font-weight: bold;
    color: #999999;
    text-align: center;
       
}

#etape1
{
	padding:3px;
}

#etape2
{
    padding:3px;
}

/**************************/ 

/*********** tarifs_tableau_classique *******/

#tab_tarifs_2
{
    table-layout:auto;
    border-collapse: collapse;
    width:600px;
}

#tab_tarifs_2 img
{
    vertical-align: middle;
    cursor:pointer;
}

#tab_tarifs_2 td
{
    border-bottom:1px #cccccc dotted;
    font-size: 11px;
    color:#000000;
    padding:3px;
}

.tr_tarifs_2
{
    background: #1769BD  ;
}

.tr_tarifs_2 th
{
    font-weight: bold;
    padding:2px;
    border-right:1px #ffffff solid;
    border-top:1px solid #87add2;
    vertical-align: center;
    text-align:center;
}

#tab_tarifs_2 .td_0
{
	background: #DDF4E8 ;
}

#tab_tarifs_2 .td_1
{
   background: #CEEDDF; 
}

#tab_tarifs_2 .prixAvantPromo
{
	text-decoration: line-through;
}

#tab_tarifs_2 .prixApresPromo
{
    color: #FE0000;
}

#tab_tarifs_2 select
{
    font-weight:normal;
    font-size:11px;
    width: 100px;
}

#tab_tarifs_2 .down
{
    background: url(/templates/look/images/arrow_sort_asc.gif) no-repeat right top; 
}

#tab_tarifs_2 .up
{
    background: url(/templates/look/images/arrow_sort_desc.gif) no-repeat right top;  
}

#tab_tarifs_2 th span
{
    color:#FFFFFF;
    cursor: pointer;
}

#tarifs_left
{
    width:620px;
    float:left;
    padding:0 10px;
}

#tarifs_left_1
{
    color:#625860;
    font-weight:bold;
    margin:15px;
    text-align: center;
}


#tarifs_right
{
    width:235px;
    float:left;
    margin:20px 0px 0px 5px;
}

#tarifs_right_1
{

    background: #0C7CDE;
    padding-top:8px;
    height:22px;
    color:#FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size:11px;
}

#panier
{
    padding:2px 2px;
    font-size:12px;
    border:4px #0C7CDE solid;
    border-top:none;
    font-weight: bold;
    text-align: center;
}

.tarifs_right_2_1
{
    border-bottom:1px dotted #cccccc;
    background:#eeeeee;
    font-size:11px;
    font-weight:normal;
    text-align: left;
}

#tarifs_right_3
{
    background: url(/templates/promovac/images/tarif_right_3.gif) repeat-y bottom;
    padding:0px 6px;
    height:32px;
    font-size:11px;
    text-align: center;
}

.tarif_normal {
	font-weight:bold;
}

/*** message reserveByTel  ***/
#tarifs_left {
	position: relative;
	z-index: 1;
}
#tab_tarifs {
	position: relative;
	z-index: 1;
}

#message_reserveByTel {
    background:url(/templates/o-village/images/message_panier.gif) no-repeat;    
    width: 230px;
	height: 147px;
	padding: 33px 10px 10px 80px;
    margin: 0px;
	font-weight: normal;
	font-size: 14px;
    color: #000000;
	position: absolute;
	z-index: 2;
}
#message_reserveByTel .tel {
	font-weight: bold;
	font-size: 28px;
    color: #3350aa;
	padding: 10px 0px 10px 0px;
}
#message_reserveByTel:hover {
	cursor: pointer;
}
/**************************/

/***        Devis        ***/

#devis
{
    width: 950px;
}

.devis_1
{
    background: #87C4E4;
    border: 1px solid #176ABF;
    border-bottom: none;
    color: #176ABF;
    font-weight: bold;
    padding: 4px;
    height: auto;
    overflow: auto;
    width: 940px;
    float: left;
    margin-top: 20px;
}

.devis_2
{
float: left;

    border: 1px solid #176ABF;
    width: 940px;
    padding: 4px;
    height: auto;
    overflow: auto;
}

.devis_3
{
float: left;

    background: #176ABF; 
    width: 940px;
    padding: 5px;
    height: auto;
    overflow: auto;
    color: #FFFFFF;
    text-align: right;
    font-size: 16px;
}

.devis_2 table
{
    width: 940px;
    border-collapse: collapse;
}

.devis_2 th
{
    border: 1px solid #EEEEEE;
    background: #EEEEEE;
    padding: 3px;
}

.devis_2 td
{
    border: 1px solid #EEEEEE;
    padding: 3px;
    vertical-align: top;
}
    
#devis .button {
    width: 130px;
    height: 27px;
    background-image: url('../o-village/images/Bouton-etape-suiv-resa-haut.gif');
    background-repeat: no-repeat;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px !important;
    font-weight: bold;
    margin: 6px 0px 0px 10px;
    padding: 5px 10px 0px 10px;
    line-height: 10px;
    float: right;
}
#devis .button:hover {
    text-decoration: underline;
}

#devis .button a
{
    color: #FFFFFF;
    text-decoration: none;
}

#devis .button *
{
    font-size: 13px;	
}
/***************************/
/************Ajout d'options***************/
.resaOptions .optTitre
{
    background: url("../o-village/images/Bloc-de-fond-resa-haut-options.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 24px;
    width: 950px;
    padding:2px 20px;
}
.resaOptions .optContent
{
    background: url("../o-village/images/Bloc-de-fond-resa-1px-options.gif") repeat-y scroll 0 0 transparent;
    float: left !important;
    width: 950px;
    padding: 0 20px;
}
.resaOptions .optForm
{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    line-height: 24px;
    padding: 3px;
    width: 920px;
}
.resaOptions .optBottom
{
    background: url("../o-village/images/Bloc-de-fond-resa-bas-options.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 35px;
    width: 950px;
}
.optForm .button {
 	background-image: url("../o-village/images/Bouton-etape-suiv-resa-haut.gif");
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    margin: 6px 0 0;
    padding: 3px 0 0;
    text-align: center;
    width: 150px;
    cursor:pointer;
}
.optForm .button:hover {
    text-decoration:underline;
}

/***************************/
