/* -------------------------------------------------------------------------
	GLOBAL
 --------------------------------------------------------------------------- */

html,body,a,p,div,h1,h2,h3,h4,h5,h6,li,ul,span,table,tr,td,hr,fieldset,form,input{
	margin: 0;
	padding: 0;
}

html, body{
	height: 100%;
	width: 100%;
}

html{
	overflow-x : hidden;
	overflow-y : auto;
}

body{
	background-color: #f4f4f2;
	font: 11px Arial,sans-serif;
	color: #8b8b89;
	overflow: auto;
	overflow-x : hidden;
}

img{
	border: 0;
	text-decoration: none;
}

a{
	outline: none;
	color: #f5a232;
}

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

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

li{
	list-style-type: none;
	line-height: 18px;
}

input{
	font: italic 11px Georgia,serif;
	color: #f5a232;
	border: none;
	outline: none;
}

object{
	outline: none;
}

b{
	font-weight: normal;
}

h1{
	color: #f5a232;
	font-size: 24px;
	line-height: 24px;
}

h2{
	color: #cacac8;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 25px; /* 2*15(line height) - 5 (line height de sifr trop grand */
}

h3{
	color: #232220;
	font-size: 11px;
	margin-bottom: 6px;
}

h4{
	font-size: 11px;
}

p{
	line-height: 18px;
}

fieldset{
	border: none;
}

/* -------------------------------------------------------------------------
	BACKGROUND PAGE
 --------------------------------------------------------------------------- */
#diapo{
	width: 1600px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -800px;
	z-index:5;
}

.home #diapo{
	background: url(../images/diapos/fulls/00/00.jpg) no-repeat left top;
}

.type #diapo{
	background: url(../images/diapos/fulls/01/00.jpg) no-repeat left top;
}

#monogramme{
	width: 1600px;
	height: 100%;
	background: url(../images/monogramme.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -800px;
	z-index:10;
}

#under_boxes{
	position: absolute;
	left: 0;
	/*bottom: 0;*/
	/*height: 300px;*/
	height: 100%;
	max-height: 1100px;
	width: 100%;
	z-index: 14;
	background: url(../images/under_boxes.png) no-repeat left bottom;
	/*border: 1px solid #f00;*/
}

/* -------------------------------------------------------------------------
	CONTAINER
 --------------------------------------------------------------------------- */
#container{
	position: relative;
	width:100% !important;
	width: 1600px;
	min-width: 984px;
	max-width: 1600px;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
}

.corner_TB{
	border-style: solid;
	border-width: 1px 0;
	border-color: #f00;
 	margin: -1px 0;
 	width: 100%;
 	height: 100%;
}

.corner_LR{
	border-style: solid;
	border-width: 0 1px;
 	margin: 0 -1px;
 	border-color: #0f0;
 	width: 100%;
 	height: 100%;
}

#resa{
	background-color: #f5a232;
}

#resa .corner_TB,
#resa .corner_LR{
	border-color: #f5a232;
}

#resa .title{
	float: left;
}

.home #resa{
	width: 384px;
	height: 58px;/* 60 - (corner T + B) */
	float: right;
	margin-top: 15px;
}

.home #resa .title{
	margin: 11px 20px 0 12px;
	border-right: 1px solid #f6ab47;
	padding-right: 13px;
}

.type #resa{
	width: 182px; /* 184 - (corner L + R) */
	height: 135px;
	margin-left: 1px;
	float: left;
	margin-bottom: 15px;
}

.type #resa .title{
	margin: 9px 0 0 13px;
}

#resa .link1{
	float: left;
	margin: 12px 0 3px 0;
}

#resa .link1 a{
	color: #232220;
	font-weight: bold;
	background: url(../images/picto_arrow_1.gif) no-repeat left 4px;
	padding-left: 8px;
}

#resa .link2{
	float: left;
	width: 100%;
}

.home #resa .link2{
	width: 155px;
}

#resa .link2 a{
	color: #ffffff;
	margin-right: 10px;
	background: url(../images/picto_arrow_5.gif) no-repeat left 4px;
	padding-left: 8px;
	font-style: italic;
}

.type #resa .link1 a{
	margin-left: 16px;
}

.type #resa .link2 a{
	float: left;
	clear: left;
	margin-left: 16px;
}

/* -------------------------------------------------------------------------
	HEADER
 --------------------------------------------------------------------------- */
#header{
	width: 984px;
	margin: 0 auto;
	position: relative;
	z-index: 500;
}
 
#switch_lng{
	display: block;
	background-image: url(../images/switch_lng.gif);
	width: 54px;
	height: 21px;
	position: absolute;
	top: -1px;
	left: 0;
}

.uk #switch_lng:link,
.uk #switch_lng:visited{
	background-position: left 21px;
}

.uk #switch_lng:hover,
.uk #switch_lng:active{
	background-position: left 42px;
}

.fr #switch_lng:link,
.fr #switch_lng:visited{	
	background-position: left 63px;
}

.fr #switch_lng:hover,
.fr #switch_lng:active{
	background-position: left 84px;
}

#logo{
	float: left;
	margin-top: 45px;
}

#widgets{
	width: 386px; /* 384 + (border L + R) */
	position: absolute;
	right: 0;
	color: #f4f4f2;
}

.home #widgets{
	top: 95px;
}

.type #widgets{
	top: 15px;
}

#widgets .corner_TB,
#widgets .corner_LR{
	border-color: #232220;
}

#widgets a{
	display: block;
	height: 18px; /* 20 - (corner T + B) */
	color: #fff;
	line-height: 18px;
	padding-left: 30px;
}

#widgets a:hover,
#widgets a:active{
	text-decoration: none;
}

#widgets .title{
	width: 182px;
	margin-left: 1px;
}

#meteo{
	float: left;
	width: 186px;
}

#meteo .title a{
	background: #232220 url(../images/picto_coeur.gif) no-repeat 10px 6px;
}

#meteo .picto{
	width: 92px;
	height: 92px;
	float: left;
	background-color: #232220;
	margin-top: 4px;
	margin-left: 1px;
}

#meteo_list{
	float: left;
	width: 183px;
	padding-bottom: 1px;
}

#meteo_list .meteo_details {
	float:right;
	width:88px;
}
#meteo_list img {
}
#meteo_list .condition {
	text-align:center;
	font-size: 10px;
	vertical-align: center;
}


#meteo ul{
	margin-top: 4px;
	float: right;
}

#meteo li{
	display: block;
	float: right;
	clear: right;
	width: 82px; /* 84 - (corner L + R)*/
	/*height: 18px; /* 20 - (corner T + B) */
	line-height: 18px;
	background-color: #232220;
	margin-bottom: 4px;
}

#meteo li p{
	padding: 0 10px;
}

#services{
	float: right;
	/*width: 182px;*/ /* 184 - (border R + L) */
	width: 186px;
	height: 18px;
}

#services_list{
}

#services .ghost {
	visibility:hidden;
	height:40px;
}

#services .title a{
	background: #232220 url(../images/picto_plus_blanc.gif) no-repeat 10px 6px;
}

#services .list{
	padding-top: 4px;
	width: 182px;
	margin-left: 1px;
}

#services .list a{
	background-color: #232220;
}

#services .list a:link,
#services .list a:visited{
	color: #919190;
}

#services .list a:hover,
#services .list a:active{
	color: #f5a232;
}

#service_sharing_button{
	/*border: 1px solid #f00;*/
}

#service_sharing_show{
	display:none;
	height: 30px;
	padding-left: 30px;
	background-color: #232220;
}

#service_sharing_show a{
	display:block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0;
	padding: 0;
	margin: 5px 9px 0 0;
	background-repeat: no-repeat;
}

#service_sharing_show a:link,
#service_sharing_show a:visited{
	background-position: left bottom;
}

#service_sharing_show a:hover,
#service_sharing_show a:active{
	background-position: left top;
}

#service_sharing_show a#service_digg{
	background-image: url(../images/widgets/share/digg.gif);
}

#service_sharing_show a#service_delicious{
	background-image: url(../images/widgets/share/delicious.gif);
}

#service_sharing_show a#service_facebook{
	background-image: url(../images/widgets/share/facebook.gif);
}

#service_sharing_show a span{
	display:none;
}

/* -------------------------------------------------------------------------
	PAGE
 --------------------------------------------------------------------------- */
#page{
	width: 984px;
	clear: left;
	margin: 0 auto;
	height: auto !important;
	height: 290px;
	min-height: 290px;
	padding-top: 85px;
}

/* -------------------------------------------------------------------------
	PAGE : MENU
 --------------------------------------------------------------------------- */
#menu{
	width: 100%;
	padding-top: 16px;
	position: relative;
	z-index: 45;
}
 
#menu .menu_principal_div{
	height: 27px;
	margin-bottom: 3px;
}

#menu .menu_principal_div div {
	float:left;
}
 
#menu a{
	display: block;
	float: left;
	height: 27px;
	width: auto;
}

#menu a:link,
#menu a:visited{
	background-color: #232220;
}


#menu a:hover,
#menu a:active,
#menu a.select,
#menu a:link.select,
#menu a:visited.select{
	background-color: #f5a232;
}

#menu .menu_sousmenu {
	height:27px;
	position: relative;
	z-index: 500;
}

#menu .menu_sousmenu a{
	float: left;
	clear: none;
	margin: 9px 0 0 1px;
	height: 18px;
	display: block;
	line-height: 18px;
	padding: 0 5px;
}

#menu .menu_sousmenu a:link,
#menu .menu_sousmenu a:visited{
	background-color: #f5a232;
	color: #fff;
}

#menu .menu_sousmenu a:hover,
#menu .menu_sousmenu a:active,
#menu .menu_sousmenu a.select,
#menu .menu_sousmenu a:link.select,
#menu .menu_sousmenu a:visited.select{
	background-color: #ffffff;
	color: #000;
	text-decoration: none;
}

/* -------------------------------------------------------------------------
	PUSH HOME
 --------------------------------------------------------------------------- */
#menu #push{
	/*z-index: 400;*/
	position: absolute;
	right: 0;
	top: -50px;
}

#menu #push:link, 
#menu #push:visited,
#menu #push:hover,
#menu #push:active{
	background:none;
}

/* -------------------------------------------------------------------------
	SMALL PUSH
 --------------------------------------------------------------------------- */
#small_push{
	margin-bottom: 15px;
}

/* -------------------------------------------------------------------------
	CONTENT
 --------------------------------------------------------------------------- */
.type #content{
	position: relative;
	z-index: 31;
	top: 15px;
	float: right;
	width: 700px;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	background-color: #f4f4f2;
	padding-bottom: 45px;
}

h1.alone{
	margin-bottom: 25px; /* 2 * 15(line height) - 5 (sifr) */
}

#content #col_left{
	float: left;
	width: 424px;
	margin: 40px 0 0 30px;
	position: relative;
	z-index: 3;
}

#content #col_right{
	float: right;
	width: 184px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

#shape_content{
	position: absolute;
	top: 0;
	left: 0;
	width: 1400px;
	height: 120%;
	background-color: #f4f4f2;
	z-index: 1;
}

#see_also{
	margin-bottom: 15px;
}

#accommodations {
	display: block;
	margin-bottom: 15px;
}

#brochures {
	display: block;
	margin-bottom: 15px;
}

#external_links{
	width: 184px;
}

#external_links li{
	line-height: 30px;
	border-bottom: 1px solid #dfdfdd;
}

#external_links a{
	display: block;
	color: #232220;
}

#external_links a:link,
#external_links a:visited{
	background: none;
}

#external_links a:hover,
#external_links a:active{
	background: url(../images/picto_plus_orange.gif) no-repeat 169px 13px;
	text-decoration: none;
}

.highlight{
	color: #64625c;
	font-weight: bold;
}

#content p{
	margin-bottom: 18px;
	text-align: justify;
}

.home #content #close_content{
	display: none;
}

.type a#close_content{
	display: block;
	width: 70px;
	height: 11px;
	position: absolute;
	left: 392px;
	top: 23px;
	z-index: 50;
	background-image: url(../images/close.gif);
}

.type a#close_content:link,
.type a#close_content:visited{
	background-position:  left bottom;
}

.type a#close_content:hover,
.type a#close_content:active{
	background-position:  left top;
}

.home #open_content{
	display: none;
}

.type a#open_content{
	display: none;
	width: 130px;
	height: 60px;
	position: absolute;
	z-index: 60;
	right: 0;
	top: 392px;
	background: #f5a232 url(../images/open.gif) no-repeat 24px center;
}

.border_01{
	border: 3px solid #e6e6e4;
}

#content .button{
	border: none;
	padding: 2px 5px;
	cursor: pointer;
	color: #fff;
	background-color: #232220;
	font: inherit;
}

#content .button:hover,
#content .button:active{
	background-color: #f5a232;
	text-decoration: none;
}

.caption{
	margin: 0;
	padding: 0;
	font-style: italic;
}

/* -------------------------------------------------------------------------
	RESORT > shops and services 
 --------------------------------------------------------------------------- */
.sous_menu_commerces{
	height: 130px;
}

.sous_menu_commerces li{
	float: left;
	/*clear: left;*/
	margin-right: 16px;
	line-height: 30px;
	width: 184px;
	border-bottom: 1px solid #dfdfdd;
}

.sous_menu_commerces li a{
	display: block;
	height: 100%;
	padding: 0 12px 0 6px;
	color: #232220;
}

.sous_menu_commerces li a:link,
.sous_menu_commerces li a:visited{
	
}

.sous_menu_commerces li a:hover,
.sous_menu_commerces li a:active{
	text-decoration: none;
	color: #000;
	background: url(../images/picto_plus_orange.gif) no-repeat 169px 13px;
}

.sous_menu_commerces li.active a:link,
.sous_menu_commerces li.active a:visited{
	color: #000;
	font-weight: bold;
	background: url(../images/picto_plus_orange.gif) no-repeat 169px 13px;
}

#listing_commerces{
	clear: left;
	padding-top: 30px;
}

#listing_commerces h3{
	background-color: #e6e6e4;
	line-height: 30px;
	padding-left: 16px;
}

.cat_commerces{
	margin-bottom: 18px;
}

.cat_commerces li{
	border-bottom: 1px solid #dfdfdd;
	padding: 10px 0 5px 0;
}

.cat_commerces li h4{
	font-size: 11px;
	font-weight: bold;
	color: #8b8b89;
	float: left;
}

#content .cat_commerces li p{
	margin: 0;
	padding: 0;
}

#content .cat_commerces .right{
	float: right;
	text-align: right;
	color: #232220;
}

.cat_commerces .left{
	clear: left;
	width: 310px;
}

/* -------------------------------------------------------------------------
	WEBCAMS 
 --------------------------------------------------------------------------- */
#webcams h3{
	clear: left;
	line-height: 30px;
}

#webcams .left{
	float: left;
	margin-bottom: 30px;
}

#webcams .right{
	float: right;
}

/* -------------------------------------------------------------------------
	PLAN YOUR TRIP > ACCOMODATIONS
 --------------------------------------------------------------------------- */

form#accommodations{
	width: 100%;
}

form#accommodations fieldset{
	width: 184px;
}

form#accommodations .left{
	float: left;
	clear: left;
}

form#accommodations .right{
	float: right;
	clear: right;
}

form#accommodations label{
	float: left;
	clear: left;
	line-height: 18px;
	height: 18px;
	width: 100%;
}

form#accommodations label input{
	position: relative;
	top: 2px;
	margin-right: 5px;
	
}

form#accommodations label.etoiles img{
	position: relative;
	top: 1px;
}

form#accommodations fieldset.seasons{
	margin: 18px 0 15px 0;
}

form#accommodations fieldset.seasons label{
	float: none;
	height: 30px;
}

form#accommodations fieldset.seasons input{
	top: -8px;
	margin-right: 0;
}

form#accommodations .show{
	clear: both;
	display: block;
	width: 100%;
	line-height: 20px;
	margin-bottom: 1px;
	color: #232220;
	background-repeat: no-repeat;
	background-position: 8px 7px;
	background-image: url(/images/picto_arrow_1.gif); 
}

form#accommodations .show span{
	padding-left: 20px;
}

form#accommodations a.show:link,
form#accommodations a.show:visited{
	background-color: #e6e6e4;
}

form#accommodations a.show:hover,
form#accommodations a.show:active{
	text-decoration: none;
	background-color: #d0d0ce;
}

form#accommodations a.active:link,
form#accommodations a.active:visited{
	background-position: 8px 9px;
	background-image: url(/images/picto_arrow_2.gif); 
}

form#accommodations #bien_etre,
form#accommodations #services_confort,
form#accommodations #eq_logement,
form#accommodations #eq_communs{
	width: 100%;
}

form#accommodations #bien_etre label,
form#accommodations #services_confort label,
form#accommodations #eq_logement label,
form#accommodations #eq_communs label{
	float: none;
	clear: none;
	width: 30px;
	height: 50px;
	display: block;
	float: left;
	text-align: center;
}

form#accommodations .picto_message{
	font-family: Georgia, Times, serif;
	color: #f5a232;
	font-style: italic;
	margin-bottom: 5px;
}

form#accommodations .button{
	float: right;
	margin-top: 30px;
}

h3.results{
	background-color: #e6e6e4;
	line-height: 30px;
	float: left;
	width: 100%;
}

h3.results span{
	float: left;
	margin-left: 12px;
}

h3.results a{
	float: right;
	margin-right: 12px;
	font-weight: normal;
}

h3.results a img{
	padding-right: 5px;
}

#accommodations_results{
	padding-top: 12px; /* 2 * 15 - (padding T li) */
	float: left;
}

#accommodations_results li{
	float: left;
	width: 100%;
	padding: 18px 0;
	border-bottom: 1px solid #dfdfdd;
}

#accommodations_results h3{
	float: left;
	text-transform: uppercase;
}

#accommodations_results h3 a{
	color: #232220;
}

#accommodations_results h3 img{
	position: relative;
	top: -2px;
	padding-left: 5px;
}

#accommodations_results li p{
	margin: 0;
}

#accommodations_results li .left{
	float: left;
	clear: left;
	width: 230px;
}

#accommodations_results li .right{
	float: right;
	text-align: right;
	width: 184px;
	color: #232220;
}

#accommodations_results li .more_infos img{
	position: relative;
	top: 2px;
	padding-right: 4px;
}

/* -------------------------------------------------------------------------
	PRESSE
 --------------------------------------------------------------------------- */
#press{
	border-top: 1px solid #dfdfdd;
}

#press .select {
	background-color: #dfdfdd;
}

#press .hover h3{
	color: #f5a232;
	background: url(../images/picto_plus_orange.gif) no-repeat left 13px;
}

#press h3{
	line-height: 30px;
	border-bottom: 1px solid #dfdfdd;
	margin: 0;
	padding: 0;
	padding-left: 17px;
	clear: left;
	font-weight: normal;
	display: block;
}

#press h3 span{
	color: #8b8b89;
}

#press .moo_presse_content{
	border-bottom: 1px solid #dfdfdd;
	padding: 12px;
}

#press .mediaplayer{
	border: 1px solid #e3e3e1;
	margin: 0 auto;
}

#press h4{
	font-style: italic;
	font-size: 11px;
	line-height: 30px;
}

#press .caption{
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 30px;
}


/* -------------------------------------------------------------------------
	PARTNERS
 --------------------------------------------------------------------------- */ 
#partners div{
	float: left;
}

#partners .left{
	margin-right: 16px;
}

/* -------------------------------------------------------------------------
	PAGINATION
 --------------------------------------------------------------------------- */

#content .pagination{
	padding-top: 18px;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

#content .pagination a{
	font-family: Georgia, Times, serif;
	font-style: italic;
}

#content .pagination .prev{
	background: url(../images/picto_arrow_4.gif) no-repeat left 6px;
	padding-left: 10px;
	position: absolute;
}

#content .pagination .next{
	position: absolute;
	background: url(../images/picto_arrow_3.gif) no-repeat right 6px;
	padding-right: 10px;
}

.fr #content .pagination .prev{
	left: 80px;
}

.uk #content .pagination .prev{
	left: 80px;
}

.fr #content .pagination .next{
	right: 90px;
}

.uk #content .pagination .next{
	right: 100px;
}


/* -------------------------------------------------------------------------
	NAV DIAPO
 --------------------------------------------------------------------------- */
#nav_diapos{
	z-index: 40;
}

.home #nav_diapos{
	position: absolute;
	right: 262px; /* 78 + width(184) */
	top: 316px;
}
 
.home #nav_diapos a{
	display: block;
	position: absolute;
}

.home #nav_diapos img{
	position: absolute;
}

.home #nav_diapos .motif{
	position: absolute;
	display: block;
	width: 184px;
	height: 104px;
	background-image: url(../images/thumb_home.png);
}

.home #nav_diapos a .motif,
.home #nav_diapos a:link .motif,
.home #nav_diapos a:visited .motif{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.home #nav_diapos a:hover .motif,
.home #nav_diapos a:active .motif{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	opacity: 0.3;
}

.home #nav_diapos img.next{
	top: 48px;
}

.home.uk #nav_diapos img.next{
	left: 130px;
}

.home.fr #nav_diapos img.next{
	left: 122px;
}

.type #nav_diapos{
	position: relative;
	float: left;
	clear: left;
	margin: 120px 0 0 100px;
	width: 184px;
}

.type #nav_diapos a{
	float: left;
	clear: left;
	display: block;
	width: 184px;
	height: 104px;
	overflow: hidden;
	margin-bottom: 1px;
}

.type #nav_diapos img{
	float: left;
}

.type #nav_diapos a .motif{
	position: relative;
	top: -104px;
	float: left;
	width: 100%;
	height: 100%;
	display: block;
}

.type #nav_diapos a .motif,
.type #nav_diapos a:link .motif,
.type #nav_diapos a:visited .motif{
	/*visibility: hidden;*/
}

.type #nav_diapos a:hover .motif,
.type #nav_diapos a:active .motif,
.type #nav_diapos a.select .motif,
.type #nav_diapos a:link.select .motif,
.type #nav_diapos a:visited.select .motif{
	cursor: pointer;
	visibility: visible;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	background: #000 url(../images/picto_cross.gif) no-repeat center;
}


/* -------------------------------------------------------------------------
	FIX LA HAUTEUR (lorsqu'on veut voir le wallpaper
 --------------------------------------------------------------------------- */
#sizehauteur {
	height:438px;
	width:1px;
	display:none;
}
/* -------------------------------------------------------------------------
	SOUS MENU
 --------------------------------------------------------------------------- */
#menu_sousmenu {
	display:inline;
}
.menu_sousmenu {
	/*margin-top:-15px;*/
}
/* -------------------------------------------------------------------------
	BOXES
 --------------------------------------------------------------------------- */
#boxes{
	width: 1272px;
	position: relative;
	left: 50%;
	margin-left: -636px;
	z-index: 33;
	clear: left;
	/*float: left;*/
}

/* -------------------------------------------------------------------------
	FOOTER
 --------------------------------------------------------------------------- */
#footer_container{
	width: 100%;
	background-color: #f4f4f2;
	position: relative;
	z-index: 35;
}

#footer{
	width: 984px;
	height: 46px;
	margin: 0 auto;
	padding-bottom: 30px;
	background-color: #f4f4f2;
}

#footer a,
#footer{
	color: #7a7a79;
	font-size: 9px;
}

#partenaires{
	width: 384px;
	height: 46px;
	float: left;
}

#partenaires #signature{
	width: 204px;
	float: left;
}

#partenaires #signature a,
#partenaires #signature img{
	float: left;
}

#partenaires #degre7{
	margin-left: 27px;
}

#ot{
	width: 354px;
	height: 100%;
	float: left;
}

#ot img{
	padding-top: 6px;
}

#ot p{
	padding-top: 7px;
}

#ot a{
	float: left;
}

#ot span.separ{
	padding: 0 3px;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
	position: relative;
	top: -2px;
	float: left;
}

#uptodate{
	height: 100%;
	float: left;
}

#uptodate img{
	padding-top: 6px;
	float: left;
}

#uptodate #form_newsletter{
	float: left;
	clear: left;
	padding-top: 7px;
}

#uptodate label{
	float: left;
}

#uptodate input.text{
	width: 139px; /* 140 - border L */
	height: 15px; /* 16 - border T */
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin-left: 11px;
}

#uptodate input.submit{
	float: left;
	width: 25px;
	height: 17px;
	cursor: pointer;
	margin-left: 6px;
}

#uptodate input.submit{
	background: url(../images/go.gif);
}

#mail_signup_loader {}

#mail_signup_content {
	float: left;
	clear: left;
	font: italic 11px Georgia, Times, serif;
	color: #f5a232;	
	display:none;
	padding-top: 7px;
	width: 100%;
}


/* -------------------------------------------------------------------------
	TABLEAU CONTENANT UN FORMULAIRE
 --------------------------------------------------------------------------- */
.table_formulaire {
	float:none;
}

.table_formulaire td {
	padding:4px 4px 4px 4px;
}

.table_formulaire td input {
	width:100px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;	
}
.table_formulaire .textlarge {
	width:200px;

}

.table_formulaire td select {
	font: italic 11px Georgia,serif;
	color: #f5a232;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;		
}

.table_formulaire td textarea {
	font: italic 11px Georgia,serif;
	color: #f5a232;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;	
	width:95%;	
}

.formulaire_info_legale {
	text-align:justify;
	color:#AAAAAA;
	font-size:10px;
}

.formulaire_reponse {
	margin:10px 0 10px 0;
	text-align:center;
	color:#f5a232;
	text-transform:uppercase;
}


.tooltip_close_content {
	top:-35px;
	margin-top:30px;
	margin-left:354px;
	font-family:Helvetica, Georgia, "Times New Roman", Times, serif;
	font-size:11px;	
}

.hidden {
	display:none;
}


/* Bouton close de la modal */
a.smoothboxclose, a.smoothboxclose:link, a.smoothboxclose:active, a.smoothboxclose:visited{
 background-color:#232220; 
 padding:5px; 
 border:none; 
 text-decoration:none; 
 color:#ffffff;}

a.smoothboxclose:hover{ background-color:#F5A232; color:#FFF; }