/**
 * Style sheet pnaviguation globale
couleur 100% : A9775D
couleur 2 : DCC8BD	
couleur 3 : E9DCD4
couleur 4 : F5EDEA
 * ov rub = style ecrasés dans les rubriques (déclinaison colorée)
 */

/************* GENERAL ***************/

body {
	background-color: #F5EDEA;		/** ov rub **/
}

#main_wrapper
{
	width:100%;
}

#wrapper_left
{
	/** ov rub **/
	background: url("http://www.animation-glomel.com/tl_files/css_themes/wrapper_left_standard.jpg");
	background-position: right top;
	background-repeat: repeat-x;
}

#wrapper_right
{
	/** ov rub **/
	background: url("http://www.animation-glomel.com/tl_files/css_themes/wrapper_right_standard.jpg");
	background-repeat: repeat-x;
}

td#wrapper_container
{
	width: 700px;
	padding: 0px;
}

#wrapper
{
	background-color: #FFFFFF;
}

#container
{
	padding-top: 20px;
	padding-bottom: 30px;
}

#header
{
	/** ov rub **/
	background: url("http://www.animation-glomel.com/tl_files/css_themes/banner_standard.jpg");
	background-color: #A9775D;		/** ov rub **/		
	background-position:0 38px;
	background-repeat: no-repeat;
/*	height: 270px; */
}

#footer {
	background-color: #A9775D;		/** ov rub **/
}

/*********** NAVIGATION ***********/

/* Naviguation principale */
div#nav_principale
{
	float: left;
	width: 700px;
	margin-top: 200px;
	padding: 0;
	padding-top: 10px;
	background-color: #FFFFFF; 
}

#nav_principale ul, #nav_principale li {
	margin:0;		/* reinitialise les valeurs */
	padding:0;		/* reinitialise les valeurs */
}

#nav_principale ul {
	text-align:center;	/* centre les li dans ul */
}

#nav_principale li {
	display:inline;		/* fait en sorte que les li soit sur une seule ligne, comme avec un float */
	margin:0 2px;			/* margin left et right des éléments du menu */
	font-family : Arial;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}

#nav_principale .sep
{
	width:1px;
	margin:0 0px;
	color: #000000;
	font-weight: normal;
}

#nav_principale li a {
	text-decoration: none;
}

#nav_principale li a:hover {
	text-decoration: underline;
}

#nav_principale img.hackImg {
	height:12px;				/* hauteur d'un li */
	width:0;						/* l'image ne servant qu'a émuler le margin-top et bottom, on a pas besoin de la voir*/
	vertical-align:middle;	/* permetra que le contenu du li soit centré verticalement */
	margin-top:20px;			/* ce margin déterminera l'écart entre 2 lignes */
}

#nav_principale span
{
	padding: 4px;
	padding-top: 8px;
	padding-bottom: 10px;
}

#nav_principale .animations a { color: #487A40; }
#nav_principale .animations span { background-color: #487A40; }	/** page active (span) idem suite **/

#nav_principale .manifestations a { color: #1879B1; }
#nav_principale .manifestations span { background-color: #1879B1;}

#nav_principale .centre-de-loisirs a { color: #B3320E; }
#nav_principale .centre-de-loisirs span { background-color: #B3320E; }

#nav_principale .club-kayak a { color: #FFA400; }
#nav_principale .club-kayak span{ background-color: #FFA400; }

#nav_principale .club-aviron a { color: #194493; }
#nav_principale .club-aviron span { background-color: #194493; }

#nav_principale .accueil-scolaire a { color: #FF5E00; }
#nav_principale .accueil-scolaire span { background-color: #FF5E00; }

#nav_principale .section-jeunesse a { color: #993399; }
#nav_principale .section-jeunesse span { background-color: #993399; }

/** Navigation pre bandeau & Navigation pied de page **/
div#nav_pre_bandeau
{
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

#nav_pre_bandeau ul, #nav_pied_page ul, #credits_footer ul
{
	margin:0;		
	padding:0;		
}

div#nav_pied_page
{
	float:left;
	width:200px;
}

#nav_pied_page ul
{
	margin-top:4px;
	width:200px;
}

div#credits_footer ul
{
	float:right;
	margin-top:4px;
	margin-right:10px;
}

#nav_pre_bandeau ul, #nav_pied_page ul, #credits_footer ul
{
	text-align:center;
}

#nav_pre_bandeau li, #nav_pied_page li, #credits_footer li
{
	display:inline;		
	margin:0 2px;			
	font-family : Arial;
	font-size: 11px;
	color:#000000;
}

#nav_pre_bandeau .sep, #nav_pied_page .sep, #credits_footer .sep
{
	width:1px;
	color: #000000;
}

#nav_pre_bandeau li a, #nav_pied_page li a, #credits_footer li a
{
	text-decoration: none;
	color: #FFFFFF;
}

#nav_pre_bandeau li a:hover, #nav_pied_page li a:hover, #credits_footer li a:hover
{
	text-decoration: underline;
}

/** Boite de recherche bandeau **/

div#search_bandeau
{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
#search_bandeau input#keywords {
	width: 80px;
	height: 10px;
	font-size: 10px;
	border: none;
}
#search_bandeau input#submit {
	width: 21px;
	height: 19px;
	font-size: 10px;
	background-color: #000000;
	border: none;
}

/** Sous menus (gauche) style globale **/

.mod_navigationSub
{
	padding-left:10px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #A9775D;				/** ov rub **/
}

.mod_navigationSub a
{
	color: #A9775D;				/** ov rub **/
	text-decoration: none;	
	font-weight:normal;
}

.mod_navigationSub a:hover
{
	text-decoration:underline;
}

.mod_navigationSub p.active
{
	padding:0;
	margin:0;
	color:#A9775D;					/** ov rub **/
}


/************ CONTENUS ****************/

.mod_article, #page_title
{
	width:418px;
}

.mod_article
{
	padding:0;
	font-size:12px;
	font-family:Arial;
	background-color:#DCC8BD; 	/** ov rub **/
	padding-bottom:10px;
}

.mod_article .ce_text
{
	padding:0;
	margin-left:14px;
	margin-right:14px;
	margin-top:10px;
	margin-bottom:10px;
}

#page_title							
{
	width:400px;
	color: #A9775D;				/** ov rub **/
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	padding-left:16px;
	/** ov rub **/
	background: url("http://www.animation-glomel.com/tl_files/css_themes/bg_page_title_standard.gif") repeat-x;
	background-position:0 5px;
}

#page_title span
{
	margin:0;
	padding:0;
	padding-left:4px;
	padding-right:6px;
	background-color:#FFFFFF;
}

.mod_article .block
{
	margin-left:10px;
}

.mod_article .ce_text p
{
	margin-top:0;
	padding-top:0;
}

.ce_hyperlink a
{
	font-weight:bold;
}

/************ ACTUALITES ****************/
.mod_newslist
{
	width:195px;
	margin-left:30px;
}

.header_mod_newslist
{
	width:195px;
	height:41px;
	background: url("http://www.animation-glomel.com/tl_files/css_themes/pixrub/actus_header.gif");
	background-repeat:no-repeat;
	margin-left:30px;
}

/* .mod_newslist .layout_full
{
	padding-left:8px;
	padding-right:16px;
	background: url("http://www.animation-glomel.com/tl_files/css_themes/pixrub/actus_content.gif");
  background-repeat:repeat-y;  
} */

.mod_newslist 
{
  background: url("http://www.animation-glomel.com/tl_files/css_themes/pixrub/actus_content.gif");
  background-repeat:repeat-y;
}

.footer_mod_newslist
{
	width:195px;
	height:40px;
	background: url("http://www.animation-glomel.com/tl_files/css_themes/pixrub/actus_footer2.gif");
	background-repeat:no-repeat;
	margin-left:30px;
}

/* placement des textes dans la boite d'actus */
.mod_newslist .layout_latest
{
  width:170px;
  text-align:justify;
  margin-left:22px;	
  margin-bottom:15px;
}


/* espacement entre les actus */
.mod_newslist a, .mod_newsreader a
{
  color:#683E28;
} 

.mod_newslist h2 a
{
  font-size:11px;
  text-decoration:none;
  color:#000000;
}

.mod_newsreader h1
{
  margin-top:20px;
}

.mod_newsreader .layout_full, .mod_newsreader .ce_text
{
  margin:0px;
  text-align:justify;
}

.mod_newsreader .ce_text
{
  margin-right:10px;
}