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

html {
	font-size: 100%;
} /* Evite un bug d'IE 6-7.*/
body {
 	background: white url(../images/apostrophe.png) right bottom no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125em;
	/* 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: #aa9f8b;
	/* Couleur des texte dans Speedsales */
	margin: 0;
	padding: 0;
	
}
h2 {
	color: #AA9F8B;
	font-weight:normal;
	font-family: 'Arial Black', Helvetica-Black, sans-serif;
	font-size: 2.84615385em;
	line-height: 1.0em;
	margin:0;
}
h2 span {
	color: #D6D4C8;
	font-size: 20px;
	line-height: 50px;
}
a {
	color:#324b9b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p, ul {
	padding-bottom: 1.07692308em;
}
iframe {
border:none;
}
.container {
	width:980px;
	margin:10px auto 0 auto;
	z-index:0;
}
.column {
	position: relative;
	float:left;
}
.text {
padding-left: 10px;
}

#simpleContained1Tab, #simpleContained2Tab{
	overflow: hidden;
}
.pdf_page_break{
	clear:both;
}


/* ###########################################################
 ######################## CONTENT #############################
 ########################################################### */
#content {
	background: url(../images/sprite-sheet.png) no-repeat 0 -760px;
	padding-top: 100px;
	padding-bottom: 40px;

}
#content .image {
	width:440px;
	height:720px;
}
#content .text {
	position: relative;
	width:240px;
	padding:0 20px;
	line-height:1.5em;
	overflow: hidden;
}

#content .text ul {
	margin: 0;
	padding-left: 15px;
}

#content .text li {
	color:#867961;
	list-style:square;
	margin: 0;
	padding: 0;
}

#content .text h2,
#content .panel h2 {
	color: #AA9F8B;
	font-weight:normal;
	font-family: 'Arial Black', Helvetica-Black, sans-serif;
	font-size: 1.95em;
	line-height: 1.0em;
	text-transform: uppercase;
	margin-bottom: 20px;

	
}
#content .text h2 span,
#content .panel h2 span {
	font-family: Arial, Helvetica, sans-serif;
	color: #D6D4C8;
	font-size: 0.67567568em;
	text-transform: none;
	line-height: 1.1em;
	letter-spacing: 0.04em;

	padding-top: 5px;
}
.liens a {
	height: 20px;
	line-height: 25px;
	background: #324B9B url(../images/coda-button-next.png) no-repeat right center;
	padding: 5px 35px 5px 5px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;

	font-size: 0.923077em;
}
.liens a:hover {
	background-color:#768aca;
}


/* ###########################################################
 ######################## TABLEAUX #############################
 ########################################################### */
.tableau {
	margin: 10px 0 20px 0;
	color: #867961;
	font-size: 1.230769em;
	background-color: white;
	padding: 0;
}
.tableau th {
	font-weight:bold;
	font-size: 1.0em;
	background-color:#324b9b;
	padding:10px;
	color:#FFF;
	vertical-align:middle;
}
.tableau th img {
	border:none;
}
.tableau th span {
	font-size:0.84615385em;
	font-weight:normal;
}

.tableau td {
	font-size:0.76923077em;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
}
.tableau tr {
	background-color:#f4f1eb;
}
.tableau .rowType1 {
	background-color:#e4dfd6;
}

.tableauGlobal {
}
.tableauContenu {
	position: relative;
	overflow: hidden;
}

.tableauContenu h1 {
	position: absolute;
	text-indent: -9999px;
}

/* ###########################################################
 ######################## FOOTER ##############################
 ########################################################### */
#footer {
	position: relative;
	clear:both;
	width:980px;
	font-size:0.92307692em;
}
.blocAdresse {
	float:left;
	width:234px;
	margin-right:18px;
	color:#324b9b;
	line-height: 1.6em;
}
#footer .utils {
	width: 728px;
	margin-left: 252px;
}
#footer .utils,
#footer .utils a{
	color:#867961;
}
#footer .tableauCredits {
	width:700px;
}
#footer .blocAdresse h3,
#footer .utils h3 {
	color: #324b9b;
	font-weight:normal;
	font-family: 'Arial Black', Helvetica-Black, sans-serif;
	font-size: 1.15384615em;
	text-transform: uppercase;
	line-height: 15px;
	margin:0;
	margin-bottom: 5px;
	padding: 0;
}
#footer .utils h3 { color: #aa9f8b; }

#footer .credits {
	font-size: 0.923076em;
	text-transform: uppercase;
}

#footer .share {
	position: absolute;
	width: 150px;
	top: 46px;
	left: 310px;
}
#footer .share ul {
	margin:0;
	padding:0;
}
#footer .share li {
	list-style:none;
	float:left;
}
#footer .share li a {
	display:block;
	width: 25px;
	height: 20px;
	background:url(../images/sprite-sheet.png) no-repeat;
}
#footer .share .twitter a {
	background-position: 0px -720px;
	margin-right: 5px;
}
#footer .share .facebook a {
	background-position: -30px -720px;
}

.decalTop { margin-top: 20px; }

.tableauCredits {
}
/* ###########################################################
 ######################## SPEEDMAILING ########################
 ########################################################### */

.textMailling { text-align: left; }

.tableauEmailingAuto {
	width: 580px;
	margin: 0 0 10px 0;
}
/* BOUTON INFO + CLOSE */
.emailingauto_img_infos {
	margin: 0;
}
.tooltip_close {
	display: block;
	float: right;
}
/* BOUTON S'INSCRIRE */
#emailingauto_button {
	background:#aa9f8b;
	padding:0 10px;
	margin-right:5px;
	height: 20px;
	line-height: 20px;
	color:#fff;
	text-transform:uppercase;
	border:none;
}
#emailingauto_button:hover {
	background:#968d7b;
	cursor:pointer;
}
/* BOUTON SE DESINSCRIRE */
#emailingauto_button_desinscrire {
	width: 120px;
	height: 20px;
	background: url(../images/speedmailing-unsubmitbutton.jpg) no-repeat top left;
	border: none;
}
#emailingauto_button_desinscrire:hover {
	background-position: bottom;
}
/* TOOLTIP */
.emailingauto_tooltip {
	padding: 5px;
	text-align: left;
	background: white;
	padding: 10px 20px;
	border: 10px #E4E4E4 solid;
	line-height: 1.2em;
}
.emailingauto_tooltip a {
	text-decoration: underline;
}
.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 {
	width: 150px;
	height: 20px;
	padding: 0 10px;
	margin: 0 5px;
	border: 1px solid #AA9F8B;
	color: #AA9F8B;
	line-height: 20px;
}
#emailingauto_email_unsubscribe {
	width: 190px;
	height: 20px;
	margin: 0 5px;
	border: none;
}
/* NE PAS TOUCHER LES CLASSES CI-DESSOUS */
#emailingauto_tooltip {
	position: absolute;
	display: none;
	z-index:20000;
}
#emailingauto_tooltip_unsubscribe {
	position: absolute;
	display: none;
	z-index:20000;
}
/* ###########################################################
######################## SPEEDSEARCH #########################
########################################################### */

body #divSpeedSearch {
	/* Si le speedsearch doit être placé sur le Flash, décommenter le code ci-dessous */
	position: absolute;
	top: 834px;
	/*left: 50%;
	margin-left: -490px;*/
	width: 231px;
}
body #divSpeedSearch form input.recherche, .formSearch form input.recherche {
	cursor: pointer;
	width: 200px;
	height: 18px;
	padding: 0 5px;
	margin: 0;
	background: transparent url(../images/bkg-speedsearch.png) no-repeat left;
	border:none;
	font-size: 0.769230em;
	color: #254f9c;
}
/* 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; }

/* 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; }

/* 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 .blocContenu {
	height: 720px;
}

#tabSearch h2 {
	padding-bottom: 10px;
}

#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 {}
#tabSearch tr td table tr #ResultSearch {}

/* ###########################################################
 ######################## QUICKSEARCH #########################
 ########################################################### */
 .calendar {
 	z-index: 1200;
 }

 #quick {
 	position: absolute;
	width: 224px;
	top: 714px;
	margin-left: 715px;
 	border: 5px solid #324B9B;
 	background-color: #fff;
 	z-index: 1000;
 }
 
 body.uk #quick {
 	position: absolute;
	width: 229px;
	top: 724px;
	margin-left: 715px;
 	border: 5px solid #324B9B;
 	background-color: #fff;
 	z-index: 1000;
 }

 #quick h3, body.uk #quick h3 {
	color: #324b9b;
	font-weight:normal;
	font-family: 'Arial Black', Helvetica-Black, sans-serif;
	font-size: 1.15384615em;
	text-transform: uppercase;
	line-height: 15px;
	margin:0;
	padding: 10px 0 0 10px;
}

#conteneur_quicksearch {
	/* 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: 740px;
 	left: 50%;
 	margin: 0 0 0 -490px;
 	z-index: 10000;*/
 	color: #324B9B;
 	padding-top: 8px;
}
#conteneur_quicksearch #formulaire_quicksearch {
	width: 100%;
	border: none;
	margin: 0 auto;
}
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch {
	width: auto;
	margin: 5px auto;
	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;
	cursor: pointer;
}
#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 {
	height: 20px;
	background: #324B9B url(../images/coda-button-next.png) no-repeat right center;
	padding-right: 35px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
#conteneur_quicksearch #formulaire_quicksearch .ul_quicksearch .li_reserver input:hover {
	height: 20px;
	background-color:#768aca;
}
#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: 207px;
	cursor: pointer;
	padding-left: 3px;
	border: 1px solid #ccc;
}
.clearfix {
	clear:both;
	height:0;
}

.btnScrollTop {
	position: relative;
	float: right;
	margin-top: -21px;
	margin-right:40px;
	width: 32px; 
}

.btnScrollTop a { 
	display: block; 
	width: 32px; 
	height: 24px; 
	background: url(../images/btn-scroll-top.jpg) top center no-repeat; 
}