.body {margin:0px;padding:0px;margin-top:80px;background:#5E9EB5 url(../pics/design/background.jpg) no-repeat 50% 80px}
	.body.alert_header {margin-top:130px;background:#5E9EB5 url(../pics/design/background.jpg) no-repeat 50% 130px}
	@media (max-width: 884px){ .body {background:#5E9EB5;margin-top:50px}}

	.main {width:884px;}
	@media (max-width: 884px){ .main {width:100%;} }

	.mobile,.mobile_narrow {display:none;}
	@media (max-width: 884px){ .mobile {display:block} }
	@media (max-width: 600px){ .mobile_narrow {display:block} }
	.desktop {display:inline-block;}
	.desktop,.desktop_narrow {display:inline-block;}
	@media (max-width: 884px){ .desktop {display:none} }
	@media (max-width: 600px){ .desktop_narrow {display:none} }

	.gauche {width:820px;float:left;}
	@media (max-width: 884px){ .gauche {width:100%;float:none;} }

	.header {width:820px;height:196px;background:url(../pics/design/header_background_2.jpg) no-repeat top left;text-align:left;}
	@media (max-width: 884px){
		.header {width:100%;padding-top:3rem;background:url(../pics/design/mobile_banner_nto_3.jpg) no-repeat bottom left;background-size:cover;}
	}
	.header_logo {margin-left:50%;margin-top:-35px}
	@media (max-width: 520px){img.header_logo {margin-left:65%;width:130px;margin-top:05px}}

	#colonnes {width:820px;background:white url(../pics/design/colonnes_background.gif) repeat-y left top;text-align:left;clear:both;font-family:Verdana;font-size:11px;color:#505050;float:left}
	@media (max-width: 884px){ #colonnes {background:white;width:100%;} }
	#menu {float:left;text-align:left;width:560px;background:#9DB19E;height:35px; }
	#url {width:260px;height:35px;background:url(../pics/design/url_background.gif) no-repeat top left;float:left;color:#ACC0C9;text-align:left}
	@media (max-width: 884px){ #url {float:none;height:55px;width:100%;text-align:right;margin-right:55px;margin-top:-55px;background:transparent;} }
	.lurl {width:242px;margin-left:7px;text-align:center;font-size:18px;font-weight:bold;margin-top:0px}
	.lurl_small {font-size:16px;margin-top:2px}
	@media (max-width: 884px){
		.lurl {margin:0px;float:right;font-size:1.1rem;color:#d7e7ec}

	}

	.index_archipel img {width:100%}
	.index_archipel {padding:15px 17px;background:#5B8181;text-decoration:none;color:#333;transition:all .2s}
	A.lien_archipel {text-decoration:none;color:#111}
	.index_archipel strong {color:white;font-weight:bold;text-decoration:none;font-size:1.2rem;transition:all .2s}
	.index_archipel:hover {color:#FFF;background-color:#3B6161}
	A.lien_archipel:hover strong {color:#4fb9b9}

	.une {text-align:justify;margin-top:15px;font-size:0.9rem}
	h1 {font-family:"BenchNine";font-size:2.2rem;color:#566456;}
	@media (max-width: 884px){
		h1 {font-size:2.8rem;}
	}
	#noscript,.noscript {margin:15px 0px;border:3px dashed #8CA0A9;background:#ACC0C9;padding:10px 15px;color:white}

	#shopping_cart_page table {font-size:12px;margin:15px 0px 10px 0px;color:#505050}
	#shopping_cart_total {margin:0px 0px 10px 12px;color:#505050;font-weight:bold;font-size:14px}
	#shopping_cart_page u {text-decoration:none;color:#B95C23}
	#shopping_cart_page td,#shopping_cart_page th {padding:4px 12px 0px 0px;font-size:12px}
	#shopping_cart_page th {font-weight:normal;text-align:left;width:90%}
	#shopping_cart_page A {color:#38580D;font-weight:bold;text-decoration:none}
	#shopping_cart_page A:hover {color:#18380D;}

	#footer {clear:both;background:#9DB19E;width:820px;padding:15px 0px 5px 0px}
	@media (max-width: 884px){ #footer {width:100%;} }
	#footer .fcol {text-align:left;float:left;width:250px;margin-left:12px;font-size:12px;color:#6E7C6E;}
	@media (max-width: 884px)
	{
		#footer .fcol {font-size:0.8rem;width:calc( (100% - 24px) / 2);}
		#footer .fcol:nth-child(3) {clear:left;margin-top:20px}
	}
	@media (max-width: 660px)
	{ #footer .fcol {font-size:1rem;margin-left:30px;width:90%;float:none;margin-bottom:15px} }
	#footer .fcol2 {width:270px;margin-left:10px;}
	@media (max-width: 884px){ #footer .fcol2 {font-size:0.8rem;width:calc( (100% - 24px) / 2);} }
	@media (max-width: 660px)
	{
		#footer .fcol2 {margin-left:30px;width:90%;}
		#footer .fcol hr {width:92%; }
	}
	#footer .fcol A {color:#6E7C6E;text-decoration:none;margin:0px;padding:0px}
	#footer .fcol A.opt {color:#BFCCC0;}
	#footer .fcol .frandos {margin:2px 0px 2px 0px;color:#6D7E6E}
	#footer .fcol p {margin:3px 0px}
	#footer .fcol hr {margin:3px 0px 3px 0px;width:82%;text-align:center;height:1px;border:0px;border-top:solid 1px #7E8E7E }
	#footer .fcol A:hover {color:#EAEAEA;}
	#footer .fcol select {background:#6E7C6E;color:#EEE;font-size:12px;border:0px;width:150px}
	#footer .fcol input {background:#6E7C6E;color:#EEE;font-size:12px;width:115px;border:0px}
	#footer .fcol input.ok {background:#5E6C5E;color:#EEE;font-size:12px;width:30px;}
	#footer h3 {color:#BFCCC0;margin:0px;padding:0px;font-size:16px;}
	#footer .focus span {font-size:9px;}
	#footer .focus img {border:0px;margin:2px 6px 2px 7px;width:55px}
	#footer .focus h3 {color:#6E7C6E}
	#footer .focus h3:hover {color:#EAEAEA}

#footer .footer_cv {margin-top:5px;margin-left:0px;display:block;}
#footer .footer_thecode {width:40%; margin:5px 20px 10px 30px;opacity:0.9}
#footer .footer_tourcert {width:40%; margin:5px 0px 10px 0px;opacity:0.7}
@media (max-width: 660px){
	#footer .footer_cv,#footer .footer_thecode,#footer .footer_tourcert {display:inline-block;width:26%;margin-left:0;margin-right:4%}
	#footer .fcol {margin-bottom:0px}
}
A.lien_promo {color:#4DA3EC;text-decoration:underline;font-weight:bold;}
A.lien_promo:hover {color:#88C1F0}

.bloc_promo {clear:left;text-align:center;height:35px;width:820px;background:url('../pics/maquette/background_promo.gif') top left no-repeat}
.bloc_promo p {padding-top:10px}

	#resa A {color:#38580D;text-decoration:none;font-weight:bold;}
	#resa A.url {font-weight:normal;}
	#resa A:hover {color:#18380D;}
#resa .liens { background:#E9EEE9;font-weight:normal;width:422px !important;width:462px;padding:12px 20px 12px 20px;border:1px solid #ACBA9A;margin-left:20px;margin-bottom:15px;color:#606060;font-size:12px}
#resa .liens:hover {background:#D9DED9}

	body {font-family:Verdana;font-size:12px;color:white}
	#central {text-align:left;width:821px;padding:0px;margin:0px;}
	.option {padding:17px 25px;float:left;width:85px !important;width:135px}
	.option_langue {padding:17px 0px 0px 8px;float:left;}
	.option_panier {padding:17px 20px 0px 20px;float:left;}
	.option_sep {float:left;width:10px;height:36px;background:url('../pics/maquette/menu_separateur.gif') top left no-repeat;}
	#logo {float:left;margin:3px 8px 5px 0px; height:150px;}
	#bord_gauche {padding:0px;margin:0px;float:left;width:8px;height:585px;background:url('../pics/maquette/bord_gauche.gif') top left no-repeat}
	#contenu {float:right;width:800px;padding:0px;margin:0px;background:url(../pics/maquette/contenu_bg.png) top left;background-repeat:repeat}
	#bord_droite {clear:both;float:right;height:475px;width:13px;padding:0px;margin:0px;background:url('../pics/maquette/bord_droite.gif') top left no-repeat }
	#gauche {width:500px !important;width:560px;float:left;padding:20px 30px}
	#gauche17 {width:500px !important;width:560px;float:left;padding:20px 30px;}
	@media (max-width: 884px){ #gauche17 {width:calc(100% - 60px) !important;width:100%;float:none;padding:20px 30px 20px 30px;} }
	#inter {float:right;width:4px;height:203px;background:url('../pics/maquette/colonne_bord_gauche.gif') top left no-repeat}
	#droite {width:260px;float:right}
	#droite17 {width:260px;float:left}
	@media (max-width: 884px){ #droite17 {width:calc(100% - 60px) !important;width:100%;float:none;padding:0px 30px;} }
	.notice {font-size:11px}
	@media (max-width: 884px){ .notice {font-size:0.8rem;line-height:1.1rem} }


	.clear, .break {clear:both}

	.explication {font-size:12px;color:#A0A0A0;text-align:left;margin:12px 0px;width:435px !important;width:480px;padding:7px 15px 10px 35px;border:2px dashed #D0D0D0;}

	#bloc_panier {margin:0px;height:0px;overflow:hidden}
	@media (max-width: 884px){ #bloc_panier {margin:0p} }
	#panier {font-size:9px;color:#606060;margin-top:4px;width:210px !important;width:230px;padding:7px 9px;background:#F0F5F7;border:1px dashed #CFCFCF}
	@media (max-width: 884px){ #panier {width:calc(100% - 18px) !important;width:100%;} }
	#panier table {margin:8px 0px}
	#panier A {color:#095B6D;font-weight:bold;text-decoration:none}
	#panier A:hover {color:#59ABBD;}
	#panier td {font-size:9px;color:#606060}
	#panier .prix {padding:0px 5px}
	#panier A.panier_details {text-decoration:none;font-size:8px;color:#095B6D}
	#panier A.panier_details:hover {color:#59ABBD}


	#lena_vacances { background:#EEE9E9;font-weight:normal;width:452px !important;width:492px;padding:7px 20px 10px 20px;border:1px solid #BAAC9A;margin-bottom:15px;color:#606060;font-size:12px}

	#panier_form { background:#E9EEE9;font-weight:normal;width:452px !important;width:492px;padding:7px 20px 10px 20px;border:1px solid #ACBA9A;margin-bottom:15px;color:#606060;font-size:12px}
	@media (max-width: 884px){ #panier_form {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 40px) !important;width:100%;margin-left:0px} }
	#panier_form p { margin:3px 0px;}
	#panier_form:hover {background:#E5EAE5}
	#panier_form input {background:#DEE1D8;border:1px solid #B9BEB9}
	#panier_form input.envoyer {background:#778e4a;border:1px solid #576e2a;color:white;font-size:15px}
	#panier_form textarea {background:#DEE1D8;border:1px solid #B9BEB9}
	@media (max-width: 884px){ #panier_form textarea  {width:100%} }
	#panier_form select {background:#DEE1D8;border:1px solid #B9BEB9}
	#panier_form input:hover {border:1px solid #999E99}
	#panier_form select:hover {border:1px solid #999E99}
	#panier_form textarea:hover {border:1px solid #999E99}

	@media (max-width: 884px){
		#panier_form select {padding:3px 5px;font-size:1rem;}
		#panier_form  { text-align:left;}
		#panier_form p { margin:8px 0px;}
		#panier_form input,#panier_form textarea {font-size:1rem;padding:3px 4px}
	}
	.align input,.align textarea {width:100%;width:calc(100% - 20px);padding:9px 10px}
	@media (max-width: 884px){
		.align input,.align textarea {font-size:1rem}
		.align textarea {width:100%;height:200px;}
	}

	.antispam { background:#e4d5cf;padding:5px 7px;border:1px solid #c4b5af;margin:8px 0px}
	#panier_form .antispam p {margin:8px 0px}

	#legende_difficulte {margin:16px 0px 30px 12px;font-size:9px;color:#DDE5EC;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#677B8B;border:1px dashed #CFCFCF}
	@media (max-width: 884px){ #legende_difficulte {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
	#suggestions {margin:16px 0px 30px 12px;font-size:9px;color:#DDE5EC;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#5B8181;border:1px dashed #CFCFCF}
	@media (max-width: 884px){ #suggestions {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
	.suggestion {padding:3px 3px;color:#223340}
	.suggestion A {text-decoration:none;font-weight:bold;color:white}
	.suggestion:hover {background:#557A7A;}

#historique {margin:16px 0px 23px 12px;font-size:9px;color:#DDE5EC;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#5B8181;border:1px dashed #CFCFCF}
@media (max-width: 884px){ #historique {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
.historique {padding:3px 3px;color:#223340}
.historique A.genre {text-decoration:none;font-weight:normal;color:#DDE5EC}
.historique A {text-decoration:none;font-weight:bold;color:white}
.historique:hover {background:#557A7A;}

#actualites {margin:16px 0px 23px 12px;font-size:9px;color:#DDE5EC;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#5b9f9f;border:1px dashed #CFCFCF}
#actualites p {	margin:2px 0px 4px 0px }
.actualites {padding:3px 3px;color:#223340}
.actualites strong {font-size:14px}
.actualites A.genre {text-decoration:none;font-weight:normal;color:#DDE5EC}
.actualites A {text-decoration:none;font-weight:bold;color:white}
.actualites:hover {background:#428080;}

#citations {margin:16px 0px 23px 12px;font-size:11px;color:#d0d9df;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#a1b2bf;border:1px dashed #677b8b}
@media (max-width: 884px){ #citations {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
#citations strong {font-size:14px;color:#FFF;}
#citations b {color:#f5f4e3;}
.citation {padding:3px 3px;color:#e0e9ef}


#recents {margin:16px 0px 23px 12px;font-size:11px;color:#d6bca2;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#858682;border:1px dashed #677b8b}
@media (max-width: 884px){ #recents {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
#recents strong {font-size:14px;color:#ff9e41;}
#recents b {color:#e0a364;}
.recents A.genre {text-decoration:none;font-weight:normal;color:#DDE5EC}
.recents .ile {text-decoration:none;font-weight:normal;font-size:9px;color:#cecfcd}
.recents A {text-decoration:none;font-weight:bold;color:white}
.recents {padding:3px 3px;color:#dccab9}
.recents A.desc {font-weight:normal;color:#dccab9}
.recents A:hover,A.desc:hover {color:#424341}

#bestof {margin:16px 0px 23px 12px;font-size:11px;color:#d6bca2;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#858682;border:1px dashed #677b8b}
@media (max-width: 884px){ #bestof {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
#bestof strong {font-size:14px;color:#ff9e41;}
#bestof b {color:#e0a364;}
.bestof A.genre {text-decoration:none;font-weight:normal;color:#DDE5EC}
.bestof .ile {text-decoration:none;font-weight:normal;font-size:9px;color:#cecfcd}
.bestof A {text-decoration:none;font-weight:bold;color:white}
.bestof {padding:3px 3px;color:#dccab9}
.bestof A.desc {font-weight:normal;color:#dccab9}
.bestof A:hover,A.desc:hover {color:#424341}

	#dates_garanties {margin:16px 0px 23px 12px;font-size:11px;color:#d6bca2;width:210px !important;width:230px;padding:3px 10px 12px 10px;background:#858682;border:1px dashed #677b8b}
@media (max-width: 884px){ #dates_garanties {margin-bottom:10px;font-size:1rem;line-height:1.5rem;width:calc(100% - 20px) !important;width:100%;margin-left:0px} }
	#dates_garanties strong {font-size:14px;color:#ff9e41;}
	#dates_garanties b {color:#e0a364;}
	.dates_garanties A.genre {text-decoration:none;font-weight:normal;color:#DDE5EC}
	.dates_garanties .ile {text-decoration:none;font-weight:normal;font-size:9px;color:#cecfcd}
	.dates_garanties A {text-decoration:none;font-weight:bold;color:white}
	.dates_garanties {padding:3px 3px;color:#dccab9}
	.dates_garanties A.desc {font-weight:normal;color:#dccab9}
	.dates_garanties A:hover,A.desc:hover {color:#424341}

	#bloc_search {margin:16px 0px 10px 12px}
	#search {font-size:9px;color:#606060;margin-top:4px;width:210px !important;width:230px;padding:7px 9px;background:#F3E9F0;border:1px dashed #CFCFCF}
	#search td {font-size:10px;}

	.resa_info {margin:10px 0px 0px 8px; color:#595959}

	#bas {clear:both;text-align:left;width:100%;background-color:#5E9EB5;padding:0px;margin:0px;}

	#copyright { text-align:left;width:820px;padding:0px;margin:0px;margin-top:15px;font-size:9px; color:#6E7C6E;padding-bottom:8px}
	@media (max-width: 884px){ #copyright {width:100%;} }

	#copyright A {text-decoration:none;font-weight:bold;color:#B6C5B6}
	#copyright A:hover {text-decoration:underline;color:#FFF}

	div.pagination {text-align:right;	margin:5px;margin-right:0px;}
	div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;text-decoration: none;color: #96B4B8;}
	div.pagination a:hover,	div.pagination a:active {border: 1px solid #999;color: #666;}
	div.pagination a:hover {background:#B3CDD2;color:white;}
	div.pagination .current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #095B6D;font-weight: bold;background-color: #095B6D;color: #FFF;}
	div.pagination .disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #EEE;}



	/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/droplist-flyout.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menu .menuhaut {height:35px; background:#9DB19E; font-family:arial, sans-serif; font-size:13px; position:relative; }
#menu .menuhautsmall {font-size:13px;}
#menu .menuhaut ul {padding:0; margin:0; list-style:none;}
#menu .menuhaut ul li div {position:absolute; left:-9999px; top:-9999px; width:280px;background:#8DA18E; padding-bottom:6px;}
#menu .menuhaut ul li div ul {width:280px; float:left;}

#menu .menuhaut ul li {float:left;}
#menu .menuhaut ul li a {display:block; padding:0 25px 0 10px; float:left; line-height:35px; text-decoration:none; font-weight:bold; color:#000}
#menu .menuhaut ul li.flag a {display:block; padding:0 3px 0 3px; float:left; line-height:35px; text-decoration:none; font-weight:bold; color:#000}
#menu .menuhautsmall ul li a {padding:0 15px 0 7px; }
#menu .menuhaut ul li a.fly_old {background:url(arrow.gif) no-repeat right center;}
#menu .menuhaut ul ul li a {padding:0; width:280px; text-indent:10px; line-height:20px; font-weight:normal;}
#menu .menuhaut ul ul li h4 {padding:8px 0 4px 0; margin:0;}
#menu .menuhaut ul ul li h4 a {padding:0; width:280px; text-indent:10px; line-height:20px; font-weight:bold; font-size:14px;}


#menu .menuhaut ul li a:hover {background-color:#8DA18E;color:yellow}
#menu .menuhaut ul li:hover > a {background-color:#8DA18E;color:white}

#menu .menuhaut ul .fourCol:hover div {left:-1px; top:35px; width:720px;}

#menu .menuhaut ul .threeCol:hover {position:relative;}
#menu .menuhaut ul .threeCol:hover div {left:-1px; top:35px; width:540px;}

#menu .menuhaut ul .twoCol:hover {position:relative;}
#menu .menuhaut ul .twoCol:hover div {left:-1px; top:35px; width:360px;}

#menu .menuhaut ul .oneCol:hover {position:relative;}
#menu .menuhaut ul .oneCol:hover div {left:-1px; top:35px; width:280px;}

#menu .menuhaut ul :hover div ul ul {position:absolute; left:-9999px; top:-9999px;}

#menu .menuhaut ul :hover div ul .fly:hover {position:relative;}
#menu .menuhaut ul :hover div ul .fly:hover ul {left:270px; top:-7px; background:#9DB19E; border:1px solid #aaa; padding:6px 0;}

#menu .menuhaut ul :hover div ul .fly:hover ul ul {left:-9999px; top:-9999px;}

#menu .menuhaut ul :hover div ul .fly:hover ul .fly:hover ul {left:270px; top:-7px; background:#9DB19E; border:1px solid #aaa;}

#menu .menuhaut table {border-collapse:collapse; width:0; height:0; margin-bottom:-1px;}

#menu .menuhaut .flag {width:28px;}

.et_iles {margin-left:-3px;}
.liste_produits {margin:7px 0px;padding:4px 15px;background-color:#e7eef3}
.archipel_galerie {margin:7px 0px;}
.archipel_galerie img {margin:0px;width:22%;width:calc( (100% - 15px)/4);float:left;margin-right:5px}
.archipel_galerie a:nth-child(5n) img {margin-right:0px}
.archipel_galerie:after {content:'';clear:left;display:block;}

@media (max-width: 884px){
	.fcol1_langue_DE {background:url(../pics/maquette/logo_tourcert_small.png) no-repeat bottom right}
}

#vols_internationaux p {margin:11px 0px}

.sliders:after {content:'';clear:left;display:block;}
.sliders {margin:30px 0px 0px;width:100%;display:block;}
.sliders .slider img {width:100%;height:auto}
.sliders .slider_gauche {float:none;width:100%}
.sliders .slider_droite {float:none;display:none;}
@media (min-width: 600px) and (max-width:884px){
.sliders .slider {float:left;}
.sliders .slider_gauche {width:60%;margin-right:1%;height:300px}
.sliders .slider_droite {width:38.99%;display:inline-block;height:300px}
}
.slider_300 .slider_droite,.slider_300 .slider_gauche {height:300px}
.slider_200 .slider_droite,.slider_200 .slider_gauche {height:200px}
.slider_250 .slider_droite,.slider_250 .slider_gauche {height:250px}