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


/******************* STYLE PAR BALISE *******************/
html {
     overflow: -moz-scrollbars-vertical;
}

body{
	margin:8px;
	background:url(../images/bg_fond.jpg) no-repeat center top #00ACD1;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1{
	text-align:left;
	text-transform:uppercase;
	color:#00a8c7;
	font-size:24px;
	font-weight:bold;
	margin-top:0px;
}

h2{
	text-align:left;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

a{
	text-decoration:none;
	color:#05acd0;
	cursor:pointer;
}

a:hover{
	text-decoration:underline;
	cursor:pointer;
}

img{
	border:none;
}

td{
	vertical-align:top;
}

p{
	/*margin:10px 10px;*/
}

div{
	text-align:left;
}

input{
	width:245px;
	height:12px;
	/*border:1px solid #6d6e70;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

select{
	width:249px;/*247px;*/
	height:17px;
	/*border:1px solid #6d6e70;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

textarea{
	width:245px;
	/*border:1px solid #6d6e70;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.btn_input{
	display:block;
	float:left;
	width:62px;
	height:23px;
	background:url(../images/btn_input.jpg) no-repeat;
	text-align:center;
	padding-top:6px;
	margin-right:8px;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	border:none;
}

.btn_input:hover{
	background:url(../images/btn_input_over.jpg) no-repeat;
	text-decoration:none;
}

/******************* CONTENEUR *******************/
#conteneur{
	width:1024px;
	margin:0px auto;
	background-color:#FFF;
	text-align:left;
}

#footer{
	background:#6c6d6f;/*url(../images/bg_bottom.jpg) repeat-x;*/
	height:18px;
}
#footer div{
	background:url(../images/img_bottom.jpg) no-repeat;
	padding:2px 0px 0px 60px;
	height:16px;
	color:#fff;
}

#footer a{
	color:#fff;
}


/******************* MENU *******************/
#menu_top a{
	display:block;
	float:left;
	height:17px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:7px 11px 0px 11px;
}

#menu_top a:hover{
	color:#00a8c7;
	text-decoration:none;
}

#menu_top .over{
	color:#00a8c7;
}

#menu_top div{	/* Séparateurs */
	float:left;
	width:2px;
}

.sous_section_active{
	color:#05acd0;
}

#menu_logo{
	height:36px;
	width:309px;
	text-align:right;
}

#menu_logo a{
	display:block;
	float:right;
	height:33px;
	width:36px;
	padding-left:2px;
	text-align:right;
}

#menu_logo_over{
	width:309px;
	height:25px;
	text-align:right;
}

#menu_logo_over div{
	height:25px;
	font-size:8px;
	border-right:1px solid #00a8c7;
	padding-right:2px;
	letter-spacing:1px;
	text-align:right;
}

#menu_logo_over div.logo_reservez{
	height:25px;
	font-size:8px;
	border-left:1px solid #00a8c7;
	border-right:none;
	padding-left:2px;
	letter-spacing:1px;
	text-align:left;
}
#menu_logo_over div.logo_transpondeur{
	height:25px;
	font-size:8px;
	border-left:1px solid #00a8c7;
	border-right:none;
	padding-left:2px;
	letter-spacing:1px;
	text-align:left;
}
#menu_logo_over div.logo_questions{
	height:25px;
	font-size:8px;
	border-left:1px solid #00a8c7;
	border-right:none;
	padding-left:2px;
	letter-spacing:1px;
	text-align:left;
}

.logo_paiement{
	height:25px;
	font-size:8px;
	border-left:1px solid #00a8c7;
	padding-left:2px;
	letter-spacing:1px;
	text-align:left;
}

#menu_gauche{
	font-weight:bold;
	color:#000;
	padding:1px 0px;
}

#menu_gauche div.titre{
	/*text-align:right;*/
	background:url(../images/btn_gauche.jpg) no-repeat;
	color:#FFF;
	padding:2px 7px;
	height:14px;
	width:294px;
	margin:2px 0px 3px 0px;
	text-transform:uppercase;
}

#menu_gauche a{
	font-weight:bold;
	color:#05acd0;	/*#000;*/
	/*background:url(../images/fleche_gauche.jpg) no-repeat;
	padding:0px 16px;*/
}

#menu_gauche a:hover{
	text-decoration:underline;
}

#menu_gauche a.over{
	text-decoration:underline;
}

#menu_gauche div a{
	display:block;
	background:url(../images/btn_gauche.jpg) no-repeat;
	color:#FFF;
	padding:2px 7px;
	height:14px;
	width:294px;
	margin:2px 0px 3px 0px;
	text-transform:uppercase;
}

#menu_gauche div a.over{
	background:url(../images/btn_gauche_over.jpg) no-repeat;
	text-decoration:none;
}

#menu_gauche div a:hover{
	background:url(../images/btn_gauche_over.jpg) no-repeat;
	text-decoration:none;
}

.menu_contenu{

	padding:11px 0px 8px 0px;
	height:18px;
	width:642px;
	position:relative;
	z-index:50000;
}

.menu_contenu a{
	display:block;
	float:left;
	height:16px;
	background:#00acd0;/*url(../images/btn_horiz.jpg) no-repeat;*/
	padding:2px 2px 0px 2px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	width:102px;
	position:relative;
	z-index:10000;
}

.menu_contenu a:hover{
	color:#fff;
	text-decoration:none;
	background:#0089a6;/*url(../images/btn_horiz_over.jpg) no-repeat;*/
}

.sousmenu_contenu a{
	width:205px;
}

.menu_contenu .over{
	color:#fff;
	/*background:url(../images/btn_horiz_over.jpg) no-repeat;*/
}

.langue{
	padding:0px 45px 0px 5px;
}

.langue a{
	color:#fff; 
	font-size:9px;
}

.langue a:hover{
	color:#00a8c7;
	text-decoration:none;
}

.langue .over{
	color:#00a8c7; 
}

#bouton_video{
	text-align:left;
	margin-bottom:5px;
}

#bouton_video a{
	display:block;
	float:left;
	background-position:4px 4px;
	background-repeat:no-repeat;
	height:20px;
	padding:33px 0px 0px 4px;
	color:#000;
	font-size:8px;
	border-left:2px solid #969696;
	letter-spacing:1px;
}

#bouton_video #btn_video2{
	background-image:url(../images/btn_rejouer.jpg);
	width:55px;
}

#bouton_video #btn_video:hover{
	background-image:url(../images/btn_rejouer_over.jpg);
}

#bouton_video #btn_partage_video{
	background-image:url(../images/btn_partage.jpg);
	width:60px;
}

#bouton_video #btn_partage_video:hover{
	background-image:url(../images/btn_partage_over.jpg);
}

#bouton_video #btn_autres_videos{
	background-image:url(../images/btn_videos.jpg);
	width:78px;
}

#bouton_video #btn_autres_videos:hover{
	background-image:url(../images/btn_videos_over.jpg);
}

/*Explicatif*/
#bouton_video #btn_video2_exp{
	background-image:url(../images/btn_rejouer.jpg);
	width:55px;
}

#bouton_video #btn_video_exp:hover{
	background-image:url(../images/btn_rejouer_over.jpg);
}

#bouton_video #btn_partage_video_exp{
	background-image:url(../images/btn_partage.jpg);
	width:60px;
}

#bouton_video #btn_partage_video_exp:hover{
	background-image:url(../images/btn_partage_over.jpg);
}

#bouton_video #btn_autres_videos_exp{
	background-image:url(../images/btn_videos.jpg);
	width:78px;
}

#bouton_video #btn_autres_videos_exp:hover{
	background-image:url(../images/btn_videos_over.jpg);
}

.bouton_partage{
	display:block;
	height:20px;
	background:url(../images/btn_partage.jpg) no-repeat;
	padding:5px 0px 0px 30px;
	margin:5px 0px;
	color:#000;
	font-weight:bold;
}

.bouton_partage:hover{
	background:url(../images/btn_partage_over.jpg) no-repeat;
}

/******************* SECTIONS *******************/
.top{
	background:#6c6d6f;/*url(../images/bg_top.jpg) repeat-x;*/
	height:24px;
	padding:0px;
}

.left{
	width:309px;
	padding:0px 24px 0px 26px;
}

.right{
	width:665px;
}

.contenu_gauche{
	width:428px;
	padding-bottom:10px;
}

#contenu_gauche{
	/*padding-right:15px;*/
	position:relative;
}

#contenu_gauche p{
	padding-right:15px;
}
#contenu_gauche ul{
	padding-right:0px 15px 0px 0px;
}
#contenu_gauche table{
	padding-right:15px;
}

.contenu_droite{
	width:212px;
	padding-left:2px;
	text-align:right;
}

#promo{
	width:642px;
	height:90px;
	padding-bottom:12px;
}

#divPromo{
	z-index:1;
}

#footer_contenu{
	padding-bottom:10px;
}

/******************* COLONNE DE GAUCHE *******************/
#logo{
	background:url(../images/logo.jpg) no-repeat;
	padding-top:208px;
}

.separateur{
	background:url(../images/separateur_left.jpg) no-repeat;
	width:309px;
	height:1px;
	padding:0px;
}

/******************* ACCORDEON *******************/
#accordeon{
	text-align:left;
}

#accordeon h3{
	margin:0px;
}

#accordeon p{
	margin:0px;
}

.accordeon{
	background:#00acd0;/*url(../images/bg_nouvelles.jpg) no-repeat #0088a6;*/
	width:420px; /*204px;*/
	height:16px;
	cursor:pointer;
	margin:5px 0px;
	padding:2px 0px 0px 6px;
	color:#fff;
}

.accordeon_over{
	background:#0089a6;/*url(../images/bg_nouvelles_over.jpg) no-repeat #0088a6;*/
	width:420px;/*204px;*/
	height:16px;
	cursor:pointer;
	margin:5px 0px;
	padding:2px 0px 0px 6px;
	color:#fff;
}

.nouvelle *{
	margin:0px;
}

.nouvelle{
	margin-top:20px;
}

.fond-video{
	background:url(../images/fond_video.jpg) no-repeat;
	width:389px;
	height:121px;
	padding:14px 0px;
	margin-bottom:10px;
}

.clear{
	clear:both
}

/* Info-bulle */

a.info_bulle{
	position : relative;
}
a.info_bulle span{
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #0088a6;/*#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
	color:#fff;
	padding:3px;
	margin-left:10px;
}

a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}   

a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span {
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}
#fermer{
	background-color:#6E7072;
	left:0;
	padding-left:10px;
	width:630px;
	height:15px;
	/*display:none;*/
}

#fermerx{
	background-color:#6E7072;
	width:620px;
	height:15px;
	text-align:right;
	padding:3px 10px;
	/*display:none;*/
}

#contenu_video{
	display:none;
}

#cont_vid{
	width:620px;
	padding-bottom:10px;
	vertical-align:top;
	display:none;
}

#cont_vid div{
	background-color:#6E7072;
	width:620px;
	padding:3px 10px;
}

#cont_vid a{
	color:#fff;
	text-decoration:none;
}

#erreur{
	font-weight:bold;
}

/*DROP DOWN MENU */
/* 
	LEVEL ONE
*/
ul.dropdown{position: relative; z-index:100; margin:0px; padding:0px; height:18px; background:#00acd0;}
ul.dropdown li{ list-style:none; float: left; height:18px; text-align:left; border-right:1px solid white; z-index:105/*font-weight: bold; zoom: 1; background: #ccc;*/ }
ul.dropdown a:hover{ /*color: #000;*/ }
ul.dropdown a:active{ /*color: #ffa500;*/ }
ul.dropdown li a{ display: block; z-index:110;/*padding: 4px 8px; border-right: 1px solid #333; color: #222;*/ }
ul.dropdown li:last-child a{ /*border-right: none;*/ } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover{ /*background: #F3D673; color: black;*/ position: relative; z-index:115;}
ul.dropdown li.hover a{ /*color: black;*/ }

/* 
	LEVEL TWO
*/
ul.dropdown ul{ /*width: 220px;*/ visibility: hidden; position: absolute; top: 96%; left: 0; z-index:120;}
ul.dropdown ul li{ /*font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc;*/ float: none; z-index:125 }
ul.dropdown ul li a{ /*border-right: none; width: 100%;*/ display: inline-block; z-index:130;} /* IE 6 & 7 Needs Inline Block */

/* 
	LEVEL THREE
*/
ul.dropdown ul ul{ left: 100%; top: 0; z-index:135;}
ul.dropdown li:hover > ul{ visibility: visible; z-index:140;}

.menu_gauche{
	font-weight:bold;
	color:#000;
	padding:1px 0px;
	text-align:left;
}

.menu_gauche li{
	text-align:left;
}

.menu_gauche li.titre{
	/*text-align:right;*/
	background:#eee;/*url(../images/btn_gauche.jpg) no-repeat;*/
	color:#FFF;
	padding:2px 7px;
	height:14px;
	width:294px;
	/*margin:2px 0px 3px 0px;*/
	text-transform:uppercase;
}

.menu_gauche a{
	font-weight:bold;
	color:#05acd0;	/*#000;*/
	background:#eee;/*url(../images/fleche_gauche.jpg) no-repeat;*/
	padding:0px 16px;
	text-align:left;
}

.menu_gauche a:hover{
	text-decoration:underline;
}

.menu_gauche a.over{
	text-decoration:underline;
}

.menu_gauche li a{
	display:block;
	background:#eee;/*url(../images/btn_gauche.jpg) no-repeat;*/
	color:#000;
	padding:2px 7px;
	height:14px;
	width:294px;
	/*margin:2px 0px 3px 0px;*/
	text-transform:uppercase;
}

.menu_gauche li a.over{
	/*background:url(../images/btn_gauche_over.jpg) no-repeat;*/
	text-decoration:none;
}

.menu_gauche li a:hover{
	background:#0089a6;/*url(../images/btn_gauche_over.jpg) no-repeat;*/
	text-decoration:none;
}

#indications{
	width:310px;
	height:112px;
	margin:10px 0px;
	background:url(../images/bg_indications.jpg) no-repeat;
}

#indication_titre{
	height:20px;
	text-align:center;
	padding-top:6px;
	color:#FFFFFF;
	font-size:14px;
}