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

/*########################################################
	BODY, CONTENEUR & HTML GENERIQUES
########################################################*/
html {
	height: 100%;
	width: 100%;
}
body {
	background-color: #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 75%;
}
form{
	margin: 0;
}
h1, h2, h3, h4, p, ul, li, form, a {

}
a {
	text-decoration: underline;
	color: #000000;
	outline: none;
}
a:hover, a.passouligne:hover {
	text-decoration: underline;
}
a.passouligne{
	text-decoration: none;
}
input, select, textarea {
	font-size: 1em;
	color: #000000;
}
img {
	border: none;
	vertical-align: top;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
th, td {
	vertical-align: top;
	text-align: left;
	padding: 5px 0;
}

p{
	margin: 10px 0;
}


/*--------------------- class génériques --------------------- */
.clear {
	clear: both;
}
.clearPetit{
	clear: both;
	line-height: 1px;
}
.float-right {
	float: right;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
img.floatL {
	display: block;
	float: left;
	margin-right: 5px;
}
img.floatR {
	display: block;
	float: right;
	margin-left: 5px;
}
img {
	border:medium none;
}

ul.errorMessage, ul.actionMessage {
	list-style-type: none !important;
}
ul.errorMessage li, ul.actionMessage li{
	background: none !important;
	padding: 0 !important;	
}
.actionMessage{
	font-weight:bold;
	font-size: 10pt;
}
.errorMessage{
	font-weight:bold;
	font-size: 10pt;
	color: #F00;
}

.center{
	text-align: center;	
}
.center input{
	display: inline;	
}
div.functional{
	font-size: 10pt;
}
div.mentions{
	font-size: 9pt;
	padding: 0 20px 0 0;
}

/*--------------------- #container --------------------- */
#container {
	width: 980px;
	margin: 0 auto;
}

#editorial {
	width: 980px;
	margin: 0 auto;
}

/*########################################################
	BANNIERE
########################################################*/
#banner {
	background-color: #000000;
	position: relative;
	min-height: 100px;
	_height: 100px;
	color: #FFFFFF;
	z-index: 2;
}
#banner .highatlas{
	float:right;width:210px;
}
#banner ul li{ 
	padding:0; 
	margin:0; 
	list-style:none;
}
#banner h1{margin:0; padding:0;}
#banner h1 img{ float:left; padding:0; margin:16px 0 0 0;}
#banner h1 span{ font-size:21px; float:left; color:#FFFFFF; margin:40px 0 0 30px;font-weight:normal;}
#banner img, #banner fieldset{ border:none;}
/*--------------------- #logo--------------------- */
#logo {
	top: 1px;
	position: absolute;
	left: 2px;
	z-index: 99;
}

#logo a {
	position: absolute;
	top:20px;
}

#logo .soustitre{
	z-index: 100;
	position: relative;
	top: 70px;
	font-weight: bold;
	font-size: 14px;
}

/*--------------------- #login--------------------- */
#login {
	height: 25px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 20px 0 0;
	
	float:right;
}
#login ul li {
	margin: 0;
	padding: 0 8px 0 12px;
	display: inline;
	background: url(../img/sep_login.png) left 4px no-repeat;
}
#login ul li.first {
	background: none;
}
#login ul li.last {
	padding-right: 0;
}
#login ul li a {
	color: #FFFFFF;
	text-decoration: underline;
}

/*--- UL ---*/
.login{ 
	float:right;
	margin: 0;
	padding: 0;
}
.login .disconnect {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/bgd_link_step03.gif) no-repeat scroll 0 2px;
	margin:0 20px 0 0;
	padding:0 0 0 15px;
	text-decoration:none;
}
.login a{ 
	text-decoration:underline;
	color:#FFFFFF;
}
.highatlas img{
	vertical-align: bottom;
}
		
/*--------------------- #newsletter--------------------- */
#newsletter {
	padding: 0 20px;

}
#newsletter .form {
	float: right;
}
#newsletter input.text {
	text-agn: center;
	border: 0;
	height: 16px;
	padding-top: 0;
	width: 15em;
	vertical-align: middle;
}
#newsletter label {
	display: block;
	float: left;
	width: auto;
	height: 12px;
	margin: 0px 5px 0 0;
	text-align: left;
	font-size: 11pt;
}
#newsletter input.ok {
	border: 0;
	padding: 0;
	background: url(../img/btn_ok.png) left top no-repeat;
	width: 18px;
	height: 18px;
	text-indent: -10000px;
	vertical-align: middle;
	margin-left: 5px;
}
#newsletter div.field{
	margin: 0;
}
/*--------------------- #menu--------------------- */
#menu {
	position: absolute;
	right: 20px;
	bottom: 2px;
}
#menu ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	display: block;
	_width: 1%;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	width: 13em;
}
#menu ul li a {
	display: block;
	padding: 0 0 0 12px;
	background: url(../img/tab_menu.png) left top no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.1em;
}
#menu ul li a span {
	display: block;
	padding: 5px 6px 0 0;
	height: 22px;
	background: url(../img/tab_menu.png) right top no-repeat;
	text-indent: -6px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand;
}
#menu ul li.last a {
	background-image: url(../img/tab_espace_personnel.png);
}
#menu ul li.last a span {
	background-image: url(../img/tab_espace_personnel.png);
}
/*########################################################
	CONTENU
########################################################*/
#content {
/*	background: #FCFCFC;*/
	overflow: hidden !ie;
	_height: 1%;
}
#content:after {
	content: "";
	display: block;
	clear: both;
}
/*--------------------- #top --------------------- */
#top {
	background: #BC9F79 url(../img/bg_top.png) left repeat-y;
	overflow: hidden;
	_height: 1%;
	z-index:1;
	padding: 20px;
	position: relative;
}

/*--------------------- .breadcrumb --------------------- */
.breadcrumb ul {
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}
.breadcrumb ul li {
	display:  inline;
	padding: 0;
	margin: 0 3px 0 0;
	/*background: url(../img/arrow6_black.png) left 5px no-repeat;*/
}
.breadcrumb ul li.first {
	padding: 0;
	background: none;
}
.breadcrumb ul li a {
	color: #000000;
}
.breadcrumb ul li.last a {
	/*font-weight: bold;*/
}
.breadcrumb ul li span {
	/*display: none;*/
	padding-left: 3px;
}

/*--------------------- .profile --------------------- */
.profile .identity {
	font-size: 1.6em;
	float: left;
}
.profile .identity img {
	vertical-align: bottom;
	margin-right: 5px;
}
.profile .citation {
	float: right;
	font-weight: bold;
	font-size: 1.2em;
	width: 25%;
	text-align: center;
	margin: 0;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.profile .citation span.author {
	font-style: italic;
	display: block;
	text-align: right;
	margin-top: 8px;
}


/*--------------------- .steps --------------------- */
.steps .label {
	font-size: 1.1em;
	display: block;
	float: left;
	padding: 5px 0 0 27px;
	height: 29px;
	margin-top: -3px;
	background: url(../img/picto_cart.png) left top no-repeat;
}
.steps ul {
	display: block;
	list-style: none;
	overflow: visible;
	height: 22px;
	margin: 3px 0 20px 140px;
	padding: 0;
}
.steps ul li {
	display: block;
	float: left;
	border-color: #fdf7f0;
	border-style: solid;
	border-width: 1px 0;
	width: 35.25%;
	margin-left: -2%;
}
.steps ul li.first {
	border-left-width: 1px;
}
.steps ul li.last {
	border-right-width: 1px;
}
.steps ul li a:hover span {
	text-decoration: underline;
}
.steps ul li span {
	color: #000000;
	display: block;
	padding-left: 12px;
	background: url(../img/step.png) left top no-repeat;
}
.steps ul li span span {
	height: 18px;
	font-size: 1.1em;
	padding: 2px 12px 0 0;
	text-align: center;
	background: url(../img/step.png) center top no-repeat;
	background-position: center top !important;
}
.steps ul li.first span {
	background-position: -12px top;
}
.steps ul li.selected span {
	background-image: url(../img/step_selected.png);
}

/*-- .freeshipping --*/
.steps .freeshipping {
	border: solid 1px #000000;
	clear: both;
}
.steps .freeshipping p {
	margin: 0;
	padding: 5px;
}
.steps .freeshipping p a {
	display: block;
	text-decoration: none;
	overflow: auto;
	_height: 1%;
	color: #000000;
}
.steps .freeshipping p a img {
	display: block;
	float: left;
	margin-right: 20px;
}
.steps .freeshipping p a strong {
	display: block;
	font-size: 1.8em;
	line-height: 1em;
}

/*--------------------- #page --------------------- */
#page {
	overflow: hidden !ie;
	_height: 1%;
	background: #E8E8E7 url(../img/bg_content.png) right top no-repeat;
}
#page:after {
	content: "";
	display: block;
	clear: both;
}

#page ul, #page dl{
	list-style: none;
	margin: 10px 0;
	padding: 0;
	/*overflow: auto; NATHAN*/
}
#page dl {
	margin-top: 5px;
	padding-top: 5px;	
}
#page li, .concept dt, .fabrication h3.puce{
	background: url(../img/item4.png) left center no-repeat;
	padding-left: 8px;
}
#page ul.nopuce li, #page ul li.nopuce{
	background: none;
	padding:0;
}

/*NATHAN*/
/*#page h2, #page h3 {
	font-size: 1.2em;
}*/
#page h3, #page dt, #page caption{
	font-size: 11pt;
}
#page h2, #aide h2, #editorial h2{
	font-size: 16pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#9C8059 ;
	margin:0;
}
#page h3 em {
	font-weight: normal;
	font-size: 0.9em;
}
#page .truc {
	display: none;
}
.advert {
	display: block;
	margin: -16px;
	/*display: none;*/
}
dd{
	padding:0;
	margin:0;
	font-size:1em;
}
dt{
	padding:0;
	margin:0;
	font-weight: bold;
	/*font-size: 1.2em;*/
}
dl.parrainage{
	margin-top: 0;
	background: transparent url(../img/picto_parrainage.png) 80px 0 no-repeat;
}
dl.parrainage dd{
	width: 100px;
	margin: 2px 0 0 0 ;
}
dl.besoin_aide{
	background: transparent url(../img/picto_aide.png) 100px 0 no-repeat;
}
dl.besoin_aide dd{
	padding-left: 15px;
	margin-top:2px;
	background: transparent url(../img/item_triangle.png) 0 3px no-repeat;
}
dl dd a{
	color:#000;
	text-decoration: none;
}
dl.parrainage dd a:hover{
	text-decoration: none;
}

/*--------------------- .block --------------------- */
.columnGroup, .lineGroup, .block {
	!overflow: hidden;
	_height: 1%;
}
.functionnal {
	background-color: transparent;
}
.informative {
	background-color: #FFFFFF;
}
.blockContent {
	border-color: #000000;
	border-style: solid;
	border-width: 0;
	padding: 16px;
	zoom:1;	/*IE6*/
}
.bt .blockContent {border-top-width: 4px;}
.br .blockContent {border-right-width: 4px;}
.bb .blockContent {border-bottom-width: 4px;}
.bl .blockContent {border-left-width: 4px;}

.columnGroup {float: left;}

.full {float: none; width: auto; clear: both}
.large, .medium, .small, .third {float: left}

/*-- tunnel --*/
#tunnel .columnGroup {width: 40%;}
#tunnel .columnGroupFunctionnal {width: 60%;}
#tunnel .nano {width: 20%;}
#tunnel .medium {width: 40%;}
#tunnel .large {width: 60%;}

/*-- account --*/
#account .columnGroup, .concept #groupA, .destinations #groupA,.informations #groupA, .detailOffre #blockA  {width: 18.27%;}
#account .lineGroup, .concept #groupB, .destinations #groupB, .informations #groupB  {float: left; width: 81.73%;}
#account .lineGroup .columnGroup{width: 22.35%;}
#account .lineGroup .large {width: 77.65%;}
.informations .lineGroup .large{width: 65%;}
.informations .lineGroup .columnGroup {width: 35%;}
#account .lineGroup .third {width: 33.33%;}
#account .cart #blockB2 .blockContent, #aide #groupB .blockContent{
	/*IE*/
	_height:1%;
	overflow: auto;
}
#account .cart #blockB1 .blockContent .product img{
	width:72px;
}
#account #top {
	background-image: url(../img/bg_top_espace_client.png);
	height: 99px;
}
#account #top .identity{
	margin-left:175px;
	margin-top:30px;
}
#account #blockA1 h2{
	white-space: nowrap;
}
#account #groupB .functional{
	position: relative;
}
#account #groupB .functional .mentions{
	position: absolute;
	bottom: 0;
}
#page .radiolist, #page .checklist, #nyroModalContent .radiolist,  #nyroModalContent .checklist  {
	list-style: none;
	padding: 0;
	margin: 0;
}
#page .radiolist li, #page .checklist li, #nyroModalContent .radiolist li, #nyroModalContent .checklist li,  {
	padding: 0;
	background: none;
}

#page .radiolist.inline li, #nyroModalContent .radiolist.inline li{
	display: inline;
	background:none;
	padding-left: 0;
}


/*--------------------- .table --------------------- */
thead th {
	border-bottom: dotted 2px #000000;
}
tbody tr.option th, tbody tr.option td {
	border-top: dotted 2px #000000;
}
td.product, td.option {
	font-weight: bold;
}
th.price, td.price {
	text-align: right;
	padding-left: 30px;
	padding-right: 30px;
}
.finaltotal td, .finaltotal th {
	background-color: #000000;
	color: #FFFFFF;
}
td.product img{
	display: block;
}
tr.livre td.price{
	font-weight: bold;
}
/*--------------------- formulaires --------------------- */
form fieldset{
	border:none;
	padding:0;
	margin:0;
}
form fieldset legend{
	font-weight:bold;
	/*font-size:1.2em;*/
	font-size:11pt;
	margin:0;
	padding:0;
	color: #000;
}
.remark{
	display: block;
	font-style: normal;
	font-weight: normal;
	/*font-size:75%;*/
	font-size:9pt;
}
.field .remark{
	margin-left:150px;
	margin-top:2px;
}
label {
	font-weight: bold;
	font-size: 10pt
}
ul.checklist label, ul.radiolist label {
	font-weight: normal;
	float:none;
	display:inline;
	text-align: left;
	padding:0 5px 0 0 !important;
}
input, img {
	vertical-align: middle;
	margin: 0;
}
input.text, select {
	font-size: 0.9em;
	border: solid 1px #000000;
	background: #FFFFFF;
	width: 200px; 
}
.field label{
	display: block;
	float:left;
	width:134px;
	text-align: right;
	font-weight: normal;
	padding-right:10px;
}
.field .label_large {
	width: 240px;
	text-align: left;
}

.mot_de_passe .field label{
	width:192px;
}

div.field{
	clear:both;
	margin:10px 0;
}
form.newsletter{
	padding-top: 20px;
}
.newsletter .large label{
	width:auto;
	padding-left: 25px;
}
.newsletter li a{
	margin-left:20px;
}
.newsletter .large li label{
	padding: 0;
}
div.actions {
	text-align: right;
}
#public .newsletter label{
	width:230px;
}

/*--------------------- button --------------------- */
input.remove {
	background: url(../img/button_remove.gif);
}
input.less {
	background: url(../img/button_less.gif);
}
input.more {
	background: url(../img/button_more.gif);
}
input.submit, input.button, button.submit{
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: left top;
	border:0px none;
	text-indent: -1000px;
	width:236px;
	height: 33px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	cursor: hand;
	zoom:1;	/*IE*/
}
input.button{
	/* text-indent: 0;	IE*/
}
input.valider_mes_coordonnees {
	background-image: url(../img/btn_valider_mes_coordonnees.png);
}
div.buttons.right input{
	float:left;
}
div.buttons.right input.submit{
	float:right;
}
input.valider_mes_abonnements{
	background-image: url(../img/btn_valider_mes_abonnements.png);
	width: 243px;
}
input.valider_les_modifications{
	background-image: url(../img/btn_valider_les_modifications.png);
}
.mot_de_passe .buttons, .newsletter .buttons, .profil .buttons {
	text-align: center;
	padding-top:19px;
}
input.creer_un_nouveau_livre{
	background-image: url(../img/btn_creer_un_nouveau_livre_orange.png);
	/*background-image: url(../img/creez1.png);*/
	width:146px;
	height:28px;
	display: block;
}
input.creer_un_nouvel_album_photo{
	background-image: url(../img/btn_creer_un_nouvel_album_photo.png);
	width:146px;
	height:40px;
	display: block;
}
input.continuer_mon_livre{
	background-image: url(../img/btn_continuer_mon_livre.png);
	width:132px;
	height:28px;
}
input.commander_le_livre{
	background-image: url(../img/btn_commander_le_livre.png);
	width:131px;
	height:27px;
	margin-top: 5px;
}
input.copier_pour_modifier{
	background-image: url(../img/btn_copier_pour_modifier.png);
	width:135px;
	height:28px;
}
input.acheter{
	background-image: url(../img/btn_acheter.png);
	width:67px;
	height:28px;
}
input.modifier{
	background-image: url(../img/btn_modifier.png);
	height:28px;
	width:65px;
}
button.valider_mon_panier{
	background-image: url(../img/btn_valider_mon_panier.png);
	width:198px;
}
input.enregistrer{
	background-image: url(../img/btn_enregistrer.png);
	width:81px;
	height:28px;
}
input.valider_mes_adresses{
	background-image: url(../img/btn_valider_mes_adresses.png);
	width:151px;
	height:34px;
}
input.terminer_ma_commande{
	background-image: url(../img/btn_terminer_ma_commande.png);
	width:161px;
	height:28px;
}
input.parrainer{
	background-image: url(../img/btn_parrainer.png);
	width:128px;
}
input.creez_votre_livre_voyage_maintenant{
	background-image: url(../img/btn_creez_votre_livre_voyage_maintenant_plat.png);
}
input.creez_votre_album_photo_maintenant{
	background-image: url(../img/btn_creez_votre_album_photo_maintenant.png);
	width: 346px;
	height: 70px;
}
input.creer_un_album_photo_maintenant{
	background-image: url(../img/btn_creer_un_album_photo_maintenant.png);
	width: 317px;
	height: 68px;
	display: block;
}
label.checkboxLabelpanier{
	font-weight: normal;
}
div.commencez_maintenant{
	padding-left:3px;
}

div.commencez_maintenant input.commencez_maintenant{
	margin-top: -9px;
}
input.commencez_maintenant{
	background-image: url(../img/btn_commencez_maintenant.png);
	height:49px;
	width:249px !important;
	margin-left: 2px;
}
.commentCaMarche input.creez_votre_livre_voyage_maintenant{
	background-image: url(../img/btn_XL_creez_votre_livre_voyage_maintenant.png);
	width: 300px;
	height:66px;
}
input.valider{
	background-image: url(../img/btn_XL_valider.png);
	height:38px;
	width:106px;
}
input.je_m_inscris{
	background-image: url(../img/btn_je_m_inscris.png);
	height:32px;
	width:144px;
}
input.envoyer{
	background-image: url(../img/btn_XL_envoyer.png);
	width: 105px;
	height: 38px;
}
input.envoyer_l_invitation{
	background-image: url(../img/btn_envoyer_l_invitation.png);
	width:193px;
}

input.retour_en_page_d_accueil{
	background-image: url(../img/btn_retour_en_page_d_accueil.png);
	width: 153px;
}

input.voir_tous_mes_livres{
	/*background-image: url(../img/btn_voir_tous_mes_livres_voyage.png);*/
	background-image: url(../img/voir1.png);
	/*width: 205px;*/
	width:210px;
	height: 32px;
	display: block;
	margin: auto;
}
input.creez_un_nouveau_livre{
	/*background-image: url(../img/btn_creez_un_nouveau_livre_voyage.png);*/
	background-image: url(../img/creez1.png);
	width: 221px;
	display: block;
	margin: auto;
}
input.repasser_la_meme_commande{
	background-image: url(../img/btn_repasser_la_meme_commande.png);
	width: 190px;
	height: 27px;
}
input.choisir_un_autre_moyen_de_paiement{
	background-image: url(../img/btn_choisir_un_autre_moyen_de_paiement.png);
	width: 222px;
	height: 26px;
}
input.confirmer_le_paiement{
	background-image: url(../img/btn_confirmer_le_paiement.png);
	width: 146px;
	height: 26px;
}
input.creez_votre_livre_voyage{
	/*background-image: url(../img/btn_creez_votre_livre_voyage_orange.png);*/
	background-image: url(../img/creez2.png);
	width: 225px;
}
.welcome input.creez_votre_livre_voyage{
	background-image: url(../img/btn_creez_votre_livre-voyage.png);
}
input.fermer{
	background-image: url(../img/btn_XL_fermer.png);
	width: 83px;
	height: 38px;
}
input.annuler{
	background-image: url(../img/btn_XL_annuler.png);
	width: 82px;
	height: 38px;
}
input.creer_mon_compte{
	background-image: url(../img/btn_creer_mon_compte.png);
	width: 179px;
	height: 32px;
}
input.s_abonner{
	background-image: url(../img/btn_s_abonner.png);
	width: 109px;
}
input.feuilletez_ce_livre{
	background-image: url(../img/btn_feuilletez_ce_livre.png);
	width:168px;
	display: block;
	margin: 0 auto;
}
input.creez_votre_album_photo{
	background-image: url(../img/btn_creez_votre_album_photo.png);
	width: 222px;
}
/*--------------------- .links --------------------- */
#page ul.links li {
	padding-left: 0;
	background: none;
}
#page ul.links li a {
	color: #000000;
	text-decoration: underline;
}

ul.link,
#page ul.link {
	padding-left: 0;
	margin: 0;
	list-style: none;
}
#page ul.link{
	margin: 10px 0;
}

/*--------------------- .myBookList --------------------- */
#page .myBookList li.line {
	border-top: 2px dotted #000000;
	padding: 10px 0;
	/*overflow: auto;	*/
	_height: 1%;
	background: none !important;
	clear:left;
}
.myBookList li.line ul, .myBookList li.line p, .myBookList li.line h3 {
	margin: 0;
}
.myBookList .preview {
	float: left;
	width: 20%;
}
.myBookList .preview img{
	display: block;
	width:72px;
}
.myBookList .details {
	float: left;
	width: 40%;
}
.myBookList .actions {
	float: right;
	width: 40%;
}
.myBookList .actions form{
	margin: 0;	
}
.myBookList .detail div.buttons{
	text-align: right;
}
.myBookList .links {
	clear: both;
	background-color: #FFFFFF;
	overflow: auto;
	_height:1%;
}
#page .myBookList .links .sendToFriend,#page .myBookList .links .delete, #page .myBookList .links .renommer , #page .myBookList .links .copier {
	float: left;
	text-decoration: none;
	padding:4px 0 4px 23px;
}
#page .myBookList .links .sendToFriend{
	background: transparent url(../img/picto_envoyez_ami.png) 0 5px no-repeat;
	margin-left:20px;
}
#page .myBookList .links .delete{
	background: transparent url(../img/picto_supprimez.png) 0 5px no-repeat;
	margin-left:43px;
}
#page .myBookList .links .renommer{
	margin-left:43px;
}
#page .myBookList .links .copier{
	margin-left:43px;
}
/*########################################################
	COLONNE GAUCHE - ESPACE CLIENT
########################################################*/
#blockA1 a{
	color:#000;
	font-size:0.9em;
/*	font-weight: bold;
	font-size: 1em;*/
}
#blockA2 .blockContent{
	padding:16px 0;
}
#blockA2 .blockContent dl{
	padding:5px 16px;
}
div.myGift{
	background:transparent url(../img/bg_cheques_cadeau.png) center top no-repeat;
	text-align: right;
	height:156px;
}
div.myGift p{
	padding:10px 20px 0 0;	
}
#page div.myGift p, 
#page div.myGift li{
	padding-right:15px;
	padding-left: 0px;
	background: transparent;
}
#groupA dl dd{
	margin-left: 15px;
}
dl.myBooks{
	background: transparent url(../img/picto-tous-mes-livres.jpg) 135px 0 no-repeat;
}
dl.myBooks dt{
	padding-top: 5px;
}

dl.myOrders{
	background: transparent url(../img/picto_mes_commandes.png) 140px 0 no-repeat;
}
dl.myAccount{
	background: transparent url(../img/picto_mon_compte.png) 110px 0 no-repeat;
}
dl.sponsorship{
	background: transparent url(../img/picto_parrainage.png) 100px 0 no-repeat;
}

#page dl.contact p.email, #page dl.contact p.telephone{
	padding-left:36px;
	font-size:10pt;
}
#page dl.contact p.email{
	background: transparent url(../img/picto_arobase.png) left bottom no-repeat;
}
#page dl.contact p.email a{
	text-decoration: underline;
	color: #000;
}
#page dl.contact p.telephone{
	background: transparent url(../img/picto_telephone.png) left top no-repeat;
}

#page dl.contact p.telephone .num{
	display: block;
	padding-left:-36px;
}

#page dl.contact{
	margin-top: 50px;
}
/*-------------------	groupC	----------------------*/
div#groupC .third{
	/*background: #FFF url(../img/bg_fleche.png) center 7px no-repeat;*/
}
div#groupC .third .blockContent{
	height:120px;
}
div#groupC .third .blockContent h3{
	font-size:12pt;
	font-weight: normal;
	width:175px;
	margin: 11px 0;
	min-height: 40px;
}
div#groupC .third .blockContent .needHelp h3, div#groupC .third .blockContent .parrainez h3 {
	min-height: 1px;
}
div#groupC .third .blockContent .links li,
.link li,
#page .link li, #aide a.more{
	padding-bottom: 2px;
	background: transparent url(../img/item_triangle_new.png) 0 3px no-repeat;
}
#page .link li, #home .link li{
	padding-left:12px;
}
div#groupC .third .blockContent .links li{
	padding-left: 15px;
	width:165px;
}
div#groupC .third .blockContent .links a{
}
div#groupC .third .blockContent .links a:hover{
	text-decoration: underline;
}
div#groupC .third .blockContent div.reOrder{
	background: transparent url(../img/bg_reorder_picto.png) right top no-repeat;
}
div#groupC .third .blockContent div.needHelp{
	background: transparent url(../img/bg_needHelp_picto.png) right top no-repeat;
}
div#groupC .third .blockContent div.manufacturingProcess{
	background: transparent url(../img/bg_fabrication_picto.png) right top no-repeat;
}
div#groupC .third .blockContent div.confidentialite{
	background: transparent url(../img/bg_confidentialite_picto.png) right top no-repeat;
}
div#groupC .third .blockContent div.avantages{
	background: transparent url(../img/bg_avantages_picto.png) right top no-repeat;
}
div#groupC .third .blockContent div.parrainez{
	background: transparent url(../img/bg_parrainage_picto.png) right top no-repeat;
	padding-top: 11px;
}
div#groupC .third .blockContent div.parrainez h3{
	margin-top: 0;
}

div#groupC .third .blockContent div.lettres{
	background: transparent url(../img/bg_lettres_picto.png) right top no-repeat;
}
div#groupC .third .blockContent div.lettres li{
	width: 185px;
}
/*########################################################
	Mon historique de commande
########################################################*/
#page .historique td.quantity span.field{
	border: none;
	padding: 0;
}
#page .myBookList .commande .resume{
	background-color: #FFF;
	padding:4px 11px;
	text-align: right;
}
/*#page .myBookList .commande .resume strong{
	font-size:1em;
	color: #000;
}*/
#page .myBookList .commande .resume strong.date{
	float:left;
	text-align: left;
	margin-right:93px;
}
#page .myBookList .commande .resume strong.orderId{
	float:left;
	/*margin-left: 93px;*/
}
#page .myBookList .commande .resume strong.price{
	float:left;
	margin-left:21px;
}
#page .myBookList .commande .resume a{
	color: #000;
	text-decoration: underline;
}
table.historique tfoot{
	border-top:2px dotted #000;
}
table.historique tfoot tr.finaltotal td, table.historique tfoot tr.finaltotal th{
	background-color: transparent;
	color: #000;
	font-weight: bold;
}
table.historique tfoot tr.finaltotal th em{
	font-weight: normal;
	font-style: italic;
}
table.historique tfoot tr.finaltotal td em{
	font-weight: normal;
	font-style: italic;
}
table.historique tbody th{
	font-weight: normal;
}
table.historique tr.livre td.option, table.historique tr.livre td.quantity, table.historique tr.livre td.price{
	vertical-align: middle;
}
table.historique td.quantity{
	text-align: center;
}
table.historique td.product{
	width:160px;
}

/*########################################################
	PANIER
########################################################*/
#page td.quantity ul{
	margin: 0;
}
#page td.quantity ul li{
	display: block;
	clear: both;
	
}
#page td.quantity ul li a{
	padding: 2px 9px;
	text-decoration: none;
}
#page ul.checklist li, #page ul.radiolist li{
	background: none;
}

#page td.quantity span.field{
	border: 1px solid #bfbfc1;
	/*padding:4px 8px;*/
	padding: 4px 8px;
	/*line-height: 24px;*/
	display: block;
	float: left;
	height: 17px;
}
#page td.quantity .deleteItem {
	display: block;
	float: left;
	margin: 5px;
}
#tunnel #blockA1 .blockContent{
	padding:21px 39px;
}
#tunnel .blockContent .product img{
	width:72px;
}
#tunnel .lineGroup #blockB1{
	padding-left:39px;
}
#tunnel .lineGroup #blockB1TheOffre{
	height: 340px;	
}
#tunnel .lineGroup #blockB1 label{
	font-size: 9.3pt
}
#tunnel .lineGroup #blockB2 .blockContent{
	padding-right:39px;
}
#tunnel td.price strong, #tunnel td.option strong {
	position:relative;
	top:15px;
}
#tunnel .cgv{
	margin: 10px 0;
}
#tunnel .buttons{
	text-align: right;
	clear: both;
}
#tunnel .buttons a{
	float: left;
	color: #000;
	text-decoration: underline;
	margin-left: 40px;
}
#tunnel .buttons p{
	float: left;
}

#tunnel fieldset legend{
	text-align: right;
}
#tunnel fieldset legend em{
	text-align: right;
	font-size: 0.8em;
	margin-left: 80px;
}
#tunnel fieldset legend em a{
	font-style: normal;
	text-decoration: underline;
}
form.livraison{
	margin: 0;/*IE*/
}
form.livraison .field input{
	width: 263px;
}
form.livraison .field .radiolist input, form.livraison .field .checklist input{
	width: auto;
}
form.livraison div.buttons, form.livraison div.mentions{
	width:400px;
	text-align: center;
}
form.livraison .buttons p{
	width: 134px;
	text-align: right;
}
#tunnel div.option{
	border-top:2px dotted black;
	padding : 5px 0;
}
#tunnel div.option form{
	margin: 0;
}
#tunnel div.checkout form div.buttons{
	padding-top: 0;
}
#tunnel div.checkout div.buttons{
	padding-top:15px;
}

#tunnel #page .errorMessage{
	margin: 10px !important;
}

span.help{
	background: transparent url(../img/picto_help.png) right 0 no-repeat;
	padding-right: 18px;
}

#tunnel #groupA2 .blockContent,  #tunnel #blockB21 .blockContent {
	padding-top: 25px;
	padding-left: 40px;
	padding-bottom: 1px;
}
#tunnel #groupA2 .blockContent {
}
.livraison #groupA2 .blockContent div{
	background-position:left 6px;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
#tunnel .giftMessage{
	background:transparent url(../img/icon_gift.png) no-repeat left bottom;
	height:75px;
}
#tunnel .giftMessage label{
	margin-bottom:10px;
	display: block;
}
#tunnel .giftMessage input {
	margin-left:60px;
	width: 450px;
}
.livraison #groupA2 .blockContent div.elegantPackage {
	padding-left: 77px;
	background-image: url(../img/icon_packaging.png);
}
.livraison #groupA2 .blockContent div.personalizedCard{
	padding-left: 77px;
	background-image: url(../img/icon_card.png);
}
.livraison #groupA2 .blockContent div.noBill {
	padding-left: 77px;
	background-image: url(../img/icon_quality.png);
}
.livraison #groupA2 .blockContent div h3{
/*	font-size: 12pt;*/
	margin: 0;
}
.livraison #groupA2 .blockContent div p{
	margin:4px 0 0 0;
}

ul.inline li {
	display: inline;
	margin:0 10px;
}
ul.radiolist.inline li, ul.checklist.inline li{
	margin: 0;
}
ul.inline li.first{
	margin-left: 0;
}
.shipping li.first a {
	padding-left: 10px;
	background: transparent url(../img/arrow6_black.png) left 5px no-repeat;
}

#tunnel .adresse{
	float: left;
	width:430px;
	margin: -20px 10px 0 0;
	padding: 0;
	border: none;
	background: #FFF;
	padding:10px 15px;
	!padding:0 15px 10px 15px;
	!margin: 20px 10px 0 0;
}
#tunnel .adresse legend{
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	/*margin-top: 5px;*/
	padding-top: 20px;
	!padding-top:0;
	color: #000;
	text-align: left;
	!margin-left: -8px;

}
#tunnel .adresse legend a{
	text-transform: none;
	font-weight: normal;
	text-align: right;
	text-decoration : underline;
	margin-left: 190px;
}
#tunnel .adresse ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#tunnel .adresse ul li{
	margin: 0;
	padding: 0;
	background: none;
}

#tunnel .securedPaiement{
	padding-left:82px;
	background: #FFF url(../img/bg_securedPaiement_picto.png) no-repeat top left;
}
#tunnel .privateInformation{
	padding-left:82px;
	background: #FFF url(../img/bg_privateInformation_picto.png) no-repeat top left;
}
#tunnel .speedSending{
	padding-left:82px;
	background: #FFF url(../img/bg_speedSending_picto.png) no-repeat top left;
}

#tunnel .confirmation .adresse{
	width:220px;
}

#tunnel #groupB{
	clear: left;
}
#tunnel .confirmation h3{
	margin: 0;
}
#tunnel .confirmation ul.actions{
	/*left:270px;*/
	float:right;
	margin:0;
	position:relative;
	top:-20px;
}

#tunnel .confirmation ul.actions li, #page li.download {
	padding-left:25px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display:inline;
	float:none;
	margin-right: 10px;
}
#tunnel .confirmation li.print{
	background-image: url(../img/picto_print.png);
}
#tunnel .confirmation li.download, #page li.download{
	background-image: url(../img/picto_pdf.png);
}
#tunnel .confirmation #groupA strong{
	clear: both;
	display: block;
}
#tunnel .confirmation .recommandation, #tunnel .confirmation .invitation {
	float: left;
	padding:10px 0 10px 70px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: right;
}
#tunnel .confirmation a.submit{
	display: block;
}

#tunnel .confirmation .recommandation{
	background-image: url(../img/people_black.png);
	width:110px;
}
#tunnel .confirmation .invitation{
	width:190px;
	margin-right:50px;
	background-image: url(../img/people_black.png);
}

#tunnel .confirmation .product{
	width:16%;
}

div.ads{
	padding-left: 115px;
	background-color: transparent;
	background-position: 0 10px;
	background-repeat: no-repeat;
	margin:10px 0;
	!margin:20px 0;
}
div.ads h3{
	font-size: 9pt;
	padding: 0;
}
div.ads p{
	padding: 0;
	margin: 0;
}
div.ads a{
	color: #000;
	text-decoration: underline;
}
div.controle{
	background-image: url(../img/controle-qualite-fabrication.jpg);
}
div.impression{
	background-image: url(../img/impression-confirmation.jpg);
} 
div.emballage{
	background-image: url(../img/colis-antichoc-confirmation.jpg);
}
div.suivi{
	background-image: url(../img/transporteur.jpg);
}
div.reception{
	background-image: url(../img/livraison.jpg);
}
#paiementRefuse{
	margin:150px auto 0 auto;
	width: 460px;
	text-align: center;
}
#paiementRefuse h1{
	font-size: 16pt;
}
#paiementRefuse p{
	font-size: 16pt;
}
#tunnel #paiementRefuse .buttons{
	text-align: right;
	padding-top:100px;
}
#tunnel #paiementRefuse a{
	float: none;
}
/*########################################################
	PARRAINAGE
########################################################*/
dl.col{
	width:50%;
	float: left;
}
dl.col dd span{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 20pt;
	margin-top: -10px;
	margin-right: 5px;
	
}
dl.col dd {
/*	position: relative;
	top: 5px;*/
	padding-left: 20px;
	padding-top: 5px;
}
form.parrainage{
	clear:both;
	padding-top: 30px;
}
form.parrainage div.form{
	width: 350px;
}
form.parrainage div.form .field input{
	width: 188px;
}
form.parrainage div.form .field .radiolist input{
	width: auto;
}
form.parrainage div.buttons{ 
	text-align: right;
	margin-top:13px;
}

/*div.filleuls caption{
	text-align: left;
	font-weight: bold;
}*/
table.parrainage thead{
	background-color: #fff;
}
table.parrainage thead th{
	border: none;
}
table.parrainage .prenom {
	width: 228px;
	padding-left: 10px;
}
table.parrainage .nom {
	width: 213px;
}
table.parrainage .email {
	width: 196px;
}
table.parrainage .date {
	padding-right:10px;
	text-align: right;
}
table.parrainage .reduction{
	width: 365px;
	padding-left: 10px;
}
table.parrainage .montant{
	width: 56px;
	text-align: right;
}
table.parrainage td{
	padding: 0;
}

/*########################################################
	PIED DE PAGE
########################################################*/
/*
#footer {
	background: #9C8059 url(../img/bg_footer.png) left repeat-y;
	margin-top: 100px;
	overflow: auto;
	_height: 1%;
	padding: 5px 20px;
}
#footer a {
	color: #000000;
	text-decoration: underline;
}
#footer .link li{
	padding-left:10px;
	text-align: left;
	_padding-left:5px;
}
#footerParrainage {
	text-align: center;
	color: #FFFFFF;
}*/

#container #footer{ background:url(../img/illus_bgd_footer.gif) repeat-x; height:23px;}
#container #footer ul{ margin:auto; width:932px; overflow:hidden; padding:0;}
#container #footer ul li{ 
	float:left; 
	background:url(../img/illus_li_footer.gif) no-repeat right; 
	padding:3px 30px; 
	margin:0px 0 0 0;
	list-style:none;
}
#container #footer ul li a{ color:#aa8d55; font-weight:bold; text-decoration:none;}
#container #footer ul li a:hover{
	text-decoration:underline;
}
#container #footer ul .first{ padding:3px 27px 3px 0; }
#container #footer ul .last{ padding:3px 0px 3px 40px; background:none;}
#container #footer .subFooter{ margin:15px 0 0 25px; width:980px; overflow:hidden;}
#container #footer .subFooter dl{ float:left; padding:0 0px 0 0; width:175px;}
	#container #footer .subFooter dl.large{width:220px; padding:0 20px;}
#container #footer .subFooter dl dt{ color:#aa8d55; font-weight:bold; margin:0px 0 8px 0;}
	#container #footer .subFooter dl dd{ background:url(../img/illus_dt_footer.gif) 0 3px no-repeat; padding:0 0 5px 15px; }
	#container #footer .subFooter dl .atlasFooter{ background:none; padding-left:0; margin:10px 0 0 0; color:#FFFFFF;}
	#container #footer .subFooter .highlightTrip{ background:url(../img/bgd_carnet.gif) no-repeat; width:287px; height:94px; float:left; margin:0 0 0 20px;}
	#container #footer .subFooter .highlightTrip div{padding:5px 5px 0 15px;}
	#container #footer .subFooter .highlightTrip h3{ }
		#container #footer .subFooter .highlightTrip p{ font-weight:bold; color:#2d2d2d; padding:0; margin:0;}
		#container #footer .subFooter .highlightTrip form{width:260px; overflow:hidden; padding:0; margin:0;}
		#container #footer .subFooter .highlightTrip input{ height:20px; padding:0 0 0 3px; float:left; margin:3px 0 0 0; width:220px;}
		#container #footer .subFooter .highlightTrip .validate{ background:url(../img/btn_ok.gif) no-repeat; width:27px; height:23px; margin:2px 0 0 3px;float:left;}
		#container #footer .subFooter .highlightTrip h3{
			padding: 0;
			margin: 0;
		}
		#container #footer .subFooter .righSub{ float:left;}
		#container #footer .subFooter .righSub .bookmark{ text-transform:uppercase; color:#aa8d55; font-weight:bold; margin:10px 0 0 20px; float:left;}
		#container #footer .subFooter .righSub .bookmarkillus{ float:left; margin:25px 0 0 10px; width:120px;}
			#container #footer .subFooter .righSub .bookmarkillus li{ padding:0 10px 0 0; background:none;}
#container #footer dl{ padding:0;margin:0;}
#container #footer dt{ padding:0;margin:0;}
#container #footer dd{ padding:0;margin:0;}
#container #footer dd a {
	color: #FFFFFF;
}
#container #footer input{ border:none;}

/*---------------------	#lev1 ---------------------- */

#lev1{ background:#434343 url(../img/illus_backgroundheader.gif) repeat-x; height:36px; margin:0px 0 0 0; color:#FFFFFF;}
#lev1 .first{ background:url(../img/ilus_separator_header.gif) left top no-repeat}
#lev1 ul{ margin: 0 auto; padding:0; width:973px; overflow:hidden;background:url(../img/ilus_separator_header.gif) no-repeat right top;  }
#lev1 ul li{ float:left; color:#5b451a; font-size:14px; width:240px; background:url(../img/ilus_separator_header.gif) no-repeat left top;text-align:center; padding:0 3px 0 0; list-style:none; margin: 0;}
#lev1 ul li a{ color:#5b451a;width:240px; padding:12px 0 8px 0; display:block; text-decoration:none;}
#lev1 ul li a:hover{ background:url(../img/illus_li_activ.gif) 3px 3px  no-repeat;padding:12px 0 5px 0; color:#dfc691; text-decoration:none;}
#lev1 ul li .activClient{ background:url(../img/illus_li_activ.gif) 3px 3px  no-repeat;padding:12px 0 5px 0; color:#dfc691; text-decoration:none;}
#lev1 ul li .activ{ background:url(../img/illus_li_activ.gif) 3px 3px  no-repeat;padding:12px 0; color:#dfc691;}
#lev1 ul li .activ:hover{}
#cont2Col{ background:url(../img/bgd_main2col.gif) repeat-x;width:980px; overflow:hidden; color:#FFFFFF;}
#popupConditions{width: 646px; height:780px; overflow:hidden; color:#FFFFFF; margin: 0 auto;}
#cont2Col p{ margin: 0; padding: 0;}
#cont2Col p.marginPopup{
	padding:10px;
	width:540px;
	
}
#cont2Col a {color:#FFFFFF; text-decoration:none;}
#cont2Col dl { margin: 0; padding: 0;}
#cont2Col ul { margin:0; padding:0;}
#cont2Col li { list-style:none;}
#cont2Col .highlighthome{ background:url(../img/illus_home.jpg) no-repeat; height:316px; width:980px; position:relative;}
#cont2Col .highlighthome #legendanim{ position:absolute;left:-20px;top:25px;}
#cont2Col .highlighthome #legendanim .price{background:none repeat scroll 0 0 transparent;border-left:1px solid #FFFFFF; position:absolute;font-size:14px;font-weight:normal;margin:10px 0;padding:0 0 0 10px;width:83px;left:400px;top:120px; color:#FFFFFF;}
#cont2Col .highlighthome #legendanim .price span {
font-size:40px;
font-weight:normal;
}
	#cont2Col .highlighthome h2{ font-size:22px;}
	#cont2Col .highlighthome02{ background:url(../img/bgd_home02.gif) no-repeat;width:980px; position:relative; height:290px; padding:15px 0 0 0;}
	#cont2Col .highlighthome02 .blockStep02 .largeStep{ width:260px; padding:0;}
	
	#cont2Col .highlighthome02 h2{font-size:22px;}
	#cont2Col .highlightAlbum{ padding:15px 0 0 0; width:550px;}
		#cont2Col .highlightAlbum ul{ margin:10px 0 0 0; padding: 0;}
		#cont2Col .highlightAlbum ul li {list-style:none; padding: 0; margin:0;}

	#cont2Col .highlightStep02{ width:960px; overflow:hidden; padding:20px 0 0px 0; background:url(../img/bgd_destination.jpg) no-repeat right bottom;}
	
	#cont2Col .highlightStep02 .blockStep02{ float:left; width:320px; border-right:1px solid #3f94c2;margin:0 15px 0 0;padding:0 10px 0px 0;overflow:hidden;}
		#cont2Col .highlightStep02 .blockStep02 h3{ color:#f1daa4; font-size:16px; font-weight:normal; margin:0 0 10px 0;}
		#cont2Col .highlightStep02 .blockStep02 h3 a{ color:#f1daa4; font-size:16px; font-weight:normal; margin:0 0 10px 0;}
		#cont2Col .highlightStep02 .blockStep02 .btnCreate{ float:right;margin:0 45px 0 0;}
		
		#cont2Col .highlightStep02 .blockStep02 img{ float:left; padding:10px 0 0 0;}
		#cont2Col .highlightStep02 .blockStep02 p{ float:left; width:170px; padding:0 0 0 5px;}
	
	#cont2Col .highlightStep02 .largestep{ height:200px; background:url(../img/illus_passeport02.gif) no-repeat; padding:0 10px 0 15px;}
	#cont2Col .highlightStep02 .smallStep{ height:200px; margin:0;}
	
	#cont2Col .highlightStep{ background:url(../img/bgd_highlighthome.gif) repeat-x; height:118px; border-top:1px solid #f1e4c5; padding:8px 0 0 5px;}
	#cont2Col .highlightStep02 .blockStep02 .pass{ padding:0;}
	#cont2Col .highlightStep02 .blockStep02 dl{ float:left;width:218px; padding:0 0 40px 10px;}
	#cont2Col .highlightStep02 .blockStep02 .access{ padding:0 0 12px 10px;}
	#cont2Col .highlightStep02 .blockStep02 .float-right{ float: right;}
	#cont2Col .highlightStep02 .blockStep02 .access02{ padding:0 0 12px 90px; }
	#cont2Col .highlightStep02 .blockStep02 .AlbumList{ width:190px;}
	#cont2Col .highlightStep02 .blockStep02 .AlbumList dt{ font-size:12px; margin:10px 0 0 0; background:url(../img/bgd_link_step03.gif) no-repeat; padding:0 0 0 15px;}
	#cont2Col .highlightStep02 .blockStep02 .AlbumList dd{ font-size:11px;}
	#cont2Col .highlightStep02 .blockStep02 .link{ background:url(../img/bgd_link_step.gif) 0 2px no-repeat; padding:0 0 0 15px;}
	
	
	#cont2Col .highlightStep02 .blockStep02 p span{ font-weight:bold;}
	#cont2Col .highlightStep02 .blockStep02 dl dt{ font-weight:bold; font-size:14px;}
	#cont2Col .highlightStep .blockStep{ width:301px; float:left; margin:0 34px 0 0;}
	#cont2Col .highlightStep02 .last{ border:none; margin:0; padding:0 0 30px 0;width:290px;}
	#cont2Col .highlightStep02 .last .link{ background:url(../img/bgd_link_step02.gif) 0 2px no-repeat; padding:0 0 0 15px; margin:10px 0 0 0; display:block;}
	#cont2Col .highlightStep02 .lastDestinations .link{ background:url(../img/bgd_link_step02.gif) 0 2px no-repeat; padding:0 0 0 15px; margin:10px 0 0 0; display:block;}
	
	#cont2Col .highlightStep02 .lastDestinations .lienConditions{text-decoration:underline;}
	#cont2Col .highlightStep02 .offreLegende{color: #F1DAA4; font-size: 16px; padding-top: 5px;}
	
	#cont2Col .highlightStep .last{ margin:0;}
	#cont2Col .highlightStep .blockStep .top{ background:url(../img/illus_top_highlightblock.gif) no-repeat; width:301px; height:7px; display:block; font-size:3px;}
	#cont2Col .highlightStep .blockStep .bottom{ background:url(../img/illus_bottom_highlightblock.gif) no-repeat; width:301px; height:103px;}
	#cont2Col .highlightStep .blockStep .bottom img {padding: 0 6px; float:left;}
	#cont2Col .highlightStep .blockStep .bottom .illusBlock{ margin:auto; width:205px; height:98px;display:block; }
	#cont2Col .highlightStep .blockStep .bottom .illusBlockMac {margin:auto; width:auto height:98px;display:block; }
	#cont2Col .highlightStep .blockStep .bottom .illusBlockMac img {padding : 10px 15px; }
	#cont2Col .highlightStep .blockStep .bottom .illusBlockMac h3{padding: 20px;}
	#cont2Col .highlightStep .blockStep .bottom .begin{ margin:20px auto 0 auto; width:138px;display:block}
	#cont2Col .highlightStep .blockStep .bottom .beginGuide{ margin:8px auto 0 auto; width:138px;display:block}
	#cont2Col .highlightStep .blockStep .bottom h3{ font-size:16px; color:#f1daa4;margin:0 0 0 15px;}
	#cont2Col .highlightStep .blockStep .bottom h3 span{ font-size:13px;}
	#cont2Col .highlightAlbum ul li{color:#F1DAA4; background:url(../img/illus_dt_footer.gif) 0 3px no-repeat; padding:0 0 3px 15px;}
	#cont2Col .homeOffer{ overflow:hidden; width:980px; background:url(../img/bgd_main2col.gif) repeat-x;padding:0 0 20px 0;}
	#cont2Col .homeBlock{ width:323px; float:left; }
	#cont2Col .homeBlock .discoverBlock{background:#f1daa6 url(../img/bgd_discover.gif) repeat-x;margin:10px 10px 0 0px;padding:5px 0 0 10px; width:300px; overflow:hidden;}
				#cont2Col .homeBlock .discoverBlock .illusdiscover{ float:left; padding:10px 0 0 0;}
				#cont2Col .homeBlock .discoverBlock h2{ color:#000000;}
					#cont2Col .homeBlock .discoverBlock h2 span{ font-size:26px;}
				#cont2Col .homeBlock .discoverBlock h3{ 
					color:#000000; 
					font-size:19px; 
					font-weight:normal;
					margin: 0;
					padding: 0;
				}
				#cont2Col .homeBlock .discoverBlock h3 span{ font-size:28px; font-weight:bold;}
				#cont2Col .homeBlock .discoverBlock .highlightDiscover{ float:left;width:145px; margin:0 0 0 10px; padding:15px 0 15px 0;}
				#cont2Col .homeBlock .discoverBlock .price{ float:left; border-left:1px solid #000000; padding:0 0 0 10px; width:83px; font-size:14px;font-weight:normal;margin:10px 0 10px 0; background:none; color:#000000;}
				#cont2Col .homeBlock .discoverBlock .large{ 
					width:140px; 
					border-left:none; 
					padding:0 10px 0 0; 
					border-right:1px solid #000000; 
					font-size:12px;
				}
				#cont2Col .homeBlock .discoverBlock .largelast{ width:120px; border:none; padding:0 0 0 20px; font-size:12px;}
				#cont2Col .homeBlock .discoverBlock .highlightDiscover p{ color:#000000;}
				#cont2Col .homeBlock .price span{ font-size:40px; font-weight:normal;}
				#cont2Col .homeBlock .price span sup{ font-size:14px;}
				
				#cont2Col .homeBlock .smallHiglight{ width:310px; padding:10px 0 0 15px; border-left:1px solid #474747; float:left;}
					#cont2Col .homeBlock .smallHiglight h2{ width:306px; padding:0 0 10px 0;}
				#cont2Col .homeBlock .smallHiglight p{ padding:10px 0 0 0;}
				#cont2Col .homeBlock .smallHiglight ul{ margin:0px 0 0 0;}
				#cont2Col .homeBlock .smallHiglight .flashBlock{ padding:15px 0 30px 0;}
				#cont2Col .homeBlock .smallHiglight ul li{ background:url(../img/illus_li_link.gif) no-repeat; padding:0 0 0 15px; margin:0 0 5px 0;}
					#cont2Col #contentHighlight .highlightLarge02 .discoverBlock h2{ color:#000000;}
				#cont2Col #contentHighlight .highlightLarge02 .last{ border:none; padding:15px 0 0 15px; width:335px;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight dl{ float:left; padding:0 20px 20px 0;}
				
				#cont2Col .homeBlock .last{ border:none; padding:15px 0 0 15px; width:335px;}
				#cont2Col .homeBlock .smallHiglight dl{ float:left; padding:0 20px 20px 0;}
				#cont2Col .homeBlock .smallHiglight dl dt span{ font-weight:bold;}
				#cont2Col .homeBlock .qualityBlock{ padding:10px 0 0 0;}
				#cont2Col .homeBlock .qualityBlock dl{ padding:0 0 20px 0;width:282px;}
				#cont2Col .homeBlock .qualityBlock dt{ font-weight:bold;}
				#cont2Col .homeBlock .qualityBlock dd{ padding:0 0 0 15px;}
					#cont2Col .homeBlock .qualityBlock dd img{ float:left; margin:0 3px 0 0;}
					#cont2Col .homeBlock .discover h2{ color:#010101;}
					#cont2Col .largeBlock{ width:322px; border-left:1px solid #474747;}
					#cont2Col .homeBlock .trustBlock{ padding:0 0 0 30px;}
					#cont2Col .homeBlock .trustBlock .temoi{ background:url(../img/illus_li_link.gif) no-repeat; padding:0 0 0 15px;}
					#cont2Col .homeBlock .trustBlock .whyBlock{ background:url(../img/bgd_legendbook.gif) repeat-x; height:70px; margin:15px 0 0 0; padding:10px 0 0 10px;width:260px;}
					#cont2Col .homeBlock .trustBlock .whyBlock h4{ 
						font-size:14px; 
						color:#000000; 
						font-weight:normal;
						margin: 0;
						padding: 0;
					}
					#cont2Col .homeBlock .trustBlock .whyBlock a{ background:url(../img/bgd_link_legend.gif) 0 2px no-repeat; padding:0 0 0 15px; color:#000000; float:left; margin:5px 0 0 0;}
				
	#cont2Col h2{ 
		font-size:16px; 
		font-weight:normal;
		color: #F1DAA4;
		margin: 0;
		padding: 0;
	}
	#cont2Col h2.marginPopup{
		padding:10px;
	}
	#cont2Col #lev2{ width:232px; padding:15px 0 0 0; float:left;}
	#cont2Col #lev2 .demolev{ margin:5px 0 0 10px;}
		#cont2Col #lev2 .demolev img{ margin:0 0 10px 0;}
		#cont2Col #lev2 a{color:#FFFFFF; text-decoration: none;}
	.highlightprice{ overflow:hidden; width:470px; margin:20px 0 0 0; padding:0 0 10px 0;}
	.highlightprice02{ overflow:hidden; width:380px; margin:20px 0 0 0; padding:0 0 10px 0;}
	#cont2Col #lev2 ul{ margin:0 15px;}
	#cont2Col #lev2 ul li{ padding:7px 0 7px 0; border-bottom:1px solid #474747; list-style-image: none; list-style-position:outside; list-style-type: none;}
	#cont2Col #contentHighlight{ float:left; width:747px; border-left:1px solid #474747;}
		#cont2Col #contentHighlight .highlightLarge{ background:url(../img/bgd_photo.jpg) no-repeat bottom right; padding:20px 0 0 15px;overflow:hidden; }
		#cont2Col #contentHighlight .highlightLarge h2{ width:390px;}
			#cont2Col #contentHighlight .highlightLarge .listTools{ margin:22px 0 0 0px; width:452px;}
				#cont2Col #contentHighlight .highlightLarge .listTools li{ font-size:12px; background:url(../img/illus_li.gif) 0 0px no-repeat; padding:0 0 3px 30px;}
				#cont2Col #contentHighlight .highlightLarge .listTools02{ margin:40px 0 0 0px; width:390px; float:right; padding:0 62px 0 0;}
				#cont2Col #contentHighlight .albumCreate{ background:url(../img/illus_nologiciel.gif) 40px 80px no-repeat; padding:35px 0 0px 15px; width:700px;}
				#cont2Col #contentHighlight .albumCreate h2{width:auto;}
				#cont2Col #contentHighlight .albumCreate02{padding:35px 0 20px 15px; background:none;}
				#cont2Col #contentHighlight .albumCreate02 h2{width: auto;}
					#cont2Col #contentHighlight .albumCreate02 .highlightMethod{ background:url(../img/bgd_method.gif) no-repeat; padding:5px 0 0 10px; width:636px; overflow:hidden; height:126px; margin:15px 0 0 30px;}
					#cont2Col #contentHighlight .albumCreate02 .highlightMethod .illus{ float:left; margin:0 10px 0 0;}
					#cont2Col #contentHighlight .albumCreate02 .highlightMethod h3{ margin:10px 0 0 0;color:#F1DAA4; font-size:18px;}
						#cont2Col #contentHighlight .albumCreate02 .highlightMethod h3 span{ font-size:14px; font-weight:normal;}
						#cont2Col #contentHighlight .albumCreate02 .highlightMethod .btnStart{ float:right; margin:20px 0 0 0;}
						#cont2Col #contentHighlight .albumCreate02 .highlightMethod .btnStart02{ float:right; margin:4px 0 0 0;}
				#cont2Col #contentHighlight .highlightLarge .listTools02 li{ font-size:12px; background:url(../img/illus_li.gif) 0 0px no-repeat; padding:0 0 15px 30px;}
				#cont2Col #contentHighlight .highlightLarge02{ background:url(../img/bgd_highlight.gif) repeat-x; padding:0px 0 0 0px;overflow:hidden;width:747px;}
				#cont2Col #contentHighlight .highlightLarge02 h2{ width:390px;}
				#cont2Col #contentHighlight .lasthigh{ border-bottom:none;}
			#cont2Col #contentHighlight .highlightLarge02 .listTools{ margin:22px 0 0 0px; width:382px;}
				#cont2Col #contentHighlight .highlightLarge02 .listTools li{ font-size:12px; background:url(../img/illus_li.gif) 0 0px no-repeat; padding:0 0 3px 30px;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight{ width:334px; padding:15px 0 0 15px; border-right:1px solid #474747; float:left;}
					#cont2Col #contentHighlight .highlightLarge02 .smallHiglight h2{ width:306px;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight p{ padding:10px 0 0 0;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight ul{ margin:0px 0 0 0;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight #flashBlock{ padding:15px 0 30px 0;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight ul li{ background:url(../img/illus_li_link.gif) no-repeat; padding:0 0 0 15px; margin:0 0 5px 0;}
				#cont2Col #contentHighlight .highlightLarge02 .last{ border:none; padding:15px 0 0 15px; width:335px;}
				#cont2Col #contentHighlight .highlightLarge02 .smallHiglight dl{ float:left; padding:0 20px 20px 0;}
				#cont2Col #contentHighlight .highlightLarge02 .discover{padding:0 0 50px 0; margin:0px;border-right:1px solid #474747;width:349px;}
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock{ background:url(../img/bgd_discover.gif) repeat-x;margin:15px 10px 0 10px;padding:5px 0 0 10px; width:320px; overflow:hidden; }
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock .illusdiscover{ float:left; padding:10px 0 0 0;}
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock h3{ color:#000000; font-size:19px; font-weight:normal; margin:0; padding:0;}
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock h3 span{ font-size:28px; font-weight:bold;}
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock .highlightDiscover{ float:left;width:145px; margin:0 0 0 10px; padding:15px 0 15px 0;}
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock .highlightDiscover .price{ float:left; border-left:1px solid #000000; padding:0 0 0 10px; width:83px; font-size:14px;font-weight:normal;margin:10px 0 10px 0; background:none; color:#000000;}
				#cont2Col #contentHighlight .highlightLarge02 .discover .discoverBlock .highlightDiscover p{ color:#000000;}
				#cont2Col #contentHighlight .highlightLarge02 .qualityBlock{ padding:10px 0 0 0;}
				#cont2Col #contentHighlight .highlightLarge02 .qualityBlock dl{ padding:0 0 20px 0;width:282px;}
				#cont2Col #contentHighlight .highlightLarge02 .qualityBlock dt{ font-weight:bold;}
				#cont2Col #contentHighlight .highlightLarge02 .qualityBlock dd{ padding:0 0 0 15px;}
					#cont2Col #contentHighlight .highlightLarge02 .qualityBlock dd img{ float:left;}
					#cont2Col #contentHighlight .highlightLarge02 .discover h2{ color:#010101;}
				#cont2Col #contentHighlight .albumBlock{ float:left; width:375px;}
				#cont2Col #contentHighlight .albumBlock ul{ margin:20px 0 0 0;}
					#cont2Col #contentHighlight .albumBlock ul li{ float:left; background:url(../img/illus_li_link.gif) no-repeat; padding:0 0 0 15px; margin:0 30px 0 0;}
				#cont2Col #contentHighlight .price{ float:left; background:url(../img/ilus_separator_price.gif) no-repeat; padding:0 0 0 10px; width:83px; font-size:14px;font-weight:normal;margin:0px 0 0 0;}
#cont2Col #contentHighlight .price span{ font-size:40px; font-weight:normal;}
#cont2Col #contentHighlight .price span sup{ font-size:14px;}

				#cont2Col #contentHighlight .highlightLarge02 .discover02{padding:0 0 20px 0; margin:0px;border-right:1px solid #474747;width:349px;}
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock{ background:#f1daa6 url(../img/bgd_discover.gif) repeat-x;margin:15px 10px 0 10px;padding:5px 0 0 10px; width:320px; overflow:hidden; }
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock .illusdiscover{ float:left; padding:10px 0 0 0;}
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock h3{ color:#000000; font-size:19px; font-weight:normal;}
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock h3 span{ font-size:28px; font-weight:bold;}
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock .highlightDiscover{ float:left;width:145px; margin:0 0 0 10px; padding:15px 0 15px 0;}
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock .highlightDiscover .price{ float:left; border-left:1px solid #000000; padding:0 0 0 10px; width:83px; font-size:14px;font-weight:normal;margin:10px 0 10px 0; background:none; color:#000000;}
				#cont2Col #contentHighlight .highlightLarge02 .discover02 .discoverBlock .highlightDiscover p{ color:#000000;}
#cont2Col #contentHighlight .highlightprice02 .albumBlock{ float:left; width:260px;}
					#cont2Col #contentHighlight .highlightprice02 .albumBlock dl{ background:url(../img/illus_format15.gif) no-repeat; padding:0 0 10px 80px; width:190px;}
					#cont2Col #contentHighlight .highlightLarge02 .albumBlock .rigide{ background:url(../img/illus_format15_02.gif) no-repeat;}
					#cont2Col #contentHighlight .highlightLarge02 .albumBlock .large{ background:url(../img/illus_format_large.gif) no-repeat;}
					#cont2Col #contentHighlight .highlightprice02 .albumBlock dl dt{ font-weight:bold;}
						#cont2Col #contentHighlight .highlightprice02 .albumBlock dl dd{ padding:0;}
						#cont2Col #contentHighlight .highlightprice02 .albumBlock dl .priceList{ font-size:11px; padding:5px 0 0 0;}
#cont2Col #contentHighlight .price span{ font-size:40px; font-weight:normal;}
#cont2Col #contentHighlight .price span sup{ font-size:14px;}		

#cont2Col .highlightStep02 .lastDestinations {
	border:medium none;
	margin:0;
	padding:0 0 30px;
	width:267px;
}
#cont2Col .highlightStep02 .blockStep02 .linkParrainage{ background:url(../img/bgd_link_step.gif) 0 2px no-repeat; padding:0 0 0 15px; float:left; clear:both; display:block; width:130px; margin:30px 0 0 0;}
		
/*--------------------- #infos --------------------- */
#infos {
	width: 50%;
	float: left;
	font-size: 0.9em;
}
#infos div {
	margin: 12px 0;
}
#infos .label, #infos ul, #infos ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#infos .label {
	margin-right: 3px;
}
#infos ul li {
	background: url(../img/sep_footer.png) left 4px no-repeat;
	padding: 0 5px 0 8px;
}
#infos ul li.first {
	background: none;
	padding-left: 0;
}

/*-- .bookmark --*/
#infos .bookmark {
	margin: 10px 0;
}
#infos .bookmark ul {
	display: block;
	overflow: auto;
	_height: 1%;
	margin-top: 4px;
}
#infos .bookmark ul li {
	display: block;
	float: left;
	width: 80px;
	background: none;
	padding: 0;
}
#infos .bookmark ul li a {
	text-decoration: none;
}
#infos .bookmark ul li a img {
	vertical-align: middle;
}

/*-- .more --*/
#infos .more img {
	position: absolute;
	margin-top: -5px;
}

/*--------------------- #opinion --------------------- */
#opinion {
	width: 47.7%;
	padding-left: 2%;
	float: right;
	border-left: solid 2px #CEBA9F;
	background: url(../img/people_white.png) 10px 20px no-repeat;
}

/*-- .testimony --*/
#opinion .testimony {
	background: url(../img/quote_open.png) left top no-repeat;
	padding: 5px 0 0 28px;
	margin: 5px 0 5px 60px;
}
#opinion .testimony p {
	background: url(../img/quote_close.png) right bottom no-repeat;
	padding: 0 28px 5px 0;
	margin: 0 0 5px 0;
	width: 56%;
}
#opinion .testimony span.author, #opinion .testimony span.city {
	font-style: italic;
}
#opinion .testimony ul.links {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*-- .recommend --*/
#opinion .recommend {
	overflow: auto;
	margin: 15px 0 10px 84px;
}
#opinion .recommend a {
	display: block;
	float: left;
	text-indent: -10000px;
	width: 160px;
	height: 38px;
	background: url(../img/btn_pesnez_a_vos_amis.png) left top no-repeat;
}


/*########################################################
	HOME
########################################################*/
#home #top{
	background-image: url(../img/bg_top_home.png);
	background-position: left top;
	padding: 18px 12px 12px 12px;
}
#home.logged #top{
	padding-bottom:11px;
}
#home .third{
	width: 33.33%;
	!width:33.30%;
}
#home .col{
	width: 50%;
	float: left;
}
#home .creez_votre_livre_voyage_maintenant{
	width: 248px;
	height: 52px;
	margin-left: 2px;
	margin-top:2px;
	position: absolute;
}
#home #top #image, #home #top #inedit{
	width: 476px;
	padding:0 1px;
	float: left;
}
#home #top #welcome{
	width:416px;
	height:226px;
	padding:26px;
	margin: 0 2px;
	float: left;
	color:#FFF;
	background: transparent url(../img/bg_home_logge.jpg) no-repeat 0 0;
	position: relative; 
}
#home #top #welcome p{
	font-size: 15pt;
	margin: 0;
}
#home #top #welcome p.accroche{
	font-weight: bold;
	/*margin-top:40px;*/
	position: absolute;
	color:#000;
	bottom: 0;
	padding-right:16px;
	padding-bottom:16px;
}
#home #top #welcome p span{
	display: block;
	font-size: 17pt;
}
#home #top #welcome a{
	color: #FFF;
	text-decoration: underline;
}
#home #inedit #bibliotheque {
	font-size: 9.5pt;
}
#home #inedit #bibliotheque ul{
	padding-left:8px; 
}
#home #inedit #bibliotheque li{
	padding:0 0 0 8px;
	background:transparent url(../img/item4.png) no-repeat scroll left 7px;
}
#home #inedit #bibliotheque input{
	display:block;
	font-size: 0;
	line-height: 0;
	margin: 0;
}
#home #inedit #bibliotheque form input{
	margin:10px auto 20px auto;
}

#home #inedit h1{
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	background: transparent url(../img/bg_home_header.png) top left no-repeat;
	padding:2px 0;
	margin: 0;
}
#home #inedit .lineGroup {
	clear: left;
}
#home #editorial, #home.logged #editorial div{
	width:210px;
	padding: 8px 7px 0 7px;
	height:230px;
	background: #E8E8E7 url(../img/bg_content.png) right top no-repeat;
}
#home #bibliotheque{
	width:221px;
	height:259px;
	padding: 10px 13px 9px 12px;
	background: #E8E8E7 url(../img/bg_content.png) right top no-repeat;
	margin-left:8px;
}
#home #bibliotheque form{
	/*IE */
	margin: 0;
	padding: 0;
}
#home.logged #editorial{
	width:219px;
	padding: 0;
	background:none;
}
#home #editorial p{
	margin: 0;
	line-height:10pt;
	font-size:9pt;
}
#home #etapes {
	width: 249px;
}
#home #demo, #home.logged #editorial #demo{
	width: 194px;
	padding: 4px 15px;
	background: #E8E8E7 url(../img/bg_content.png) right top no-repeat;
	margin-top:3px;
	height: auto;
	clear: both;
}
#home #demo span {
	color: #000;
	/*background: url(../img/btn_ok.png) left center no-repeat;*/
	background: url(../img/bouton-watch-home.png) left center no-repeat;
	padding-left: 35px;
	display: block;
	height: 23px;
	padding-top: 6px;
}
#home #demo a{
	color: #000;
	font-size:10pt; 
	text-decoration: underline;
}
#home ul{
	list-style: none;
	margin: 0;
	padding: 0 0 3px 0;
}
#home ul li{
	margin:0;
	line-height:11pt;
	font-size:10pt;
}
#home #inedit ul {
	margin: 4px 0;	
}
#home #inedit ul li{
	padding-bottom: 0px;
	font-size: 9pt;
	background: transparent url(../img/item_triangle_new.png) no-repeat scroll 0 3px;
	padding-left: 15px;
}
#home #inedit ul li.livre{
	background: transparent url(../img/livre.png) no-repeat scroll 0 3px;
	padding-left: 35px;
	padding-bottom: 10px;
}
#home #inedit ul li.globe{
	background: transparent url(../img/globe.png) no-repeat scroll 0 3px;
	padding-left: 35px;
	padding-bottom: 10px;
}
#home #inedit ul li.pinceau{
	background: transparent url(../img/pinceau.png) no-repeat scroll 0 3px;
	padding-left: 35px;
	padding-bottom: 10px;
}
#home #inedit ul li.colis{
	background: transparent url(../img/colis.png) no-repeat scroll 0 3px;
	padding-left: 35px;
	padding-bottom: 10px;
}
#home h2.editorial {
	font-size: 16pt;
}
#home h2{
	font-size: 14pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:lighter;
	color:#9C8059 ;
}
#home h2.orange{
	font-size: 14pt;
	line-height: 14pt;
	margin-bottom: 10px;
}
#home h3{
	font-size:12pt;
	line-height:12pt;
	font-weight: normal;
}
#home h3, #home h2{
	margin: 0;
}
strong.home{
	color: #d07e13;
}
#home .lineGroup div{
	overflow:hidden;	/*IE6*/
}
#home .idees{
	margin: 0 auto;
}
#home .idees ul li{
	float: left;
	padding: 0;
	margin: 3px 3px;
	width:90px;
	height: 90px;
}
#home .idees ul.bubbleInfo{
	padding: 30px 5px 0 9px;
}
#home .idees ul li img.trigger{
	height: auto;
	display: block;
	margin: 0 auto;
}
#home .lineGroup .blockContent{
	padding: 16px 7px 0 8px;
	height: 166px;
}
#home .lineGroup .fabrication_francaise, #home .lineGroup .idees{
	text-align: center;
}
#home .lineGroup .fabrication_francaise strong{
	color:#412603;
	display: block;
	font-size: 11pt;
}
#home a.more, #groupC a.more{
	text-decoration: underline;
	color: #000;
	padding-left: 10px;
	background: transparent url(../img/arrow6_black.png) no-repeat 0 6px ;
}
#home .shipping p,
#page .shipping p {
	margin : 6px 0;
	font-size: 10pt;
	display: inline;
	margin-bottom: 10px;
}
#home .shipping .note,
#page .shipping .note {
	font-size: 8pt;
	display: block;
}
#home .shipping ul,
#page .shipping ul {
	padding-bottom: 5px;
	display: inline;
	position: absolute;
	right: 0;
	top: 0;
}
#home .shipping ul.link{
	position: relative;
	top: auto;
	right: auto;
}
#page .shipping ul li,
#home .shipping ul li{
	vertical-align: top;
	text-align: left;
	_padding-left: 0px;
}
#home p.telephone strong{
	display: inline;
	font-size: 11pt;
}
#home .shipping .guarantee{
	margin-bottom: 0px;
	_padding-bottom: 7px;
}
#page .shipping li {
	background: none;
	margin: 0;
	padding: 0;
}
.shipping .guarantee {
	margin-bottom: 10px;
	_padding-bottom: 10px;
	position: relative;
	min-height: 37px;
}
#page .reinitialisation {
	padding: 20px;
}
#page .reinitialisation form div{
	width:500px;
}
#page .reinitialisation form div label{
	width: 185px;
}
#page .reinitialisation form div.buttons {
	text-align: right;
}

#editorial .orange,
#etapes strong.orange {
	color: #FF7304;	
}

/*tooltip sur la home*/
.tooltip {
	position: absolute;
	display: none;
	z-index: 200;
	border-collapse: collapse;
	width: 207px;
	height: 170px;
	padding:10px 10px 10px 65px;
	background: transparent url(../img/bg_tooltip.png) no-repeat top right;
}
.tooltip strong {
	font-weight: bold;
	display: block;
	margin:8px 0;
}

#home .tooltip a.bubbleClose{
	right:5px;
	top:5px;
	position: absolute;
}

/*########################################################
	MODAL
########################################################*/
#nyroModalContent{
	background:#FFF url(../img/bg_content.png) left bottom no-repeat;
	height: 100% !important; 
}
#nyroModalWrapper{
	height: 100% !important;
}
#nyroModalContent div.popin{
	padding: 25px 30px;
	margin: 0;
	border: none;
}
#nyroModalFull{
	overflow: hidden;
}
#nyroModalContent div.login input{
	text-indent: 0;	/*IE*/
}
#nyroModalContent div.login{
	background: transparent url(../img/bg_popup_login.png)no-repeat 430px center;
	width: 840px;
}
#nyroModalContent div.login em.remark{
	text-align: right;
}
#nyroModalContent div.login em.remark a{
	color: #000;
	text-decoration: underline;
	font-style: italic;
}
#nyroModalContent div.recommandation, #nyroModalContent div.invitation{
	width:510px;
}

#nyroModalContent div.selectForfait{
	width:705px;
	height: 250;
}

#nyroModalContent div.recommandation a, #nyroModalContent div.invitation a{
	color: #000;
	text-decoration: underline;
}
#nyroModalContent .col{
	float: left;
	width: 400px;
}
#nyroModalContent .col.left{
	padding-right:36px;
	width: 384px;
}

#nyroModalContent h2{
	/*margin-top:25px;*/
	padding:0;
	font-size: 14pt;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:lighter;
	color:#9C8059 ;
	margin:0 0 20px 0;
}
#nyroModalContent h3{
	font-size:11pt;
	margin:0;
}
#nyroModalContent .login .field{
	margin: 22px 0;
}
#nyroModalContent .field label{
	width:96px;
}
#nyroModalContent .left .field label{
	width:80px;
}
#nyroModalContent .field input{
	/*width:290px;	IE*/	
	width: 287px;
}

#nyroModalContent input.forfait{
	width: 139px;	
}

#nyroModalContent .field.auto label{
	display: inline;
	width: auto;
	float: none;
}
#nyroModalContent .col .field.partners{
	margin:-10px 0 0 0;
}
#nyroModalContent .field.partners label{
	width:191px;
	padding-left: 103px;
	text-align: left;
}
#nyroModalContent .field.partners ul{
	float: left;
}
#nyroModalContent .field .radiolist label{
	width: auto;
}
#nyroModalContent .buttons{
	clear: both;
}
#nyroModalContent div.popin div.fermer{
	text-align: center;
}
#nyroModalContent .login .auto{
	padding-left: 103px;
}
#nyroModalContent .popin label{
	font-weight: normal;
	font-size: 9.3pt;
}
#nyroModalContent .login .buttons{
	text-align: center;
	margin-top:53px;
}
#nyroModalContent .recommandation .buttons,
#nyroModalContent .invitation .buttons,
#nyroModalContent .reinitialisation .buttons,
#nyroModalContent .form.newsletter .buttons, 
#nyroModalContent .contact .buttons,
#nyroModalContent .selectForfait .buttons{
	text-align: right;
}
#nyroModalContent .recommandation .buttons .annuler,
#nyroModalContent .invitation .buttons .annuler,
#nyroModalContent .reinitialisation .buttons .annuler,
#nyroModalContent .form.newsletter .buttons .annuler, 
#nyroModalContent .contact .buttons .annuler{
	float: left;
}

#nyroModalContent .form.newsletter .buttons, #nyroModalContent .form.contact .buttons{
	padding-left:100px;
}
a#closeBut{
	position:absolute;
	right:32px;
	top:28px;
}
#nyroModalContent .field .radiolist input, #nyroModalContent .login .auto input{
	width: auto;
}
#nyroModalContent .invitation form{
	width: 470px;
}
#nyroModalContent .invitation form label{
	width: 60px;
}
#nyroModalContent .invitation form .field input, #nyroModalContent .invitation form .field textarea.input{
	width: 190px;
}
#nyroModalContent textarea{
	width: 390px;
	height: 135px;
}
#nyroModalContent textarea.input{
	height:55px;
}
#nyroModalContent textarea{
	font-size: 8pt;
}

#nyroModalContent p {
	font-size:10pt ;
}
#nyroModalContent .newsletter{
	width:450px;
}
#nyroModalContent .form.newsletter input.fermer, #nyroModalContent .form.contact input.fermer, #nyroModalContent .form.contact input.annuler{
	float: left;
}
#nyroModalContent .form.contact label{
	width: 110px; 
}
#nyroModalContent .welcome{
	width: 530px;
}
#nyroModalContent .welcome .buttons{
	text-align: center;
}
#nyroModalContent .welcome .buttons input{
	margin: 0 20px;
}
/*########################################################
	OGONE
########################################################*/
small{
	font-size: 10pt;
}
input#submit3{
	background:transparent url(../img/btn_terminer_ma_commande.png) 0 0 no-repeat;
	text-indent:-1000px;
	border:none;
	width:161px;
	height:28px;
	display: block;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}
.ncoltable2 label{
	font-weight: normal;
}
a.midncol{
	background:transparent url(../img/picto_help2.png) no-repeat scroll 0 0;
	display:block;
	height:22px;
	left:110px;
	position:relative;
	text-indent:-1000px;
	top:-21px;
	width:22px;
}
table.ncoltable3 .ncollogoc{
	width: 0px;
	text-align: center;
}
table.ncoltable3 .ncollogoc small{
	font-size: 9pt;
}
table.ncoltable3 .ncollogoc center{
	display: none;
}


/*########################################################
	PAGES D'AIDE
########################################################*/
#aide #groupA{
	width:218px;
}
#aide #groupB{
	width:532px;
}
#aide #groupC{
	width:230px;
}
/*#aide #groupA li{
	background:transparent url(../img/item_triangle.png) no-repeat scroll left 3px;
	padding-left:12px;
	font-size: 10pt;
	margin:10px 0;
}
#aide #groupA li a{
	color: #000;
	text-decoration: none;
}
#aide #groupA li:hover, #aide #groupA li.selected{
	background-image: url(../img/item_triangle_bleu.png);
}
#aide #groupA li:hover a, #aide #groupA li.selected a{
	color:#20AAE6;
}
#aide #groupA li.selected a{
	font-style: italic;
}*/
#aide #bottom, #editorial #bottom{
	text-align: center;
	clear: both;
	font-size:10pt;
}
#aide #bottom input,#aide #bottom img, #editorial #bottom input, , #editorial #bottom img{
	margin:0 10px;
} 
#aide p.email, #aide p.telephone{
	padding-left:36px;
	font-size:10pt;
}
#aide p.email{
	background: transparent url(../img/picto_arobase.png) left bottom no-repeat;
}
#aide p.email a{
	text-decoration: underline;
	color: #000;
}
#aide p.telephone{
	background: transparent url(../img/picto_telephone.png) left top no-repeat;
}
p.telephone strong, dl.contact div.num strong{
	display: block;
	margin: 0 auto;
	color: #20AAE6;
	font-size: 16pt
}
#aide #top{
	background: transparent url(../img/bg_aide_top.png) 0 0 no-repeat;
	height: 140px;
}
#aide .title{
	padding:0px 0 0 193px;
}
#aide .title p{
	font-size: 11pt;
	margin: 5px 0;
}
#aide #groupB .blockContent{
	padding: 16px 26px;
}
#aide #groupB dt{
	clear:both;
	margin:24px 0 0px 0;
}
#aide #groupB dd, #aide #groupB p {
	font-size:9pt;
	clear: both;
	margin: 5px 0; 
}
#aide #groupB dt span, #aide #groupB h3 span{
	font-weight: normal;
}
#aide #groupB dd a.more{
	display: block;
	margin-top:10px;
	padding-left:12px;
}
#aide #groupB a{
	text-decoration: underline;
}
#aide #groupC .blockContent.service_apres_vente a, #aide #groupC .blockContent.lounge_vip a{
	height:139px;
	display: block;
	color: #000;
	font-size: 10pt;
	text-decoration: none;
}
#aide #groupC .blockContent.service_apres_vente a{
	background: #FFF url(../img/bg_bloc_service_apres_vente.png) no-repeat 0 0;
	padding:0 20px 0 85px;
}
#aide #groupC .blockContent.service_apres_vente a span{
	display: block;
	font-weight: bold;
	padding-top: 10px;
	white-space: nowrap;
}
#aide #groupC .blockContent.lounge_vip a{
	background: transparent url(../img/bg_bloc_lounge_vip.png) no-repeat 0 0;
	height:50px;
	padding: 89px 0 0 20px;
}
/*########################################################
	PAGES EDITORIALES
########################################################*/
#editorial #groupA h2, #vip #groupA h2  {
	white-space: nowrap;
	text-indent:-5px;
}
#editorial.mentions_legales #groupA h2{
	text-indent: -10px;
}
#editorial #top{
	height:140px;
	/*padding: 0 0 0 20px;*/
	overflow:hidden;	/*IE*/
}
.concept #top{
	/*background:#BC9F79 url(../img/bg_top.png) no-repeat scroll 0 0;*/
	background:#BC9F79 url(../img/bg_detail_offre_top.png) no-repeat 0 0;
}
.fabrication #top {
	background:#BC9F79 url(../img/bg_fabrication_top.png) no-repeat scroll 0 0;
}
.fabrication p, .equipe p{
	margin: 10px 0;
}
#editorial.fabrication #groupB h2,#editorial.equipe #groupB h2 {
	margin: 0;
}
.fabrication #top .title{
	padding: 20px 0 0 270px;
} 
.concept #top .title{
	padding:0px 0 0 540px;
}
.concept #top .doubleTitle p {
	margin: 2px 0 0 0 ;
}
.concept #groupA ul.link li, .destinations #groupA ul.link li, .informations #groupA ul.link li,
  .detailOffre #groupA ul.link li, #aide #groupA ul.link li{
	margin: 10px 0;
}
#editorial.mentions_legales #top {
	background:transparent url(../img/bg_top_mentions_legales.png) no-repeat scroll 0 0;
}
#editorial.mentions_legales #top .title{
	padding:0 0 0 250px;
}
#editorial #top h2{
	margin:0;
}
#editorial #top h1{
	margin:0;
	font-size: 18pt;
}
#editorial #top p{
	font-size: 11pt;
}
.concept #top p{
	width:400px;
}
#editorial h2{
	color: #653803;
}
.concept #groupA, .destinations #groupA{
/*	width:280px;*/
}
#editorial #page a{
	color: #000;
}
#editorial #page p a{
	text-decoration: underline;
}
.concept dt{
	margin-top: 10px;
}
.concept dd{
	font-size: 10pt;
}
.concept #groupB{
	width: 81.73%;
}
.concept #groupB .blockContent{
	padding:32px 66px;
}
#editorial p, #editorial li, #editorial strong, #aide li {
	font-size: 10pt;
}
#editorial .breadcrumb ul{
	font-size: 1.2em;
}
#editorial .breadcrumb ul li, #editorial .breadcrumb ul li a{
	font-size: 1em;
}
#editorial h2 strong{
	font-size:16pt;
}
.concept #groupB h2{
	margin-top:50px;
}
.concept #groupB h2.first{
	margin-top:0;
}
.fabrication ul li, .equipe ul li{
	clear: both;
	margin:20px 0;
}
.fabrication #groupB .blockContent, .equipe #groupB .blockContent{
	padding:0px 50px;
}
.fabrication div.video, .equipe div.video{
	background: none;	
}
div.video, div.photo{
	float: left;
	width: 175px;
	height: 120px;
	background-color:#a6a6a8;
}
div.texte{
	min-height:120px;
	padding-left:190px;
	!padding-left:30px;
	_padding-left:190px;
}
#page div.texte ul.link{
	padding-top:40px;
}
li div.texte{
	!margin-top:-20px;
}
li.last div.texte {
	_margin-top: 20px;	
}
.fabrication #groupA p, .equipe #groupA p{
	margin:0;
}
#editorial.fabrication h2.texte, #editorial.equipe h2.texte{
	margin-left: 200px;
}
.fabrication h3.puce, .equipe h3.puce {
	margin: 0;
	!margin-top:3px;
}
div.last p{
	padding:10px 0;
	margin: 0;
}
.informations #groupB{
/*	width: 594px;*/
}
.informations #groupC{
	/*width:386px;*/
}
.informations h3{
	margin:0;
}
#editorial .price{
	font-weight: bold;
	font-size:10pt;
}
.informations a{
	color:#000;
	text-decoration: underline;
}
.informations #blockB1 a:hover{
	text-decoration: underline;
}
.informations div.livraison{
	background: transparent url(../img/bg_livraison_picto.png) no-repeat 300px top;
}
.informations p img{
	margin-right:5px; 
	float: left;
}
.informations #groupB h2{
	margin:15px 0;
}
.informations #groupB h2#livraison, .informations #blockB11 h2{
	margin-top: 0;
}
.informations div.paiement{
	background: transparent url(../img/bg_paiement_picto.png) no-repeat 300px top;
	margin-top:15px;
}
.informations div.garanties{
	background: transparent url(../img/bg_garanties_picto.png) no-repeat 300px 15px;
	margin-top:15px;
	padding-top:10px;
}
.informations #emballage{
	background: transparent url(../img/bg_emballage_picto.png) no-repeat 150px top;
	padding: 25px 0 5px 0;
}
.informations #environnement{
	padding-left:65px;
	padding-bottom:5px;
	margin-top:20px;
	background: #fff url(../img/picto_environnement.png) no-repeat 0 0;
}
.informations #blockB12{
	clear: left;
}
.informations #blockB12 p{
	margin: 0;
}
.informations #top{
	background: transparent url(../img/bg_informations_top.png) 0 0 no-repeat;
	height: 140px;
}
.informations #top .title{
	padding-top:50px;
	padding-left:265px;
}
.commentCaMarche #top{
	background: transparent url(../img/bg_comment_ca_marche_top.png) 0 0 no-repeat;
	height: 140px;
}
.commentCaMarche #top .title{
	padding-top:15px;
	padding-left:320px;
}
.commentCaMarche #top .title p{
	margin:0;
	font-size:12pt;
}
.commentCaMarche .line{
	clear: both;
	padding:0 0 48px 0;
}
.commentCaMarche .line h3{
	margin:0;
}
.commentCaMarche .line h2.numero{
	padding-left:48px;
	padding-bottom:14px;
	padding-top:5px;
}
.commentCaMarche .line h2.un{
	background:transparent url(../img/picto_numero_un.png) no-repeat 0 0;
}
.commentCaMarche .line h2.deux{
	background:transparent url(../img/picto_numero_deux.png) no-repeat 0 0;
}
.commentCaMarche .line h2.trois{
	background:transparent url(../img/picto_numero_trois.png) no-repeat 0 0;
}
.commentCaMarche .line h2.quatre{
	background:transparent url(../img/picto_numero_quatre.png) no-repeat 0 0;
}
.commentCaMarche .line h2.numero.cinq{
	background:transparent url(../img/picto_numero_cinq.png) no-repeat 0 10px;
	padding-top:0px;
}
.commentCaMarche .line .explications h2.cinq{
	width:342px;
}
.commentCaMarche .line div.apercu{
	float: left;
	min-width:286px;
	width:31%;
}
.commentCaMarche .line div.explications{
	float: left;
	width:64%;
	margin-right:2%;
	min-width:302px;
}
.commentCaMarche .line div.apercu.double{
	margin-left: 15px;
}
.commentCaMarche .line div.double{
	margin-top:30px;
}
.commentCaMarche #studio{
	float:left;
}
.commentCaMarche #page dl.besoin_aide{
	float:left;
	margin-left:40px;
	padding:0 0 10px 70px;
	background:transparent url(../img/bg_besoin_aide.png) no-repeat 0 0;
	width:188px;
}
.commentCaMarche #page dl.besoin_aide a{
	text-decoration: none;
}
.commentCaMarche .line div.explications.choix_format{
	width:260px;
	margin-left:20px;
}
.commentCaMarche #page .studio div.explications{
	width:52%;
}
.commentCaMarche #outil{
	display: block;
	margin:-50px auto 0 auto;
}
.commentCaMarche #page .studio div.apercu{
	width:43%;
}
.commentCaMarche #page .studio h3{
	margin-top:10px;
}
.commentCaMarche #page .studio p{
	margin: 0;
}
.commentCaMarche .buttons{
	text-align: center;
	font-size:10pt;
}
.commentCaMarche .buttons input{
	display: block;
	margin:0 auto 20px auto;
}
.commentCaMarche a{
	color: #000;
	text-decoration: underline;
	font-size:10pt;
}
.commentCaMarche .apercu a{
	font-style: italic;
	text-decoration: none;
	padding:5px 0 5px 30px;
	background:transparent url(../img/picto_apercu.png) no-repeat 0 0;
	margin:10px auto 0 auto;
	/*display:block;*/
	display:none;
	width:120px;
}
.commentCaMarche .apercu img{
	display:block;
}
.commentCaMarche .gallery{
	display: none;
}
#nyroModalContent .helpPopin{
	padding:40px 30px 10px 30px;
	width:780px; 
	text-align: center;
}
#nyroModalContent .helpPopin a.previous{
	text-indent:-10000px;
	display:block;
	width:46px;
	height:170px;
	float:left;
	margin:90px 15px;
	background:transparent url(../img/bg_precedent_link.png) no-repeat 0 0;
}
#nyroModalContent .helpPopin img{
	/*float: left;*/
}
#nyroModalContent .helpPopin h2{
	clear: both;
}
#nyroModalContent .helpPopin a.next{
	text-indent:-10000px;
	display:block;
	width:46px;
	height:170px;
	float:right;
	margin:90px 15px;
	background:transparent url(../img/bg_suivant_link.png) no-repeat 0 0;
}
hr.clear{
	clear:both;
	margin:0;
	padding: 0;
	color: transparent;
	border:none;
	visibility: hidden;
	
}

/*		.detailOffre		*/
.detailOffre #top {
	background:transparent url(../img/bg_detail_offre_top.png) no-repeat 0 0;
	height: 140px;
}
.detailOffre #top .title{
	padding:10px 0 0 0;
	text-align:center;
}
.detailOffre #top .title p{
	margin: 0;
	font-size: 11pt;
}
.detailOffre #groupA1{
	float: left;
	width:81.73%;
}
.detailOffre .medium, .detailOffre #groupB .large .medium{
	width:45%;
}
.detailOffre .large, .detailOffre #groupB .large .large{
	width:55%;
}
.detailOffre #blockA1 .blockContent{
	min-height:334px;
	_height:334px;
}
.detailOffre #blockA3{
	clear: left;
} 
.detailOffre #groupB .medium{
	width: 40%;
}
.detailOffre #groupB .large{
	width: 60%;
}
.detailOffre #blockB1{
/*	height:550px;*/
}
.detailOffre #blockB21{
	height:140px;
}
.detailOffre #blockB22, .detailOffre #blockB23{
	min-height:450px;
}
.detailOffre #blockB22 ul.link{
	margin-bottom:15px;
}
.detailOffre div.explications{
	width:170px;
	margin-right:10px;
	float:left;
}
.detailOffre div.video{
	width:173px;
	height:105px;
	background: none;
}
.detailOffre div.line{
	clear: both;
	margin:12px 0;
}
.detailOffre #groupB{
	clear: both;
}
.detailOffre h3{
	margin: 0;
}
.detailOffre #groupA h3{
	margin-top: 10px;
}
#editorial.detailOffre a{
	font-size: 10pt;
	text-decoration: underline;
	color: #000;
	
}
.detailOffre #blockA2 .blockContent h2, .detailOffre #blockA2 .blockContent h3, .detailOffre #blockA2 .blockContent ul{
	padding:0 16px;
}
.detailOffre #blockA2 .blockContent img{
	margin-left: -17px;
}
.detailOffre #blockB1 ul.link{
	margin-top:25px;
	overflow: auto;
	_overflow: visible;
}
.detailOffre #blockB1 ul.link li {
	float: right;
}
.detailOffre #blockB1 ul.more{
	clear: both;
	float: none;
}
dl#formatsCommander{
	height: 210px;
	margin: 0;
}

div.imageFormatsCommander{
	width: 139px;
	height: 75px;
	text-align: center;
}


dl#formatsCommander dt{
	font-weight: normal;
	font-size: 10pt;
}
dl#formatsCommander dd{
	float: left;
	width:139px;
	padding-right:95px;
	height:150px;
	font-weight: bold;
	font-size: 10pt;
	
	display:list-item;
	float:left;
	font-size:10pt;
	font-weight:bold;
	height:150px;
	list-style-image:url(../img/item_triangle.png);
	padding-right:95px;
	width:139px;
}

dl#formatsCommander dd input{
	width: 139px;
}


dl#formatsCommander dd img{
	position: middle;
}

dl#formats{
	height: 105px;
	background:transparent url(../img/icon_grand_format_jaquette.png) no-repeat 670px 5px;
	margin: 0;
}
dl#formats dt{
	font-weight: normal;
	font-size: 10pt;
}
dl#formats dd{
	float: left;
	width:139px;
	padding-right:95px;
	height:83px;
	font-weight: bold;
	font-size: 10pt;
	
	display:list-item;
	float:left;
	font-size:10pt;
	font-weight:bold;
	height:83px;
	list-style-image:url(../img/item_triangle.png);
	padding-right:95px;
	width:139px;
}
dl#formats dd.grand{
	width: 149px;
}
dl#formats dd.petit{
	background:transparent url(../img/icon_petit_format_simple.png) no-repeat 130px 10px;
}
dl#formats dd.souple{
	background:transparent url(../img/icon_petit_format_souple.png) no-repeat 130px 10px;
}
dl#formats dd strong, dl#formats dd em{
	display: block;
}
dl#formats dd strong{
	font-size: 15px;
}
.detailOffre .remark{
	font-size:10pt;
}
.detailOffre #blockA3 .remarkGauche{
	float: left; 
	padding-left: 50px;
} 
.detailOffre #blockA3 .remarkDroite{
	float: right; 
	padding-right: 30px;
} 
.detailOffre #blockB21 .remark{
	text-align: right;
	position: relative;
	top: -20px;
	padding-right:40px;
}
.detailOffre #blockB21 dl#formats .remark{
	text-align: left;
	position: inherit;
	top:0;
}

ul#destinations{
	background: transparent url(../img/icon_map.png) no-repeat right top;
	min-height:51px;
	padding-top:65px; 
	zoom:1;	/*IE*/
}

.detailOffre form#informations{
	margin-top:30px;
	clear:both;
}
.detailOffre form#informations label{
	font-weight: normal;
	width:180px;
	text-align: left;
}
.detailOffre form#informations input#information{
	float: left;
}
.detailOffre form#informations input.text{
	width: 100%;
	text-align: center;
}
.detailOffre form#informations .field{
	padding:5px 0;
}
.detailOffre form#informations .buttons{
	text-align: right;
}
#editorial dl.services dt{
	font-size:10pt;
}
.detailOffre #blockB23 h2{
	white-space: nowrap;
}
.detailOffre #blockB23 input.button{
	display: block;
}

/* temoignages*/
.temoignages #top{
	background: transparent url(../img/bg_top_temoignages.png) no-repeat 0 0;
	height: 139px;
}
.temoignages #top .title{
	padding:10px 0 0 275px;
}
.temoignages #top .title p{
	margin: 0;
	font-size:11pt; 
}
.temoignages div.temoignage{
	float:left;
	width: 386px;
	_width:385px;
	height:187px;
	margin: 3px;
	padding:18px 40px;
	background: #FFF url(../img/quote-white_open.png) no-repeat 8px 10px;
}
.temoignages .blockContent{
	/*min-height: 1px;
	_height:1px;
	overflow: auto;*/
}
.temoignages div.temoignage p{
	margin: 0 0 20px 0;
}
.temoignages div.temoignage p.dense{
	margin: 0;
}
.temoignages div.temoignage p span.last{
	padding-right:25px;
	padding-bottom:5px;
	background: #FFF url(../img/quote-white_close.png) no-repeat right bottom;
}
.temoignages div.temoignage em{
	display: block;
	text-align: right;
	font-style: italic;
	font-size: 10pt;
}
.temoignages div.clear p{
	text-align: center;
	padding:20px 0 0 0;
	!padding-top:10px;
	margin:0; 
}

/* .destinations*/
.destinations #top{
	background:#BC9F79 url(../img/bg_destinations_top.png) repeat-y scroll left center;
	height: 140px;
}
.destinations .title{
	padding:16px 0 0 360px;
}
.destinations p{
	margin: 0;
}
.destinations #groupB .blockContent{
	padding:16px 30px;
	min-height: 1px;
	overflow: auto;
}
.destinations div.col{
	float: left;
	width:30%;
}
.destinations #page dl.first{
	margin: 0;
}
.destinations dd{
	font-size:10pt;
}
.destinations div.main{
	padding-right:5px;
	min-height: 538px;
	margin-right:17px;
	background:transparent url(../img/bg_destinations_liste.png) no-repeat right top;
}
.destinations h3{
	text-transform: uppercase;
	margin:18px 0 0 0 ;
}
.destinations h3.first{
	margin:0 0 18px 0;
}

.destinations h3.racine{
	color: #653803;
	margin-top: 10px;
	font-size: 16pt;
}

.destination ol{
	font-size: 10pt;
}

/*########################################################
	PAGE PARRAINAGE
########################################################*/
#racontez_votre_histoire {
	float: right;
	margin-top: 60px;
}
#parrainage {
	background: #000000;
}
#parrainage #top {
	background: none;
	padding: 0;
	overflow: visible;
}
#parrainage #postit {
	background: url(../img/bg_sheet.png) left top no-repeat;
	height: 194px;
	width: 248px;
	float: left;
	padding: 20px 36px;
	font-size: 1.2em;
	margin-bottom: -39px;
}
#parrainage #postit p {
	margin: 0 0 10px 0;
}
#parrainage #album {
	float: left;
	margin-left: 120px;
}
#parrainage #album p {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	width: 380px;
	margin: 4px 8px;
}
#parrainage #page {
	clear: both;
}
#parrainage #page .left {
	background: #d2b590 url(../img/bg_parrainage.png) left top no-repeat;
	width: 50%;
	float: left;
}
#parrainage #page .left img {
	float: left;
	margin: 50px 6px 0 10px;
}
#parrainage #page .left ul {
	margin: 0;
	padding: 60px 30px 20px 20px;
}
#parrainage #page .left ul li {
	background: none;
	padding: 0;
	overflow: visible;
	_height: 1%;
	padding-bottom: 10px;
}
#parrainage #page .left ul li h2 {
	margin-top: 10px;
	color: #896030;
}
#parrainage #page .left ul li img {
	margin-top: 0;
	margin-left: 0;
}
#parrainage #page .left ul li.second p{
/*	padding-left: 130px;*/
}
#parrainage #page .left ul li.troisieme {
	clear: both;
}
#parrainage #page .left ul li.troisieme img {
	float: right;
	margin-left: 6px;
	margin-right: 40px;
}
#parrainage #page .right {
	width: 50%;
	float: left;
	position: relative;
	overflow: visible;
}
#parrainage #page .discount {
	position: absolute;
	left: -32px;
	top: 48px;
}
#parrainage #page fieldset {
	padding: 20px 40px;
	border: none;
}
#parrainage #page fieldset legend {
	display: none;
}
#parrainage #page fieldset h1 {
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	margin-top: 0;
}
#parrainage #page fieldset .field {
	margin: 20px 0;
}
#parrainage #page fieldset .field input.text {
	width: 24em;
}
#parrainage #page fieldset ul.checklist {
	margin-left: 134px;
}
#parrainage #page fieldset .buttons {
	text-align: center;
	padding-top: 40px;
}
#parrainage .errorMessage{
	padding-left:40px;
}

/*########################################################
	LOUNGE VIP
########################################################*/
#vip #page{
	background: #000 url(../img/bg_lounge_vip.jpg) no-repeat 0 0;
	height: 687px;
} 
#vip #page #content{
	margin: 31px 45px;
	width:834px;
	background: transparent;
	color:#FFF;
	overflow: visible;
}
#vip #page #content div.head, #vip #page #content div.bottom {
	background-color: #000;
}
#vip #page #content .head{
	padding:14px 12px;
}
#vip #page #content .head p{
	padding-left:96px;
	margin:13px 0 0 0;
	font-size:12pt;
}
#vip #groupA{
	width: 183px;
	margin: 0 7px 0 0;
	color: #000;
}
#vip #groupA div.menuOffre {
	width:151px;
	padding: 16px;
	height: 282px;
}
#vip #groupA div.transparent {
	position: absolute;
	background:#fff;
	opacity: 0.8; /* pour tous les navigateurs css 2 */
   	filter: alpha(opacity=80); /* pour ie6 et 7  */ 
	z-index: 5;
}
#vip #groupA div.blockContent {
	position: relative;
	z-index: 100;
	background: transparent;
}
#vip #page #content ul.services{
	padding:0 0 0 276px;
/*	background: transparent url(../img/visuel_livre.png) no-repeat 0 0;*/
	background: transparent url(../img/animVIP.gif) no-repeat 0 0;
	height: 213px;
	float: left;
	width: 368px;
	margin-top: 30px;
}
#vip #page #content .services li{
	background: #000 url(../img/puce_vip.png) no-repeat 0 0;
/*	padding: 8px 8px 8px 33px;*/
	padding:8px 5px 8px 25px;
	margin: 0 0 4px 0;
}
#vip #page #content .services li img{
	display: block;
	margin: 0 0 0 -5px;
}
#vip #page #content .services li a{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}
#vip #page #content .bottom{
	padding:6px;
	width: 632px;
	float: left;
	margin-top: 30px;
	_margin-left:95px;
	_margin-top: 25px;
}
.marginPopup{
	padding:10px;
}
.alignLeft{
	text-align: left;
}

a.lienConditions{
	text-decoration : underline;
}
.blockContentTheOffre{
	border-top-width: 4px;
	padding: 0px;
	
}