/* Feuille de style CSS site Exchangeo */
/* Conception (c) 2009 Autrement le Web - www.autrement-le-web.com */

/* BODY
-------------------------------------------------------- */

html, body {
	background-color : #f5f5f5;
	width: 100%;
	border: 0;
	margin: 0 auto;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------- */

/* CONTAINER
-------------------------------------------------------- */

#container { 
	position: relative;
	width: 1025px;
	margin: 0 auto; /* on centre le conteneur */
	font: 0.8em Trebuchet MS, Verdana, Lucida Grande, Tahoma, Helvetica, Sans-Serif;
	color: #333333;
	background: #ffffff url(/img/common/background.gif) top left repeat-y;
}

/* ---------------------------------------------------- */

/* HEADER
-------------------------------------------------------- */

#header {
	position: relative;
	height: 145px; 
	background: url(/img/en_GB/logo.gif) top left no-repeat;
}

#header h1, #menu h2 { /* Suppression du titre du site, des marges et hauteur de ligne, pour les navigateurs graphiques */
	text-indent: -5000px;
	margin: 0;
	line-height: 0;
}

#menu_principal {
	position: absolute;
	top: 80px;
	width: 1000px;
	text-align: right;
	vertical-align: text-bottom;
	font-size: 90%;
}

#menu_principal p {
	margin: 0;
	padding: 0;
}

#menu_principal img {
	padding-left: 12px;	
	padding-right: 4px;
}

#menu_principal a:link, #menu_principal a:visited {
	text-decoration: none;
}

#menu_principal a:hover, #menu_principal a:active {
	text-decoration: underline;
}

#language {
	position: absolute;
	top: 109px;
	width: 1000px;
	text-align: right;
	line-height: 20px;
	vertical-align: middle;
	font-size: 90%;
	color: #ffffff;
}

#language ul, #language li { 
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#language p {
	display: inline;
}

#language img {
	border: 0px;
	padding-left: 10px;
}

#pictures {
	height: 115px; 
	background: url(/img/en_GB/pictures.jpg) top left no-repeat;
}

/* ---------------------------------------------------- */

/* COLUMN // COLONNE GAUCHE
-------------------------------------------------------- */

#column {
	position: relative;
	float: left;
	width: 225px;
	margin: 0;
	padding: 0 0 0 25px;
}

#column h2 { /* Suppression des balises de titre, des marges et hauteur de ligne, pour les navigateurs graphiques */
	text-indent: -5000px;
	margin: 0px;
	line-height: 0px;
}

#membres {
	width: 210px;
	background: url(/img/en_GB/log_on.gif) top left no-repeat; 
	padding: 32px 0 0 0;
}

#bloc_membres { /* bords et pied arrière-plan coulissants */
	width: 200px; 
    padding: 5px 0 30px 12px;
	font-size: 90%;
	color: #ffffff;
	background: url(/img/common/bottom_log_on.gif) bottom left no-repeat;       
}

#bloc_membres form { 
	padding: 0;      
}

#bloc_membres ul { 
	margin: 15px 0;
	padding: 0; 
	list-style-position: inside;   
}

#bloc_membres li {
	list-style-type: disc;
}

#bloc_membres li.except {
	margin-bottom: 10px;
    font-weight: bold;
    list-style-type: none;
}

#membres a:link, #membres a:visited {
	color: #ffffff;
	text-decoration: none;
}

#membres a:hover, #membres a:active {
	color: #ffffff;
	text-decoration: underline;
}

#membres p {
	margin: 0px;
	margin-top: 0px;	
	margin-bottom: 6px;
}

#membres label {
	/*float: left;*/
	display: block;
	width: 100%;
}

#membres form {
	margin: 0;
}

#membres input#member_email {
	width: 150px;
	height: 13px;
}

#membres input#member_password {
	width: 150px;
	height: 13px;
}

#search {	
	position: relative;
	width: 210px;
	background: url(/img/en_GB/top_search.gif) top left no-repeat; 
	padding-top: 130px;
}

#bloc_search {	/* bords et pied arrière-plan coulissants */
	width: 200px;
	background: url(/img/common/bottom_search.gif) bottom left no-repeat; 
	padding: 10px 12px 30px 12px;
}

#bloc_search form { 
	padding: 0px;      
}

a#search_france { 
	position: absolute;
	top: 30px;
	left: 10px;
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 75px;
	height: 90px;
	border: 0px;
}

a#search_monde { 
	position: absolute;
	top: 30px;
	left: 85px;
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 115px;
	height: 90px;
	border: 0px;
}

#search p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#search label {
	font-weight: bold;
	font-size: 90%;
}

#search #search_country {
	width: 186px;
}

#search #search_country, 
#search #search_type, 
#search #search_sleeps, 
#search #search_month, 
#search #search_year {
	font-size: 90%;	
}

.customer_dpt {
	position: relative;
	background: url(/img/common/bg_customer_dpt.gif) top left no-repeat;
    width: 210px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.customer_dpt p {
	background: url(/img/common/bottom_customer_dpt.gif) bottom left no-repeat;
    margin: 0;
    padding: 0 6px 10px 48px;
    width: 156px;
    font-size: 12px;
}

.customer_dpt img {
	position: absolute;
    top: 10px;
    left: 6px;
}

.social_network {
	margin-bottom: 10px;
}

.social_network p {
	background: #efefef url(/img/common/bg_social_network.gif) top left no-repeat;
    width: 198px;
    height: 33px;
    margin: 0;
    padding: 6px;
    font-size: 11px;
}

.social_network a:link {
	color: #056fba;
    font-weight: bold;
	text-decoration: underline;
}

.social_network a:hover {
	text-decoration: none;
}

.social_network img {
    vertical-align: middle;
    margin-right: 4px;
}

/* ---------------------------------------------------- */

/* CONTENT // COLONNE DROITE
-------------------------------------------------------- */

#content {
	position: relative;
	width: 750px;
	float: right;
	margin: 0;
	padding: 0 25px 0 0;
	text-align: justify;
}

#pave_accueil {
	width: 420px;
	height: 215px;
	margin: 10px 0px 0px 0px;
	padding: 55px 15px 25px 315px;
	background: #056fba url(/img/en_GB/home.jpg) top left no-repeat;
}

#pave_accueil h2 { /* Suppression du titre, des marges et hauteur de ligne, pour les navigateurs graphiques */
	text-indent: -5000px;
	margin: 0px;
	line-height: 0px;
}

#pave_accueil p, 
#pave_accueil ul, 
#pave_accueil li, 
#pave_accueil a {
	color: #ffffff;
	margin-top: 0px;
	padding: 0px;
}

#pave_accueil ul {
	list-style-position: inside;
}

#pave_accueil li {
	list-style-type: disc;
}

#pave_accueil ul, p {
	margin-bottom: 10px;
}

div.impair {
	position: relative;
	margin: 0px;
	width: 730px;
	background-color: #f5f5f5;	
	border-bottom: #cccccc solid 1px;
	padding: 5px 10px;	
    min-height: 115px;
}

div.pair {
	position: relative;
	margin: 0px;
	width: 730px;
	background-color: #fff;	
	border-bottom: #cccccc solid 1px;
	padding: 5px 10px;	
    min-height: 115px;
}

div.top {
	position: relative;
	margin: 0px;
	width: 730px;
	background-color: #f5f5f5;	
	padding: 5px 10px;	
    min-height: 115px;
    overflow: hidden;
}

div.share {
	position: relative;
	margin: 6px 0 0 0;
	width: 732px;
	background-color: #fff;	
	border: #ccc solid 2px;
	padding: 7px;	
}

div.pair h3, 
div.impair h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
	color: #056fba;
}

div.pair h3 a, 
div.impair h3 a {
	text-decoration: none;
}

div.photo { /* placement de la photo principale dans les annonces */
	position: absolute;
	right: 5px;
	top: 5px;
	width: 115px;
	height: 115px;
}

div.photo img, 
div.photo a, 
fieldset#photos img, 
fieldset#photos a {
	border: 0;
	width: 115px;
	height: 115px;
}

div.infos { /* détais annonces */
	position: relative;
	width: 730px;
	background-color: #ffffff;	
	border-bottom: #cccccc solid 1px;
	padding: 0px 10px 5px 10px;
}

div.infos h3 {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

div.infos p {	
	padding: 0px 10px 0px 10px;
}

p#map { /* plan google map */
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;	
	width: 710px; 
	height: 330px;
}

div.photos { /* photos annonces */
	position: relative;
	width: 730px;
	background-color: #efefef;	
	border-bottom: #cccccc solid 1px;
	padding: 5px 10px 5px 10px;
}

div.photos h3 {
	margin-top: 5px;
	text-transform: uppercase;
}

div.photos p {
	padding: 0px 60px 0px 60px;
	text-align: center;
}

div.intitule { /* intitulés colonne de gauche dans les annonces */
	float: left;
	width: 200px;
}

div.detail { /* intitulés colonne de droite dans les annonces */
	float: left;
	width: 315px;	
}

div.id_annonce {
	display: block;
	margin-top: 5px;
	color: #72bdff;
}

div.nav {
	position: relative;
	width: 750px;
	padding: 15px 0;
}

div.nav ul {
	list-style: none;
	text-align: right;
}

div.nav li {
	display: inline;
}

div.nav li a:link, 
div.nav li a:visited {
	padding: 0 5px 0 5px;
	background-color: #056fba;
	border: 1px solid #056fba;
	text-align: center;
	line-height: 18px;
	color: #fff;
	margin: 0 0 0 8px;
	text-decoration: none;
}

div.nav li a:hover, 
div.nav li a:active {
	background-color: #fff;
	border: 1px solid #056fba;
	color: #056fba;
	text-decoration: none;
}

div.nav li span {
	padding: 0 5px 0 5px;
	background-color: #fff;
	border: 1px solid #056fba;
	text-align: center;
	line-height: 18px;
	color: #056fba;
	margin: 0 0 0 8px;
}

div#contact_member {
	position: relative;
	margin: 0;
	width: 748px;
	border: #ccc 1px solid;
	padding: 0 0 15px 0;
	text-align: center;
	overflow: auto;	
}

div#contact_member ul {
	padding: 0 10px;
	list-style: none;
}

div#contact_member li {
	display: inline;
	padding: 0 5px;
}

div#contact_member li img {
	vertical-align: middle;	
}

div#contact_mail {
	padding: 0 10px;
	width: 353px;
	border-right: 1px solid #ccc;
	float: left;
}

div#contact_tel {
	padding: 0 10px;
	width: 354px;
	float: left;
}

div#contact_mail p, 
div#contact_tel p {
	height: 55px;
}

#contact_tel .ctc {
 	cursor: pointer;
}

span.cp {
 	cursor: pointer;
    text-decoration: underline;
    font-size: 0.9em;
}

div#contacter_membre {
	position: relative;
	float: left;
	width: 380px;
	background-color: #efefef;	
	border-bottom: #cccccc solid 1px;	
	border-top: #cccccc solid 1px;
	margin-top: 20px;
	padding: 0px 10px 5px 10px;	
}

div#contacter_membre h3 {
	text-transform: uppercase;
}

div.intitule_contacter_membre { /* intitulés colonne de gauche dans les annonces */
	float: left;
	width: 160px;	
}

div.detail_contacter_membre { /* intitulés colonne de droite dans les annonces */
	float: left;
	width: 200px;	
}

/* ---------------------------------------------------- */

/* MENU
-------------------------------------------------------- */

#menu {
	width: 750px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background: url(/img/common/menu/bg_menu.gif) 0px 35px no-repeat; 
}

#menu ul, #menu li { 
	/* Suppression des marges et des puces des éléments <ul> et <li> */
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}

#menu li {
	position: relative;
	z-index: 900;
 	cursor: pointer;
	display: block;
	float: left;
	width: 186px;
	font-weight: bold;
}

#menu li.margin {
	margin-right: 2px;
}

#menu li a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 186px;
	height: 35px;
	line-height: 35px;
}

#menu li a:hover {
	text-decoration: none;
}

#menu ul li ul {
	top: 35px;
	left: 0px;
}

li#menu_inscription, 
li#menu_continents, 
li#menu_types, 
li#menu_infos {
	font: 0.85em Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 186px;
	height: 35px;
	line-height: 35px;	
}

li#menu_inscription {
	cursor: pointer; /* main */
	background: transparent url(/img/common/menu/bt_register.gif) top left no-repeat; 
}

li#menu_continents {
	cursor: default; /* flèche */
	background: transparent url(/img/common/menu/bt_listings.gif) top left no-repeat; 
}

li#menu_types {
	cursor: default; /* flèche */
	background: transparent url(/img/common/menu/bt_type.gif) top left no-repeat; 
}

li#menu_infos {
	cursor: default; /* flèche */
	background: transparent url(/img/common/menu/bt_info.gif) top left no-repeat; 
}

#menu a.smenu_inscription {
	width: 184px;
	height: 26px;
	line-height: 26px;
	background: #fba331;
	border-left: 1px solid #f38900;	
	border-right: 1px solid #f38900;	
	border-bottom: 1px solid #f38900;
}

#menu a.smenu_inscription:hover {
	background: #f38900;
}

#menu a.smenu_continents {
	width: 184px;
	height: 26px;
	line-height: 26px;
	background: #63bece;
	border-left: 1px solid #4793ad;	
	border-right: 1px solid #4793ad;	
	border-bottom: 1px solid #4793ad;
}

#menu a.smenu_continents:hover {
	background: #4793ad;
}

#menu a.smenu_types {
	width: 184px;
	height: 26px;
	line-height: 26px;
	background: #9ac723;
	border-left: 1px solid #77af1b;	
	border-right: 1px solid #77af1b;	
	border-bottom: 1px solid #77af1b;
}

#menu a.smenu_types:hover {
	background: #77af1b;
}

#menu a.smenu_infos {
	width: 184px;
	height: 26px;
	line-height: 26px;
	background: #ce57a4;
	border-left: 1px solid #ad3e75;	
	border-right: 1px solid #ad3e75;	
	border-bottom: 1px solid #ad3e75;
}

#menu a.smenu_infos:hover {
	background: #ad3e75;
}

#menu li ul {
	display: none;
	position: absolute; /* IMPORTANT : pour que les sous-menu passent par-dessus le contenu */
}

#menu li:hover ul {
	display: block;
} 

/* ---------------------------------------------------- */

/* HOME PAGE
-------------------------------------------------------- */

#home {
    /* background-color: #056fba;
    color: #fff; */
    height: 440px;
    padding: 30px 150px 0 30px;
    margin: 5px 0 0 0;
	background: url(/img/common/bg_home.jpg) top left no-repeat;

}

#home h2 {
	color: #056fba;
	font-size: 1.5em;
    margin-top: 15px;
    padding: 0 15px;
}

#home p {
    text-align: left;
    margin: 0;
    padding: 0 15px;
}

#home img {
	float: left;
    margin: 0 10px 10px 0;
}

#home a {
	/* color: #fff; */
}

table.destinations, table.destinations tr {
	width: 100%;
}

table.destinations td, table.destinations th {
	width: 33%;
}

/* ---------------------------------------------------- */

/* CLASSES COMMUNES
-------------------------------------------------------- */

img {
	border: 0px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.rouge {
	color: #ff0000;
}

.rouge_gras {
	color: #ff0000;
	font-weight: bold;
}

.orange { /* orange du menu */
	color: #f38900;
}

.orange_gras {
	color: #f38900;
	font-weight: bold;
}

.bleu { /* bleu du menu */
	color: #4793ad;
}

.bleu_gras {
	color: #4793ad;
	font-weight: bold;
}

.vert { /* vert du menu */
	color: #77af1b;
}

.vert_gras {
	color: #77af1b;
	font-weight: bold;
}

.rose { /* rose du menu */
	color: #ad3e75;
}

.rose_gras {
	color: #ad3e75;
	font-weight: bold;
}

.bleu_defaut {
	color: #056fba;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.1em;
}

.erreur {
	color: #ff0000;
}

.secondaire {
	font-size: 90%;
	color: #555555;
}

.uppercase {
	text-transform: uppercase;
}

.img_middle {
	vertical-align: sub;
}

.clear {
	clear: both;
}

blockquote {
	background-color: #f8f8f8;
	border-top: #cccccc dashed 1px;	
	border-bottom: #cccccc dashed 1px;
	margin: 0px;
	padding-left: 10px;	
	padding-right: 10px;
}

/* ---------------------------------------------------- */

/* FORMULAIRES
-------------------------------------------------------- */

input.form, 
select.form, 
textarea.form {
	margin-bottom: 3px;
	padding: 1px;
	font: 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #333333;
	border: #cccccc solid 1px;
}

input.erreur, 
select.erreur, 
textarea.erreur {
	margin-bottom: 3px;
	padding: 1px;
	font: 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #333333;
	border: #ff0000 solid 1px;	
}

input[type=text]:focus, 
input[type=password]:focus, 
select:focus {
	color: #333333;
	background-color: #f8f8f8;
	border: #cccccc solid 1px;
}

input.width, 
select.width {
	width: 80px;
}

form {
	padding-left: 30px;	
	padding-right: 30px;
}

form span.form {
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
}

form span.label {
	display: block;
	float: left;
	width: 220px;
}

fieldset {
	width: 665px;
	margin-top: 15px;
	padding: 10px; 
	border:1px solid #ababab;
	margin-bottom: 25px; 
}

label.label { /* mise en forme des labels */
	float: left;
	width: 220px;
	text-align: left;
}

label.colonne { /* mise en forme des labels */
	float: left;
	width: 165px;
	text-align: left;
}

label.erreur { /* mise en forme des labels */
	float: left;
	width: 165px;
	text-align: left;
	color: #ff0000;
}

label.video { /* mise en forme des labels */
	display: block;
	padding: 5px 0;
	text-align: left;
}

label.video img {
    vertical-align: middle;
}


label:hover {
	cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

/* ---------------------------------------------------- */

/* VERIFICATION DES FORMULAIRES
-------------------------------------------------------- */

input.validation-failed, 
textarea.validation-failed {
	border: 1px solid #ff0000;
}

.validation-advice {
	margin: 10px 0px 10px 0px;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #ff0000;
	color : #ffffff;
	font-weight: normal;
}

.custom-advice {
	margin: 4px 0;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #0769cc;
	color : #ffffff;
	font-weight: normal;
}

/* ---------------------------------------------------- */

/* MESSAGERIE
-------------------------------------------------------- */

#messages ul, 
#messages li { 
	list-style-type: none; 
	display: inline;
	margin: 0px;
	padding: 0px;
}

a#mess_recus, 
a#mess_envoyes, 
a#mess_suppr {
	margin: 0px;
	margin-bottom: 10px;
	padding-left: 60px;
	width: 190px;
	height: 46px;
	line-height: 46px;
	float: left;	
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

a#mess_recus {
	background: #ffffff url(/img/common/mailbox/bg_inbox.gif) top left no-repeat;
}

a#mess_envoyes {
	background: #ffffff url(/img/common/mailbox/bg_sent.gif) top left no-repeat;
}

a#mess_suppr {
	background: #ffffff url(/img/common/mailbox/bg_trash.gif) top left no-repeat;
}

a#mess_recus:hover, 
a#mess_envoyes:hover, 
a#mess_suppr:hover {
	background-position: 0px -46px; 
}

#table_messages {
	border-spacing: 0px;
	border-width: 0px;
	border-collapse: collapse;
	background: url(/img/common/mailbox/bg_th.gif) top left no-repeat;
}

#table_messages th {
	/*background-color: #0878d6;*/
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
	border-bottom: 1px solid #ffffff;	
	padding-top: 3px;	
	padding-bottom: 3px;
}

#mailbox_suppr {
	width: 26px;
}

#mailbox_enveloppe {
	width: 30px;
}

#mailbox_exp {
	width: 180px;
}

#mailbox_sujet {
	width: 300px;
}

#mailbox_date {
	width: 214px;
}

#mailbox_date_lu {
	width: 107px;
}

#table_messages td {
	font-size: 90%;
}

#table_messages td.non_lu {
	padding-top: 3px;	
	padding-bottom: 3px;
	background-color: #e8e8e8;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;	
}

#table_messages td.lu {
	padding-top: 3px;	
	padding-bottom: 3px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ffffff;	
}

#table_messages td.mess_bottom1 {
	padding-top: 5px;	
	padding-bottom: 5px;	
	padding-left: 5px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ffffff;	
}

#table_messages td.mess_bottom2 {
	padding-top: 5px;	
	padding-bottom: 5px;	
	padding-left: 0px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ffffff;	
}

#table_messages td.mess_bottom2 input {
	vertical-align: middle;	
}

form#frm_messages {
	margin: 0px;
	padding: 0px;
}

p.prec {
	border-left: 1px solid #333333;
	padding: 10px;
	margin-top: 30px;
}

/* ---------------------------------------------------- */

/* LIENS
-------------------------------------------------------- */

/* Liens par défaut */

a:link, 
a:visited {
	color: #056fba;
	text-decoration: underline;
}

a:hover, 
a:active {
	color: #056fba;
	text-decoration: none;
}

/* Liens pour la navigation (tri, listes) */

a.nav:link, 
a.nav:visited {
	color: #056fba;
	text-decoration: none;
	font-weight: normal;
}

a.nav:hover, 
a.nav:active {
	color: #056fba;
	text-decoration: underline;
	font-weight: normal;
}

/* Liens disponibilités */

a.libre:link, 
a.libre:visited {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}

a.libre:hover, 
a.libre:active {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

a.occupe:link, 
a.occupe:visited {
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}

a.occupe:hover, 
a.occupe:active {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

/* ---------------------------------------------------- */

/* TABLEAU DISPONIBILITES
-------------------------------------------------------- */

table.dispo {
	border-spacing: 1px;
	border: 1px solid #cccccc;
	width: 100%;
	margin: 10px 0 20px 0;
}

th.dispo_titre {
	background-color: #737373;
	color: #ffffff;
	text-align: center;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}

td.dispo_libre {
	background-color: #a8d026;
	color: #333333;
	text-align: center;
	padding: 2px 5px 2px 5px;
}

td.dispo_occupe {
	background-color: #e3e3e3;
	color: #666666;
	text-align: center;
	padding: 2px 5px 2px 5px;
}


/* ---------------------------------------------------- */

/* HAUT DE PAGE
-------------------------------------------------------- */

#hdp {
	clear: both;
	width: 1025px;
	padding-top: 20px;
}

#hdp p {
	margin: 10px;
	margin-top: 40px;
	text-align: center;
}

#hdp img {
	border: 0px;
}

/* ---------------------------------------------------- */

/* FOOTER
-------------------------------------------------------- */

.footer {
	font-size: 90%;
	color: #999999;
	text-align: center;
	background: url(/img/common/bg_copyright2.gif) top left no-repeat;
	height: 34px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

.footer a:link, 
.footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover, 
.footer a:active {
	color: #ffffff;
	text-decoration: underline;
}

#validation {
	text-align: center;
	background: #f5f5f5 url(/img/common/bg_copyright.gif) top left no-repeat;
	margin: 0px;
	padding: 15px 30px 60px 30px;	
	font-size: 85%;
	color: #999;
    overflow: hidden;
}

.footer p, 
#validation p {
	margin: 0px;
	padding: 0px;	
	padding-top: 8px;
}

#validation .footer_links {
    float: left;
    margin: 0;
	padding: 0 0 0 5px;
    width: 188px;
	text-align: left;
}

#validation .footer_links ul {
    margin: 0;
	padding: 0;
}

#validation .footer_links li {
	list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#validation h4 {
	font-weight: bold;
    margin: 0;
    padding: 5px 0;
    font-size: 1em;
}

#validation a {
	color: #999;
    text-decoration: none;
}

#validation p {
	padding-top: 20px;
}

/* ---------------------------------------------------- */

/* WIDGET CLIC TO CALL
-------------------------------------------------------- */

.ctcWidget {
	font: 0.8em Trebuchet MS, Verdana, Lucida Grande, Tahoma, Helvetica, Sans-Serif;
}

/* ---------------------------------------------------- */

/* ABONNEMENTS
-------------------------------------------------------- */

div#membership h3 {
	font-size: 1.3em;
	color: #056fba;
    margin: 25px 0 20px 0;
}

div#membership form p {
	margin: 0 0;
    padding: 10px 0;
    text-align: center;
}

div#membership form p#membership_12, div#membership form p#membership_6 {
	position: relative;
	margin: 30px 160px 0 160px;
    padding: 12px;
	width: 346px;
    height: 76px;
    text-align: left;
    color: #fff;
	background: #1571e2 url(/img/common/bg_membership.jpg) top left no-repeat;    	
}

div#membership form p#membership_6 {
	margin-bottom: 15px;
}

div#membership label {
	line-height: 25px;
}

div#membership span.special_offer {
	font-size: 1.4em;
    font-weight: bold;
}

div#membership span.duration {
	font-size: 1.2em;
    font-weight: bold;
}

div#membership span#discount_12m {
	position: absolute;
    left: 240px;
    top: -25px;
	display: block;
	text-indent: -9999px;
    width: 112px;
    height: 112px;
    cursor: default;
	background: transparent url(/img/common/badge_discount_12m.png) top left no-repeat;    	
}

div#membership span#discount_6m {
	position: absolute;
    left: 250px;
    top: -15px;
	display: block;
	text-indent: -9999px;
    width: 93px;
    height: 93px;
    cursor: default;
	background: transparent url(/img/common/badge_discount_6m.png) top left no-repeat;    	
}

div#membership p#special_offer, div#membership p#customer_department {
	font-size: 0.9em;
    text-align: center;
}

div#membership p#submit input {
	font-size: 1.1em;
	font-weight: bold;
    padding: 5px 25px;
}

address {
	padding: 0 20px;
}

div#membership div#message {
	font-size: 1.1em;
}

div#membership p.message {
	margin: 5px 0;
	padding: 10px 15px;
	background-color: #0769cc;
	color : #ffffff;
}

div#membership p.message img {
	float: left;
    padding-right: 15px;
}

/* ---------------------------------------------------- */

a.ext_link:after { 
    content: "\0000a0[\2197]"; 
}