/* GENERAL */
html {overflow-y:scroll}
body {font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #114e8d; background: #858585 url(../../images/fond_site.png) repeat-y center; height:100%}

a {text-decoration:none}
a:hover {text-decoration:underline}
a:link {color: #911F1F}
a:visited {color: #911F1F}
a img {border:none}
div#debug {border:1px solid red; background-color:#fff4bf; position:absolute; padding:10px; width:300px; height:300px; z-index:50}
.clear {clear:both; height:1px}

h1 {text-align:left; font-size:17px; color:#af0c33; font-weight:bold}
.effacer {background:transparent url(images/effacer.jpg) no-repeat scroll left top; color:#FFFFFF; font-size:10px; cursor:pointer; margin-right:5px; padding-top:2px; text-align:center; width:130px; height:21px; float:left}
.valider {background:transparent url(images/valider.jpg) no-repeat scroll left top; color:#FFFFFF; cursor:pointer; float:left; height:21px; padding-top:2px; text-align:center; width:130px; }


/* SITE */
div#site {text-align:left; width:970px; margin:0 auto;}

/* ENTETE */
div#entete {background:#858585; width:970px; height:347px; position:relative;}
div#entete img {margin:0; float:left}
div#entete #bandeau_inferieur {background:url(../../images/bandeau-haut.jpg) no-repeat; width:970px; height:277px; position:relative; border-bottom:1px solid #858585; border-top:1px solid #858585}
/* SLIDESHOW */
div#entete #bandeau_inferieur #slideshow {width:404px; height:204px; position:absolute; top:25px; left:540px; border-bottom:1px solid #000; border-right:1px solid #000}
#slideshow_pub {width:248px; height:206px; border:none}

/* MENU */
#entete #logo-star-events {float:left}
#entete #menu {margin:0; width:688px; height:70px; position:relative; z-index:5; padding:0; float:left; background:#fff}
#entete #menu li{margin:0 0 0 0; padding:0; list-style-type:none; float:left; display:inline; height:70px; position:relative;}
#entete #menu li a{text-align:center; padding:30px 0; height:10px; color:#000; display:block; width:137px; font-size:14px; font-weight:bold}
#entete #menu li a#qui_sommes_nous {width:146px}
#entete #menu li a#partager {width:128px}

#entete #menu li a:first-letter {color:#65a3e2;}
#entete #menu li a{text-decoration:none; color:#000}
#entete #menu li a:hover{text-decoration:none; color:#fff}
#entete #menu li a.active{text-decoration:none; color:#fff}

#entete #menu li a#menu_accueil{background:url(../../images/menu_accueil.jpg) no-repeat; width:82px}
#entete #menu li a#menu_accueil:hover{background:url(../../images/menu_accueil.jpg) no-repeat 0 -70px;}
#entete #menu li a#menu_accueil.active{background:url(../../images/menu_accueil.jpg) no-repeat 0 -70px;}

#entete #menu li a#menu_qsn {background:url(../../images/menu_qsn.jpg) no-repeat; width:169px}
#entete #menu li a#menu_qsn:hover {background:url(../../images/menu_qsn.jpg) no-repeat 0 -70px;}
#entete #menu li a#menu_qsn.active {background:url(../../images/menu_qsn.jpg) no-repeat 0 -70px;}

#entete #menu li a#menu_congres {background:url(../../images/menu_congres.jpg) no-repeat; width:98px}
#entete #menu li a#menu_congres:hover {background:url(../../images/menu_congres.jpg) no-repeat 0 -70px;}
#entete #menu li a#menu_congres.active {background:url(../../images/menu_congres.jpg) no-repeat 0 -70px;}

#entete #menu li a#menu_promotions {background:url(../../images/menu_promotions.jpg) no-repeat; width:117px}
#entete #menu li a#menu_promotions:hover {background:url(../../images/menu_promotions.jpg) no-repeat 0 -70px;}
#entete #menu li a#menu_promotions.active {background:url(../../images/menu_promotions.jpg) no-repeat 0 -70px;}

#entete #menu li a#menu_contact {background:url(../../images/menu_contact.jpg) no-repeat; width:109px}
#entete #menu li a#menu_contact:hover {background:url(../../images/menu_contact.jpg) no-repeat 0 -70px;}
#entete #menu li a#menu_contact.active {background:url(../../images/menu_contact.jpg) no-repeat 0 -70px;}

#entete #menu li a#menu_partager {background:url(../../images/menu_partager.jpg) no-repeat; width:113px}
#entete #menu li a#menu_partager:hover {background:url(../../images/menu_partager.jpg) no-repeat 0 -70px;}
#entete #menu li a#menu_partager.active {background:url(../../images/menu_partager.jpg) no-repeat 0 -70px;}

#entete #menu .sous_menu {position:absolute; padding:0 0 0 0; border:1px solid #000; top:70px; left:0px; display:none; z-index:10;}
#entete #menu .sous_menu li {display:block; width:100%; margin:0; height:30px; background:#65a3e2;}
#entete #menu .sous_menu li a {display:block; text-decoration:none; padding:8px 20px 0 20px; height:22px; margin:0; background:#fff; }
#entete #menu .sous_menu li a.hover {background:#114e8d;}


/* CONTENU */
div#contenu {background:#fff url(../../images/fond-contenu.jpg); width:910px; min-height:730px; padding:30px}
div#contenu #partie_gauche {background:transparent; float:left; width:630px; min-height:730px; margin-right:30px}
div#contenu #partie_droite {float:left; width:250px; min-height:730px;}

/* BOITE*/
.cliquable:hover {cursor:pointer}
.boite {width:611px; min-height:200px; margin-bottom:20px}
.boite .haut_boite {width:611px; height:10px; background:url(../../images/haut_boite.png) no-repeat}
.boite .contenu_boite {width:581px; min-height:176px; background:url(../../images/fond_boite.png) repeat-y; padding:15px 15px 15px 15px; margin:0}
.boite .contenu_boite .titre {font-size:12px; font-weight:bold; margin:0}
.boite .contenu_boite .adresse {font-size:12px; font-weight:bold; margin:0 0 10px 0; text-align:center; color:#af0c33 }

.boite .bas_boite {width:611px; height:14px; background:url(../../images/bas_boite.png) no-repeat}

.mini_boite {margin-left:90px; font-family:Georgia}
.mini_boite_gauche {background:url(../../images/mini_boite_gauche.png) no-repeat; width:10px; height:19px; float:left}
.mini_boite_contenu { background-color:#af0c33; color:#fff; text-align:center; float:left; height:17px; padding-top:2px}
.mini_boite_droite {background:url(../../images/mini_boite_droite.png) no-repeat; width:10px; height:19px; float:left}
.ou {text-align:center; margin: 40px 0 10px 0; font-weight:bold; font-family:Georgia; color:#af0c33; clear:both}

.vignette {background:url(../../images/cadre.gif) no-repeat; width:182px; height:115px; padding:7px 7px 7px 8px; float:left; margin:0 0 25px 0}
.vignette img {width:182px; height:115px;}

.boite .contenu_boite .presentation_congres {float:left; width:370px; margin-left:14px}
.boite .contenu_boite .presentation_congres .type_congres {text-align:center; font-weight:bold; font-size:16px; margin:2px 0 20px 0}
.boite .contenu_boite .presentation_congres .sujet_congres {text-align:center; font-size:12px; margin:12px 0}
.boite .contenu_boite .presentation_congres .lieu_croisiere {text-align:center; font-size:12px; font-weight:bold; color:#af0c33}
.boite .contenu_boite .presentation_congres .vacances_scolaires {text-align:center; color:#af0c33; font-size:10px; font-style:italic; margin:2px 0 0 0}
.boite .contenu_boite .liste_destinations {font-size:12px; color:#fff; text-align:center; background-color:#505050; padding:2px 10px; min-height:20px}





/*ACCUEIL*/
#txt_presentation {font-size:13px; text-align:justify; width:611px}
#txt_presentation .special {font-weight:bold}
#txt_presentation .special2 {font-weight:bold; color:#af0c33}
.txt_presentation_accueil h1 {text-align:center}

/* PAGE QUI SOMMES NOUS */
.cadre_qsn {float:left; margin-right:35px; text-align:center}
.cadre_qsn_special {text-align:center}


/* PAGE DYNAMIQUE */
.boite .page_dynamique p {margin: 0 0 15px 0}
.boite .page_dynamique h2 {color:#af0c33; font-weight:bold; margin:0 0 20px 0; font-family:Trebuchet MS; font-size:14px}
.boite .page_dynamique h3 {font-size:12px; font-weight:normal; margin:0}

/* CONGRES */
div#onglets {width:600px; height:29px; position:relative}
div#onglets .onglet {width:100px; height:21px; background:transparent url(../../images/onglet.png); float:left;  position:absolute; text-align:center; padding-top:8px; font-weight:bold; font-size:11px}
div#onglets .onglet:hover {background:transparent url(../../images/onglet_hover.png); cursor:pointer; color:#fff}
div#onglets .onglet.active {background:transparent url(../../images/onglet_hover.png); cursor:pointer; color:#fff}
div#onglets .onglet.desactive {background:transparent url(../../images/onglet_desactive.png); cursor:not-allowed; color:#505050}
div#onglets #onglet_un {z-index:10;}
div#onglets #onglet_deux {z-index:9; left:90px}
div#onglets #onglet_trois {z-index:8; left:180px}
div#onglets #onglet_quatre {z-index:7; left:270px}
div#onglets #onglet_cinq {z-index:6; left:360px}


/* DETAILS CONGRES */
#details_congres #boite_resume {margin: 0 0 50px 0}
#details_congres #boite_resume .ou_details {float:left; text-align:center; margin: 0 20px 20px 0; font-weight:bold; font-family:Georgia; color:#af0c33}
#details_congres #boite_resume .mini_boite {margin:0 20px 0 0; float:left; height:20px}
#details_congres #boite_resume h1 {float:left; margin:0 0 20px 0}
#details_congres #boite_resume h2 {clear:both; font-size:20px; font-weight:bold; margin:0 0 5px 0}
#details_congres #boite_resume h3 {font-size:12px; font-weight:normal; margin:0 0 20px 0}
/*#details_congres #liste_destinations {color:#000; font-size:11px; text-align:center; padding:2px 10px; height:30px; width:450px; margin-left:40px}*/
#details_congres #boite_resume #liste_destinations {font-size:12px; color:#fff; text-align:center; background-color:#505050; padding:2px 10px; min-height:20px; width:585px}
#details_congres .boite .contenu_boite {padding:20px 20px; width:571px; min-height:483px}

/* Onglets */
.contenu_onglet h2 {color:#af0c33; font-weight:bold; margin:0 0 20px 0; font-family:Trebuchet MS}


/* Onglet CONGRES*/
#onglet_congres {display:none}
#onglet_congres.active {display:block}
#onglet_congres.desactive {display:none}
#onglet_congres .mini_boite {margin:40px 0 10px 0;  float:none; clear:both;}
#onglet_congres p{margin:0}
#onglet_congres p.date {color:#af0c33; font-weight:bold; font-size:14px;  font-family:Georgia}
#onglet_congres p.heure {font-weight:bold; width:60px; height:30px; float:left; clear:left; margin-bottom:0; font-size:12px; font-family:Georgia}
#onglet_congres p.details_heure {clear:right; width:500px; margin-bottom:10px; padding-left:60px}

/* Onglet PROGRAMME*/
#onglet_programme {display:none}
#onglet_programme.active {display:block}
#onglet_programme.desactive {display:none}
#onglet_programme .mini_boite {margin:40px 0 0 0;  float:none; clear:both;}

.tab_programme_prix {width:100%; background:#fff; border-collapse: separate;}
.tab_programme_prix thead {background-color:#939393; color:#af0c33}
.tab_programme_prix thead tr th {padding:5px; text-align:center; font-weight:bold;}
.tab_programme_prix thead tr th.th_promotion {text-align:left}
.tab_programme_prix tbody {background-color:#d5d5d5}
.tab_programme_prix tbody tr td {padding:5px; text-align:left;}
.tab_programme_prix tbody tr td.date_jour {white-space: nowrap;}
.tab_programme_prix tbody tr td.heure {text-align:center; font-family:Georgia;}

.tab_programme_prix .escale_1 {text-align:left; width:110px}
.tab_programme_prix .escale_2 {text-align:left;}

.tab_programme_prix .escale_commentaire {font-style:italic; font-size:10px; text-align:left}
.tab_programme_prix .escale_commentaire_special {font-style:italic; font-size:10px; text-align:right}



/* Onglet PRIX */
#onglet_prix {display:none}
#onglet_prix.active {display:block}
#onglet_prix.desactive {display:none}
#onglet_prix #prix_enfant {margin:0; font-weight:bold}
#onglet_prix #description_prix_enfant {font-size:11px; margin:0 0 15px 0;  font-weight:bold}
#onglet_prix #txt_prix {font-size:11px; font-weight:bold; text-align:center; margin:0 0 15px 0; border:1px solid #114e8d; padding:10px; font-family:Georgia}
.tab_programme_prix {margin-bottom:20px}
.tab_programme_prix thead tr th .type_cabine {margin-right:16px}
.tab_programme_prix tbody tr td.categorie {color:#af0c33; font-weight:bold; text-align:center; font-family:Georgia;}
.tab_programme_prix tbody tr td.description_prix {text-align:left}
.tab_programme_prix tbody tr td.description_prix img {margin-right:5px}
.tab_programme_prix tbody tr td.pont {text-align:center;}
.tab_programme_prix tbody tr td.prix {font-weight:bold; text-align:center; font-family:Georgia;}
.tab_programme_prix tbody tr td.prix_barre {font-weight:bold; text-decoration:line-through; text-align:center; font-family:Georgia;}
.tab_programme_prix tbody tr td.prix_promo {font-weight:bold; text-align:center; font-family:Georgia; color:#af0c33}

#onglet_prix .prix_details {margin:20px 0; text-align:justify}
#onglet_prix .prix_details .special{color:#af0c33; font-weight:bold}

/* Onglet Photos*/
#onglet_photos {display:none}
#onglet_photos.active {display:block}
#onglet_photos.desactive {display:none}
#onglet_photos .lien_diapo{color:#114e8d}
#onglet_photos .lien_diapo:hover{color:#af0c33; text-decoration:none;}
#onglet_photos .lien_diapo img {opacity:0.7; filter:alpha(opacity=70); }
#onglet_photos .lien_diapo:hover img {opacity:1; filter:alpha(opacity=100); }
#onglet_photos .vignette img {float:left;}
#onglet_photos .txt_lien {padding: 25px 0 25px 240px; margin:25px 0 35px 0;}
#onglet_photos .hover {background:#d3d3d3}
#onglet_photos .invisible {display:none}

/* Onglet Inscription*/
#onglet_inscription {display:none}
#onglet_inscription.active {display:block}
#onglet_inscription.desactive {display:none}
#onglet_inscription .titre {text-align:center}
#onglet_inscription #adresse {height:30px}
#onglet_inscription .interrogation {float:left; cursor:help; margin-left:10px}
#onglet_inscription .prix {font-weight:bold; font-size:13px}


#popup_message .tab_programme_prix {width:109%}




/* Page CONTACT (et formulaire INSCRIPTION */
#contact {padding:5px 0px 20px 0}
#contact .titre {font-size:12px; font-weight:bold}
.form_gauche {float:left; width:280px}
.form_droite {float:left; width:290px}
.form_centre {clear:both; width:570px;}
.form_complet {width:570px;}

.form_tiers {width:190px; float:left}
.form_tiers .row label {width:60px}
.form_tiers .row input {width:100px}

.form_centre .row label {width:280px}
.form_centre .row label.label_chk {width:10px; float:left; text-align:center}
.form_centre .row label.label_cat {width:10px; float:left; text-align:center}
.form_centre .row input {width:100px}
.form_centre .row_submit .submit {width:130px}
.form_centre .row input.input_chk {width:10px; float:left}
.form_centre .row .input_cat {width:20px; float:left}
.form_centre .details_assurance_annulation {text-align:center; font-style:italic; margin:0}

.txt_important {font-weight:bold; text-decoration:underline; margin:10px 0; text-align:center}
.txt_important_2 {font-weight:bold; text-decoration:underline; margin:10px 0 0 250px; color:#114e8d}
.txt_tres_important {font-weight:bold; margin:15px 0; text-align:center; color:#af0c33; font-size:16px}





.row_centre {margin-top:20px; text-align:center}
.row_centre label{width:290px; }

/* FORMULAIRES*/
.row{clear:both; margin:5px 0 10px 0;}
.row label{display:inline; float: left; margin-right: 5px; width: 100px; text-align:right;}
.row label span{color:#f00;}

.row textarea, .row input {width:160px; border:1px solid #114e8d; padding:2px; font-size:11px; color:#114e8d}
.row select {border:1px solid #114e8d; padding:2px; font-size:11px; color:#114e8d}
.row textarea {height:100px}
.row select {width: 152px;}

.row_submit{text-align:center; padding:15px 0 0 64px}
.row_submit .submit {background:url(../../images/valider.jpg) no-repeat; width:130px; height:21px; border:none; color:#fff; padding:0 0 4px 0; font-family:Georgia}
.row_submit .submit:hover {cursor:pointer}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.total{font-weight:bold; font-size:13px; color:#af0c33; margin:40px 0; padding-left:130px}
.form_centre .total label {width:320px}


.boite #contact_infos {width:590px; padding:15px}
.boite #contact_infos #contact_coordonnees {padding:0 20px 20px 0; text-align:center}
.boite #contact_infos #contact_coordonnees .societe {font-size:14px; font-weight:bold; color:#af0c33}
.boite #contact_infos #contact_coordonnees .adresse {}
.boite #contact_infos #contact_coordonnees .telephone {font-family:Georgia; font-weight:bold}

.boite #contact_infos a#lien_agrandir{color:#114e8d; display:block; text-align:center; margin-top:3px}

/* Page PARTAGER */
#partager {padding:0 15px 15px 150px; width:410px}
#partager .icone {width:75px; height:75px; padding:10px; float:left; margin:0}
#partager .icone img {width:75px; height:75px;}
#partager .txt_lien {padding:25px; margin:10px 0;}
#partager .lien_partage{color:#114e8d; font-weight:bold}
#partager .lien_partage:hover{color:#af0c33; text-decoration:none; }



/* PARTIE DROITE */
div#inscription_newsletter {width:250px; height:75px; color:#000; font-weight:bold; font-size:12px}
div#inscription_newsletter #input_newsletter {font-size:9px; width:212px}
div#inscription_newsletter #submit_newsletter {background:url(../../images/bouton.png) no-repeat; width:28px; height:19px; padding:0 0 3px 0; margin:0; color:#fff; border:none; font-weight:bold; font-size:10px}
div#inscription_newsletter #submit_newsletter:hover {cursor:pointer;}

div#pub {width:250px; height:330px; clear:both; font-weight:bold; color:#000}
div#masque_pub {position:absolute; top:0; left:0; width:253px; height:206px; background:#fff; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); }}

div#liste_partenaires {font-weight:bold; color:#000}
div#liste_partenaires #boite_partenaires {width:260px; height:350px;}
div#liste_partenaires #boite_partenaires .haut_boite_partenaires {background:url(../../images/haut_boite_partenaires.png) no-repeat; width:260px; height:10px; float:left}
div#liste_partenaires #boite_partenaires .contenu_boite_partenaires {background:url(../../images/fond_boite_partenaires.png) repeat-y; width:230px; min-height:100px; float:left; padding:0 15px}
div#liste_partenaires #boite_partenaires .bas_boite_partenaires {background:url(../../images/bas_boite_partenaires.png) no-repeat; width:260px; height:14px; float:left}

div#liste_partenaires #boite_partenaires .partenaire {margin:0 0 20px 0; text-align:left}
div#liste_partenaires #boite_partenaires .partenaire a {color:#114E8D; text-decoration:none}
div#liste_partenaires #boite_partenaires .partenaire a:hover {color:#af0c33;}
div#liste_partenaires #boite_partenaires .partenaire a img {vertical-align:middle; margin-right:10px}

div#pub {font-weight:bold; color:#000}
div#pub #boite_pub {width:260px; height:350px; position:relative}
div#pub #boite_pub .haut_boite_pub {background:url(../../images/haut_boite_partenaires.png) no-repeat; width:260px; height:10px; float:left}
div#pub #boite_pub .contenu_boite_pub {background:url(../../images/fond_boite_partenaires.png) repeat-y; width:254px; min-height:206px; float:left; padding:0 3px 20px 3px; position:relative}
div#pub #boite_pub .bas_boite_pub {background:url(../../images/bas_boite_partenaires.png) no-repeat; width:260px; height:14px; float:left}

div#pub #boite_pub .partenaire {margin:0 0 20px 0; text-align:left}
div#pub #boite_pub .partenaire a {color:#114E8D; text-decoration:none}
div#pub #boite_pub .partenaire a:hover {color:#af0c33;}
div#pub #boite_pub .partenaire a img {vertical-align:middle; margin-right:10px}






/* PIED DE PAGE */
div#piedpage {background:url(../../images/fond-pied-page.jpg); width:930px; height:65px; padding:20px; color:#fff; text-align:center; line-height:22px; border-top:2px solid #858585}
div#piedpage #pied_gauche {float:left; width:345px; text-align:right; padding:0 10px 0 0; margin-right:20px; border-right:1px solid #fff}
div#piedpage #pied_droit {float:left; width:465px; text-align:left;}
div#piedpage #pied_bas {padding-top:10px}

div#piedpage a {color:#fff; text-decoration:none}
div#piedpage a:hover {text-decoration:underline}