@import url("style-calendar.css");
@import url("style-extra.css");

html {font-size: 100%;/* Evite un bug d'IE 6-7.*/
} 

body {
	background: #0083b9;


	/* Police utilisée pour V2
	 * 
	 * font-family: 'Jockey One', sans-serif;*/
	
	/* Police pour V3 */
	font-family:Helvetica;
	font-size: 0.8em; /* Soit 80% de la taille de la police par défaut du navigateur (par défaut 16px) - Voir http://riddle.pl/emcalc/ pour calculer la taille des polices en cascade */
	color: #000000; /* Couleur des texte dans Speedsales */
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
.clear{
	clear:both;
}


/* Style spécifique a la version uk */
.navWidthUK{
	width:240px !important;
}


/* ###########################################################
######################## CONTENT #############################
########################################################### */
#content {
}
	
.tableauGlobal {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 993px;
	display: block;
	position: relative;
}

.tableauContenu {
	width: 980px;
	top: 200px;
	margin: 0 auto;
	letter-spacing: 0.01em;
	min-height: 720px;
}



.pageContenu {
	position: relative;
    width: 750px;
    z-index: 10001;
	float:right;
	overflow: hidden;
	min-height: 680px;
}

/* Fil d'ariane sous la Nav horizontale*/
.filAriane{
	/*Style V2
	background: url(../images/bkg-fil-ariane.png) repeat top left;
	height: 25px;
    padding: 5px 0 5px 15px;
	width :735px;
	color: #c9d400;
	font-size: 15px;
	*/
	background: url("../images/bkg-fil-ariane.png") repeat scroll left top transparent;
    color: #C9D400;
    font-size: 15px;
    height: 20px;
    padding: 10px 0 5px 15px;
    width: 735px;
    font-weight: bold;
}

/* Bloc de contenu sur toute la largeur */

.blocLarge{
	width:98%;
	float: right;
	font-size: 14px;
	color: #ffffff;
	/*margin: 20px auto 0;*/
}



.blocLarge h2{
	color: #C9D400;
    font-size: 21px;
    margin: 10px auto 17px;
}
.blocLarge p{
	text-align: justify;
}
.blocLarge a{
	color: #c9d400;
	text-decoration: none;
}

.blocLarge p a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.blocLarge table{
	text-align: left;
	border-collapse:collapse;
	margin: 0 0 10px 0;
}

.blocLarge table p{
	text-align: left;
	margin : 5px;
}

.blocLarge table td{
	border-collapse:collapse;
	border: 1px solid;
    padding: 0 10px;
}

.blocLarge img{
	margin: 10px auto;
	max-width:100%;
	/*max-height:230px;*/
	width:auto;
	height:auto;
}

.blocLarge ol li{
	margin: 0 0 10px 0;
}

.legendesBlocLarge{
}

.legendesBlocLarge img{
	margin: 0 5px;
}




/* BlocLarge a l'interieur d'un autre blocLarge */

.blocLargeIn{
	width:100%;
	float: right;
	font-size: 14px;
	color: #ffffff;
}


/* Colonnes a l'interieur d'un bloc large */

.colonneContenuGauche{
	float: left;
	width:47%;
	padding: 0 10px 0 0;
}

.colonneContenuDroite{
	float: right;
	width:47%;
	padding: 0 10px 0 0;
}

.colonneContenuDroite ul{
	padding: 0 0 0 30px;
}

/* Style des Colonnes pour la page Nos evenements Les Musicales */

.colonneMusicalesGauche{
	float: left;
	width: 30%;
	padding: 0 10px 0 0;
}

.colonneMusicalesDroite{
	float: right;
	width:65%;
	padding: 0 10px 0 0;
}

.colonneMusicalesDroite ul{
	padding: 0 0 0 30px;
}


.btnReserver, .btnAdmin a{
    background: url("../images/btn.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    font-size: 12px;
    height: 22px;
    margin: 0 auto 10px;
    padding: 10px 0 0 6px;
    text-decoration: none;
    width: 109px;
}

.btnReserver a {
	color: #fff;
}

.btnReserver:hover, .btnAdmin a:hover{
	background: url(../images/btn.png) no-repeat center bottom;
    text-decoration: none !important;
}

.btnReserver p { margin:0 auto; }

.btnAdmin a{
	display :block;
}




.btnAbonnement{
   background: url("../images/btn.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    float: right;
    height: 22px;
    margin: 0 0 10px;
    padding: 10px 0 0 11px;
    text-decoration: none;
    width: 109px;
    font-size: 12px;
}

.btnAbonnement:hover{
	background: url(../images/btn.png) no-repeat center bottom;
}

.btnAbonnement p { margin:0 auto; }


.btnCommander{
	/* Style pour V2
	background: url(../images/btn-long.png) no-repeat center top;
    width: 132px;
	color: #ffffff;
	padding: 6px 0 0 7px;
	height: 26px;
	float:right;
	margin: 0 0 10px 0;
    text-decoration: none;*/
   
    background: url("../images/btn-long.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    height: 23px;
    margin: 0 0 10px;
    padding: 9px 0 0 7px;
    text-decoration: none;
    width: 132px;
}

.btnCommander:hover{
	background: url(../images/btn-long.png) no-repeat center bottom;
}



/* Marge du bas pour séparer des rubriques */

.margeBottom{
	margin-bottom: 40px;
}


/* Style pub Page Actualites */


.pubDroite{
	float: right;
    margin: -3px 0 0 5px;
}
.pubGauche{
	float: left;
    margin: 10px 5px 0 0;
}

/* Style Page 2012 Annee des perroquets */

.colonneGaucheAnneePerroquet{
	float: left;
	width:40%;
	padding: 0 10px 0 0;
}

.colonneDroiteAnneePerroquet{
	float: right;
	width:57%;
	padding: 0 10px 0 0;
}


.logoAnneePerroquets{
	float: right;
    position: relative;
}
.logoAnneePerroquets img{
	margin: 7px 0 0 10px;
}


/* Style Logos en ligne */

.blocLogos{
	color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin: 15px auto 60px;
    text-align: center;
    width: 98%;
}
.blocLogos img{
	margin: 0 17px;
	vertical-align: middle;
}



/* Style banque d'images */

.blocsBanqueImages{
	/*Style V2
	width:98%;
	float: right;
	font-size: 14px;
	color: #ffffff;
	margin: 0 auto 60px;
	text-align: center;
	*/
	color: #FFFFFF;
    float: right;
    font-size: 11px;
    margin: 0 auto 60px;
    text-align: center;
    width: 98%;
}
.blocsBanqueImages img{
	margin: 0 17px;
	vertical-align: middle;
}

.titreBanqueImages{
	display: inline-block;
	margin: 0 62px;
}


/* Style - images en ligne */

.blocImagesLigne{
	color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin: 4px auto;
    text-align: center;
    width: 98%;
}

.blocImagesLigne img{
	margin: 0 2px;
	vertical-align: middle;
}

/* Style - Logos dans tableau */
.tableLogos table td{
	border:none;
}

.tableLogos table td img{
	text-align: center;
}


/* Module meteo page "Organisez votre journee - calendrier" */
.meteo{
	margin: 0 0 15px;
}
.meteo table{
	border-collapse: separate;
	margin: 0;
	text-align: center;
}

.meteo table td{
	border: none;
	border-collapse: separate;
	padding : 0;
}


/* Page Nouveautés 2012 */
.tableauActu>table{
border: none;
width: 100%;
margin-top: 15px;
}

.tableauActu>table td{
border: none;
width: 50%;
padding: 5px;
}




/* ###########################################################
################### NAVIGATION GAUCHE #######################
########################################################### */

.navigationGauche{
	color: #ffffff;
	background: #0f1d3d;
	float:left;
	width: 230px;
	position: absolute;
	height: 100%;
	  top: -37px;
}

.navigationGauche a{
	color: #ffffff;
	text-decoration: none;
}

.divLogo{
	height: 90px;
    width: auto;
}

.logo{
	background: url("../images/navigation-gauche/logo.png") no-repeat scroll center top transparent;
    height: 90px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    width: 224px;
    z-index: 2003;
}
.logo:hover{
	/* background: url("../images/navigation-gauche/logo.png") no-repeat scroll center -87px transparent;*/
}

.NavGaucheActualites{
	background: url("../images/navigation-gauche/btn-actualites.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 31px;
    margin: 14px auto;
    padding: 22px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;

}
.NavGaucheActualites:hover{
	background: url(../images/navigation-gauche/btn-actualites.png) bottom left no-repeat;
}


.NavGaucheAnnee{
	background: url("../images/navigation-gauche/btn-annee-perroquet.png") no-repeat scroll left top transparent;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    margin: 14px auto;
    padding: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
    line-height: 2.5em;
}
.NavGaucheAnnee:hover{
	background: url(../images/navigation-gauche/btn-annee-perroquet.png) bottom left no-repeat;
}


.NavGaucheHebergement{
	background: url("../images/navigation-gauche/btn-hebergement.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 31px;
    margin: 14px auto;
    padding: 21px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
}
.NavGaucheHebergement:hover{
	background: url(../images/navigation-gauche/btn-hebergement.png) no-repeat bottom center;
}



.NavGaucheBilleterie{
	background: url("../images/navigation-gauche/btn-billeterie.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    margin: 14px auto;
    padding: 19px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
}
.NavGaucheBilleterie:hover{
	background: url(../images/navigation-gauche/btn-billeterie.png) bottom left no-repeat;
}


.icones{
	height: 24px;
    margin: 10px 79px;
    width: 170px;
    
}

.reseauxSociaux{
	height: 21px;
	margin: 10px 20px;
}

/*
.facebook{
	background: url(../images/navigation-gauche/btn-fb.png) left top no-repeat;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 0 12px 0 0;
}

.facebook:hover{
	background: url(../images/navigation-gauche/btn-fb.png) left bottom no-repeat;
}
*/

.facebook{
	background: url(../images/navigation-gauche/logos-sprite.png) left top no-repeat;
    background-position: 0px -48px;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 0 12px 0 0;
}

.facebook:hover {
    background: url(../images/navigation-gauche/logos-sprite.png) left top no-repeat;
	background-position: 0px 0px;
}
.tripadvisor-logo{
	background: url(../images/navigation-gauche/logos-sprite.png) left top no-repeat;
    background-position: -48px 0px;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 40px;
    margin: 0 12px 0 0;
}

.tripadvisor-logo:hover {
    background: url(../images/navigation-gauche/logos-sprite.png) left top no-repeat;
	background-position: -48px -47px;
}

.twitter{
	background: url(../images/navigation-gauche/btn-twitter.png) left top no-repeat;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 0 12px 0 0;
}

.twitter:hover{
	background: url(../images/navigation-gauche/btn-twitter.png) left bottom no-repeat;
}

.youtube{
	background: url(../images/navigation-gauche/btn-yt.png) left top no-repeat;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 0 12px 0 0;
}

.youtube:hover{
	background: url(../images/navigation-gauche/btn-yt.png) left bottom no-repeat;
}


.flickr{
	background: url(../images/navigation-gauche/flickr.png) left top no-repeat;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 0 12px 0 0;
}

.flickr:hover{
	background: url(../images/navigation-gauche/flickr.png) left bottom no-repeat;
}


.dailymotion{
	background: url(../images/navigation-gauche/dailymotion.png) left top no-repeat;
	border: medium none;
    display: block;
    float: left;
    height: 24px;
    width: 25px;
    margin : 0 1px 0 0;
}

.dailymotion:hover{
	background: url(../images/navigation-gauche/dailymotion.png) left bottom no-repeat;
}





.divAdresse{
	/* Style V2
	padding:10px;
	*/
	font-size: 11px;
    line-height: 14px;
    padding: 10px;
}

.blocAdresse {
	/* Style V2
	width: 194px;
	height: 160px;
	background: url(../images/navigation-gauche/bkg-contact.png) no-repeat top left;
	margin: 10px auto;
	*/
	background: url("../images/navigation-gauche/bkg-contact.png") no-repeat scroll left top transparent;
    height: 140px;
    margin: 25px 21px;
    width: 194px;
}

.blocAdresse a, .blocAdresse a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.blocAdresse a:hover{
	color:#c9d400;
}

.adresseTitre{
	/* Style V2
	background: url(../images/navigation-gauche/bkg-titre-contact.png) repeat-x top left;
	text-align: center;
	font-size: 15px;
    text-transform: uppercase;
	*/
	background: url("../images/navigation-gauche/bkg-titre-contact.png") repeat-x scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.btnPlusdInfos{
	/* Style V2
	width: 75px;
	height: 17px;
	background: url(../images/navigation-gauche/btn-contact.png) no-repeat bottom left;
	border: none;
	margin: 6px 0 0 0;
	padding: 0 0 0 10px;*/
	background: url("../images/navigation-gauche/btn-contact.png") no-repeat scroll left bottom transparent;
    border: medium none;
    height: 15px;
    margin: 6px 0 0;
    padding: 4px 0 0 6px;
    width: 75px;
}

.btnPlusdInfos:hover{
	background: url(../images/navigation-gauche/btn-contact.png) no-repeat top left;
	border: none;
	color: #ffffff;
}



.Recherche1 {
    position: absolute;
    right: 50%;
    height: 30px;
    top: -3px;
    margin-right: 710px;
}


.widgetTripadvisor {
  margin-left: 24px;
}


/* ###########################################################
######################## FOOTER ##############################
########################################################### */
#footer {
	height:74px;
	background: url(../images/footer/bkg-footer.png) repeat-x top left;
	width: 100%;
	position: relative;
	bottom :0;
	margin : 0 auto;
}


.btnContact{
	cursor:pointer;
}
.blocNavigationHTML {}

.tableauLiensUtiles{
    color: #FFFFFF;
    /*font-family: 'Jockey One',sans-serif;*/
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    white-space: nowrap;
}

.tableauLiensUtiles a{
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}

.tableauLiensUtiles img{
	margin: 0 15px 0 10px;
	border: none;
}

.tableauCredits{
	color: #c9d400;
	font-size: 10px;
	margin: 10px auto 0;
	/*font-family: 'Jockey One', sans-serif;*/
}

.tableauCredits a{
	color: #c9d400;
	text-decoration: none;
}

.tableauCredits a:hover{
	color: #ffffff;
	text-decoration: none;
}

/* Style des Icones du TPL */


.iconFavoris{
	background: url("../images/footer/favoris.png") no-repeat scroll left top transparent;
    margin: 0 3px 0 0;
    padding: 5px 0 5px 35px;
}
.iconFavoris:hover {
	background: url("../images/footer/favoris.png") no-repeat scroll left bottom transparent;
	color: #C9D400
}

.iconVisite{
	background: url("../images/footer/visite.png") no-repeat scroll left top transparent;
    margin: 0 3px 0 0;
    padding: 8px 0 4px 35px;
}
.iconVisite:hover {
	background: url("../images/footer/visite.png") no-repeat scroll left bottom transparent;
	color: #C9D400
}

.iconBrochure{
	background: url("../images/footer/brochure.png") no-repeat scroll left top transparent;
    margin: 0 3px 0 0;
    padding: 7px 0 0 35px;
}
.iconBrochure:hover {
	background: url("../images/footer/brochure.png") no-repeat scroll left bottom transparent;
	color: #C9D400
}
.iconPrint{
	background: url("../images/footer/print.png") no-repeat scroll left top transparent;
	color: #C9D400;
    margin: 0 3px 0 0;
    padding: 9px 0 0 40px;
}
.iconPrint:hover {
	background: url("../images/footer/print.png") no-repeat scroll left bottom transparent;
	color: #C9D400
}

.iconAa{
	padding: 0 2px;
}

.iconAa a{
	color: #C9D400;
}

.iconAa a:hover{
	color: #ffffff;
}
/* ###########################################################
######################## SPEEDMAILING ########################
########################################################### */
#module_emailing_auto{
	width: 194px;
	height: 135px;
	background: url(../images/navigation-gauche/bkg-newsletter.png) no-repeat top left;
	margin: 0 auto;
	color:white;
	position: absolute;
	left: 50%;
	z-index: 110;
	top: 597px;
	margin-left: -472px;
}
.uk #module_emailing_auto{
	top: 567px;
	  margin-top: 29px;
}
.divNewsletter{
	margin: 15px 0 12px;
	height:224px;
}

.titreNewsletter{
	/* Style V2
	background: url(../images/navigation-gauche/bkg-titre-newsletter.png) repeat-x top left;
	text-align: center;
	font-size: 15px;
	*/
	background: url("../images/navigation-gauche/bkg-titre-newsletter.png") repeat-x scroll left top transparent;
    font-size: 14px;
    font-weight: bold;
    height: 15px;
    padding: 2px 0 0;
    text-align: center;
}

.tableauSpeedmailing{
	/*Style pour V2
	height: 100%;
	width: 100%;
    padding: 10px;
    letter-spacing: normal;
    */
	font-size: 11px;
    letter-spacing: normal;
    line-height: 15px;
    padding: 8px;
    white-space: normal;
    height: auto;
    width: 190px !important
}
.tableauEmailingAuto { width: 850px; margin: 10px auto; }

/* BOUTON INFO + CLOSE */

.emailingauto_img_infos{
	background: url("../emailingauto_datas/btn_infos.png") no-repeat scroll left top transparent;
    float: right;
    height: 24px;
    width: 24px;
    margin: 12px 0 0;
}

.emailingauto_img_infos:hover{
	background: url("../emailingauto_datas/btn_infos.png") no-repeat scroll left bottom transparent;
}
.tooltip_close { 
	display: block; 
	float: right; 
	margin: 0 0 0 15px;
}

/* BOUTON S'INSCRIRE */
#emailingauto_button {
	background: url("../images/speedmailing-submitbutton.png") no-repeat scroll right top transparent;
    border: medium none;
    float: left;
    height: 20px;
    margin: 13px 0 0;
    padding: 0;
    width: 35px;
}
#emailingauto_button:hover { 
	background-position: bottom right;
	cursor: pointer; 
}

/* BOUTON SE DESINSCRIRE */
#emailingauto_button_desinscrire {
	width: 45px;
	height: 20px;
	background: url(../images/speedmailing-submitbutton.png) no-repeat top left;
	border: none;
	margin: 6px 0 0 0;
}
#emailingauto_button_desinscrire:hover { background-position: bottom; }

/* TOOLTIP */
.emailingauto_tooltip { padding: 5px; text-align: left; }
.emailingauto_tooltip a { 
	color: #ffffff;
	text-decoration: underline; 
	cursor: pointer;
	}
.emailingauto_tooltip a:hover { text-decoration: none; }
.emailingauto_tooltip_unsubscribe input { width: 120px; padding-bottom: 0; }

/* MESSAGES */
.emailing_auto_message_success, .emailing_auto_confirm_text success { color: #1b8f00; }
.emailing_auto_message_error, .emailing_auto_confirm_text error { color: #a20101; }
.emailing_auto_confirm_title { padding-top: 100px; }
.emailing_auto_confirm_text { padding-bottom: 50px; }

/* CHAMPS EMAIL */
#emailingauto_email { 
	background: url("../images/navigation-gauche/champ.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    float: left;
    height: 22px;
    padding: 0 0 0 8px;
    margin: 12px 0 0;
    width: 90px;
}
#emailingauto_email_unsubscribe { 
	width: 112px; 
	height: 22px;
	background: url(../images/navigation-gauche/champ.png) no-repeat top left;
	margin: 0 0 0 5px; 
	border: none; 
	padding:0 0 0 8px; 
	color: #ffffff;
}

/* NE PAS TOUCHER LES CLASSES CI-DESSOUS */
#emailingauto_tooltip { 
	background-color: #C9D400;
    border: 5px solid #686e00;
    display: none;
    position: absolute;
    margin-left: 233px;
    z-index: 20000;}
#emailingauto_tooltip_unsubscribe { 
	background-color: #C9D400;
    border: 5px solid #686e00;
	position: absolute; 
	margin-left: 233px;
	display: none; 
	z-index:20000; }
/* ###########################################################
######################## SPEEDSEARCH #########################
########################################################### */

body #divSpeedSearch {
	/* Si le speedsearch doit être placé sur le Flash, décommenter le code ci-dessous */
	z-index: 105;
	float: right;
    margin: 5px 0 0;
    background: url(../images/header/champ-recherche.png) no-repeat left; 
	
	position: absolute;
	left: 50%;
	top:8px;
	margin: 0 0 0 230px;
	z-index:2025;
}

body #divSpeedSearch a{
	margin: 0 auto;
}

body #divSpeedSearch form input.recherche, .formSearch form input.recherche {
	cursor: pointer;
	font-size: 11px;
	color: black;
	width: 178px;
	height: 20px;
	padding: 0 0 0 6px;
	margin: 0;
	background: none repeat scroll 0 0 transparent;
	/* Commenter si on ne veut pas de loupe dans le champ de recherche */
	border:none;
}

/* Tableau de recherche dans le site */
body #divSpeedSearch form table { 
	width: auto;
}
body #divSpeedSearch form table tr {}
body #divSpeedSearch form table tr td { padding: 0 2px 0 0; }

/* Tableau de recherche dans la page */
.formSearch {}
.formSearch form #tableau_search_page { width: auto !important; }
.formSearch form #tableau_search_page tr {}
.formSearch form #tableau_search_page tr td { padding: 0 2px 0 0; }

/* Tableau de recherche avancée */
#tableau_options { border: 0 none; }
#tableau_options tr td { padding: 2px; }
#tableau_options tr td input, #tableau_options tr td select{}
#tableau_options tr td input:hover, #tableau_options tr td select:hover {}
#tabSearch {}
#tabSearch h1{
	color: #c9d400;
}
#tabSearch tr .formSearch{ text-align:center; }
#tabSearch tr .formSearch table{ width: 100%; margin: auto; }

/* Résultat de recherche */
#tabSearch tr .formSearch table tr td {}
#tabSearch tr .Titre {}


#ResultSearch {
	color: #ffffff;
}

#ResultSearch a{
	color: #c9d400;
}

#ResultSearch a:hover{
	color: #ffffff;
	text-decoration: none;
}


#tabSearch tr td table tr #ResultSearch {}




/* ###########################################################
######################## QUICKSEARCH #########################
########################################################### */
#conteneur_quicksearch
{
	width: 980px;
	margin: auto; /* NE PAS TOUCHER - UTILISÉ POUR CENTRER LE QS - GERER DANS LA CLASSE SUIVANTE SI BESOIN */	
	
	/* Decommentez le code CSS ci-dessous pour positionner le QS sur le Flash */
	/*position: absolute;
	top: 475px;
	left: 50%;
	margin: 0 0 0 -490px;*/
}

#conteneur_quicksearch #formulaire_quicksearch
{
	width: 100%;
	border: none;
	margin: 5px auto;
}

#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch
{
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch li
{
	display: inline;
	margin: 0 5px;
	padding: 0;
	line-height: 20px;
	vertical-align: middle;
}

#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch li .lien_quicksearch:link { text-decoration: underline; }
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch li .lien_quicksearch:visited {}
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch li .lien_quicksearch:hover {}

#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch li .champ_quicksearch {	margin: 0; height: 16px; border: none; }
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch li .champ_quicksearch:hover{}

#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch .li_reserver {}
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch .li_reserver input {
	width: 90px;
	height: 20px;
	background: url(../images/quicksearch-bouton.jpg) no-repeat top left;
}
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch .li_reserver input:hover {
	width: 90px;
	height: 20px;
	background: url(../images/quicksearch-bouton.jpg) no-repeat bottom left;
}

#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch .li_champ_date input
{
	background-image: url(/lsudhtml/javascript/calendar/zpcal/themes/layouts/img/calendar.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 150px;
	cursor: pointer;
	padding-left: 3px;
}




/* DIaporama */

.diaporama{
	position:relative;
	width:750px;
	height:499px;
	padding:0;
	z-index:20;
	/*z-index: -1;*/
	margin: 0;
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}
.diaporama li a img{
	border: none;
}

.diaporama_controls{
	display:block;


}
.diaporama_controls .btns {
	margin: -54px 0 53px 0;

}
.diaporama_controls .btns a{
	background: #b2bb02;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	z-index:21;

}
div:not(.speednews) span.reponse{
	display: none;
}

span.reponse{
	display: block;
}

.prev {
	position: absolute;
    top: 232px;
    left: 10px;
    width: 15px;
}
.next {
	position: absolute;
    top: 232px;
    right: 10px;
    width: 15px;
}