/* CSS Document */
/* CMT style v1.0 by Andurance.com
  ____ __  __ _____
 / ___|  \/  |_   _|
| |   | |\/| | | |
| |___| |  | | | |
 \____|_|  |_| |_|  Comité Martiniquais du Tourisme.

*/
.attribute-caption
{font-weight:bold}
div.object-left
{    float: left;
    clear: left;
}
div.object-right
{
    float: right;
    clear: right;
    margin: 5px 0 0 15px;
}
div.attribute-caption p,
div.attribute-image,
div.attribute-caption,
div.attribute-image p {margin:0;padding:0;}



div.object-center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* basic elements */
td
{text-align:center;}
body{margin:0;padding:0;background:url(../images/2009-body-accueil-bg-02.gif) top left repeat-x;}

/* =============================================================

B L O C S     P R I N C I P A U X       D E      L A      P A G E

================================================================*/
#main{width:970px;/*970:955px;*/
/*C'est cette image qui en se répétant vers la droite donne l'illusion de l'ombre après le fichier son, et ce jusqu'en bas de site.*/
background:url(../images/2009-border.jpg) repeat-y top right;}

#contener
{float:right;width:757px;}

#title{height:64px;padding-bottom:15px;background:url(../images/2009-title-bg.jpg) no-repeat top left;}
#header{z-index:2;position:relative;width:757px;}
#header object, embed{margin:0;padding:0;}
#swfcontent{width:757px;z-index:10;height:228px;overflow:hidden; top:0;left:0;position:relative;}
.menu{bottom:0;left:0;height:27px;width:757px;z-index:15;position:absolute;background:url(../images/2009-nav-bg.png) top left repeat-x;}
#drapeaux{float:right;padding-right:25px;}

#drapeaux img{margin:7px 5px 0 0;}

#droite{width:213px;float:right;padding:0;}

/*Div qui normalement n'existe plus*/
#bloc-conten-central{min-height:78px;width:750px;font: normal 11px Arial;color:#999999;float:left}
#bloc-conten-central a{text-decoration:none;color:#999999;}
#bloc-conten-central a:hover{text-decoration:underline;color:#999999;}
#bloc-conten-central h1{display: inline;margin:0px;padding:0 0 0 15px;font:normal 12px Arial;color:#11b5c2;text-transform: uppercase;}
#bloc-content-full-agenda{min-height:78px;width:538px;font: normal 11px Arial;color:#999999;float:left}
/*=================================================
BLOC INFOS - Températures, heure, etc
=================================================*/
#droite #bloc-infos{height:279px;background:url(../images/2009-bloc-gris-bg-destination.jpg) top left no-repeat;}
#droite #heure{text-align:right; margin:0; padding:0;height:15px;padding-bottom:15px;padding-right:20px;}
#droite #heure input{border:none;font:bold 11px arial; color:#5b78a5;background-color:transparent;text-align:right;margin:0;padding:0 0 0 20px;}
#droite .temp-eau{font:bold 11px arial;color:#5b78a5;margin:0 0 10px 0;/*0 0 10px 0;*/padding:0;text-align:right;padding-right:20px;}
#droite .temp-air{font:bold 11px arial;color:#5b78a5;margin:0 0 5px 0 ;padding:0;text-align:right;padding-right:20px;}
.style1{width:160px; height:13px; margin:0 0 0 10px; color:#666666; float:left; font-size:11px;}

/*Le lien sur le logo CMT dans la colonne de droite*/
.lien_retour_logo{display:block;padding:20px 0 49px 0;height:100px;}

/*Ces 2 divs servent à gérer les ombres de cette colonne */
#bg-bloc-droite{background:url(../images/2009-bg-bandeau-droite.jpg) top left repeat-y;}
#ombre-gauche{background:url(../images/2009-ombre-gauche-colonne-droite.jpg) top left no-repeat;}

/*La pub en flash */
#droite #bandeau-pub{margin-left: 25px; width: 160px; padding-bottom: 20px;}
#droite #titre-pub{padding:20px 0 15px 16px;display:block;}
#droite #pub160x600{width:160px;height:600px;margin:0 auto;}

/*Bloc de la Carte flash de la Martinique*/
#carte{background-image:url(../images/bg-carte.jpg);background-repeat:no-repeat;background-position:top left;padding:28px 0 0 5px;margin:0 0 0 0;}

/*Fil d'ariane*/
.chemin{width:580px;height:40px;padding:12px 0 0 15px;}
.chemin a{text-decoration:none;font: normal 11px Arial;color:#999999;}
.chemin a:hover{text-decoration:underline;font: normal 11px Arial;color:#999999;}

/* BLOc NEWSLETTER */

#bloc-newsletter{padding:10px 0 10px 10px;}
#bloc-newsletter-titre{padding:0 0 0 10px;}

/* BLOC SLA */

#bloc-sla{padding:0px 0 20px 5px;}

/* BLOC IMADININA */

#bloc-imadinina{
    text-align: center;
    padding-right: 5px;
    margin-bottom: 20px;
}

#bloc-imadinina a {
    color: #d97423;
    text-decoration: none;
}

#bloc-imadinina .iphone-title{
    padding-bottom: 10px;
}

#bloc-imadinina .iphone-link{
    font-size: .9em;
}

.bg-droite-fin-colonne
{
margin-top: -7px;
background-image:url(../images/2009-colonne-droite-fin-colonne.gif);
background-repeat:no-repeat;
background-position:top left;
min-height:60px;
height:auto !important;
height:60px;
}


/*____________________________________________________________________________________________________________________


>>>   N A V I G A T E U R    P E R M E T T A N T   D E   P A S S E R    D E    PA G E    E N    P A G E

______________________________________________________________________________________________________________________*/
.navigateur{float:right;margin: -8px 0 0 0;padding: 0 15px 0 0;text-align   : right;}

#footer{height:16px;clear:both;background:url(../images/2009-footer-bg.jpg) no-repeat #FFFFFF top right;font:normal 11px arial;color:#999999;padding:8px 0 0 24px;width:731px;/*757-24*/
}
#footer a {color:#999999;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer img {margin-left:5px; position:relative; top:3px;}
#ref
{
width:516px;
float:left;
background-image:url(../images/bg-article.jpg);
background-repeat:no-repeat;
font:normal 11px Arial;
color:#666666;
padding:20px 0 0 15px;
margin:0;
}

#ref-sejour
{
width:750px;
background-image:url(../images/bg-ref.jpg);
background-repeat:no-repeat;
font:normal 11px Arial;
color:#666666;
margin:0;
padding:0;
}

#logo-hotel{margin:40px 0 0 0;}

#logo-hotel li{list-style-type:none;display:inline;}
/*________________________________________________________________________________________


>>>    R U B R I Q U E         V O T R E      S E J O U R
Cette rubrique a un affichage différent des autres rubriques.
________________________________________________________________________________________*/
#envie_de{/*width:392px;float:left;*/}
#envie_de ul{padding:0;margin:0;list-style:none;}
#envie_de ul li{padding:0;margin:0 0 15px 0;list-style-type:none;}
#envie_de ul li a,
#envie_de ul li a:hover
{color:#666666;text-decoration:none;}
#envie_de ul li .titre2 a{color:#ef8834;text-decoration:none;}
#envie_de ul li .titre2 a:hover{color:#ef8834;text-decoration:underline;}
#envie_de #blanc{margin:20px 0 2px 0;padding:0 15px 0 15px;}
/*________________________________________________________________________________________


>>>    V U E     L I G N E     D ' U N E    F I C H E     H O T E L

________________________________________________________________________________________*/
.contenu_de_ligne_hotel{margin:0 20px 0 140px;text-align:justify;}
.contenu_de_ligne_hotel h2{color:#116eb4;font:normal 11px Arial;margin:0;padding:0;}
.contenu_de_ligne_hotel h1{color:#116eb4;font:normal 18px Arial;margin:0;padding:0;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ooo Lien "Voir la suite" pour cet hotel
+ + + + + + + + + + + ++ + + + + + + + + + + + + + + + +*/
.voir_suite_hotel{  color: #ee7f25; padding: 0 0 0 0;margin: 10px 0 0 10px;text-decoration: none}
.voir_suite_hotel:hover{color: #ee7f25; text-decoration : underline}

#ref h2{color:#116eb4;font:normal 11px Arial;margin:0;padding:0}
#ref h1{color:#116eb4;font:normal 18px Arial;margin:0;padding:0}

#liste ul li{list-style-type:none;margin:0 0 30px 0}

#annexe{height:750px;  width:214px; background-image:url(../images/annexe.jpg);background-repeat:no-repeat;float:right;padding:30px 0 0 5px;font:normal 11px arial;color:#666666;}
#annexe a{text-decoration:none;color:#666666;}

#page{background-image:url(../images/page.jpg);height:53px;width:750px;clear:both;}
.nb_pages{float:right; padding:27px 0 0 0; font:normal 11px arial; color:#999999;}
.retour-bas{float:right; padding:25px 20px 0 0; font:normal 11px arial; color:#999999; }

#page a{text-decoration:none;color:#999999; }
#page a:hover{text-decoration:underline;color:#999999;}

#pub{padding:0 0 0 10px;}
/*#pub{padding:70px 0 0 10px;}*/
#pub2{padding:265px 0 0 10px;}
#pub3{padding:0 0 0 10px;}

.description_agenda p{margin:0;padding:0;}
#pub-agenda{padding:70px 0 0 10px;}

.titre-rubrique{font:normal 12px arial;color:#11b5c2;padding:0 0 0 15px;text-transform:uppercase;}
.titre-rubrique2, .titre-rubrique2 a{font:normal 12px arial;color:#116eb4;text-decoration:none;}
.titre-rubrique2 a:hover{text-decoration:underline;}
.titre-rubrique3{font:normal 12px arial;color:#666666;}

.sous_rub_annexe, #annexe .sous_rub_annexe a {font:bold 11px arial;color:#11b5c2;text-decoration:none;}

#annexe .sous_rub_annexe a:hover{text-decoration:underline;}

.retour{float:right; padding:12px 20px 0 0; font:normal 11px arial; color:#999999;}

#legende{color:#999999;}
/*---------------------------------------
G A L E R I E   P H O T O
---------------------------------------*/
#photo{float:left; margin:0 8px 0 0;}
#photo img{border:1px solid #CCCCCC;}

#galerie_mini2 img{border:0;}
#galerie_mini2 a:visited, #galerie_mini2 a {text-decoration:none; /*display:inline-block;*/ outline:none;}
#galerie_mini2 a:visited img, #galerie_mini2 a img{filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.50; opacity:0.5; padding:1px; border:1px solid white;
}
#galerie_mini2 a:hover { outline:none;}
#galerie_mini2 a:active { outline:none;}
#galerie_mini2 a:focus{ outline:none;}
/*#galerie_mini2 a span {display:none; outline:none;}*/
/*#galerie_mini2 a:hover span {display:block; position:absolute; top:50px; margin:0; left:0; font-size:12px; height:18px; padding:1px; color:#a40; outline:none;}*/
#galerie_mini2 a:hover img {
filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1; border:1px solid #9b9c99;
}
#galerie_mini2 a:focus img{
filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1; border:1px solid #9b9c99;
}
#galerie_mini2 a:active img{
filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1; border:1px solid #9b9c99;
}

 /* wakeup IE */
#container1 a:hover {border-width: 0;}

#liste-icone ul{margin:10px 0 10px 0;padding:0;}
#liste-icone ul li{list-style-type:none;display:inline;margin:0 5px 0 0;}

#descriptif /*ref*/{padding:0 20px 0 0;}

#slideDoor ul{list-style:none;padding:0;margin:0;}

#slideDoor li{list-style-type:none;padding:0;margin:0;display:inline;}

.lien_bleu{color:#116eb4;text-decoration:none;}
.lien_bleu:hover{color:#116eb4;text-decoration:underline;}
/*-------------------------------------
P L A N      D U      S I T E
-------------------------------------*/
h1.bleu{font        : bold 20px Verdana, Arial, Helvetica, sans-serif;color: #4d6eb4;}
h1.bleu a{color: #4d6eb4;text-decoration: none;}
ul li h1.bleu{font: bold 15px Verdana, Arial, Helvetica, sans-serif;color: #666666;}
ul li h1.bleu a{color: #666666;text-decoration: none;}
ul li ul li h1.bleu{font    :bold 12px Verdana, Arial, Helvetica, sans-serif;color: #666666;}
ul li ul li h1.bleu a{color: #666666;text-decoration: none;}
ul li h2{font: normal 11px Verdana, Arial, Helvetica, sans-serif;color: #12c2e2;}
ul.sitemap{list-style-type:none}
ul.sitemap li{margin:0;padding:0;}
ul li h2{margin:0;padding:0;}
ul li h2 a{color: #12c2e2;text-decoration: none;}
/*________________________________________________________________________________________


>>>    STYLES ISSUS DE W2M-ARTICLE.CSS
Comme ca on a un seul fichier pour les pages intérieures

________________________________________________________________________________________*/
/* TABLEAUX */

.table_multioption {
    border: 0px;
    width: 98%;
    margin-top:10px;
}

.titre_multioption {
    border: 1px solid rgb(204, 204, 204);
    background: rgb(134, 170, 244) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    font-family: arial;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    height: 30px;
}

.multioption {
    background-color:#E0E0E0;
    height:30px;
    width:50%;
}

#article table {margin: auto;margin-bottom:1em; border:1px solid;   border-collapse: collapse; }
#article table caption {caption-side: top; /* bottom pas pris en compte par IE */   text-align: center;margin: auto;padding: 3px;font-weight: bold; }
#article table td{border:1px solid #666666;}
#article table tr.row_first { background: #FFC; }
#article table tr.row_odd { background: #DDD; }
#article table tr.row_even { background: #EEE; }
#article able th, table td { padding: 3px; text-align: left; vertical-align: middle; }
#article table p{margin:0;padding:0;}

.warning{font-weight:bold;color:red;}

/*Formulaire de login pour les Pro et Presse et le jeu*/
#acces{font:normal 11px arial;color:#666666;/*height:265px;*/}
.formacces{width:160px;padding:0;margin:0;}
.submitacces{padding:0;margin:0;}
.reponseacces{padding:0;margin:0;color:#FF0000;}
.rememberacces{padding:0;margin:0;}
.pacces{padding:0;margin:0;}
.pacces2{padding:0;margin:2px 0 10px 0;}
.labelacces{padding:0;margin:0;}
#acces input{padding:0;margin:0;}
#acces legend{display:none;}
#acces fieldset{padding:0;margin:0;border:0;}
#acces form{padding:0 0 0 10px;margin:0 0 5px 0;height:135px;}
#bloc-conten-central p {margin: 10px; margin-left: 0;}
#bloc-conten-central p.register {display: block;}
#bloc-conten-central p.register a {font-size: 1.5em; line-height: 20px; padding: 5px; background-color: #11B5C2; color: #fff;}



#annee-agenda{font:normal 14px arial;}
#mois-agenda{font:bold 12px arial;color:#ee7f25;}

.vingtpx{padding:0 20px 0 20px;}
.vingtpx p{display: inline;}

#formLogin{
    width: 530px;
    float: left;
    margin-bottom: 10px;
}

#formLogin input.halfbox{
    width:62%;
}

.banniere{
    float: right;
}

#article, #article2{background:url(../images/bg-article.jpg);background-repeat:no-repeat;width:490px;float:left;font:normal 11px arial;color:#666666;padding:15px 20px 0 20px;text-align:justify;}

.form_agenda_block, .form_agenda_block  #article2{ width: 531px; }

#article2
{background:url(../images/bg-article2.jpg) no-repeat;width:750px;padding:15px 0 0 0;}
#article p{margin : 15px 0 0 0;}
/*Bloc en bas de l'article permettant de revenir vers la liste des articles de la rubrique*/
#page{background-image:url(../images/page.jpg);height:65px;width:749px;clear:both;}
/*Bloc qui permet de revenir en haut de la page de l'article */
#haut-page{text-align:right;font:bold 11px arial;height:20px;width:730px;clear:both;}
#haut-page a{text-decoration:none;color:#3860af;}
/* Le bloc annexe contient des infos parallèles à l'article en cours : Articles sur le meme teheme, à proximité, etc*/
#annexe-article{height:530px;  /*560-30*/
width:207px; /*212-5*/
background-image:url(../images/annexe.jpg);background-repeat:no-repeat;float:right;padding:30px 0 0 5px;font:normal 11px arial;color:#666666;
}
#annexe-article a{text-decoration:none;color:#666666;}
#annexe-article a:hover{text-decoration:underline;color:#666666;}

.titre{font:normal 18px arial;color:#116eb4;}

/* Galerie photos liée à l'article*/
#legende{color:#999999;}
#photo{float:left;}

#galerie_mini img{border:0;}
#galerie_mini a:visited, #galerie_mini a {text-decoration:none; color:#d00; font-weight:bold; margin:0 0 0 0; padding:1px; border:1px solid white; outline:none; float:left; display:block;}
#galerie_mini a:visited img, #galerie_mini a img{filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}
#galerie_mini a:hover {background-color:transparent; color:#06a; border:1px solid #9b9c99; outline:none;}
#galerie_mini a span {display:none; outline:none;}
#galerie_mini a:hover span {display:block; position:absolute; top:50px; left:0; font-size:12px; height:18px; padding:4px; font-weight:normal; color:#a40;   outline:none;}
#galerie_mini a:hover img {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1;}
#galerie_mini a:focus img{filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1;}
#galerie_mini a:active img{filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1;}
#galerie_mini a:active, #galerie_mini a:focus{border:1px solid #9b9c99;}


/*  STYLES DE FCKeditor*/
/* Dans le Ez, on met l'élement en gras, puis on sélectionne la class pour ce gras*/
.Gras{  font-weight: bold;  color: #000000;}
.Titre_paragraphe{font-weight: bold;    font-size: 11px;color: #666666;}
.Sous-titre{    font-weight: bold;font-size: 14px;color: #116eb4;}



/*  A   G  E   N   D   A   */
.desc{color:#ee7f25; padding:10px 0 20px 0;}
.mois{margin:10px 0 20px 0;}
.mois a{font:bold 12px arial;color:#666666;text-decoration:underline;text-transform:uppercase;}
.annee{color:#ee7f25; padding:10px 0 10px 0; font:normal 18px arial; }
.gris{color:#666666;}
.lien_gris{color:#666666;text-decoration:none;}
.lien_gris:hover{color:#666666;text-decoration:underline;}
.bleu{color:#116eb4;}
.lien_bleu{color:#116eb4;text-decoration:none;}
.lien_bleu:hover{color:#116eb4;text-decoration:underline;}

.imp-env{float:right;padding:0 10px 0 0;margin:-5px 0 0 0;}

.logo_actu1{float:left; margin:0 10px 10px 0;width:auto; /*157px*/height:auto; /*105px*/}

.style2{width:186px; margin:12px 0 0 10px; color:#666666; font-size:11px; height:18px;}

/* JEU CONCOURS */
.class-jeu_concours .survey-choices{
    clear: both;
}
.class-jeu_concours .attribute-attribut{
    margin-left: 15px;
}

.class-jeu_concours .attribute-tipafriend{
    margin-left: 15px;
}

.class-jeu_concours {
    padding-top: 20px;
    min-height: 800px;
}

.inner-jeu_concours {
    background: #fff;
    padding: 10px;
    margin: 20px;
    margin-top: 0px;
    width: 500px;
}

