﻿/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||| HTML & GLOBAL ||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html {
	font-size: 100%; /* Evite un bug d'IE 6-7.*/
}

/********** Aspect général du site **********/

body {
	background: #FCFAE1 url(../images/fond.jpg) no-repeat center bottom;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* Soit 80% de la taille de la police par défaut du navigateur - Voir http://riddle.pl/emcalc/ pour calculer la taille des polices en cascade */
	color: #fff; 
	margin: 0; 
	padding: 0;
	text-align: center; /* centrage du conteneur flash sous IE */
}



/*****  Aspect des liens du site ***************/

a { 
  	text-decoration: underline; 
} 

a:link { 
	color: #9EAADA; 
} 

a:visited { 
	color: #9EAADA; 
} 

a:hover, a:focus, a:active { 
	color: #fff; 
} 

a:active { 
	outline: none; 
} 

a img { 
	border: none; 
} 


/*****  Aspect balise de base ***************/

ul, ol { 
	
	text-align: left;
	/* Remplacement des puces par une image*/
	list-style-image: url(../images/puce.png);
}

li {
	padding-bottom: 7px;	
}



p { 
	line-height: 1.5em;
	text-align: justify;
	margin: .75em 0;
	padding: 0;
}


table, table td, table th {
	padding: 0;
}

table td, table th { 
	border: none;
	/*vertical-align: top; /* Valeur par défaut: "middle" */ 
} 	



.tableauGlobal
{
	width: 100%;
	
	/* A décommenter si le contenu administrable doit être sous le flash */
	/* 
	position: absolute;
	top: 680px;
	 */
}

div.ConteneurFlash {
	/* A décommenter si le contenu administrable doit être sous le flash */
	/*
	position: absolute;
	top: 0;
	z-index:100;
	*/
	width: 980px;
	
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||| FLASH ||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauFlash {
	width: 980px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* A décommenter pour les flash à 100% - corrige le bug de calage flash/html pour MOZILLA */
/*
@-moz-document url-prefix()
{
	.tableauFlash
	{
		padding-left:1px;
	}
}
*/



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||| NAVIGATION HTML ||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauNavigationHTML {
	width: 900px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	
}

.pied .tableauNavigationHTML a {
	color: #41403f;
	font-size: 1.2em;
	padding-left:7px;
} 

.pied .tableauNavigationHTML a:hover {
	color: #7887C4;
}

.pied .tableauNavigationHTML .carre {
	background: transparent url(../images/puce.png) no-repeat center right;
	padding-right: 15px;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||| DESCRIPTION REFERENCEMENT |||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauDescriptionReferencement {
	width: 750px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:80px;
	padding-right:80px;
	text-align: center;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| ADRESSE |||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauAdresse {
	width: 980px;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
	font-weight:bold;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||| CREDITS ||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauCredits {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size:0.92em;
}

.tableauLiensUtiles {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	/*text-transform: uppercase;*/
}

.tableauLiensOfficiels {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||Ciblage spécifique dans le pied de page|||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


.pied {
	font-size: 0.85em;
	color: #5d6dab;	
}

.pied a {
	color: #5d6dab;	
}

.pied a:hover {
	color: #41403f;	
}


#logos {
	padding-bottom: 15px;
}



/*

.tableauAdresse a {
	text-decoration: none;
}

.tableauAdresse a:hover {
	text-decoration: none;
} */




/*
.tableauLiensOfficiels a {
}

.tableauLiensOfficiels a:hover {
}

a.credits_lien_apicius {
}

a:hover.credits_lien_apicius {
}

a.credits_lien_imprimer {
}

a:hover.credits_lien_imprimer {
}


a.credits_lien_favoris {
}

a:hover.credits_lien_favoris {
}


a.credits_lien_emailing {
}

a:hover.credits_lien_emailing {
}


a.credits_lien_mentions {
}

a:hover.credits_lien_mentions {
}


a.credits_lien_flash {
}


a:hover.credits_lien_flash {
}

a.credits_lien_brochure {
}

a:hover.credits_lien_brochure {
}

.credits_site_officiel {
}


.credits_local_time {
}*/



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| EMAILING AUTO |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*tableau général*/
.tableauEmailingAuto {
	width: 980px;
	background: transparent url(../images/fond-emailing.png) repeat-x center center;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 5px 30px;
	color: #41403f;
	
}


/*Tooltip*/
.emailingauto_tooltip {
	border: 2px solid #7887C4;
	background: #F8F1C3;
	color: #5d6dab; 
	padding: 5px;
}

/*Bouton Info*/
.emailingauto_img_infos {
	margin-left:10px;
	margin-right:10px;
}

/*Tooltip*/
.emailingauto_tooltip_unsubscribe input {
	
	width: 120px;
}

.tooltip_close { 
	display: block;
	float: right;
}

/*message de confirmation*/

.emailing_auto_message_success, .emailing_auto_message_error, .emailing_auto_confirm_text success, .emailing_auto_confirm_text error {
	color:green;
}

.emailing_auto_confirm_title {
	color:black;
	font-size: 0.94em;
	padding-top: 50px;
}

.emailing_auto_confirm_text {
	padding-bottom: 50px;
}


/*ne pas modifier ce qui suit*/

#emailingauto_tooltip {
	position: absolute; 
	display: none; 
	z-index:20000;
}

#emailingauto_tooltip_unsubscribe {
	position: absolute; 
	display: none; 
	z-index:20000;
}

.tableauSpeedmailing {
	font-size: 1.2em;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| SPEEDSEARCH |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Champ de recherche */
body #divSpeedSearch {
	/* Position sur le flash */
	/* Decommentez le code CSS ci-dessous */
	position: absolute;
	top: 15px;
	left: 50%;
	margin: 0 0 0 300px;
}

body #divSpeedSearch form, .formSearch form { 
	margin :0; 
	padding : 0; 
}

body #divSpeedSearch form input.recherche, .formSearch form input.recherche {
	cursor: pointer;
	
	width: 150px;
	height: 20px;
	padding: 0 5px 0 5px;
	margin: 0;
	
	/* Commenter si on ne veut pas de loupe dans le champ de recherche 
	background: url(../images/speed-search-loupe.png) no-repeat left;
	padding-left: 22px;
	*/ 
	border: 1px solid #000000;
	background-color: #ffffff;

}

body #divSpeedSearch form input.recherche:hover, .formSearch form input.recherche:hover {
	/* border: 1px solid #f5e1b8; */
	background-color: #f5e1b8;
}

body #divSpeedSearch form a.bouton:link, .formSearch form a.bouton:link {}
body #divSpeedSearch form a.bouton:visited, .formSearch form a.bouton:visited {}
body #divSpeedSearch form a.bouton:hover, .formSearch form a.bouton:hover {}
body #divSpeedSearch form a.bouton:active, .formSearch form a.bouton:active {}

body #divSpeedSearch form a.bouton img, .formSearch form a.bouton img {
	border: 0 none; 
}

.formSearch form a.options:link { 
}

.formSearch form a.options:visited { 
}

.formSearch form a.options:hover { 
}

.formSearch form a.options:active {}

/* 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;
}

/* Tableau de recherche dans la page */
.formSearch form #tableau_search_page { 
	width: auto !important; 
}

.formSearch form #tableau_search_page tr {}
.formSearch form #tableau_search_page tr td { 
	padding: 0 2px; 
}

/* Tableau de recherche avancée */
#tableau_options { border: 0 none; }
#tableau_options tr td { padding: 2px; color: #f5e1b8; }
#tableau_options tr td input, #tableau_options tr td select
{
/*	border: 1px solid #f5e1b8;
*/	background-color: #ffffff;
}
#tableau_options tr td input:hover, #tableau_options tr td select:hover
{
/*	border: 1px solid #ffffff; */
	background-color: #f5e1b8;
}

#tabSearch {}
#tabSearch tr .formSearch
{
	text-align : center;
	font-size : 0.75em;
}
#tabSearch tr .formSearch table
{
	width : 100%;
	margin : auto;
}

/* Résultat de recherche */
#tabSearch tr .formSearch table tr td { 
	font-size : 0.75em; 
}

#tabSearch tr .Titre {}
#tabSearch tr td table tr #ResultSearch {}





/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| PARTIE ADMINISTRABLE |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauContenu {
	width: 980px;
	text-align: center;
	background: #070d34 url(../images/fond-blocs.jpg) no-repeat top center;
}

.tableauBloc {
	width: 920px;
	margin: 0 30px;
	
}

.titre {
	padding: 0;
	text-align: left;
}

.ssTitre {
	padding: 0;
	text-align: left;
}

.blocTexte {
	vertical-align: top;
	padding: 0 0 30px 0;
}


.blocPhoto, .blocPhotoSansBordure {
	vertical-align: top;
	padding: 0 0 30px 0;
}

.blocPhoto img {
	border: 1px solid #9EAADA;
	padding: 1px;
}

.blocPhotoSansBordure img {
	padding: 2px;
}


.gauche {
	padding-right: 30px;	
}

.top {
	padding-top: 10px;
}
