* {
	padding:0;
    margin:0; 
}

body{  
    font: 12px arial;
     background:url(../images/bg_content.jpg) repeat-y center top;
}


img{
    border-width:0px;
}

img#affiche {
     width: 195px; 
}

a{
    text-decoration: none;
    color:#000;
}

li{
list-style-type:none;
}
a:hover {
text-decoration: none;
}
.cursorPointer {cursor: pointer;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtCentre { text-align: center; margin: 0px auto; }

h3 {
    font-size:20px;
    color:#013888;
}


h5{
    
    font-size:14px;
    text-decoration: underline;
    font-style:italic 
}


h1.titreRubriqueBleu {
    font-size:22px;
    color: #103888;
    font-family:Trebuchet MS;
    padding-top:12px;
    border-bottom: 2px solid #F3F3F3;
    
}

a.urlCircuit5header{
    display:block;
    margin-bottom:20px;
    margin-left:410px;
    margin-top:-20px;
    font-style:italic;
}

.titreRubriqueBleu {
    font-size:22px;
    color: #103888;
    font-family:Trebuchet MS;
    padding-top:12px;
    border-bottom: 2px solid #F3F3F3;
}

.titreRubriqueJaune{
    font-size:22px;
    color:#E7DC22;
    padding-top:5px;
}


.titreRubriqueJauneLittle{
    
    color:#E7DC22;
    padding-top:12px;
}

.subTitleBlanc {
    font-size:18px; 
    color:#fff;
}

#animeHome .titreRubriqueJaune{
   padding-left:7px;
}
.titreRubriqueJaune{
    font:28px impact;
    color:#E7DC22;
    padding-top:0px;
}

.lienRemercier {
    color: #333333;
}

a.lien{
 font-weight:bold;
 text-decoration: underline;   
}

#TA_rated130{

    float: left;
    margin: -13px;

}

#activite h2.titreRubriqueBleu {
    font-size:22px;
    color: #103888;
    font-family:Trebuchet MS;
    padding-top:12px;
    border-bottom: 2px solid #F3F3F3;
}

#activite .texteRubrique a.who{
    padding:12px 0 0 30px;
    display:block;
    font-weight:bold;
    background:url(../images/bt_qui.gif) no-repeat;
    width:213px;
    height:24px;
}

h2.titreRubriqueBleu{
       border:none !important;
}
h2.titreRubriqueBleu a{
    font-size:22px;
    color: #103888 !important;
    font-family:Trebuchet MS;
    padding-top:12px;
}

h2.titreRubriqueJaune{
    font-size:18px;
    color:#E7DC22;
    font-family:Trebuchet MS;
    padding-top:12px;
}

#animeHome .texteRubrique {
    padding-left:15px;
}

#infosPratiques .btSubmit,
#animeHome .btSubmit {
    float: left;
    /*position:absolute;*/
    background: url(../images/bt_animHome.gif) no-repeat;
    width:168px;
    height:18px;
    text-align: center;
    font-weight:bold;
    font-size:14px;
    margin-left:345px;
    color:#103888;
    margin-top:10px;
    padding-top: 2px;
}

#animeHome .btSubmit2 {
    /*position:absolute;*/
    background: url(../images/bt_reservez_light.gif) no-repeat;
    display: block;
    width:95px;
    height:18px;
    text-align: center;
    font-weight:bold;
    font-size:14px;
    color:#103888;
    margin: 5px auto 0;
    padding-top: 2px;
}

#infosPratiques .btSubmit{
    background: url(../images/bg_bt_LiensAmis.gif) no-repeat;
    margin-left:0px !important;
    padding:4px;
    width:119px;
    margin-bottom:10px;
}

.texteRubrique {
    padding-top: 4px;
    font-size: 11px;
    color : #333333;
    line-height:12px;
}

.texte {
    padding-left:20px;
    width:350px;
}

/****************************************** CALANDRIER **************************/

.datepicker{
    margin-top:32px !important;
}
.datepickerContainer {
background:#121212 none repeat scroll 0% !important;
left:10px;
position:absolute;
top:10px;
width:196px;
_height:138px !important;
}
.datepickerBorderT {
background:transparent url(../images/datepicker_t.png) repeat !important;
height:10px;
left:10px;
position:absolute;
right:10px;
top:0pt;
_top:3px !important;
_width:176px;
}

.datepickerBorderL {
background:transparent url(../images/datepicker_l.png) repeat scroll 0% !important;
bottom:10px;
left:0pt;
position:absolute;
top:10px;
width:10px;
_height:146px;
}

.datepickerBorderB {
background:transparent url(../images/datepicker_b.png) repeat scroll 0% !important;
/*_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/datepicker_b.png', sizingMethod='crop');*/
bottom:0pt;
_bottom: 0px !important;
height:10px;
left:10px;
position:absolute;
right:10px;
_width:176px !important;
}

.datepickerBorderR {
background:transparent url(../images/datepicker_r.png) repeat scroll 0% !important;
/*_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/datepicker_r.png', sizingMethod='crop');*/
bottom:10px;
position:absolute;
right:0pt;
top:10px;
width:10px;
_height:146px;
}

.datepickerBorderBR {
background:transparent url(../images/datepicker_br.png) no-repeat scroll 0% !important;
/*_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/datepicker_br.png', sizingMethod='crop');*/
bottom:0pt;
height:10px;
position:absolute;
right:0pt;
width:10px;
}

.datepickerBorderTL {
background:transparent url(../images/datepicker_tl.png) no-repeat scroll 0% !important;
/*_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/datepicker_tl.png', sizingMethod='crop');*/
height:10px;
left:0pt;
position:absolute;
top:0pt;
width:10px;
}

.datepickerBorderBL {
background:transparent url(../images/datepicker_bl.png) no-repeat scroll 0% !important;
/*_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/datepicker_bl.png', sizingMethod='crop');*/
bottom:0pt;
height:10px;
left:0pt;
position:absolute;
width:10px;
}

.datepickerBorderTR {
background:transparent url(../images/datepicker_tr.png) no-repeat scroll 0% !important;
/*_background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/datepicker_tr.png', sizingMethod='crop');*/
height:10px;
position:absolute;
right:0pt;
top:0pt;
width:10px;
}

.datepicker a:hover, .datepicker a:hover {
color: #136A9F !important;
}


.datepicker, div.datepicker td, div.datepicker td:hover {
color: #136A9F !important;
}

.datepicker, div.datepicker td, div.datepicker th a:hover {
color: #136A9F !important;
}

tbody.datepickerDays td.datepickerSelected {
background:#136A9F none repeat scroll 0% !important;
}

td.datepickerNotInMonth a {
color:#666666 !important;
}
.datepicker td.datepickerNotInMonth a:hover {
color:#999999 !important;
}

.datepickerNotInMonth a {
color:#666666 !important;
}
.datepicker a {
color:#EEEEEE !important;
}
/****************************************** CALANDRIER **************************/

#container {
	width: 990px;
	margin: 0px auto;
	background: #FFF;
}

#container #enConstruction{
    margin-left: 200px;
    margin-top:200px;
    width:300px;
    height:32px; 
}

#container #enConstruction h2.title{
    margin-left:100px;
    margin-top:50px;
    font-size:20px;
}


#container #enConstruction .iconeConstruction{
        margin-left: 160px;
        width:32px;
        height:32px;
        background:url(../images/enConstruction.gif) no-repeat;
}


#container #header {
    height:96px;
    width:990px;
    background:url(../images/header.gif) no-repeat; 

}

#compTools{
display:block;
float:right;
margin-right:10px;
text-indent:20px;
height:20px;
}

#compTools .languefr{
	background:url('../images/drapeau_20px.gif') no-repeat top right;
	height:20px;
	width:20px;
	background-position: 20px -22px;
	padding-left:40px;
}
#compTools .langueen{
	background:url('../images/drapeau_20px.gif') no-repeat top right;
	height:20px;
	width:20px;
    background-position: 0px 0px;
    padding-left:20px;
}

#header a.retourAccueil{
    text-decoration:none;
    cursor: hand;
    width:200px;
    height:96px;
}

#header a.retourAccueil ul {
width:300px;
height:100px;
_height:40px;
float:left;
}
#header a.retourAccueil span {
  visibility:hidden;  
}

#container #content {
    padding-top: 10px;
    width:990px;
    _height:710px;
}

#header .titreHeader{
    font-weight: bold;
    color:#fff;
    width:276px;
    font-size:12px;
    margin-left:476px;
}
/*******************************Partie de gauche*****************/

#container #content #gauche {
    float: left;
    width:386px; 
    /*min-height:667px;*/
    margin-left: 8px; 
    /*padding-left:46px;*/
}

#container #content #gauche #activite{
    background : url(../images/bg_module_HP_386.gif) no-repeat;
    width:386px;
    height:215px;
}

#container #content #gauche #activite h1.titreRubriqueBleu{
    border-bottom: solid 2px #ECEAED;
    width:350px;
}

#container #content #gauche #flotte{
    margin-top:5px;
    background : url(../images/bg_flotte.gif) no-repeat;
    width:385px;
    height:132px;
    cursor: hand;
    text-decoration: none;
}

#container #content #gauche #flotte .image{
    width:145px;
    height:109px;
    float:left;
    margin-top:10px;
    margin-left:10px;
    background:transparent url(../images/anim_flotte.gif) no-repeat;
}

#container #content #gauche #flotte .texte{
    float:right;
    margin-right:10px;
    width: 200px;
}

#container #content #gauche #groupes{
    margin-top:5px;
    background : url(../images/bg_groupe.gif) no-repeat;
    width:385px;
    height:128px;
    cursor: hand;
    text-decoration: none;
}
#container #content #gauche #groupes .texte{
    margin-left:150px;
    width:210px;
}

#container #content #gauche #groupes .texteRubrique{
    color: #fff;
}


#container #content #gauche #liaisonMaritime{
    margin-top:5px;
    background : url(../images/bg_liaison.gif) no-repeat;
    width:385px;
    height:128px;
     cursor: hand;
     text-decoration: none;
}

#container #content #gauche #liaisonMaritime .texteRubrique{
    color: #fff;
}

#container #content #gauche #liaisonMaritime .texte{
    margin-left:150px;
    width:210px;
}

#container #content #gauche #excursion{
    margin-top:5px;
    background : url(../images/bg_liaison1.gif) no-repeat;
    width:385px;
    height:128px;
     cursor: hand;
     text-decoration: none;
}

#container #content #gauche #excursion .texteRubrique{
    color: #fff;
}

#container #content #gauche #excursion .texte{
    margin-left:150px;
    width:210px;
}

#container #content #gauche #plongee{
    margin-top:5px;
    background : url(../images/bg_plongee.gif) no-repeat;
    width:385px;
    height:128px;
     cursor: hand;
}

#container #content #gauche #plongee a{
text-decoration:none;
color:#fff;
font-size:12px;
font-weight:bold;
}

#container #content #gauche #plongee .texteRubrique{
    color: #fff;
    width:290px;
    font-size:11px;
    padding-top:4px;
}

#container #content #gauche #plongee .texte{
    margin-left:68px;
    width:280px;
}

#menu {
    width:241px;
    background:url(../images/bg_menu_top.gif) no-repeat;
    margin-left:8px;
    padding-left:8px;
    float:left;
    clear:both;
}

.menuGrise{
    background: #F6F6F6;
}

#menu li a{
    width : auto !important;   						
    width : 100%;            
    padding:4px;                 
    text-decoration:none; 
    display:block;         
}

#menu #rechercher3 {
    margin-top:5px;
    width:241px;
    height:170px;
    background: url(../images/bg_search_menu.gif) no-repeat;
}

#menu #rechercher3 .titreRecherche{
    font-size: 12px;
    padding-left:16px;
    padding-top:10px;
    margin-bottom:20px;
}

#menu #rechercher3 ul.rechercher3{
    margin-top:5px;
    padding-left:16px;
}

#rechercher3 .btSubmit{
    background:url(../images/bg_btsearch.gif) no-repeat;
    width:156px;
    height:23px;
    border:none;
    margin-left:15px;
    cursor:pointer;
    text-align:center;
    font-weight: bold;
    color:#103888;
}

/*#menu li a:link
{
  color             :   #39C;           
  background-color  :   #F5FBFF;           
}*/
				
#menu .bottom{
    background:url(../images/bg_menu_bottom.gif) no-repeat;
    width:241px;
    height:29px;
}

#menu li {
    list-style-type:none;
    color: #333333;
    padding-left:10px;
    width:220px;
}

#menu a {
    text-decoration:none;
    width:220px;
}

#menu li:hover {
    background:#ECEAED;
}
#menu li:focus {
    background:#ECEAED;
}
#menu li.rubrique {
border-top:2px solid #ECEAED;
font-size:12px;
font-weight:bold;
padding:5px;
width:210px;
}

#menu li.sousRubrique {
    font-size:12px;
    border-top: 1px solid #ECEAED;
     width:210px;
}

#menu .titreRubriqueBleu {
    font-size:26px;
    color: #103888;
    padding-left:10px;
     width:220px;
}

/*Partie de droite*/
#container #content #droite {
    width:584px;
    text-align:justify; 
    margin-right: 8px;
    _margin-right:0px;
    float: right;
}

#container #content #droite #animeHome{
    width:581px;
    height:420px;
    background: url(../images/bg_animHome.gif) no-repeat;
}

#container #content #droite #animeHome #animationImage{
    margin-left: 15px;
    margin-top:5px;
    width:552px;
    height:338px;
}

#container #content #droite #animeHome #animationImage .bandeTexte {
    background:transparent url(../images/band_animHome.png) no-repeat scroll 0%;
    _background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ext/icardmaritime/images/band_animHome.png', sizingMethod='crop');
    width:552px;
    margin-top:195px;
    height:143px;
    float:left;
    display:inline;
}

#container #content #droite #animeHome #animationImage .bandeTexte .lienSavoirPlus{
    float:left;
    padding-left:15px;
    position:absolute;
}



#container #content #droite #animeHome #animationImage .bandeTexte .lienSavoirPlus a{
    color:#fff;
    font-size:12px;
    text-decoration:none;
    font-weight: bold; 
}


#container #content #droite #animeHome #animationImage .bandeTexte .texteRubrique{
    color:#fff;
    width:500px;
    padding-top:0px;
}

#container #content #droite #animeHome #animationImage .bandeLien {
background:#000;
height:28px;
width:552px;
clear:both;
float:left;
color:#fff;
}

#container #content #droite #animeHome #animationImage .bandeLien .prec{
background: transparent url(../images/ico_fleche_left.gif) no-repeat center left;
float:left;
border:none;
margin-left:10px;
padding-left:20px;
margin-top: 3px;
color:#fff;
 cursor:pointer;
}

#container #content #droite #animeHome #animationImage .bandeLien .suiv{
background: transparent url(../images/ico_fleche_right.gif) no-repeat center right;
border:none;
width:80px;
float:right;
margin-right:10px;
padding-right:20px;
color:#fff;
margin-top: 3px;
cursor:pointer;
}

#container #content #droite #animeHome .titreRubriqueBleu{
    margin: 0 15px;
}

#afficheCircuit #rechercher2{
    width: 552px !important;
}

#afficheCircuit .remarque{ 
    padding: 20px 0 0 20px;
}
#afficheCircuit #rechercher2 .texte{
    padding-left:0px;
    margin-left:0px;
    min-height:0px;
}

#afficheCircuit #rechercher2 .texteRubrique{
    padding-left:20px;
    margin-bottom:10px;
}

#afficheCircuit #rechercher2 ul{
    margin-top:10px;
}



#container #content #droite #rechercher{
    margin-top:10px;
    width:581px;
    height:140px;
    background: url(../images/bg_search_hp.gif) no-repeat;
}

#container #content #droite #rechercher .texte{
    width:550px;
}

ul.rechercher {
    margin-top:25px;
    margin-left:20px;
    text-align:center;
}

.champ{
    vertical-align: middle;
    border:1px solid #CCC;
}

#container #content #droite #rechercher .btSubmit, #afficheCircuit ul.rechercher .btSubmit{
    background:url(../images/bg_btsearch.gif) no-repeat;
    width:156px;
    height:22px;
    padding-bottom: 3px;
    border:none;
    margin-left:30px;
    cursor:pointer;
    text-align:center;
    font-weight: bold;
}

img.logCG {
    margin-top:5px;
}
#container #content #droite #infosPratiques{
    margin-top:10px;
    width:581px;
    height:158px;
    background: url(../images/bg_module_HP.gif) no-repeat;
}
#container #content #droite #infosPratiques .texte{
    width:550px;
}

#container #content #droite #infosPratiques li{
    background: url(../images/bt_hp_pdf.gif) no-repeat;
    height:38px;
    width:245px;
    border:none;
    font: bold 13px arial;
    cursor:pointer;
    text-align:center;
    padding-top:10px;
    padding-left:5px;
}

#infosPratiques td.colonne1{
    width:305px;
    font-size:11px;
    font-weight:bold;
}

#infosPratiques td.colonne2{
width:245px;
}

#infosPratiques p{
    width:530px;
}
#container #footer {
    width:990px;
    height:32px;
    margin-top:20px;
    clear: both;
    background: url(../images/bg_footer.gif) repeat-x; 
    float:left;
}

#footer ul.texteFooter{
    display:inline;
    font-size:10px;
    font-weight:bold;
    padding-left:10px;
    /* à supprimer lors du rajout des autres liens */
   
}

#footer ul.footer{
    margin-top:10px;
     text-align: right;
}


/* texte infos pratiques */
#content #infoPratiques{
    margin-left:45px;   
    width:710px;
}

/***** Rubrique Circuit ****/

#afficheCircuit {
    width: 720px;
    background:url(../images/tetiere_720.gif) no-repeat;
    float:right;
    margin-right:8px;
    _margin-right:4px;
}

#afficheCircuit .titreRubriqueBleu{
    margin-left:15px;
    border-bottom: 2px solid #ECEAED;
    width:684px;
}

#afficheCircuit #visuCircuit{
    width: 684px;
    height:175px;
    margin-left:15px;
    margin-top:10px;
}

#afficheCircuit #visuCircuit.visuSpec{
    height:250px;
}

#afficheCircuit .texte{
    width: 668px;
    min-height:175px;
    margin-left:10px;
    margin-top:10px;
    text-align:justify;
}


#afficheCircuit .texteCour{
    width: 668px;
    min-height:90px;
    margin-left:10px;
    margin-top:10px;
    text-align:justify;
}

#afficheCircuit #plan {
    width: 720px;
}

#afficheCircuit #plan .btSubmit{
    background:url(../images/bt_reservez.gif) no-repeat;
    width:268px;
    height:35px;
    border:none;
    color: #01388A;
    font-size:18px;
    font-style: bold;
    margin-left:30px;
    text-align:center;
     cursor:pointer;
}

.iconePDF{
    padding-top:5px;
}

.logoCG{
    float:right;
}

.logoNap{
    margin-bottom:-5px;
}

#afficheCircuit #plan a{
    width:265px;
    float: right;
    margin-left:130px;
    margin-top:10px;
    font-weight:bold;
}

#afficheCircuit #plan .btSubmit {
    float: right;
    margin-left:130px;
    margin-top:30px;
    text-decoration: none;
     cursor:pointer;
     padding-top:6px;
}

.btAchatEnLigne {
    background:url("../images/bt_reservez.gif") no-repeat scroll 0 0 transparent;
    border:medium none;
    color:#01388A;
    cursor:pointer;
    font-size:18px;
    height:35px;
    padding:10px;
    font-weight: bold; 
    display:block;
    margin:2px auto 0;
}


table.circuit1{
    text-align: left top;
    border-spacing: 20px;
    width:700px; 
}

table.circuit1 td{
    vertical-align: top;
}

table.circuit1 tr.titre{
    text-align: center;
}

table.circuit2{
    padding-top: 30px;
}

table.circuit2 td{
    width: 50%;
    vertical-align: top;
}

/*** pages flottes **/

#flotte .texteRubrique a.lienSavoirPlus{
   padding-top:10px;
    display:block;
    font-weight:bold;
}

#afficheCircuit #visuFlotte{
    width: 684px;
    height:255px;
    margin-left:15px;
    margin-top:10px;
}

#afficheCircuit #caracteristiques{
    float:left;
    width:343px;
    _width:333px;
    margin-top:30px;
    margin-left:20px;
    _margin-left:8px;
    
}

#afficheCircuit #caracteristiques li.titre{
    background:#E7DD2E;
    text-align:left;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:14px;
    font-weight:bold;    
}

#afficheCircuit #caracteristiques li.gris{
    background:#F3F3F3;
    text-align:left;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:12px;
}

#afficheCircuit #caracteristiques li.blanc{
    background:#fff;
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
    padding-left:10px;
    font-size:12px;
}

#afficheCircuit #ddl{
    float:right;
    width:320px;
    height:208px;
    background:#063A85;
    margin-right:20px;
    _margin-right:4px;
    margin-top:30px;
}

#afficheCircuit #ddl a{
    text-decoration:none;
    font-weight: bold;
}

#afficheCircuit #ddl li.bt{
    background:url(../images/bt_ficheTech.gif) no-repeat;
    width:290px;
    height:33px;
    padding-top:9px;
    padding-left:33px;
    margin-left:15px;
    margin-top:20px;
}

#afficheCircuit #texteFlotte{
    float:left;
    width:680px;
    margin-left:20px;
    margin-top:20px;
}

/************ page groupes **************/

#formulaire .titreRubriqueBleu{
    font-size:15px;
    margin-top: 10px;
    margin-bottom:10px;
}

#formulair h2.titreRubriqueBleu{
    font-size:17px;
    margin-top: 10px;
    margin-bottom:10px;
    color: #103888;
    font-family:Trebuchet MS;
}

#formulaire table {
    padding-left:20px;
}

#formulaire table td.gauche{
    width:300px;
    text-align:right;
}

#formulaire table td.envoyer{
    text-align:center;
    padding-top:10px;
}

#formulaire table td.centre{
    text-align:center;
    padding-top:10px;
    border-bottom: 2px solid #EEE;
    padding-bottom:5px;
}
#formulaire table td.droite{
    float:right;
    width:300px;
    text-align:left;
    margin-left:10px;
    
}

#formulaire table td.droiteBis{
    width:300px;
    text-align:left;
}

#formulaire table td.texteArea{
    width:300px;
    float:right;
    text-align:center;
    
}

/***** page infos pratiques *******/

#affichePlanInfos {
    width: 720px;
    background:url(../images/tetiere_720.gif) no-repeat;
    float:right;
    margin-right:8px;
    _margin-right:4px;
}

#affichePlanInfos h1.titreRubriqueBleu{
    padding-left:15px;
}

#affichePlanInfos #planInfos{
    float:left;
    margin-top: 20px;
    margin-left:15px;
    _margin-left:4px;
    width:321px;
    height:620px;
    background: url(../images/Plan-Infos-pratiques.gif) no-repeat;
    background-position: 0px 40px;
}
#affichePlanInfos #planInfos .titreImage{
    margin-bottom:10px;
}

#affichePlanInfos .texte{
    float:right;
    margin-top:20px;
}

#affichePlanInfos h3{
    color: #000;
    font-size:14px;
}

#affichePlanInfos p{
    width:330px;
}

#affichePlanInfos a{
    text-decoration:none;
}


#affichePlanInfos .download{
    text-decoration:none;
    float:right;
    margin-top:20px;
}

/******** recherche *****/

.cetteSemaine {
    margin-left:25px;
    margin-top:5px;
    font-size: 11px;
    background: url('../images/ico_flecheRightWhite.gif') no-repeat left center;
    padding-left: 19px;
}
.cetteSemaine a:hover{
    text-decoration: underline;
}

#afficheCircuit ul.rechercher{
    font-size:14px !important;
    font-weight:bold;
    display:inline;
    
}

#afficheResultat {
    text-align:center;
    margin-top:10px;
    min-height:700px;
    float:letf;
    clear:both;
}

#afficheResultat td.aucunResultat{
   font-weight:bold;
   color:red;
}


#afficheResultat tr.tableHeader{
    height:136px;
}
td.tableColonne1, td.tableColonne2, td.tableColonne3, td.tableColonne4, td.tableColonne5, td.tableColonne6, td.tableColonne7, td.tableColonne8, td.tableColonne9, td.tableColonne10 {
    width: 50px;
    height:146px;
}

#afficheResultat tr.tableHeader td.tableColonne0{
    width:95px;
    height:136px;
}
#afficheResultat tr.tableHeader td.tableColonne1{
    background: url(../images/CalanqueMarsCassisLong.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne2{

    background:url(../images/CalanqueMarsCassisCourt.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne3{
    background:url(../images/CoteBleue.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne4{

    background:url(../images/CircuitChateauDif.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne5{
    background:url(../images/CoucherDeSoleil.gif) no-repeat;
}

#afficheResultat tr.tableHeader td.tableColonne6{
    background:url(../images/PrivatisationHydra.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne7{
    background:url(../images/LiaisonMarsCassis.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne8{
    background:url(../images/LiaisonCassisMars.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne9{
    background:url(../images/ExcursionMarsCassis.gif) no-repeat;
}
#afficheResultat tr.tableHeader td.tableColonne10{
    background:url(../images/ExcursionCassisMars.gif) no-repeat;
}


#afficheResultat tr{
    height:92px;
}
#afficheResultat td.date{
    color:#013888;
    font-weight:bold;
    font-size:14px;
}

#afficheResultat tr.gris{
    color:#000;
    background:#F3F3F3;
}


#afficheResultat tr.grisClair{
    color:#000;
    background:#F4F8F9;
}

#afficheResultat a{
    text-decoration:underline;
}

#visuPartenaires .titreRubriqueBleu{
    font-size: 16px !important;
    border:none;
    margin-bottom:15px;
}

#visuPartenaires img.partenaires {
    margin-right:50px;
}

#afficheWho,
#affichePartenaires {
float:right;
margin-left:10px;
width:710px;
}

a.partenairesLink {
	display:block !important;
	padding:2px;
	color:#103888;
}

#afficheWho .texte{
    margin:10px 0 0 0;
    width:650px;
    text-align:justify;
    padding-left:5px;
    
}

.imagePlan{
    width:20px;
    height:20px;
}


.texteBateau{
    float: left;
    margin: 20px;
}

#blocLeft{
    float: left;
    margin-top: 5px;
 
    color: #fff;
    width: 50%;
    text-align: center;
}

#blocRight{
    float: right;
    margin-top: 5px;
    color: #fff;
    width: 50%;
    text-align: center;
}

a.savoirPlus{
    color:#fff;
    font-size:12px;
    text-decoration:none;
    font-weight: bold; 
}

/*** WIDGET Trip ADVISOR */
#TA_cdswritereviewlg335{
	display:block;
	clear:both;
}

#TA_cdswritereviewlg335 li.vchEjP{
	clear:right !important;
	display:block !important;
	background: transparent url(../images/ico_flecheRightWhite.gif) no-repeat scroll left top !important;
	padding: 0 !important;
	margin-top:10px;
	padding-left:10px !important;
	width:270px !important;
}

/* SLIDE SHOW */

#boxSlideShow {
    position: relative;
    height: 128px;
    display: block;
}

#boxSlideShow div {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#boxSlideShow div.focus {
    display: block;
    z-index:0;
}



/*
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ */
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
/*		width:385px;
		height:128px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}*/