﻿/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||| HTML & GLOBAL ||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html {
	font-size: 100%; /* Evite un bug d'IE 6-7.*/
	text-align:center;
}

/********** Aspect général du site **********/

body {
	background: #e9e2c8 url(../images/background.jpg) repeat-y fixed center top;
	font-family: Verdana, Geneva, 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: #670001; 
	margin: 0; 
	padding: 0;
	text-align: center; /* centrage du conteneur flash sous IE */
}



/*****  Aspect des liens du site ***************/

a { 
	color: #002283;
  	text-decoration: underline; 
} 

a:link { 
	color: #002283;
  	text-decoration: underline; 
	
} 

/*a:visited { 
	color: #bfb58f; 
} */

a:hover, a:focus, a:active { 
	color: #0038d9; 
	
} 

a:active { 
	outline: none; 
} 

a img { 
	border: none; 
} 


/*****  Aspect balise de base ***************/

ul, ol { 
	margin: .75em 0 .75em .75em;
	padding: 0;
	/* Remplacement des puces par une image*/
	/*list-style-image: url(../images/puce.png);*/
}



p { 
	line-height: 1.5em;
	text-align: justify;
	margin: .75em 0;
	padding: 0;
}


table, table td, table th {
	font-size:12px;	
	padding: 0;
}

table td, table th { 
	border: none;
	vertical-align: top; /* Valeur par défaut: "middle" */ 
} 	



.tableauGlobal
{
	width: 100%;
	
	/* A decommenter si le contenu administrable doit etre sous le flash */
	/*position: absolute; top: 680px;*/
}

div.ConteneurFlash {
	/* A decommenter si le contenu administrable doit etre sous le flash */
	position: absolute; top: 0; z-index:0;
	width: 100%;
	
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||| FLASH ||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauFlash { width: 100%; 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: 950px; color:#670001; margin-top: 15px; margin-bottom: 5px; text-align: center; }

.tableauNavigationHTML a { color:#670001; text-decoration: none; }
.tableauNavigationHTML a:hover { color:#002283; text-decoration: underline; }


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||| DESCRIPTION REFERENCEMENT |||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauDescriptionReferencement {
	width: 750px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:80px;
	padding-right:80px;
	text-align: center;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| ADRESSE |||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauAdresse { width: 1000px; margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight:bold; }

.tableauAdresse a { color: #670001; }
.tableauAdresse a:hover { color: #002283; }



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||| CREDITS ||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauCredits {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.tableauLiensUtiles {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
	/*text-transform: uppercase;*/
}
.tableauLiensUtiles a {  }
.tableauLiensUtiles a:hover {  }

.tableauLiensOfficiels {
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||Ciblage spécifique dans le pied de page|||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


.tableauLiensOfficiels a { 	color: #670001;   	text-decoration: none; 
 
}
.tableauLiensOfficiels a:hover {	color: #002283; 
}
a.credits_lien_apicius { 	color: #670001;  text-decoration: none; 
}
a:hover.credits_lien_apicius {	color: #002283;
 }
a.credits_lien_imprimer {	color: #670001; text-decoration: none; 
 }
a:hover.credits_lien_imprimer {	color: #002283;
 }
a.credits_lien_favoris {	color: #670001; text-decoration: none; 
 }
a:hover.credits_lien_favoris {	color: #002283;
 }
a.credits_lien_emailing {	color: #670001; text-decoration: none; 
 }
a:hover.credits_lien_emailing {	color: #002283;
 }
a.credits_lien_mentions { 	color: #670001; text-decoration: none; 
}
a:hover.credits_lien_mentions {	color: #002283;
 }
a.credits_lien_flash {	color: #670001; text-decoration: none; 
 }
a:hover.credits_lien_flash { 	color: #002283;
}
a.credits_lien_brochure {	color: #670001; text-decoration: none; 
 }
a:hover.credits_lien_brochure {	color: #002283;
 }
.credits_site_officiel {	color: #670001; text-decoration: none; 
 }
.credits_local_time {	color: #670001;
 }




/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| EMAILING AUTO |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*tableau général*/
.tableauEmailingAuto {
	margin-top: 20px;
	margin-bottom: 20px;
}


/*Tooltip*/
.emailingauto_tooltip {
	border: 5px double #670001;
	background: #E3D1A2;
	padding: 5px;
	font-size: 10px;
	color: #002283;
}

/*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;
}
.emailingauto_tooltip a {
	color: #670001;
	text-decoration: underline;
	cursor: pointer;
}
.emailingauto_tooltip a:hover {
	color: #6080CB;
	text-decoration: none;
	cursor: pointer;
}

.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;
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| SPEEDSEARCH |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Champ de recherche */
body #divSpeedSearch
{
	/* Position sur le flash */
	/* Decommentez le code CSS ci-dessous */
	position: absolute;
	top: 480px;
	left: 50%;
	margin: 0 0 0 260px;
/ margin-left:200px;
}

body #divSpeedSearch form, .formSearch form { margin :0; padding : 0; }
body #divSpeedSearch form input.recherche, .formSearch form input.recherche
{
	cursor: pointer;
	
	width: 190px;
	height: 20px;
	padding: 0 5px 0 10px;
	line-height:20px;
	margin: 0;
	
	font-size: 10px;
border:none;
	
	/* Commenter si on ne veut pas de loupe dans le champ de recherche */
	/*padding-left: 22px;*/
	
	background-color: #e7dbb9;
	color: #670001;

}
body #divSpeedSearch form input.recherche:hover, .formSearch form input.recherche:hover
{
	background-color: #d4c9aa;
	color: #a80002;
}
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; margin:0;padding:0; }

.formSearch form a.options:link { padding: 10px; font-size: 11px; color: #680B06; }
.formSearch form a.options:visited { color: #cdb5ab; }
.formSearch form a.options:hover { color: #bdae87; }
.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; }

/* 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 ; }

/* Tableau de recherche avancée */
#tableau_options { border: 0 none; }
#tableau_options tr td { padding: 2px; color: #670001; }
#tableau_options tr td input, #tableau_options tr td select
{
	border: none;
	background-color: #D4C9AA;
}
#tableau_options tr td input:hover, #tableau_options tr td select:hover
{
	border: none;
	background-color: #e1d5b4;
}

#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;
	padding-top: 60px;
}

#tabSearch tr .Titre {}
#tabSearch tr td table tr #ResultSearch { color:#000; padding: 0 10px 35px 0; }	
#tabSearch tr td table tr #ResultSearch a { color: #670001; }
#tabSearch tr td table tr #ResultSearch a:hover { color: #a80002; }





/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| PARTIE ADMINISTRABLE |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauContenu { width: 980px; text-align: center; position: relative; margin-top: 500px; z-index:50; }

.tableauBloc {
	width: 980px;
	margin-left:20px;
}

.tableauMontage {
	padding-bottom:40px;
}

.titre {
	padding: 0 0 20 5px;
	text-align: left;
}

.ssTitre {
	padding: 0;
	text-align: left;
}


.tableauBandeSstitre {
	background-color:#e3d1a2;
}

.bordure {
	background:transparent url(../images/bordure.png) top left repeat-y;
}

.blocTexte {
	padding: 0 40 0 40;
	width: 100%;
}


.blocTexteCentre {
	padding: 0 10 0 10;
}

.blocTexteTelechargez {
	padding:0 40 0 20px;
}

.blocTexteSituation { padding: 0; }

.blocPhoto {
	vertical-align: top;
	padding: 0 30 0 40;
}

.blocPhotoGauche {
	vertical-align: top;
	padding: 0 0 0 40;
}

.blocPhotoDroite {
	vertical-align: top;
	padding: 0 30 0 0;
}

.blocPhotoSituation {
	vertical-align: top;
}

.blocPhoto img {
	border: none;
}


.tableauDistances td {
	background-color:#e3d1a2;
	padding:2 0 2 0;
}

.TableauReferences {
	width:100%;
}
.TableauReferences td {
	background-color:#e3d1a2;
	padding:5 0 5 0;
}

.tableauCarte td {
	padding: 2 2 2 2;
	border-bottom:dashed 1px grey;
}

.tableauCarte th {
	padding: 5 2 5 2;
	background-color:#e3d1a2;
}

.tableauMenus {
	width:100%;
}
.tableauMenus td {
	padding:5 20 5 5;
}

/*----------------------------*/
.right { padding-right:30px; }
.left { padding-left:40px; }
.leftSituation { width:40px; }
.rightSituation { padding-right:20px; }
.leftMeteo { width:80px; }

#cadre { border: 1px solid#670001; padding: 3px; text-align: center; width: 275px; height: 445px; }
#cadreChef { border: 1px solid#670001; padding: 3px; text-align: center; width: 204px; height: 342px; }
