/*
    Document   : style
    Created on : 23 nov. 2011, 10:38:31
    Author     : julienstara
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style!!
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

* {
    margin: 0;
    padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}


a:hover {
	text-decoration: underline;
	color: #9C131A
}


h1 {
    font-size: 16px;
    color: #534840;
    font-weight: bold;
    line-height: 28px;
    padding-top: 10px;
    z-index: 100;
    padding: 10px;
}
h2,h3,h4 {
    color: #534840;
    font-size: 13px;
    padding-bottom: 4px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-color: #f7f7f7;
    font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
textarea{
    overflow:auto;
}

/********************************************
                   COMMON
********************************************/


@font-face {
    font-family: 'HandOfSeanRegular';
    src: url('/fonts/handsean-webfont.eot');
    src: url('/fonts/handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/handsean-webfont.woff') format('woff'),
         url('/fonts/handsean-webfont.ttf') format('truetype'),
         url('/fonts/handsean-webfont.svg#HandOfSeanRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.handSean {
    font-family: 'HandOfSeanRegular';
}

@font-face {
    font-family: 'LaBelleAuroreRegular';
    src: url('/fonts/labelleaurore-webfont.eot');
    src: url('/fonts/labelleaurore-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/labelleaurore-webfont.woff') format('woff'),
         url('/fonts/labelleaurore-webfont.ttf') format('truetype'),
         url('/fonts/labelleaurore-webfont.svg#LaBelleAuroreRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.belleAurore {
    font-family: 'LaBelleAuroreRegular', cursive;
    font-size: 16px;
}

.droid {
    font-family: 'Droid sans', cursive;
}

#body-cont {
	width: 970px;
	height: auto;
	margin-left: 29px;
	clear: both;
	position: relative;
        border-radius: 0px 0px 5px 5px;
}

.body-home.show {
	/*margin-bottom: 470px;*/
}

.body-home {
	margin-bottom: 0px;
}

#newH1 {
    height: 40px;
    left: 0;
    padding: 11px 0 0 15px;
    position: relative;
    top: 155px;
    color: #534840;
    background: transparent url('/images/francine/gallery-text-bg-d.png') repeat scroll 0 0;
    font-size: 20px;
    font-family: Arial, helvetica, sans-serif;
}
#newH1ColumnRight {
    height: 40px;
    left: 0;
    padding: 11px 0 0 15px;
    position: relative;
    top: -51px;
    color: #534840;
    background: transparent url('/images/francine/gallery-text-bg-d.png') repeat scroll 0 0;
    font-size: 20px;
    font-family: Arial, helvetica, sans-serif;
}

.newH2 {
    color: #73ab4b;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 25px;
}
.newH3 {
    color: #534840;
    font-size: 15px;
}

.aHref {
   background: url('/imageTempCSS/arrowOrange.png') no-repeat scroll right 4px;
   padding-right: 15px;
}

.hide {
    display: none;
}

.borderBottom {
    border-bottom: 1px solid #DDDDDD;
}

.floatLeft {
    float: left;
}

.floatLeft ul {
    margin:0;
}

.floatRight {
    float: right;
}

.relative {
    position: relative;
}

.borderBottom {
    border-bottom: 1px solid #DDDDDD;
}

.textAreaHight {
    border: 1px solid #E3DDDD;
    width: 685px;
    height: 250px;
    margin-top: 20px;
}
.textAreaNormal {
    border: 1px solid #E3DDDD;
    width: 685px;
    height: 100px;
    margin-top: 10px;
}

.aHref {
   background: url('/imageTempCSS/arrowOrange.png') no-repeat scroll right 4px;
   padding-right: 15px;
}

.exposant {
    font-size: 0.7em;
    line-height: 0.8em;
    vertical-align: super;
}

.aLogin {
    margin-left: 545px;
}

.inputSite {
    border: 1px solid #E3DDDD;
    font-size: 12px;
    padding: 1px;
}

.nowrap {
    white-space: nowrap;
}

.marginspace {
	margin: 0px;
}

.marginBottom10px {
	margin-bottom: 10px;
}

.margin8px {
    margin: 8px;
}


#header {
	width: 970px;
	height: auto;
	margin-left: 29px;
	z-index: 999;
}

#nouvelle-rgt .p , #nouvelle-rgt h3, #nouvelle-rgt h4 {
	padding: 10px 10px 10px;
    clear: left;
}

#nouvelle-rgt ul.p {
	padding-left: 30px;
}


.rgtLogin {
    background: url("../images/francine/background_top.png") no-repeat scroll center top transparent;
    padding: 15px;
    width: 700px;
}
.rgtLogin p {
    margin: 10px 207px;
}

.aroundButtonOrange {
    background-color: #F49A09;
    border-bottom: 1px solid #E88F00;
    border-top: 1px solid #E88F00;
    margin-left: -15px;
    padding: 20px 0;
    width: 730px;
}

.aroundButtonGreen {
    background-color: #E0EECC;
    border-bottom: 1px solid #C5DEA3;
    border-top: 1px solid #C5DEA3;
    margin-left: -15px;
    padding: 5px 0;
    width: 730px;
}
.aroundButtonGreen p {
    padding-left: 15px;
    width: 300px;
}

/***********************
       MAIN IMAGE
***********************/

#slider2,#slider2 li {
    overflow: hidden;
    position: relative;
    height: 266px;
}

.frame .content-right-frame img {
    margin-left: -5px;
}

.votor-dis .form-hobbies,.local_agent_name h4 {
    color: #534840;
    font-weight: bold;
    font-size: 14px;
}

.agentForm-hobbies {
    color: #534840;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}

.infotitle {
    font-size: 13px;
    color: #ee4f15;
    font-weight: bold;
    width: 140px;
    background: url(../images/francine/infoarow.jpg) no-repeat right center;
    float: left;
    margin-right: 5px;
    min-height: 24px;
    line-height: 19px;
}

.infotitle-dis,.infotitle-dis2 {
    width: 100%;
    height: auto;
    padding: 10px 0;
}

.infotitle-dis2 {
    padding-bottom: 10px;
}

/****************
      POP-UP
****************/

.popup_box_container{
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
}
.popup_box_container .mask{
	background:#000;
	opacity:0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.popup_box_container .popup_box{
	position:absolute;
	top:230px;
	left:50%;
	margin:0 0 0 -370px;
	overflow:hidden;
	padding:0;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:730px;
}
.popup_box_container .select_contact_box{
	margin:0 0 0 -270px;
	width:538px;
}
.popup_box_container .select_contact_box .top{
	overflow:hidden;
}
.popup_box_container .select_contact_box .top label{
	float:left;
	margin:2px 0 0 50px;
	color:#333333;
	font-size:12px;
	line-height:16px;
}
.popup_box_container .select_contact_box .top label input{
	float:left;
	margin:0 5px 0 0;
}
.popup_box_container .select_contact_box .top input[type=text]{
	float:right;
	margin:0 40px 0 0;
	font-size:12px;
	color:#aaa;
	font-family: Arial, Helvetica, sans-serif;
	padding:1px 5px;
	border:1px solid #dddddd;
	width:225px;
}
.popup_box_container .select_contact_box .contacts{
	border:1px solid #dddddd;
	overflow:hidden;
	overflow-y:auto;
	width:454px;
	height:255px;
	padding:0 0 5px;
	margin:5px 0 0 42px;
}
.popup_box_container .select_contact_box .contacts label{
	float:left;
	margin:7px 0 0 7px;
	color:#666;
	width:385px;
	*white-space:nowrap;
	font-size:14px;
	clear:both;
}
.popup_box_container .select_contact_box .contacts label input{
	float:left;
	margin:0 5px 0 0;
}
.popup_box_container .select_contact_box .contacts label a{
	color:#669f43;
}
.popup_box_container .select_contact_box .bot{
	overflow:hidden;
	text-align:right;
	line-height:47px;
}
.popup_box_container .select_contact_box .button-green{
	float:right;
	text-decoration:none;
	margin:8px 40px -4px 20px !important;
	display:block !important;
}
.popup_box_container .select_contact_box .bot a{
	text-decoration:underline;
	font-size:12px;
	line-height:18px;
	padding:14px 0 0;
	float:right;
}
.popup_box_container .select_contact_box .bot a.button-green{
	width: 100px;
	margin: 35px auto 0;
	font-size: 14px;
	text-align: center;
	line-height:normal;
	text-decoration:none;
	padding: 0 0 0 4px;
}
.popup_box_container .select_contact_box a:hover{
	text-decoration:none;
}

.popup_box_container .popup_box h2{
	font-size:18px;
	color:#534840;
	font-weight:bold;
	padding:10px 13px;
	margin:0 0 10px;
	border-bottom:1px solid #e9e9e9;
}
.popup_box_container .popup_box h3{
	font-size:18px;
	color:#534840;
	font-weight:bold;
	padding:10px 13px 2px;
	background:url(images/crazyxhtml/bgr_head_bullet.png) no-repeat 3px 15px;
}
.popup_box_container .popup_box h4{
	font-size:16px;
	color:#534840;
	font-weight:bold;
	padding:4px 8px 0;
}
.popup_box_container .popup_box .caption .button-green{
	width:100px;
	margin:35px auto 0;
	font-size:16px;
	text-align:center;
	padding:0 0 0 4px;
	background:url(images/crazyxhtml/btn_green_left.png) no-repeat 0 0;
}
.popup_box_container .popup_box .caption .button-green span{
	padding:7px 25px 7px 5px;
	background:url(images/crazyxhtml/btn_green_right.png) no-repeat 100% 0;
}
.popup_box_container .popup_box .caption .button-green:hover{
	background-image:url(images/crazyxhtml/btn_green_left_h.png);
}
.popup_box_container .popup_box .caption .button-green:hover span{
	background-image:url(images/crazyxhtml/btn_green_right_h.png);
}
.popup_box_container .popup_box .caption .image:hover .button-green{
	display:block;
}

.popup_box_container .popup_box p a.more{
	background:url(images/crazyxhtml/ico_more.png) no-repeat 100% 2px;
	padding:0 20px 2px 0;
}
.popup_box_container .popup_box p a.more:hover{
	background-image:url(images/crazyxhtml/ico_more_h.png);
}
.popup_box_container .popup_box .image{
	font-size:18px;
	color:#534840;
	font-weight:bold;
	padding:10px 0;
}
.popup_box_container .popup_box .btn_close{
     float:right;
     background:url(images/crazyxhtml/ico_close.png) no-repeat right 0;
     padding:1px 15px 1px 0;
     font-size:12px;
     line-height:10px;
     color:#aaa;
     text-decoration:none;
     font-weight:bold;
     margin:15px 15px 0 0;
     text-transform:uppercase;
}
.popup_box_container .popup_box .btn_close:hover{
    color:#9f131a;
    background-image:url(images/crazyxhtml/ico_close_h.png);
    text-decoration:none;
}
.popup_box_prezi .btn_close {
    float:right;
    background:url(images/crazyxhtml/ico_close.png) no-repeat right 0;
    padding:1px 15px 1px 0;
    font-size:12px;
    line-height:10px;
    color:#AAAAAA;
    text-decoration:none;
    font-weight:bold;
    margin:15px 15px 0 0;
    text-transform:uppercase;
}
.popup_box_prezi .btn_close:hover {
    color:#9F131A;
    background-image:url(images/crazyxhtml/ico_close_h.png);
    text-decoration:none;
}

.popup_box_container .popup_box .col{
    float:left;
    margin:0 0 0 29px;
    width:298px;
}
.popup_box_container .popup_box .image{
    position:relative;
}
.popup_box_container .popup_box .image img{
    display:block;
}
.popup_box_container .popup_box .image .caption{
    display:block;
    background:url(images/crazyxhtml/bgr_caption.png) repeat 0 0;
    width:100%;
    position:absolute;
    height:auto;
    top: 15px;
    padding:0 0 15px;
    overflow:hidden;
    left:0;
}
.popup_box_container .popup_box .image:hover .caption{
    width:100%;
    height:100%;
    padding:15px 0 0;
    bottom:auto;
    top:0;
}
.popup_box_container .popup_box .or{
    height:212px;
    line-height:219px;
    font-size:16px;
    float:left;
    color:#333;
    margin:13px 0px 0 20px;
    padding:7px 0 0;
    font-weight:bold;
    background:url(images/crazyxhtml/bgr_or_v.png) no-repeat 50% 50%;
}

.popup_box_container.facebook_preview_container .popup_box,.popup_box_container.forgot_password_container .popup_box  {
    width:450px;
    margin-left: -225px;
}

.popup_box_prezi {
    width:550px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    left: 35%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 120px;
}
.prezi-player {
    width: 550px;
}
.prezi-player-links {
    text-align: center;
    padding: 10px 0px;
}

.popup_box_prezi h2 {
    border-bottom: 1px solid #E9E9E9;
    color: #534840;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:10px;
    padding: 10px 13px;
}



/********
  FORM
********/

.form-state-error-message {
    background-color: none;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
    color: #A21021;
    margin-left: 10px;
    position: relative;
    border: 2px solid #A21021;
}

.infotitle-dis2 .form-state-error-message,.infotitle-dis .form-state-error-message {
    top: 4px;
}

.form-state-error {
    color: #A21021;
    border-color: #A21021;
}

#nouvelle-rgt form label.form-state-error, label.form-state-error {
    color: #A21021;
    background-color: #fff;
}

#formquote .form-agent > div {
    margin: 5px;
    position: relative;
}

#formquote .form-agent div div {
    margin: 0px;
}

#formquote .form-agent div div.agent-pic-container {
    width: 142px;
    position: absolute;
    left: 0;
}

#formquote .form-agent div div.agent-infos-display {
    margin-left: 152px;
    width: 198px;
    word-wrap: break-word;
}

#formquote .form-agent div img {
    margin: 0 10px 0 0;
}

.form-agent a.button-green {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

#formquote .form-agent .full-description {
    display: none;
}

.form-agent {
    float: left;
    width: 360px;
    margin: 0 20px 50px 0;
    padding: 0;
    display: block;
    text-align: left;
    height: 172px;
    position: relative;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#formquote .form-agent div {
    margin: 5px;
}

#formquote .form-agent div div {
    margin: 0px;
}

#formquote .form-agent div img {
    float: left;
    margin: 0 10px 0 0;
}

#formquote .form-agent div div * {
    clear: both;
}

#formquote .form-agent .full-description {
    display: none;
    padding-bottom: 30px;
}

#formquote .form-agent.active {
    background-color: #fff;
    height: auto;
    z-index: 1;
}

#formquote .form-agent.active:hover {
    background-color: #f8f4f3;
}

#formquote .form-agent p.see-more {
    margin-bottom: 40px;
}

#form-agent-info-popup .form-agent .min-description,#formquote .form-agent.active .min-description {
    display: none;
}

#form-agent-info-popup .form-agent .full-description,#formquote .form-agent.active .full-description {
    display: block;
}

#formquote .form-agent.active .see-more {
    display: none;
}

#form-infos-left {
    margin: 30px 10px;
}

#form-infos-left p {
    margin: 10px 0 5px 0;
}

#private_guide_language, #private_driver_alert {
    display: none;
}

#votre-guide-lft #form-infos-left ul li {
    margin: 0 0 0 10px;
    list-style-type: square;
    list-style-position: inside;
}

.left-m-plan-agent {
    font-size: 12px;
}

.left-m-plan-agent p {
    font-weight: bold;
}

#gauthier .choose-agent {
    font-size: 90px;
    margin: 50px auto 0 auto;
    opacity: 0.3;
    color: #A39B91;
}

#formquote .precisions-exemples {
    font-style: italic;
    font-weight: normal;
}

#formquote input:FOCUS {
    border: #EE4F15 1px solid;
}

/**************
    TABLEAU
**************/

/*tabcont*/
#tabbar {
	height: auto;
}

#tabs {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 38px;
}

#tabs ul {
	height: 28px;
	border-bottom: 1px solid #DDD;
}

#tabs li {
	list-style: none;
	display: inline-block;
	float: left;
	width: 140px;
	text-align: center;
}

#tabs li a {
	display: block;
	width: 140px;
	height: 37px;
	background: url(../images/francine/tabBg.gif) no-repeat center -38px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #534840;
	line-height: 30px;
	outline: 0 none;
}

#tabs li>a:hover,#tabs li.active>a {
	text-decoration: none;
	background-position: 0 0;
}

#tabcont {
	width: 100%;
        position: relative;
	height: auto;
	padding-bottom: 10px;
	margin: 0px 0px;
}


#tabcont p.strong2 {
	font-size: 14px;
	color: #534840;
	line-height: 18px;
	font-weight: bold;
}

#tab1 {
	width: 730px;
	height: auto;
}

#tab1 p {
	font-size: 12px;
	line-height: 18px;
}

#tab1-video {
	width: 730px;
	height: auto;
	margin-top: 20px;
}

#tab1-videobar {
	width: 261px;
	height: auto;
	float: left;
}

#tab1-video-text {
	width: 450px;
	height: auto;
	float: left;
}

#tab1-video-text ul {
	width: 196px;
	float: left;
	margin-left: 23px;
	padding: 0;
	list-style: none;
}

#tab1-video-text ul li {
	line-height: 18px;
	font-size: 12px;
	color: #817973;
}

#tab1-video-btn {
	width: 730px;
	height: auto;
	margin: 10px 0 20px;
}

#tab5,#tab3,#tab2,#tab4 {
	width: 730px;
	height: auto;
}

#tab5 p,#tab3 p,#tab2 p,#tab4 p {
	font-size: 12px;
	line-height: 18px;
}

#tab5 p strong,#tab3 p strong,#tab4 p strong {
	font-weight: bold;
	color: #ee4f15;
	font-size: 14px;
	line-height: 18px;
}

.tab5text,.tab3text,.tab2text {
	width: 730px;
	height: auto;
	margin: 0px;
	display: block;
	clear: both;
	border-bottom: #DDD 1px solid;
	padding: 10px;
}

.tab5text {
    min-height: 160px;
}

.tab5text img, .tab5text .imagewrapper {
	margin: 0px 10px 0 0;
	float: left;
}

.tab5text h4 {
	font-size: 14px;
	font-weight: bold;
	color: #534840;
	line-height: 18px;
	padding-top: 6px;
}

.tab5textstrong {
	font-size: 12px;
	color: #534840;
	line-height: 18px;
	font-weight: bold;
	display: block;
}

.tab5text p a {
	font-weight: bold;
	color: #ee4f15;
	line-height: 24px;
}

#tab5link {
	width: 730px;
	height: 36px;
}

#tab5link a {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	display: block;
	padding: 10px;
}

.bb {
	width: 100%;
	background: url(../images/francine/botom-border.jpg) left top repeat-x;
	margin-top: 40px;
	height: 1px;
	margin-bottom: 5px;
}

.tab3text-img {
	width: 211px;
	height: auto;
	float: left;
}

.tab3text-para {
	width: 470px;
	height: auto;
	float: left;
	margin-left: 11px;
	padding-top: 15px;
}

.tab2text-img {
	width: 152px;
	height: auto;
	float: left;
	margin: 8px;
}

.tab2text-imgItinerary {
	margin: 0px;
}

.tab2text-para {
	width: 528px;
	height: auto;
	float: left;
	margin-left: 9px;
}

.tab2text-para p {
	margin-bottom: 0;
	line-height: 18px;
	font-size: 12px;
}

.tab2text-para h5, .message h5 {
	line-height: 24px;
	color: #A51819;
	font-size: 14px;
	font-weight: bold;
}

.tab2text-para a,.tab2text-para span.like_link {
	font-size: 12px;
	font-weight: normal;
	color: #A51819;
	/*background:url(../images/francine/a+.png) right top no-repeat;*/
	padding-right: 21px;
	line-height: 24px;
}

/* Autogrow un peu specia, le JS prends le dessus
pour l'instant au 27/11/11, je n'en ai pas trouvé
l'utilité, /!\ A VERIFIER /!\ */

.autogrow.comntbar-input {
    overflow: hidden;
    height: auto;
}

.help  {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/francine/what.png) no-repeat left center;
    float:right;
    padding-top: 5px;
    margin-right: -5px;
}

.clic {
    border: solid 1px transparent;
}
.clic * {
    cursor: pointer;
}

.clic-showStep1 {
    margin-left: -6px;
    width: 130px;
}

.groupedis .clic-show {
    padding-left: 3px;
}

.textAreaHight {
    width: 685px;
    height: 250px;
    margin-top: 20px;
}
.textAreaSlim {
    width: 685px;
    height: 100px;
    margin-top: 20px;
}

.nowrap {
    white-space: nowrap;
}


.home-country,.square {
    width: 167px;
    float: left;
    margin-left: 8px;
    margin-bottom: 10px;
    padding: 3px 3px 10px 3px;;
    min-height: 255px;
    position: relative;
}

#cadre {
    width: 730px;
    height: auto;
    padding-left: 0px;
    margin: 10px auto;
    position: relative;
    box-shadow: #eee 0 0 3px;
    border: solid 1px #ddd !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.griser {
    color: #CCCCCC;
    font-style: italic;
}

#imgLoader {
    display:none;
    left: 210px;
    top: -11px;
}

.annotation {
    color: #999999;
    font-style: italic;
    font-weight: lighter;
}

.note {
    font-size:12px;
    padding: 5px 10px;
    color:#AAA;
}

.inLoading p {
    bottom: 30px;
    color: #EE4F15;
    float: left;
    font-weight: bold;
    position: relative;
    right: 39px;
}

#slider {
    width: 970px;
    z-index: 2;
}

#slider ul,#slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider,#slider li {
    width: 970px;
    overflow: hidden;
    height: 349px;
}

#wrapper {
    width: 1027px;
    height: auto;
    margin: 0px auto 0;
    position: relative;
    z-index: 1;
}

/*******************************
           HEADER
*******************************/

#headBand {
    background: transparent url('/imageCSS/newHeaderFooter/bandeauHeader.jpg') repeat-x;
    width: 100%;
    height: 56px;
    position: relative;
    z-index: 2;
}

#headBand>#centerMenu>.menuHeader>li>img {
    margin-top: -15px;
}

#centerMenu {
    margin: 0 auto;
    width: 1020px;
    height: 100%;
}
#centerMenu a:hover {
    text-decoration: none;
}

.menuHeaderLeft {
    font-family: 'Droid sans', sans-serif;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 13px;
    text-shadow: 1px 1px 1px #000000;
}
.menuHeaderLeft>li {
    display: inline-block;
    font-family: 'Droid sans', sans-serif;
    vertical-align: middle;
    height: 100%;
    *zoom: 1;
    *display: inline;
}

/* .menuHeaderLeft>li:first-child {
    margin-top: -52px;
}*/

.clickMenu {
    height: 100%;
    vertical-align: middle;
}
.clickMenu a div {
    color: #FFFFFF;
}
.clickMenu a:hover div:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.fondMenuHeader {
    padding: 8px;
    cursor: pointer;
}
.fondMenuHeader:hover {
    background: none repeat scroll 0 0 #534840;
    border: 1px solid #333333;
    border-radius: 3px 3px 3px 3px;
    padding: 7px;
}
.fondMenuHeader:active {
    box-shadow: 0 0 2px #000000 inset;
}
.fondArrow {
    padding-right: 16px;
    *padding-right: 7px;
    *margin-right: 5px;
}
.fondArrow:hover {
    padding-right: 15px;
    *padding-right: 6px;
}

.howWork {
    text-align: left;
    margin: -7px 0 0;
    *margin: -7px 0 0 10px;
}

.menuHeaderRight {
    margin-right: 20px;
}
.menuHeaderRight>li {
    display: inline-block;
    font-family: 'Droid sans', sans-serif;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}

.triangle-isosceles {
    padding: 5px;
    position: relative;
}
.triangle-isosceles:after {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 4px 3px 0;
    top: 23px;
    left: 105px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}

.rechercheInactive {
    background: url('/imageCSS/newHeaderFooter/leftRecherche.png') no-repeat scroll left top;
    border: 0;
    color: #38322E;
    width: 67px;
    height: 30px;
    padding: 0 0 0 10px;
    line-height: 30px;
    cursor: default;
}
.searchField:hover .rechercheInactive {
    background: url('/imageCSS/newHeaderFooter/leftRechercheHover.png') no-repeat scroll left top;
}
.rechercheSubmit {
    background: url('/imageCSS/newHeaderFooter/rightRecherche.png') no-repeat scroll right top;
    border: 0;
    width: 23px;
    height: 30px;
}
.searchField:hover .rechercheSubmit {
    background: url('/imageCSS/newHeaderFooter/rightRechercheHover.png') no-repeat scroll right top;
}

.rechercheActive {
    background: url('/imageCSS/newHeaderFooter/leftRechercheActive.png') no-repeat scroll left top;
    border: 0;
    color: #38322E;
    width: 137px;
    height: 30px;
    padding: 0 0 0 10px;
    line-height: 30px;
}

.rechercheSubmitActive {
    background: url('/imageCSS/newHeaderFooter/rightRechercheActive.png') no-repeat scroll right top;
    border: 0;
    width: 23px;
    height: 30px;
    cursor: pointer;
}
.rechercheSubmitActive:hover {
    background: url('/imageCSS/newHeaderFooter/rightRechercheActiveHover.png') no-repeat scroll right top;
    z-index: 99;
}

.triangle-isoscelesTwo {
    padding: 5px;
    position: relative;
    margin-left: -5px;
}
.triangle-isoscelesTwo:after {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 4px 3px 0;
    top: 24px;
    left: 32px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}

.buttonHeader {
    color: #FFFFFF;
    font-size: 11px;
    font-family: 'Droid Sans', sans-serif;
    text-decoration: none;
    padding: 6px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.buttonHeader>img {
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
}

.OrangeFacebook {
    border: 1px solid #BA3E11;
    text-shadow: 1px 1px 0px #444444;
    cursor: cursor !important;
    background: #D84813;
    background: -webkit-gradient(linear, left top, left bottom, from(#D84813), to(#BE3F11));
    background: -webkit-linear-gradient(top, #D84813, #BE3F11);
    background: -moz-linear-gradient(top, #D84813, #BE3F11);
    background: -ms-linear-gradient(top, #D84813, #BE3F11);
    background: -o-linear-gradient(top, #D84813, #BE3F11);
    cursor: pointer;
}
.OrangeFacebook:hover {
   -webkit-box-shadow: rgba(23,23,23,1) 0px 0px 5px;
   -moz-box-shadow: rgba(23,23,23,1) 0px 0px 5px;
   box-shadow: rgba(23,23,23,1) 0px 0px 5px;
}
.OrangeFacebook:active {
    box-shadow: 0 5px 6px #8E3616 inset;
}


/***************************
Submenu "How does it work ?"
***************************/

#submenuHowWork {
    background-color: #FFFFFF;
    font-family: 'Droid sans', sans-serif;
    right: -11px;
    padding: 7px 0 9px;
    position: absolute;
    top: 53px;
    width: 125px;
    *width: 118px;
    border-bottom: 1px solid #AEAEAE;
    border-left: 1px solid #AEAEAE;
    border-right: 1px solid #AEAEAE;
    border-radius: 0px 0px 2px 2px;
    text-shadow: 0px 0px 0px #FFFFFF;
    box-shadow: 0 1px 3px #CCCCCC;
    z-index: 2;
}
#submenuHowWork ul {
    font-family: 'Droid sans', sans serif;
}
#submenuHowWork ul li {
    padding: 3px 10px;
    cursor: pointer;
}
#submenuHowWork ul li:hover {
    color: #FFFFFF;
    background-color: #554A42;
    text-shadow: 1px 1px 0px #000000;
}
#submenuHowWork ul li a {
    cursor: pointer;
    color: #534840;
}
#submenuHowWork ul li:hover a {
    color: #FFFFFF;
    text-decoration: none;
}

/***************************
    Submenu connection
***************************/


#submenuConnection {
    background-color: #FFFFFF;
    border-bottom: 1px solid #AEAEAE;
    border-left: 1px solid #AEAEAE;
    border-right: 1px solid #AEAEAE;
    border-radius: 0 0 2px 2px;
    padding: 20px 0;
    position: absolute;
    right: -80px;
    *right: -72px;
    text-shadow: 0 0 0 #FFFFFF;
    box-shadow: 0 1px 3px #CCCCCC;
    top: 53px;
    width: 230px;
}

#submenuConnection>hr{
    border-top: 1px solid #EEEEEE;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    margin: 16px 0px 15px 0;
}
#submenuConnection>form {
    text-align: center;
}

.BlueFacebook {
    border: 1px solid #203359;
    text-shadow: 1px 1px 0px #444444;
    cursor: cursor !important;
    background: #3B5998;
    background: -webkit-gradient(linear, left top, left bottom, from(#3B5998), to(#2F477A));
    background: -webkit-linear-gradient(top, #3B5998, #2F477A);
    background: -moz-linear-gradient(top, #3B5998, #2F477A);
    background: -ms-linear-gradient(top, #3B5998, #2F477A);
    background: -o-linear-gradient(top, #3B5998, #2F477A);
    border-color: #203359;
    width: 170px;
    margin: 0 auto;
}
.BlueFacebook:hover {
   -webkit-box-shadow: rgba(48,74,127,1) 0px 0px 5px;
   -moz-box-shadow: rgba(48,74,127,1) 0px 0px 5px;
   box-shadow: rgba(48,74,127,1) 0px 0px 5px;
}
.BlueFacebook:active {
    box-shadow: 0 5px 6px #24375E inset;
}

.pHR {
    background-color: #FFFFFF;
    color: #B8B8B8;
    left: 105px;
    position: absolute;
    text-align: center;
    top: 56px;
    *top: 64px;
    width: 20px;
    font-size: 11px;
}

.inputConnection {
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px #DDDDDD inset;
    padding: 5px;
    color: #534840;
}
.inputConnection:focus {
    border: 1px solid #98918C;
    color: #534840;
}
.inputSubmenu {
    width: 180px;
    margin: 5px auto;
}

.centerSubmitConnection {
    margin: 5px 19px 0;
}

.checkboxConnection {
    color: #534840;
    font-size: 11.5px;
}
.checkboxConnection>input {
    margin-right: 5px;
}

.submitConnection {
    border: 1px solid #C9C9C9;
    color: #534840;
    padding: 6px 8px;
    font-size: 11px;
    text-decoration: none;
    cursor: cursor !important;
    background: #FEFEFE;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E5E5E5));
    background: -webkit-linear-gradient(top, #FEFEFE, #E5E5E5);
    background: -moz-linear-gradient(top, #FEFEFE, #E5E5E5);
    background: -ms-linear-gradient(top, #FEFEFE, #E5E5E5);
    background: -o-linear-gradient(top, #FEFEFE, #E5E5E5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.submitConnection:hover {
    -webkit-box-shadow: rgba(204,204,204,1) 0px 0px 4px;
    -moz-box-shadow: rgba(204,204,204,1) 0px 0px 4px;
    box-shadow: rgba(204,204,204,1) 0px 0px 4px;
}
.submitConnection:active {
    box-shadow: 0 5px 6px #CCCCCC inset;
}

/***********************************************************************
                                NEW FOOTER
***********************************************************************/

#aboveFooter {
    padding: 10px 0;
}
#aboveFooter>p {
    font-weight: 700;
    margin-left: 30px;
    margin-top: 13px;
    color: #AFA8A6;
}

.seenOn {
    margin-left: 36px;
    padding: 0 30px 0 21px;
    padding-right: 24px\9;
}

.petitFute {
    background: url('/imageCSS/newHeaderFooter/petitFute.png') no-repeat scroll left bottom;
    width: 89px;
    height: 35px;
}
.petitFute:hover {
    background: url('/imageCSS/newHeaderFooter/petitFute.png') no-repeat scroll left top;
}

.parisien {
    background: url('/imageCSS/newHeaderFooter/parisien.png') no-repeat scroll left bottom;
    width: 100px;
    height: 25px;
    margin-top: 10px;
}
.parisien:hover {
    background: url('/imageCSS/newHeaderFooter/parisien.png') no-repeat scroll left top;
}

.pleineVie {
    background: url('/imageCSS/newHeaderFooter/pleineVie.png') no-repeat scroll left bottom;
    width: 72px;
    height: 32px;
}
.pleineVie:hover {
    background: url('/imageCSS/newHeaderFooter/pleineVie.png') no-repeat scroll left top;
}

.bfm {
    background: url('/imageCSS/newHeaderFooter/bfm.png') no-repeat scroll left bottom;
    width: 99px;
    height: 36px;
    margin-top: 3px;
}
.bfm:hover {
    background: url('/imageCSS/newHeaderFooter/bfm.png') no-repeat scroll left top;
}

.twentyMin {
    background: url('/imageCSS/newHeaderFooter/twentyMin.png') no-repeat scroll left bottom;
    width: 23px;
    height: 43px;
}
.twentyMin:hover {
    background: url('/imageCSS/newHeaderFooter/twentyMin.png') no-repeat scroll left top;
}

.trek {
    background: url('/imageCSS/newHeaderFooter/trek.png') no-repeat scroll left bottom;
    width: 62px;
    height: 35px;
    margin-top: 3px;
}
.trek:hover {
    background: url('/imageCSS/newHeaderFooter/trek.png') no-repeat scroll left top;
}

#centerMenuFooter {
    margin: 0 auto;
    width: 963px;
}

#belowFooter {
    background-color: #D5CFC8;
    border-top: 1px solid #BAA69E;
    box-shadow: 0 -1px 6px #E2E2E2;
    width: 100%;
    /* height: 270px; */
}
#belowFooter ul {
    padding: 26px 14px 0px;
    padding-right: 12px\9;
}
#belowFooter ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: 'Droid sans', sans-serif;
}
#belowFooter ul li a {
    color: #534840;
    cursor: pointer;
}
#belowFooter ul li a:hover {
    text-decoration: underline;
}
#belowFooter ul li:first-child {
    font-weight: 700;
}

.comeUs ul>.socialFooter {
    padding-left: 20px;
}

.socialFooter {
    height: 12px;
    width: 140px;
}
.footerFacebook {
    background: url('/imageCSS/newHeaderFooter/socialFooter.png') no-repeat scroll left 2px;
}
.footerTwitter {
    background: url('/imageCSS/newHeaderFooter/socialFooter.png') no-repeat scroll left -15px;
}
.footerGoogle {
    background: url('/imageCSS/newHeaderFooter/socialFooter.png') no-repeat scroll left bottom;
}

.newsletter {
    margin-top: 30px;
    width: 220px;
}

.formNewsletter {
    background: url('/imageCSS/newHeaderFooter/newsletter.png') no-repeat scroll left top;
    width: 95px;
    height: 161px;
}
.formNewsletter:hover {
    background: url('/imageCSS/newHeaderFooter/newsletter.png') no-repeat scroll left bottom;
}
.formNewsletter p {
    text-align: left;
    font-weight: 700;
}

.confirmationMessage {
    width: 140px;
    margin-top: 10px;
    color: #73AB4B;
}

.inputFooter {
    width: 108px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.presentationNewsletter {
    padding-left: 100px;
}

.anotations {
    margin-left: 37px;
}

.anotations>.placement {
    margin-left: 22px;
    margin-top: -6px;
}

.anotations>.placement2 {
    margin-left: -30px;
}

.backgroundPopUp {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color: #000000;
    z-index:999;
    opacity: 0.6;
}
.popupNewsletter {
    z-index: 9999;
    position: absolute;
    top:20%;
    left:50%;
    margin:0 0 0 -370px;
    padding:50px 10px 10px;
    background-color:#FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.overflowNewsletter {
    overflow: auto;
    width: 830px;
    height: 500px;
    margin-bottom: 15px;
}

.popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 120px;
}

.popup h2 {
    border-bottom: 1px solid #E9E9E9;
    color: #534840;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:10px;
    padding: 10px 13px;
}

.popup .btn_close {
    float:right;
    background:url(images/crazyxhtml/ico_close.png) no-repeat right 0;
    padding:1px 15px 1px 0;
    font-size:12px;
    line-height:10px;
    color:#AAAAAA;
    text-decoration:none;
    font-weight:bold;
    margin:15px 15px 0 0;
    text-transform:uppercase;
}
.popup .btn_close:hover {
    color:#9F131A;
    background-image:url(images/crazyxhtml/ico_close_h.png);
    text-decoration:none;
}

.popUpnewsletter {
    z-index: 99999;
    left: 35%;
    width: 832px;
    margin-bottom: 20px;
    left: 50%;
    margin-left: -415px;
}

/**********************************************************************
                                FOOTER
**********************************************************************/


#fbl-left {
    width:700px;
    float:left;
    height:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#FFFFFF;
    line-height:18px;
    text-decoration:none;
    padding-left:10px;
}

#fbl-left a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#FFFFFF;
    line-height:30px;
    text-decoration:none;
    padding:0 4px;
    font-weight:bold;
}

#fbl-left a:hover {
	color: #92221E
}

#fbl-right {
	width: 255px;
	float: right;
	height: 31px;
	position: relative
}

#fbl-right .flag_country {
	right: 31px;
	left: auto;
	height: 14px;
	top: 0px;
}

#fbl-right .bottom {
    top:auto;
    bottom:0px;
}

#fbl-right .flag_country {
    right:31px;
    left:auto;
    height:14px;
    top:0px;
}
#fbl-right .flag_country img {
    width:13px;
    height:10px
}

.newsform {
	width: 140px;
	height: 21px;
	border: 1px solid #6e5c57;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #9c877f;
	line-height: 21px;
	float: left;
	margin-top: 5px;
	margin-right: 2px;
}

.ok {
	float: left;
	margin: 5px 10px 0 0;
}

#newsletter-submit {
	border: none;
	background: transparent url('../images/francine/ok.jpg') no-repeat top left;
	width: 23px;
	height: 23px;
}



/*******************************
      SURVOL DU FORMULAIRE
*******************************/

.hv-extensible-frame {
    max-width: 250px;
}

.hv-extensible-frame,.hv-extensible-frame .frame {
    clear: none;
    float: none;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top;
}

.hv-extensible-frame .top-angle {
    background-position: left;
    height: 10px;
}

.hv-extensible-frame .top-right-angle {
    background-position: right;
    height: 10px;
}

.hv-extensible-frame .content-frame {
    background-position: left;
    background-repeat: repeat-y;
}

.hv-extensible-frame .content-right-frame {
    background-position: right;
    background-repeat: repeat-y;
    padding: 5px 20px;
}

.hv-extensible-frame .bottom-angle {
    background-position: left;
    height: 10px;
}

.hv-extensible-frame .bottom-right-angle {
    background-position: right;
    height: 10px;
}

.hv-extensible-frame .bottom-shadow {
    height: 15px;
    background-repeat: repeat-x;
    position: relative;
}

.hv-extensible-frame .bottom-left-shadow,.hv-extensible-frame .bottom-right-shadow {
    width: 68px;
    height: 15px;
    position: absolute;
    top: 0;
}

.hv-extensible-frame .bottom-left-shadow {
    left: 0;
}

.hv-extensible-frame .bottom-right-shadow {
    right: 0;
}

.hv-extensible-frame:hover .top-angle,.clic-active .hv-extensible-frame .top-angle {
    background-image: url('../images/francine/hv-extensible-bg-topleft.jpg');
}

.hv-extensible-frame:hover .top-right-angle,.clic-active .hv-extensible-frame .top-right-angle {
    background-image: url('../images/francine/hv-extensible-bg-topright.jpg');
}

.hv-extensible-frame:hover .content-frame,.clic-active .hv-extensible-frame .content-frame {
    background-image: url('../images/francine/hv-extensible-bg-centerleft.jpg');
}

.hv-extensible-frame:hover .content-right-frame,.clic-active .hv-extensible-frame .content-right-frame {
    background-image: url('../images/francine/hv-extensible-bg-centerright.jpg');
}

.hv-extensible-frame:hover .bottom-angle,.clic-active .hv-extensible-frame .bottom-angle {
    background-image: url('../images/francine/hv-extensible-bg-bottomleft.jpg');
}

.hv-extensible-frame:hover .bottom-right-angle,.clic-active .hv-extensible-frame .bottom-right-angle {
    background-image: url('../images/francine/hv-extensible-bg-bottomright.jpg');
}

.hv-extensible-frame:hover .bottom-shadow,.clic-active .hv-extensible-frame .bottom-shadow {
    background-image: url('../images/francine/extensible-shadow-middle.jpg');
}

.hv-extensible-frame:hover .bottom-left-shadow,.clic-active .hv-extensible-frame .bottom-left-shadow {
    background-image: url('../images/francine/extensible-shadow-left.jpg');
}

.hv-extensible-frame:hover .bottom-right-shadow,.clic-active .hv-extensible-frame .bottom-right-shadow {
    background-image: url('../images/francine/extensible-shadow-right.jpg');
}

.hv-extensible-frame.hv-disabled:hover .frame,.clic-active .hv-extensible-frame.hv-disabled .frame{
    background-image:none;
    color:#ccc;
}

.hv-extensible-frame.hv-disabled label, #nouvelle-rgt .hv-extensible-frame.hv-disabled label {
    color:#ccc;
}

/*******************************
    TITRE NOIR AVEC FLECHE
*******************************/

.bread-title,.bread-title2,.bread-title3,.glossary-title {
	height: 25px;
	border-top: 1px solid #d5d3d1;
	font-size: 16px;
	font-weight: bold;
	color: #534840;
	padding: 10px 10px 10px 22px;
	background:url(../images/francine/s-gallery-link.jpg) no-repeat 10px 17px;
}

.bread-title,.bread-title3 {
	text-align: center;
	margin: 0 auto 27px;
}

.bread-title2 {
	text-align: left;
	margin: -1px auto 0px;
        padding-top: 15px;
        padding-bottom: 15px;
}

/********************************
BREAD CRUM (FIL D'ARIANE ORANGE)
********************************/

.breadCrum {
    clear: both;
    height: 35px;
    border-bottom: 1px solid #ddd;
    overflow:hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.breadCrum.full {
    border: 1px solid #ddd;
}

a.breadCrum-item-container {
    display: block;
    height: 35px;
    float: right;
    margin: 0 0 0 0px;
    color: #ccc;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

a.breadCrum-item-container {
    margin-left:0px;
}

a.breadCrum-item-container.breadCrum-selectable {
    color: #ee4f15;
    cursor: pointer; /* Temporary : removed the hover and click */
}

a.breadCrum-item-container.breadCrum-selected,a.breadCrum-item-container.breadCrum-selectable:hover {
    background-position: top right;
    color: #9C131A;
}

.breadCrum-item-container.breadCrum-selected .breadCrum-item-inner,.breadCrum-item-container.breadCrum-selectable:hover .breadCrum-item-inner {
    background: no-repeat transparent url('../images/francine/fleche-form.png') right top;
    color: white;
}

.breadCrum-item-container .breadCrum-item-inner {
    display: block;
    padding: 10px 20px 0 20px;
    background: no-repeat transparent url('../images/francine/fleche-form.png') right bottom;
    height: 25px;
    border-top-left-radius: 5px;
    margin-left: -20px;
    text-align: center;
}

.last .breadCrum-item-inner {
    background: none;
}

.last span {
    margin-right: -20px;
}

.testimonial {
    border: 0;
}

.testimonial a{
    width: 25%;
}

/********************
        BOUTON
*********************/

/*
BOUTON CSS3
*/

.buttonOrange {
   border-top: 1px solid #f2bc6a;
   color: white;
   font-size: 15px;
   font-family: 'Droid Sans', sans-serif;
   text-decoration: none;
   cursor: cursor !important;
   background: #db8215;
   background: -webkit-gradient(linear, left top, left bottom, from(#EB6A31), to(#EE5015));
   background: -webkit-linear-gradient(top, #EB6A31, #EE5015);
   background: -moz-linear-gradient(top, #EB6A31, #EE5015);
   background: -ms-linear-gradient(top, #EB6A31, #EE5015);
   background: -o-linear-gradient(top, #EB6A31, #EE5015);
   padding: 8.5px 17px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(102,102,102,1) 0 1px 2px;
   -moz-box-shadow: rgba(102,102,102,1) 0 1px 2px;
   box-shadow: rgba(102,102,102,1) 0 1px 2px;
   text-shadow: rgba(102,102,102,.4) 0 1px 2px;
   cursor: pointer;
}
.buttonOrange:hover {
   border-top-color: #9e1012;
   background: #9e1012;
   color: #fafafa;
}
.buttonOrange:active {
   border-top-color: #730b0d;
   background: #730b0d;
}


.centerLogin {
    margin: 0 249px;
}

.staticButtonOrange {
    left: 245px;
    position: relative;
    top: -20px;
    width: 195px;
}

.buttonGreen {
   color: white;
   font-size: 13px;
   font-family: 'Droid Sans', sans-serif;
   text-decoration: none;
   cursor: cursor !important;
   background: #73AB4B;
   background: -webkit-gradient(linear, left top, left bottom, from(#73AB4B), to(#699D44));
   background: -webkit-linear-gradient(top, #73AB4B, #699D44);
   background: -moz-linear-gradient(top, #73AB4B, #699D44);
   background: -ms-linear-gradient(top, #73AB4B, #699D44);
   background: -o-linear-gradient(top, #73AB4B, #699D44);
   padding: 8.5px 17px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(102,102,102,1) 0 1px 2px;
   -moz-box-shadow: rgba(102,102,102,1) 0 1px 2px;
   box-shadow: rgba(102,102,102,1) 0 1px 2px;
   text-shadow: rgba(102,102,102,.4) 0 1px 2px;
   cursor: pointer;
}
.buttonGreen:hover {
   border-top-color: #608F3C;
   background: #608F3C;
   color: #fafafa;
}
.buttonGreen:active {
   border-top-color: #41612B;
   background: #41612B;
}

/*
END BOUTON CSS3
*/


.button-green {
    border: 0px;
    cursor:pointer;
    display: block;
    font: normal 14px arial, sans-serif;
    height: 34px;
    margin: 10px auto;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;
    background: transparent url('../images/francine/button_right.png') no-repeat scroll top right;
}

.button-orange {
    border: 0px;
    cursor:pointer;
    display: block;
    font: normal 12px arial, sans-serif;
    height: 34px;
    margin: 5px auto;
    background: transparent url('/imageTempCSS/buttonOrange.gif') no-repeat scroll top right;
}
.button-orange:hover {
    background: transparent url('/imageTempCSS/buttonOrangeHover.gif') no-repeat top right;
}

.button-orange span, .button-orange input, .button-orange a {
    border: 0px;
    background: transparent url('/imageTempCSS/buttonOrangeFin.gif') no-repeat top left;
    display: block;
    line-height: 12px;
    color: #fff;
    font-weight: bold;
    position:relative;
    cursor:pointer;
    margin: -3px 0 0 -7px;
    padding: 10px;
    top: -1px;
}


.button-orange:hover span, .button-orange:hover input, .button-orange:hover a {
    background: transparent url('/imageTempCSS/buttonOrangeFinHover.gif') no-repeat top left;
}

.button-grey {
    background: transparent url('../images/francine/buttons_right_brown2.png') no-repeat scroll top right;
    border: 0px;
    cursor:pointer;
    display: block;
    font: normal 14px arial, sans-serif;
    height: 34px;
    margin: 10px auto;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;

}

.button-green.simple {
    background: transparent url('../images/francine/button_right_2.png') no-repeat scroll top right;
    padding-right:0px;
}

.button-green.simple input {
    padding-right:12px;
/*    margin-top: -33px;    */
}

.button-green span, .button-green input {
    border: 0px;
    background: transparent url('../images/francine/button_left.png') no-repeat top left;
    display: block;
    line-height: 14px;
    color: #fff;
    font-weight: bold;
    /*position:relative;*/
    cursor:pointer;
}


.button-grey span {
    border: 0px;
    display: block;
    line-height: 14px;
    color: #fff;
    font-weight: bold;
    position:relative;
    cursor:pointer;
    background: transparent url('../images/francine/buttons_left_brown2.png') no-repeat top left;

}

.button-green.input {
	padding-right: 0px;
}

.button-green span, .button-grey span {
    height: 20px;
    padding: 9px 4px 5px 12px;
}

.button-green input {
    height: 34px;
    padding: 3pt 35px 6pt 12px;
    font-size: 14px;
}

.button-green:hover, .votor-dis:hover  .button-green{
    background: transparent url('../images/francine/button_over_right.png') no-repeat top right;
    text-decoration:none;
    color:#fff;
}

.button-grey:hover {
    background: transparent url('../images/francine/buttons_right_over_brown2.png') no-repeat top right;
    text-decoration:none;
    color:#fff;
}

.button-green.simple:hover {
    background: transparent url('../images/francine/button_over_right_2.png') no-repeat top right;
}

.button-green:hover span, .votor-dis:hover  .button-green span, .button-green:hover input {
    background: transparent url('../images/francine/button_over_left.png') no-repeat top left;
}

.button-grey:hover span {
    background: transparent url('../images/francine/buttons_left_over_brown2.png') no-repeat top left;
}

button.button-green {
	border: none;
}

button.button-green span {
	margin: -2px 0 0 -3px;
}

.button-center,.button-center-wide {
    text-align: center;
    width: 160px;
    position: relative;
}

.Final {
    width: 115px;
}

.Send {
    width: 250px;
}

.button-center-wide {
	width: 200px;
}

.button-center2 {
	text-align: center;
	width: 110px;
	position: relative;
}


.button-left {
	float: left;
	width: auto;
}

.button-right {
	float: right;
	margin-right:10px;
}

.button-loader {
    position:relative;
     z-index: 999;
     right: 0;
     top: -1px;
}

#button-loaderFin {
    padding-left: 150px;
    margin-bottom: -33px;
}

.button-green.loading input {
	padding-right: 34px;
}


/********************************************
                    HOME
********************************************/
.homeCountryDown {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.homeLinkCountry {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.homeLinkCountryHeart {
    width: 232px;
}

/**********************
    ESCALE DU MOMENT
***********************/

.homeCountryStop {
    margin-left: 0px;
}


/********************************************
                    PAYS
********************************************/
#content3 p {
    padding: 5px 10px 10px;
}

#content5 p {
    padding: 5px 10px 10px;
}

/*******************
ITINERAIRE DETAILLE
*******************/

.ItineraryDescriptionVal p {
    padding: 0px
}


/*****************
    DIAPO AGENT
*****************/

#slider-local-agent {
	overflow: hidden;
	width: 199px;
        height: 265px;
	cursor: pointer;
}
#slider-local-agent ul li h4{
	padding: 5px 5px 7px;
}



/**************
     AGENT
**************/

.agentSeeMore {
    padding-top: 20px;
}

.button-green.button-right.agentButtonModifie {
    bottom: -10px;
}

/********************************************
              TEMOIGNAGES
********************************************/

.pagebar-dis2 {
    position: relative;
    width: 220px;
    min-height: 400px;
    float: left;
    background: url(../images/francine/left-body.jpg) repeat-y right top;
    padding-right: 10px;
    margin-left: 9px;
    cursor: pointer;
}

.testimonialAForOpinion{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/********************************************
          FORMULAIRE TEMOIGNAGES
********************************************/

.temoignageCadre h2 {
    padding: 10px 5px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
}

.testimonialTxt {
    display: inline-block;
    font-size: 13px;
    padding: 20px;
    width: 690px;
}

#divStepsP {
    padding: 20px;
    line-height: 15px;
}
#divSteps p span{
    font-weight: bold;
}


/***********************************
    EXEMPLE DE CIRCUIT SUR MESURE
***********************************/

#line-height-length-itinerary {
    line-height: 13px;
}
#line-height-length-itinerary td {
    vertical-align: middle;
    height: 28px;
}
#line-height-length-itinerary td img {
    margin-top: 0px;
}


/************************************************
                 EVANEOS
************************************************/

.contact-submit_result p {
    padding: 5px 10px 10px;
}

/***********************
        CIRCUIT
***********************/

.listingImgSlider {
    margin: -10px 0px 0px -10px;
}

.itinerariesMargin- {
    margin-left: -10px;
}

.multitest-variant-link {
	display:none;
}

iframe[name=google_conversion_frame] {
    display : none;
}

/************************************************
                 COPYRIGHT
************************************************/
.imagewrapper {
    position:relative;
    overflow: hidden;
}
.go-circle{
    width: 14px;
    height: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    z-index: 10;
    filter: alpha(opacity=30);
    opacity: 0.3;
    background-color: white;
    margin-left: 5px;
}

.go-circle-p{
    text-align: center;
    margin: -1px 0 0 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

.clic-selected .go-circle-p a, .go-circle-p a, .go-circle-p a:hover {
    color: #534840;
    text-decoration: none;
    float: none;
    background-image: none;
    padding: 0px;
    text-align:center;
}

.go-copyright{
    position: absolute;
    right: 10px;
    bottom: 8px;
    line-height: 14px;
    padding:  3px;
    z-index: 1;
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}
.copyright-top.go-copyright {
    top: 8px;
    bottom: auto;

}


.go-author-on:hover{
    background-color: white;
    filter: alpha(opacity=70);
	opacity: 0.7;
}

.go-copyright-author{
    float: left;
    z-index: 26;
    display: none;
    font-size: 12px;
}

.go-copyright:hover > .go-copyright-author{ display: block; }

.go-copyright.go-author-on:hover > .go-circle{
    filter: alpha(opacity=100);
    opacity: 1;
    background-color: transparent;
}

.go-copyright:hover > .go-circle{
    filter: alpha(opacity=70);
    opacity: 0.7;
    background-color: white;
}

.go-corner-2 img {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.go-corner-4 img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

}

/*******************************
 DIRECT FORM
*******************************/

.form-direct-h1 {
    font-size: 22px;
    margin-left: 190px;
    padding-left: 0px;
}

.form-direct-introduction {
    margin-left: 190px;
    color: #534840;
    font-size: 15px;
    line-height: normal;
}

.form-direct-left {
    margin: -70px 8px 12px 0px;
    font-size: 13px;
    color: #534840;
}

.form-direct-left .choose_box {
    width: 180px;
}

.form-direct-left .choose_box li {
    margin-left:5px;
}

.form-direct-left .choose_box h3 {
    margin-left: 5px;
}

.form-direct-left .left-m-plan {
    background: url(../images/francine/arrow_normal.png) no-repeat center left;
    padding-left: 17px;
}

.form-direct-left .left-m-plan:hover {
    background: url(../images/francine/arrow_hover.png) no-repeat center left;
}

.form-direct-title {
    color: #EE4F15;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 8px;
}

.form-direct-text {
    font-size: 13px;
    padding-bottom: 12px;
    line-height: normal;
}

.form-direct-argument-title {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 12px;
}

.form-direct-argument {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 7px;
}

.form-direct-argument-text {
    font-size: 11px;
    color: #817973;
    padding-bottom: 9px;
    line-height: 13px;
}

.form-direct-circuits p {
    text-align: left;
    margin-left: 185px;
}

.form-direct-left-image {
    margin-left: 0px;
    border-radius: 5px;
}