/*#####################################################*/
/* Le body
/*#####################################################*/
.le_body{
	text-align:left;
	background:#bcbbbb url(/images/global/fond_site.jpg) no-repeat center 0;
	scrollbar-face-color: #62b0e1; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #c0c0c0c; 
	scrollbar-arrow-color: #000000;	
}
/* Liens */ 
a:link, a:visited  { 
	color:#005a87; 
}
a:hover, a:focus, a:active { 
	color:#000; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active {outline:none;}
:hover{outline:none;}

/*#####################################################*/
/* Tableau qui englobe tout le site
/*#####################################################*/
.tableau_du_site
{
	/*border:0px solid #f7f7f7;*/
	background-color : #ffffff;
}

.ColonneExtremeGauche
{

}

.tableau_du_site_colonne_extreme_droite
{
	vertical-align:top;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color : #FFFFFF;
}
.tableau_du_site_colonne_extreme_droite_div_qui_suit_le_scroll_IE
{
	position:expression('absolute');
	/*left:763px;*/
	top:expression(eval(document.body.scrollTop)+1);
}
.tableau_du_site_colonne_extreme_droite_div_qui_suit_le_scroll_PAS_IE
{
	position:fixed;
}

/*#####################################################*/
/* Tableau général de l'index
/*#####################################################*/
.TableauGeneralIndex
{
	height: 30%;
	border: 0px;
}

.Hauteur1erLigneTableauGeneralIndex
{
	padding:0px;
	margin : 0px;
	line-height: 10px;
	/*background-color : #FFFFFF;*/
}
/*#####################################################*/
/* Tableau qui englobe le menu de navigation
/*#####################################################*/
.menu_tableau
{
	/*border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;*/

}

/*#####################################################*/
/* EspaceAvantColonneGauche
/*#####################################################*/

.EspaceAvantColonneGauche
{
	
}

/*#####################################################*/
/* EspaceApresColonneDroite
/*#####################################################*/

.EspaceApresColonneDroite
{
	
}

/*#####################################################*/
/* Colonne de separation entre colonne centre et droite
/*#####################################################*/

.EspaceEntreColonneGaucheEtCentre
{
	
}


/*#####################################################*/
/* Colonne de separation entre colonne centre et droite
/*#####################################################*/

.EspaceEntreColonneDroitEtCentre
{
	
}

/*#####################################################*/
/* Colonne qui contient les modules de gauche
/*#####################################################*/

.module_site_gauche
{
	
}

/*#####################################################*/
/* Colonne qui contient les modules de droite
/*#####################################################*/

.module_site_droite
{
	padding:0 0 20px 0;
	margin:0;
}


/*#####################################################*/
/* Style de la barre de navigation
/*#####################################################*/
/*----------------------------------------------------*/
/* Style de la police du lien de navigation courant
/*----------------------------------------------------*/
td.navigation_haut {
	display:none;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight:normal;
	color: #005a87;
	padding-left:15px;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:5px;
}
/*----------------------------------------------------*/
/* Style de la police du lien de navigation 
/* de la branche ascendante !!!
/*----------------------------------------------------*/
a.chemin:link,a.chemin:visited,a.chemin:active,a.chemin:hover
{
	font-family: Verdana, Arial;
	font-size: 10px;
	text-decoration: underline;
	text-transform: none;
	color: #000000;
}


/*#############################################################*/
/* Style du titre de la page dans le cas avec une image de fond
/*############################################################*/

/*.titre_page
{
	
	font-family: Arial;
	font-size: 15px;
	text-align: left;
	font-weight:bold;
	color: #000000;
	padding-left: 	18px;
	padding-right: 	25px;
	padding-top: 	15px;
	padding-bottom: 0px;
	height:45px;
	letter-spacing:3px;
}
.titre_pointille
{
	background-image: url('/images/titre_page_ste_marie_1.gif');
	background-repeat : no-repeat;
	height: 40px;
}

.trait_sous_titre
{
	background-image: url('/images/titre_page_ste_marie_1.gif');
	background-repeat : no-repeat;
	height: 40px;
}

.pointille
{
	background-image: url('/images/titre_page_ste_marie_1.gif');
	background-repeat : no-repeat;
	height: 40px;
}	*/


/*#############################################################*/
/* Style du titre de la page dans le cas avec pointillés
/* L'image doit être réalisée en taille 650 pixel avec une partie blanche
/*############################################################*/

.titre_page{
	height:33px;
	padding-left:45px;
	font:bold 14px "Trebuchet MS", Arial;
	text-align: left;
	color: #005a87;
	letter-spacing:3px;
	background:url(/images/global/titre_page_fond.jpg) no-repeat;
}
.titre_pointille{
	background-image: url('/images/pointilles_bleu_verticaux_.gif');
	line-height: 1px;
}

.trait_sous_titre
{
	background-image: url('/images/pointilles_bleu_verticaux_.gif');
	height: 1px;
}

.pointille
{
	background-image: url('/images/pointilles_bleu_verticaux_.gif');
}	


/*#####################################################*/
/* Style des paragraphes
/*#####################################################*/
/*----------------------------------------------------*/
/* Paragraphes de type "text"
/*----------------------------------------------------*/
.TableauParagrapheImage{
	padding:0 25px;
}
.paragraphe_image{
	border-left-width:15px;
	border-right-width:15px;
	border-bottom-width:5px;
	border-top-width:0px;	
	border-left-color:#fff;
	border-right-color:#fff;
	border-bottom-color:#fff;
	border-top-color:#fff;
}
.LegendePhotoParagraphe{
	font:11px "Trebuchet MS", Arial;
	font-style:italic;
	color:#000;
	text-align:center;
	padding-top:5px;
}
.paragraphe, .texte, .formulaire{
	font:12px "Trebuchet MS", Arial;
	color:#4b555b;
	padding:5px 30px;
}
p{
	margin:5px 0;
	padding:0;
}
.paragraphe_titre{
	font:bold 13px "Trebuchet MS", Arial;
	color:#005a87;
	padding:10px 15px;
}
ul{
	list-style:url(/images/global/ul_puce.gif);
}
ul, ol{
	margin:10px 25px;
	padding:0 15px;
	font:12px "Trebuchet MS", Arial;
	color:#333a3f;
}
h1, h2, h3, h4, h5{ 
	margin:10px 0;
	line-height: 1.2; 
	font-family:"Trebuchet MS", Arial;
	font-weight: bold;
}
h1{ 
	font-size:18px;
	color:#000;
} 
h2{ 
	font-size:16px;
	color:#005a87;
	padding-left:23px;
	background:url(/images/global/puce_h2.gif) no-repeat 0px 2px;
} 
h3{
	border-left:3px solid #b2c7d3;
	padding-left:5px;
	font-size:14px;
	color:#859ba8;
} 
h4{
	border-left:2px solid #000;
	padding-left:5px;
	font-size:12px;
	color:#b2c7d3;
}
h5{
	font-size:10px;
	color:#ff0000;
}
address{
	background:#f5f9fb;
	border:1px solid #abccdc;
	color:#005A87;
	font:12px "Trebuchet MS", Arial;
	font-style:italic;
	padding:10px;
	margin:5px 15px;
}
address a{
	color:#000;
}
/*----------------------------------------------------*/
/* Paragraphes de type "lien_enfant"
/*----------------------------------------------------*/
.list_lien_enfant {
	display:block;
	list-style-type:none;
	background:#fff;
	margin:0;
	padding:0 30px;
}
.lien_enfant{
	color:#005A87;
	text-indent:12px;
}
a.lien_enfant{
	display:block;
	margin:5px 0;
	padding:3px 0;
	font:bold 12px "Trebuchet MS", Arial;
	text-transform:uppercase;
	text-decoration:none;
	color:#005A87;
	background:#c1d5e0;
}
a.lien_enfant:hover{
	color:#005A87;
	text-decoration:none;
	background:#a4b9c5;
}
.lien_enfant_puce_image{
	font:bold 11px "Trebuchet MS", Arial;
	color:#384792;
}
.lien_enfant_puce_ol{
	font:bold 11px "Trebuchet MS", Arial;
	color:#384792;
}
.lien_enfant_puce_ul{
	font:bold 11px "Trebuchet MS", Arial;
	color:#384792;
}
.lien_enfant_separateur{
	font:bold 11px "Trebuchet MS", Arial;
	color:#384792;
}
.lien_enfant_tableau{
	padding:0;
	width:100%;
	list-style-type:none;
}
.lien_enfant_tableau_interne{	
	padding-top:0px;
	padding-bottom:3px;
}
.lien_enfant_td_image_gauche{
	text-align:left;
	width:1px;
	padding-right:25px;
	font-weight:bold;
}
.lien_enfant_image_gauche{
	border:0px;
	font-weight:bold;
}
.lien_enfant_td_image_droite{
	text-align:right;
	width:1px;	
	padding-left:5px;
	font-weight:bold;
}
.lien_enfant_image_droite{
	border:0px;
	font-weight:bold;
}
/*----------------------------------------------------*/
/* Paragraphes de type "lien_frere"
/*----------------------------------------------------*/
/* ------------------------ */
/* Lien Frère : gabarit n°0 */
/* ------------------------ */
.paragraphe_lien_frereGabarit0{	
	padding:15px 30px;
}
.TableauConteneurLienFrereGabarit0{
	/*padding-top:15px;*/
}
.TableauLienFrerePrecedentGabarit0{
	text-align:right;
	width:1px;
}
.TableauLienFrereSuivantGabarit0{
	text-align:left;
	width:1px;
}
.TDConteneurLienFrerePrecedentGabarit0{
	text-align:left;
	width:30%
}
.TDCentreTableauConteneurGabarit0{
	width:40%;
}
.TDConteneurLienFrereSuivantGabarit0{
	text-align:right;
	width:30%;
}
/* ------------------------ */
.TDLienFrereIconePrecedentGabarit0, .TDLienFrereIconeSuivantGabarit0{
	font:bold 13px "Trebuchet MS", Arial;
	background:#fff;
	color:#005a87;
	text-align:center;
	padding:0px 11px;
}
.TDLienFrereIconePrecedentGabarit0{
	background:url(/images/global/fond_lien_frere_gauche.gif) no-repeat top left;
}
.TDLienFrereIconeSuivantGabarit0{
	background:url(/images/global/fond_lien_frere_droite.gif) no-repeat top right;
}
/* ------------------------ */
.TDLienFrerePrecedentGabarit0, .TDLienFrereSuivantGabarit0{
	font:bold 11px "Trebuchet MS", Arial;
	color:#005a87;	
	text-align:left;
}
.TDLienFrerePrecedentGabarit0{
	padding:2px 14px 2px 12px;
	background:url(/images/global/fond_lien_frere_gauche2.gif) no-repeat top right;
}
.TDLienFrereSuivantGabarit0{
	padding:2px 12px 2px 14px;
	background:url(/images/global/fond_lien_frere_droite2.gif) no-repeat top left;
}
/* ------------------------ */
a.LienFrerePrecedentGabarit0:link,a.LienFrerePrecedentGabarit0:visited,a.LienFrerePrecedentGabarit0:active, 
a.LienFrereSuivantGabarit0:link,a.LienFrereSuivantGabarit0:visited,a.LienFrereSuivantGabarit0:active
{
	color:#005a87;
	text-decoration:none;
}
a.LienFrerePrecedentGabarit0:hover, a.LienFrereSuivantGabarit0:hover{
	color:#000;
}

/* ------------------------ */
/* Lien Frère : gabarit n°1 */
/* ------------------------ */
.paragraphe_lien_frereGabarit1
{	
	padding-left: 	0px;
	padding-right: 	0px;
	padding-top: 	10px;
	padding-bottom: 10px;	
}
.TableauConteneurLienFrereGabarit1
{	
	 padding-top:15px;
}
.lien_frere_tableauGabarit1
{	
	border-top:1px solid #507CBD;
	padding-left:	0px;
	padding-right:	10px;
	padding-top:	10px;
	padding-bottom:	0px;
	width:100%;
}
.lien_frere_td_image_gaucheGabarit1
{
	text-align:left;
	width:1px;
	padding-right:25px;
}
.lien_frere_image_gaucheGabarit1
{
	border:0px;
}
.lien_frere_tableau_interneGabarit1
{	
	padding-top:	0px;
	padding-left: 5px;
	padding-bottom:	3px;
	
}
.lien_frere_puce_imageGabarit1
{
	margin-left: 	0px;
	margin-right: 	10px;
	margin-top: 	5px;
	margin-bottom:  0px;
}
.lien_frereGabarit1
{
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight:bold;
	background-color: #ffffff;
	color: #507CBD;
}
/*#####################################################*/
/* Style pour bloc site (espace entre bloc)*/
/*#####################################################*/

.espace_entre_modules{
}

/*#####################################################*/
/* Style Généraux qui seront surchargés par les modules*/
/*#####################################################*/

input {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #6C93D7;
	background-color: #FFFFFF;
}
textarea {
	background-color: #EEF2F8;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #005a87;
	border: 1px solid #005a87;
}

select {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #005a87;
	border: 1px solid #005a87;
	width: 160px;
	outline-color:#005a87;
}

/* a supprimer dans ceratains modules ***/
.bouton_ok {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #005a87;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}


/*#####################################################*/
/* Style du pied de page (footer)
/*#####################################################*/
/*----------------------------------------------------*/
/* Espace entre page et footer
/*----------------------------------------------------*/
.hauteur_footer_page_specifique
{
	height: 0px;
}
/*----------------------------------------------------*/
/* Trait de séparation entre page et footer
/*----------------------------------------------------*/
.ligne_en_haut_du_footer {
	display:none;
}
/*----------------------------------------------------*/
/* Séparateur entre les liens
/*----------------------------------------------------*/
td.footer {
	font:11px Arial;
	color:#000;
	height:25px;
	padding:10px;
	/*background:url(/images/global/pied_fond.jpg) repeat-y;*/
	background:#c1d5e0;
}
/*----------------------------------------------------*/
/* Les liens de bas de page
/*----------------------------------------------------*/
a.footer:link,a.footer:visited,a.footer:active{ 
	text-decoration: none;
	color:#000;
}
a.footer:hover{
	text-decoration:underline;
	color : #005a87;
}
.espace_avant_footer{
	height:15px;
}
/*----------------------------------------------------*/
/* Menu
/*----------------------------------------------------*/
.menu_tableau{
	background:#d0dfe6;
	margin-bottom:15px;
}
#menu_navigation{
	float:right;
	margin:0;
	padding:0;
	z-index:100;
}
#menu_navigation img{
	border:none;
}
#menu_navigation .separateur{
	font:bold 11px Arial;
	color:#2c769b;
	padding:1px 3px;
}
#menu_navigation li{
	margin:0;
	padding:0;
	display:inline;
	float:left;
	position:relative;
	z-index:500;
}
#menu_navigation a{
	display:block;
	position:relative;
	padding:2px 15px;
	margin:0px;
	font:bold 11px Arial;
	color:#2c769b;
	text-decoration:none;
}
#menu_navigation ol{
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:200px;
	margin:0px;
	padding:0px;
	background:#741617;
	visibility:hidden;
    filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}
#menu_navigation ol a{
	color:#2c769b;
	padding:2px 7px;
	background:#d0dfe6;
}
#menu_navigation li a:hover{
	background:#aac3cf;
}
#menu_navigation ol li a:hover{
	color:#fff;
	background:#00497d;
}
#menu_navigation ol ol{
	padding:0;
	margin:0;
}
#menu_navigation ol>li + li{
	border:0;
}
#menu_navigation .li_w_c{
	background-image:url('/images/arrow.gif');
	background-repeat:no-repeat;
	background-position:96% 50%;
}
#menu_navigation a:hover, #menu_navigation li:hover>a, #menu_navigation a:focus, #menu_navigation li:focus>a, #menu_navigation .ie6hoverA{
	color:#2c769b;
}
#menu_navigation li:hover, #menu_navigation li:focus, #menu_navigation li.ie6hover{
	z-index:10000;
}
#menu_navigation li li{
	float:left;
	width:100%;
}
#menu_navigation li:hover>ol, #menu_navigation li:active>ol, #menu_navigation .li_visible>ol, #menu_navigation .ie6hoverUL{
	visibility:visible;
	top:100%;
}
#menu_navigation li li:hover>ol, #menu_navigation li li:focus>ol, #menu_navigation li .li_visible>ol, #menu_navigation .ie6hoverUL .ie6hoverUL{
	top:0px;
	left:100%;
}
#menu_navigation:after, #menu_navigation ol:after{
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both;
}