/*** GENERAL ***/

/* Tout le document */
body {
	margin:0;
	padding:0;
	color:#000;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	background-image:url(images/interface/2011/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

/* Tout lien dans le document */
a {
	color:#666;
	text-decoration:underline;
}
/* Tout lien survolé dans le document */
a:hover {
	text-decoration:none;
}

/* Toute image dans le document */
img {
	border:0;
}

/* Tout formulaire dans le site */
form {
	margin-bottom:0;
}

/* Tout le contenu de la page sélectionnée */
.contenu {
	padding:0;
	height:auto;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	vertical-align:top;
	text-align:justify;
	margin-top:5px;
	margin-right:25px;
	margin-bottom:20px;
	margin-left:25px;
}
/* Toute cellule de tableau affcihaeé dans la page sélectionnée */
/* Un tableau ne prend pas le style du calque dans lequel il est inséré */
.contenu table td {
	font-size:13px;
}

.contenu img {
	border:0;
	padding-right:15px;
	padding-bottom:15px;
}

/* Pied de page */
.footer {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#CCC;
	padding:20px;
	width:1000px;
}

.footer a{
	color:#CCC;
}

.footer a:hover{
	color:#FFF;
}

/*** FLASH ***/
#banner, #mymovie-banner {
	width:1001px;
	height:400px;
	margin:7px 1px 0 0;
	padding:0;
	clear:both
}

/*** MENUS PAGE *****/

/* Tout le menu de gauche */
.menu_gauche {
	padding:0;
    background-color:#FFF;
	font-weight:bold;
}

/* Titre d'une rubrique du menu de gauche */
.menu_gauche_titre {
	margin:0;
	padding:0 2px;
	font-size:12px;
    color:#FFF;
}

/* Tout lien du menu de gauche */
.menu_gauche a {
	margin-bottom:5px;
	padding:0 2px;
	display:block;
    font-size:10px; 
	color:#000066;
}
/* Tout lien survolé du menu de gauche */
.menu_gauche a:hover { 
	font-size:10px; 
	color:#FF9900; 
}

/* Tout le menu du haut */
.menu_haut {
	padding:0;
	font-weight:bold;
}

/* Titre d'une rubrique du menu du haut */
.menu_haut_titre {
	margin-right:0;
	padding:0;
	text-align:center;
	font-size:12px;
    color:#FFF;
	font-weight:bold;
}

/* Tout lien du menu du haut */
.menu_haut a {
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.menu_haut a:hover {
	text-decoration:underline;
}


/* Tout le menu du Bas */
.menu_bas {
	padding:0;
	font-weight:bold;
}

/* Titre d'une rubrique du menu du Bas */
.menu_bas_titre {
	margin-right:0;
	padding:0;
	text-align:center;
	font-size:13px;
	color:#666;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Tout lien du menu du Bas */
.menu_bas a {
	font-size:13px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.menu_bas a:hover {
	text-decoration:underline;
}

/***************************** TEXTE INTRO ****************************/

/* Tout ce qui commence par '.chapo' concerne les textes d'introduction des pages */
/* .chapo_bloc:bloc principal contenant tout l'article (titre, sous-titre et texte). */
.chapo_bloc {
	border:0 none;
	width:100%;
}
/* .chapo_titre:bloc contenant le titre. */
.chapo_titre {
	color:#666;
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top:30px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:2px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#999;
}
/* .chapo_soustitre:bloc contenant le sous-titre. */
.chapo_soustitre {
	padding:2px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif
}
/* .chapo_texte:bloc contenant le texte. */
.chapo_texte {
	padding:2px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#666;
	margin-top:20px;
	line-height:19px;
}

/*********************** RUBRIQUES *****/

/* .rub_bloc:bloc principal contenant l'article (titre et texte). */
.rub_bloc {
	height:auto;
	vertical-align:top;
}
/* .rub_titre:minibloc contenant le titre de l'article. */
.rub_titre {
	color:#666;
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top:30px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:2px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#999;
}
/* .rub_texte:minibloc contenant le texte de l'article. */
.rub_texte {
	padding:2px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#666;
	margin-top:20px;
	line-height:19px;
}

/*** MENUS RUBRIQUE *****/

/* Tout ce qui commence par '.rub' concerne les pages de type rubrique */
/* .rub_menu_bloc:bloc principal contenant le titre et le sous-titre du menu. */
.rub_menu_bloc {
	margin:0;
	padding:2px;
	height:100%;
	background:white;
	border:1px #000 solid;
	font-size:10px;
	text-align:left;
}
/* .rub_menu_titre:minibloc contenant le titre du menu. */
.rub_menu_titre {
	background:white;
	padding:2px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; font-weight:bold; color:#1A0064
}
/* Ici, on change le style des liens dans le minibloc 'rub_menu_titre'. */
.rub_menu_titre a {
	color:#000;
	font-weight:bold;
}
/* .rub_menu_soustitre:minibloc contenant le sous-titre du menu. */
.rub_menu_soustitre {
	padding:2px 2px 4px;
}
/* Ici, on change le style des liens dans le minibloc 'rub_menu_soustitre'. */
.rub_menu_soustitre a {
}

/*** ACTUS *****/

/* Tout ce qui commence par '.news' concerne les pages de type news */
/* .news_bloc:bloc principal contenant tout l'article (titre de la rubrique,
                titre de l'article, texte, date). */
.news_bloc {
	margin:2px;
	position:relative;
	border:1px black solid;
}
/* .news_rubrique:bloc contenant le titre de la rubrique. */
.news_rubrique {
	background:#D5D5D5;
	padding:2px;
	position:relative;
	color:white;
	font-weight:bold;
	border:1px black solid;
}
/* .news_titre:bloc contenant le titre de l'article. */
.news_titre {
	padding:2px;
	position:relative;
	color:black;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
/* .news_date:bloc contenant la date de l'article. */
.news_date {
	padding:2px;
	position:relative;
	font-style:normal;
	color:#B0B0B0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
/* .news_texte:bloc contenant le texte de l'article. */
.news_texte {
	padding:2px;
	position:relative;
	height:auto;
   font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#000;
}
/* .news_suite:lioen proposant de lire une actualité */
.news_suite {  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#7F763D;
}
.news_suite a:hover {  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	color:#FEE97A; 
	text-decoration:none;
}
/* .news2_bloc:minibloc contenant le titre d'une rubrique et le contenu de cette rubrique
                (c-à-d. les titres des articles). */
.news2_bloc {
	margin:2px;
	background:white;
	border:0 dashed grey;
	font-size:10px;
	height:auto;
}
/* .news2_rubrique:minibloc contenant le titre de la rubrique. */
.news2_rubrique {
	background:#D5D5D5;
	padding:2px;
	color:white;
	font-weight:bold;
	font-size:12px;
}
/* Ici, on change le style des liens dans le minibloc 'news2_rubrique'. */
.news2_rubrique a {
	color:white;
}
/* .news2_titre:minibloc contenant le titre de l'article. */
.news2_titre {
	padding:2px 2px 4px;
}
/* Ici, on change le style des liens dans le minibloc 'news2_titre'. */
.news2_titre a {
	font-weight:normal;
}

/*** FAQS *****/

/* Tout ce qui commence par '.faq' concerne les pages de type faq */
/* .faq_bloc:bloc principal contenant la question courante. */
.faq_bloc {
	margin:2px;
	font-size:12px;
	position:relative;
}
/* .faq_question:bloc contenant la question sélection. */
.faq_question {
	padding:2px;
	font-weight:bold;
	position:relative;
	border:1px 
}
/* .faq_reponse:bloc contenant la réponse. */
.faq_reponse {
	padding:2px;
	font-weight:normal;
	position:relative;
}
/* .faq2_bloc:minibloc contenant la liste des questions. */
.faq2_bloc {
	margin:2px;
	font-size:12px;
	height:auto;
}/* Ici, on change le style des liens dans le minibloc 'faq2_titre'. */
.faq2_bloc a {
	font-weight:normal;
}


/*** PLAN *****/


/* Tout ce qui commence par '.plan' concerne les pages de type plan */
/* .plan_menu:minibloc contenant le nom/type du menu. */
.plan_menu {
	margin:2px;
	border-style:solid;
	border-width:1px;
	background:#D5D5D5;
	padding:2px;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}
/* .plan_rub:minibloc contenant le titre d'une rubrique. */
.plan_rub {
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
}
/* Ici, on change le style des liens dans le minibloc 'plan_rub'. */
.plan_rub a {
	font-size:12px;
	font-weight:bold;
}
/* .plan_rub:minibloc contenant le titre d'une sous-rubrique. */
.plan_sous_rub {
}
/* Ici, on change le style des liens dans le minibloc 'plan_sous_rub'. */
.plan_sous_rub a {
	font-size:11px;
}
/* .plan_rub:minibloc contenant le titre d'un article. */
.plan_article {
}
/* Ici, on change le style des liens dans le minibloc 'plan_article'. */
.plan_article a {
	font-size:11px;
}
/* .plan_indent:minibloc contenant tous les lien d'un menu
                  ou d'un sous-menu. */
.plan_indent {
	margin:0 0 5px 30px;
}


/***************************** AGENDA *****/

/* Tout ce qui commence par '.agenda' concerne les pages de type agenda */
/* .agenda_bloc:bloc principal contenant tout l'article (titre de la rubrique,
                titre de l'article, texte, date). */
.agenda_bloc {
	margin:2px;
	border:1px solid #FF9100;
	width:100%;
}
/* .agenda_rubrique:bloc contenant le titre de la rubrique. */
.agenda_rubrique {
	padding:2px;
	font-style:italic;
	font-weight:bold;
}
/* .agenda_titre:bloc contenant le titre de l'article. */
.agenda_titre {
	padding:2px;
	color:grey;
}
/* .agenda_date:bloc contenant la date de l'article. */
.agenda_date {
	background-color:#4596E5;
	padding:2px;
	color:white;
	font-weight:bold;
}
/* .agenda_date:bloc contenant la date de l'article. */
.agenda_heure {
	padding:2px;
	font-style:italic;
}
/* .agenda_texte:bloc contenant le texte de l'article. */
.agenda_texte {
	padding:2px;
	height:100%;
}
/* .agenda2_bloc:minibloc contenant le titre d'une rubrique et le contenu de cette rubrique
                (c-à-d. les titres des articles). */
.agenda2_bloc {
	margin:2px;
}
/* Ici, on change le style du calendrier. C'est un tableau. */
.agenda2_bloc td{
	font-size:12px;
}
/* .agenda2_rubrique:minibloc contenant le titre de la rubrique. */
.agenda2_rubrique {
	background:#5CADFE;
	padding:2px;
	color:white;
}
/* Ici, on change le style des liens dans le minibloc 'agenda2_rubrique'. */
.agenda2_rubrique a {
	color:white;
}
/* .agenda2_titre:minibloc contenant le titre de l'article. */
.agenda2_titre {
	padding:2px 2px 4px;
}
/* Ici, on change le style des liens dans le minibloc 'agenda2_titre'. */
.agenda2_titre a {
	color:black;
}


/*************************** FORMULAIRES RESA *****/

/**/
.resa_intro_etape{
	color:#666;
	font-size:22px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
}

/**/
.resa_etape{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:normal;
	font-weight:bold;
	color:#F22A22;
	font-size:14px;
	text-decoration:none;
}

/**/
.resa_colonne{
	background-color:#4596E5;
	color:#ffffff;
	font-weight:bold;
}

/**/
.resa_champs{
	font-weight:bold;
}

/**/
#particulier{
	border:1px solid #4596E5;
}


/*************************** LIVRE D'OR *****/

/* Liens du livre d'or */
.livre_dor a {
	font-size:16px;
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}

.livre_dor a:hover {
	color:#FFF;
	background-color:#999;
}

/* Affichage du nom de l'expéditeur d'un message */
.livre_dor_nom{
	background-color:#CCC;
	color:#333;
	font-weight:bold;
	height:25px;
	padding:10px;
}

/* Affichage de la date d'un message */
.livre_dor_date{
	background-color:#333;
	color:#CCC;
	font-weight:bold;
	height:25px;
	padding-right:10px;
}

/* Affichage d'un message */
.livre_dor_message{
	color:#666;
	padding:10px;
	line-height:19px;
}

/* Titre du formulaire de signature */
.livre_dor_signer{
	font-weight:bold;
	color:#666;
	text-align:center;
}

/* Cellule affichant le nom du champs à saisir */
.livre_dor_champs{
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
}

/* Cellule contenant le champs à saisir */
.livre_dor_entree{
}