/*-----------------------------------------------------------------------------
** Site : Ligue Navale de Repentigny
**
** Fichier : styles_generaux.css
** Créé le : 21 mai 2009
** Modifié le : 30 décembre 2009
**
** Version : 1.01.00
** Auteur : Sylvain Proulx
**
** Description :
**		Feuille de styles pour l'entête et la gestion du menu dans l'entête.
*/


body {
	font-family : arial, sans-serif;
	font-size : 1em;
	margin : 0;
	padding : 0;
}

form {
	margin : 0;
	padding : 0;
}

#entete {
	background-color : #fff;
	color : #000;
	margin-top : -5px;
	width : 997px;
}

#entete .banniere {
/*
	background-position : 0 0 !important;
	background-position : 1px 0;
*/
	background-repeat : no-repeat;
	height : 195px;
}
#entete .banniere ul {
	float : left;
	list-style-type : none;
	margin : 10px 5px 5px 10px !important;
	margin : 10px 5px 5px 5px;
	padding : 0;
}
#entete .banniere ul li {
	float : left;
	padding-right : 5px;
}
#entete .banniere ul a {
	display: block;
	height: 25px;
	width: 20px;
}
#entete .banniere ul a span  { display : none; }
#entete .banniere ul a.ln    { background : url(../images/mini_crest_ln.png) 0 0 no-repeat; }
#entete .banniere ul a.ccln  { background : url(../images/mini_crest_ccln.png) 0 0 no-repeat; }
#entete .banniere ul a.ccmrc { background : url(../images/mini_crest_ccmrc.png) 0 0 no-repeat;}

#entete .recherche {
	float : right;
	margin : 10px 105px 0 0 !important;
	margin : 10px 53px 0 0;
}
#entete .recherche input.requete {
	background : url(../album/themes/ccln106/images/magnifier.png) 2px 50% no-repeat;
	background-color : #fff !important;
	background-color : #dfdbdc;
	border : 1px solid #96969d;
	color : #000;
	font-family : Tomaha, Arial;
	font-size : 0.7em !important;
	font-size : 0.8em;
	margin : 0;
	padding : 3px 0 0 20px;
	height : 17px !important;
	height : 22px;
	text-indent : 0;
	vertical-align : top !important;
	vertical-align : 1px;
	width : 150px !important;
	width : 170px;
}
#entete .recherche input.soumettre {
	background : url(../album/themes/ccln106/images/search_submit.png) 100% 0 no-repeat;
	border : none;
	color : #000;
	cursor : pointer;
	font-family : Tomaha, Arial;
	font-size : 0.55em !important;
	font-size : 0.6em;
	height : 22px !important;
	height : 23px;
	padding : 0 0 2px 0 !important;
	padding : 0;
	text-indent : 0;
	width : 25px;
}

#top {
	height : 20px;
}

.sans_espacement {
	font-size : 1px;
	height : 1px;
	margin : 0 0 -1px 0;
	padding : 0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
** DEBUT - Styles pour la gestion du menu sous la banniere.
*/

#conteneur_menu {
/*
	background : #778899 url(../images/cordage_horizontal_1.png) 0 100% repeat-x;
*/
	background-image : url(../images/cordage_horizontal_1.png);
	background-position : 0 100%;
	background-repeat : repeat-x;
	color : #fff;
	font-size : 0.7em;
	height : auto !important;
	height : 30px;
	margin-left : 1px;
	margin-top : 1px;
	min-height : 30px;
	position : relative;
	text-align : justify;
	width : 998px;
}

/* Section horizontale du menu */
#menu {
	left : 0;
	list-style-type : none;
	margin : 0 5px 0 0;
	padding : 0;
	position : absolute;
	top : 0;
}

#menu a {
/*
	color : #b0c4de;
*/
	display : block;
	font-weight : bold;
	padding : 3px;
	text-decoration : none;
}
#menu a:hover { color : #fff; }

#menu li.menu_entete {
	float : left;
	position : relative;
	padding-right : 20px;
}

#menu a.accueil_menu {
/*
	background : url(../images/icone_accueil_menu.png) 3px 2px no-repeat;
*/
	background-position : 3px 2px;
	background-repeat : no-repeat;
	float : left;
	padding-left : 20px;
}
#menu a.accueil_menu:hover {
	background-position : 3px -14px;
}

#menu a.entete_menu_over, 
#menu a.entete_menu {
/*
	background : url(../images/fleche_en_bas.png) 100% 2px no-repeat;
*/
	background-position : 100% 2px;
	background-repeat : no-repeat;
	float : left;
	padding-right : 20px;
}
#menu a.entete_menu_over, 
#menu a.entete_menu:hover, 
#menu li.menu_entete:hover a.entete_menu {
/*
	background-color : #6081bf;
*/
	background-position : 100% -14px;
	color : #fff;
}

/* Sous-menu des options dans la section horizontale du menu */
#menu ul {
	background-color : #fff;
/*
	border : 1px solid #6081bf;
*/
	display : none;
	list-style-type : none;
	margin : 0;
	padding : 0;
	position : absolute;
	width : 188px;
}
#menu ul li {
	position : relative;
}

#menu ul.mcp_menu {
	left : 0;
	top : 18px;
}

#menu li.menu_entete:hover > ul.mcp_menu {
	display : block;
}

#menu ul a.mcp_categorie_over, 
#menu ul a.mcp_categorie {
/*
	background : url(../images/fleche_a_droite.png) 100% 3px no-repeat;
	color : #4169e1;
*/
	background-position : 100% 3px;
	background-repeat : no-repeat;
	padding-right : 15px;
}
#menu ul a.mcp_categorie_over, 
#menu ul a.mcp_categorie:hover {
/*
	background-color : #b0c4de;
*/
	background-position : 100% -13px;
	color : #fff;
}

/* Sous-menu dans les sous-menus */
#menu ul.mcp_sous_menu {
	left : 183px;
	top : 3px;
}

#menu a.mcp_article {
/*
	color : #4169e1;
*/
	font-weight : normal;
	padding-left : 8px;
}
#menu a.mcp_article:hover {
/*
	background-color : #b0c4de;
*/
	color : #fff;
}

#menu ul.mcp_menu li:hover > ul.mcp_sous_menu {
	display : block;
}

/*
** FIN - Styles pour la gestion du menu sous la banniere.
** --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
*/