/* =======================================================================
 * This stylesheet gathers styles used to define the struture of the html
 * documents.
 *
 * The styles here are related to the positionning of the main elements in
 * the page :
 * - the position of header, footer, menus, banners is defined here ;
 * - the general layout of the page is defined here ( eg. one, two or
 * three columns) ;
 * - styles for positionning other elements (eg. the site map levels).
 *
 * The stylesheet "page_template_styles.css" is to be used for formatting
 * styles related to colors, fonts, aspect of the page elements.
 *
 * ========================================================================
 */



/* =====================================================================
 * -------------     Style MenuGauche SIDEBAR 4 couleur  ---------------
 * ===================================================================== */
 
 
/* ================
menu lateral orange *
=================== */
.pagefilleorange {
}

.pagefilleorangeordre2 {
margin-top:0px;
}


.pagefilleorange h2 {
	height: 28px;
	margin: 0 0 0px 0;
	padding: 7px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-4orange.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

.pagefilleorangeordre2 h2 {
	height: 28px;
	margin: 0 0 0px 0;
	padding: 7px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-4orange.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

.pagefilleorange ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-4orange.jpg) repeat;
	list-style: none;
}

.pagefilleorangeordre2 ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-4orange.jpg) repeat;
	list-style: none;
}

.pagefilleorange li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}
.pagefilleorangeordre2 li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}

.pagefilleorange a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.pagefilleorangeordre2 a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}


.pagefilleorange a:hover {
	color: #204B5C;
}

.pagefilleorangeordre2 a:hover {
	color: #204B5C;
}

.pagefilleorange .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.pagefilleorangeordre2 .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}
.pagefilleorange span{
	margin-left: 8%;
}

.pagefilleorangeordre2 span{
	margin-left: 8%;
}

/* ================
menu lateral rose *
=================== */


.pagefillerose {

}


.pagefillerose h2 {
	height: 30px;
	margin: 0 0 0px 0;
	padding: 2px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-4rose.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}



.pagefillerose ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-4rose.jpg) repeat;
	list-style: none;
}


.pagefillerose li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}

.pagefillerose a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.pagefillerose a:hover {
	color: #204B5C;
}

.pagefillerose .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.pagefillerose span{
	margin-left: 8%;
}


/* ================
menu lateral bleu *
=================== */


.pagefillebleu {

}


.pagefillebleu h2 {
	height: 30px;
	margin: 0 0 0px 0;
	padding: 2px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-4bleu.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}



.pagefillebleu ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-4bleu.jpg) repeat;
	list-style: none;
}


.pagefillebleu li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}

.pagefillebleu a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.pagefillebleu a:hover {
	color: #204B5C;
}

.pagefillebleu .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.pagefillebleu span{
	margin-left: 8%;
}

/* ======================= *
menu lateral bleu ordre 2  *
========================== */


.pagefillebleuordre2 {
margin-top:0px;
}


.pagefillebleuordre2 h2 {
	height: 30px;
	margin: 0 0 0px 0;
	padding: 2px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-4bleu.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}



.pagefillebleuordre2 ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-4bleu.jpg) repeat;
	list-style: none;
}


.pagefillebleuordre2 li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}

.pagefillebleuordre2 a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.pagefillebleuordre2 a:hover {
	color: #204B5C;
}

.pagefillebleuordre2 .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.pagefillebleuordre2 span{
	margin-left: 8%;
}



/* ================
menu lateral jaune *
=================== */


.pagefillejaune {

}


.pagefillejaune h2 {
	height: 30px;
	margin: 0 0 0px 0;
	padding: 2px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-4jaune.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}



.pagefillejaune ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-4jaune.jpg) repeat;
	list-style: none;
}


.pagefillejaune li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}

.pagefillejaune a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.pagefillejaune a:hover {
	color: #204B5C;
}

.pagefillejaune .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.pagefillejaune span{
	margin-left: 8%;
}


/* ======================
menu lateral pagesdusite *
======================== */
.pagesdusite {
margin-left:-10px;
margin-right:9px;
margin-top:178px;
}


.pagesdusite h2 {
	height: 30px;
	margin: 0 0 0px 0;
	padding: 2px 0 0 40px;
	background: #878485 url(../images/local/skin/regie_fetes/head_sidebar-pagesdusite.jpg) repeat-y;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

.pagesdusite ul {
	margin: 0;
	padding:10px 1px 0px 1px;
	background: #878485 url(../images/local/skin/regie_fetes/fondmenu_sidebar-pagesdusite.jpg) repeat;
	list-style: none;
}


.pagesdusite li {
	padding: 1px 0px 1px 40px;
	background: url(../images/local/skin/dotted_orange.pngOLD) repeat-x;
/*	font-size: small; */
}

.pagesdusite a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.pagesdusite a:hover {
	color: #204B5C;
}

.pagesdusite .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.pagesdusite span{
	margin-left: 8%;
}