/* ---------------------------------------------------------------------
   Copyright (C) 2008 IsitAtout Solutions Co., Ltd. All Rights Reserved.
   @license - Copyrighted Software
   Author: Stéphane Francel - IsitAtout Solutions Co., Ltd
   Websites:  http://www.iSitAtout.com/
   --------------------------------------------------------------------- */



/**
 * Basics text colors
 *
 *		Dark blue : 	#034F72		( shadow: #064663  -  lighter: #015B85 )
 *		Light blue : 	#037AB0		( shadow: #0870A1  -  lighter: #0086C4 )
 */



/**
 * Basic style
 */

* {
	margin: 0;
	padding: 0;
}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* Absolute reference for global resize */
	color: #333;	
}
body {
	background: url(images/body-bg.gif) repeat-x top #B4D3E4;
}

/* Ancienne version */
/*h1 { font-size: 183.33%;	line-height: 109.10%;	margin: 0 		0 1.18em 0; color: #034F72; /*#3B3B3B;*/ }	/* (22px/24px bottom:26px) Page title 		*/
/*h2 { font-size: 183.33%;	line-height: 109.10%;	margin: 0 		0 1.18em 0; color: #034F72; /*#3B3B3B;*/	}	/* (22px/24px bottom:26px) Page sub-title 	*/
/*h3 { font-size: 150%;		line-height: 116.67%;	margin: 1.44em 	0 1.06em 0;	color: #034F72;	}	/* (18px/21px bottom:19px) Section 			*/
/*h4 { font-size: 116.67%;	line-height: 128.57%;	margin: 1.43em 	0 1.07em 0;	color: #037AB0;	}	/* (14px/18px bottom:15px) Category 		*/
/*h5 { font-size: 108.33%;	line-height: 130.77%;	margin: 0 		0 0.08em 0;	color: #037AB0;	}	/* (13px/17px bottom:01px) Category 		*/
/*p  { font-size: 100%;		line-height: 141.67%;	margin: 0 		0 1.25em 0; color: #333;	}	/* (12px/17px bottom:15px) Paragraph 		*/

/* Nouvelle version */
h1 { font-size: 183.33%;	line-height: 109.10%;	margin: 0 		0 0.68em 0; color: #034F72; /*#3B3B3B;*/ }	/* (22px/24px bottom:18px) Page title 		*/
h2 { font-size: 183.33%;	line-height: 109.10%;	margin: 0 		0 0.68em 0; color: #034F72; /*#3B3B3B;*/	}	/* (22px/24px bottom:18px) Page sub-title 	*/
h3 { font-size: 150%;		line-height: 116.67%;	margin: 1.44em 	0 1.00em 0;	color: #034F72;	}	/* (18px/21px bottom:18px) Section 			*/
h4 { font-size: 116.67%;	line-height: 128.57%;	margin: 1.43em 	0 1.07em 0;	color: #037AB0;	}	/* (14px/18px bottom:15px) Category 		*/
h5 { font-size: 108.33%;	line-height: 130.77%;	margin: 0 		0 0.16em 0;	color: #037AB0;	}	/* (13px/17px bottom:02px) Category 		*/
p  { font-size: 100%;		line-height: 141.67%;	margin: 0 		0 1.25em 0; color: #333;	}	/* (12px/17px bottom:15px) Paragraph 		*/


/*h5 { font-size: 116.67%;	line-height: 128.57%;	margin: 0 		0 0.07em 0;	color: #037AB0;	}*/	/* (14px/18px bottom:01px) Category 		*/
/*h5 { font-size: 100%;		line-height: 133.33%;	margin: 0		0 0.08em 0; color: #037AB0;	}*/	/* (12px/16px bottom:01px) Paragraph title 	*/

/* h3 or h4 as top content (because default behaviour of thoses tags is a not null margin-top) */
h3.top, h4.top {
	margin-top: 0 !important;
}

h1 span { font-size: 81.81%; font-weight: normal; }
h2 span { font-size: 81.81%; font-weight: normal; }
h3 span { font-size: 88.89%; font-weight: normal; }
h4 span { font-size: 100.0%; font-weight: normal; }
h5 span { font-size: 100.0%; font-weight: normal; }

h1, h2 {
	padding-bottom: 1px;
	border-bottom: 1px solid #CBCBCB;
}

h3 {
	border-bottom: 1px solid #E0E5E7;
	padding-bottom: 1px;
}

h4 {
	border-bottom: 1px solid #9fb5bf;
}
h4 span.h4 {
	font-size: 100%;
	font-weight: bold;
	padding-right: 8px;
	background-color: #FFF;
	position: relative;
	top: 4px;
}

h5 {
	background: url(images/h5-bg.gif) repeat-y left top transparent;
	padding-left: 9px;
	/*border-left: 3px solid #58a1c2;
	padding-left: 6px;*/
}
h5.simple { /* remove bullet */
	background: url(images/pix-transparent.gif) repeat transparent;
	padding-left: 0px;	
}

div {
	line-height: 141.67%; /* as <p> tag */
}
p {
	text-align: justify;
}
h1, h2, h3, h4, h5 {
	 text-align: left !important;
}

a,
a:link,
a:visited {
	color: #034F72;
	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	color: #4A778C;
	text-decoration: none;
}

a.pages-navigation { color: #034F72; background-color: #cbd5d7; font-size: 91.66%; text-decoration: none; padding: 2px 8px; }
a.pages-navigation:hover { color: #cbd5d7; background-color: #015B85; }

a.big,
a.faire-un-don {
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 4px 8px;
}
a.faire-un-don {
	border: 1px solid #7d432f;
	background-color: #7d432f;
	color: #FAFAFA;
}
a.faire-un-don:hover {
	border: 1px solid #532213;
	background-color: #532213;
	color: #F8EDE7;
}

fieldset {
	border: 1px solid #CCC;
	padding: 15px;
	margin: 5px 0 15px 0;
	background: url(images/fieldset-bg.gif) repeat-x bottom #FFF;
}
fieldset legend {
	margin-left: 19px;
	padding: 0 6px;
	color: #999;
	letter-spacing: 0.125em;
}

ul {
	list-style: none;
	margin: 0.5em 0 1.25em 0; /* almost like <p> */
	padding-left: 1em;
	line-height: 135%;
}
ul li {
	background: url(images/list-bullet.png) no-repeat 0 0;
	padding-left: 2em;
	/*margin: 0 0 1em 0;*/ /* add <p> tag to get that */
	margin: 3px 0; /* un petit chouchou quand même... */
}
li p {
	margin: 0 0 1em 0; /* (=12px) smaller than <p> margin-bottom */
}
ul.no-bullet li {
	background: url(images/pix-transparent.gif.png) repeat;
	padding-left: 0;
}
ul.no-bullet li p {
	text-align: left;
}

ol {
	list-style: decimal outside;
	margin: 0.5em 0 1.25em 3em; /* almost like <p> */
	line-height: 135%;
}
ol li {

}


/* List of 'image & title' links */
ul.linked-content-list {
	padding-bottom: 5px;
	clear: left;
}
ul.linked-content-list li {
	background: url(images/pix-transparent.gif) repeat;
	padding-top: 15px; /* Here the space between <li> tags */
	padding-left: 0;
	clear: left;
}
ul.linked-content-list li a {
	text-decoration: none;
	font-size: 116.66%;
	font-weight: bold;
}
ul.linked-content-list li a span {
	font-size: 85.71%;
	font-weight: normal;
	color: #999;
}
ul.linked-content-list li a:hover span {
	color: #AAA;
}
ul.linked-content-list li img {
	margin: -5px 10px 10px 0;
	float: left;
}
ul.linked-content-list li br.linked-content-list { /* Dont't forget to add <br class="linked-content-list" /> in the last list-item (inside <a> or <li> tag) */
	clear: left;
}


hr {
	border: none;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #FFF;
	margin: 20px 0;
}

sup.star {
	color: #037AB0;
	font: bold 1em "Courier New", Courier, monospace;
	font-style: normal;
}

/* Image into a link */
a img {
	border: none;
}
/* Thumb-image with/without link */
div.thumb {
	font-size: 91.66%; /* (=11px) */
	color: #034F72;
	line-height: 109%;
}
div.thumb a,
div.thumb a:visited {
	text-decoration: none;
	color: #999;
}
div.thumb a:hover,
div.thumb a:active,
div.thumb a:focus {
	text-decoration: none;
	color: #BBB;
}
div.thumb img {
	border: 1px solid #EEE;
	padding: 1px;
}
div.thumb img:hover {
	border: 1px solid #CCC;
}
/* Thumb with differents positions: center or  float:left/right */
div.thumb-center,
div.thumb-left,
div.thumb-right {
	position: relative;
	top: 4px;
	text-align: center;
}
div.thumb-left  { float: left;  margin: 0 15px 5px 0; }
div.thumb-right { float: right; margin: 0 0 5px 15px; } /* blanc tournant trop grand (> à celui du #main2) */
br.thumb-left  { clear: left; }
br.thumb-right { clear: right; }






/**
 * Wrapper, header, left-column, top, main, right-column, footer
 */

#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 31px 52px 31px;
	background: url(images/wrapper-bg.gif) repeat-y top #FFF;
	overflow: hidden;
}

#wrapper-abs-tl,
#wrapper-abs-tr {
	position: absolute;
	top:0;
	width: 30px;
	height:570px;
}
#wrapper-abs-tl { left:0;  background: url(images/wrapper-abs-tl.jpg) no-repeat; }
#wrapper-abs-tr { right:0; background: url(images/wrapper-abs-tr.jpg) no-repeat; }

#header {
	position: relative;
	height: 118px;
	background: url(images/header.jpg) no-repeat left top;
	border-bottom: 1px solid #F3F3F3;
}

#footer {
	clear: both;
	position: absolute;
	left:0;bottom:0;
	width: 956px;
	padding: 0 31px;
	height: 52px;
	background: url(images/footer.jpg) no-repeat left top #FFF;
}
#footer2 {
	position: relative;
	height: 30px;
	padding: 0 10px;
	text-align: center;
}

#page-bottom {
	width: 956px;
	margin: 0 auto;
	border-top: 1px solid #B4D3E5; /* Prevent margins problems... */
	padding: 1px 31px 10px 31px; /* padding-top required for the ie6 bug-fix */
	background-color: #B4D3E5;
	position: relative; top: -1px; /* ie6 bug-fix : overwrite dead-end pixel at the bottom of the wrapper */
}

#main {
	position: relative;
}
#main2-wrapper {
	position: relative;
	background-color: #FFF; /* Overwrite the columns background in full content */
}
#main2 {
	position: relative;
	padding: 15px 15px 15px 15px; /* White space */
	border: 1px solid #FFF !important; /* Prevent margins problems... */
}

#column-left {
	position: relative;
	background: url(images/column-left-bg.gif) repeat #E2E3E4;
}
#column-left div.white-space { 		/* When white-space is needed */
	padding: 0px 15px 10px 10px;
}

#column-right {
	position: relative;
	background: url(images/column-right-bg.gif) repeat #E2E3E4;
}
#column-right div.white-space { 	/* When white-space is needed */
	padding: 0px 10px 10px 15px;
}

#slideshow { /* Display slideshow only in 3 columns */
	border-bottom: 1px solid #FFF; /* Prevent margins problems */
	/*position: relative; top: -10px;*/ /* Put the slideshow hover the header */
}
#slideshow2,
#top {
	position: relative;
	margin: 0;
	margin: 0;
	background-color: #D1DDE5;
	border-width: 0 2px 1px 2px; /* Images width : 560px (main2) -4px (this borders) = 556px */
	border-style: solid;
	border-color: #F3F3F3;
}
#slideshow2 div.white-space,
#top div.white-space { 				/* When white-space is needed */
	padding: 15px;
}
#slideshow-shadow {
	height: 15px;
	width: 100%;
	background: url(images/slideshow-shadow.jpg) no-repeat left bottom #FFF;
	position: absolute;
	left: 0;
	top: 186px;
	z-index: 10;
}

div#site-navigation-bar {
	padding-bottom: 20px; /* The bar is at the top of main2. Use this padding to push the page content at the bottom */
}
div#site-navigation-bar div {
	position: absolute;
	top: -1px; /* Because of border-top of #main2 */
	left: 0px; /*text-indent: 2px; /* +4px (<a> left padding) = 6px */
	z-index: 11;
	color: #AAA;
	font-weight: bold;
	width: 100%;
	font-size: 91.66%; height: 20px; line-height: 20px; overflow: hidden; 	/* Resizable version */
	/*font-size: 11px; padding: 2px 0 2px 0;*/ 								/* Fixed version */
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #d8e9f0;
	background-color: #FFF;
}
div#site-navigation-bar div a,
div#site-navigation-bar div a:visited,
div#site-navigation-bar div span {
	text-decoration: none;
	color: #A4A4A4;
	padding: 3px 15px 3px 4px;
	background: url(images/site-navigation-bar.gif) no-repeat right top;
	background-color: #FFF;
}
div#site-navigation-bar div a:hover,
div#site-navigation-bar div a:active,
div#site-navigation-bar div a:focus {
	text-decoration: none;
	color: #037AB0; /*#999;*/
}


/* DIV separator */
.div-sep {
	margin: 		0 		!important;
	padding: 		0 		!important;
	border: 		none 	!important;
	background: 	none 	!important;
	height: 		1px 	!important;
	line-height: 	1px 	!important;
	font-size: 		1px 	!important;
}






/**
 * Text style : header
 */

#header h1 {
	margin: 0;
	border: none;
}
#header h1 a {
	display: block;
	outline: none;
	width: 0;
	height: 117px; /* instead of 118px wich is the real size, because of ie6 little bug */
	padding-left: 300px;
	overflow: hidden;
	background: url(images/header.jpg) no-repeat -329px 0 transparent;
	margin: auto;
}

/**
 * Text style : footer
 */

#footer2 {

}



/**
 * Text style : left, right (columns)
 */

.columns-text {
	font-size: 91.5%;
	word-spacing: 0.09em; 		/* 1px more (when font-size:11px;) */
	color: #222;
}

.columns-text h1 { font-size: 183.33%;	line-height: 109.10%;	margin: 0 		0 1.18em 0; color: #3B3B3B; }	/* Page title 		*/
.columns-text h2 { font-size: 183.33%;	line-height: 109.10%;	margin: 0 		0 1.18em 0; color: #3B3B3B;	}	/* Page sub-title 	*/
.columns-text h3 { font-size: 150%;		line-height: 116.67%;	margin: 1.44em 	0 1.06em 0;	color: #034F72;	}	/* Section 			*/
.columns-text h4 { font-size: 116.67%;	line-height: 128.57%;	margin: 1.43em 	0 1.07em 0;	color: #037AB0;	}	/* Category 		*/
.columns-text h5 { font-size: 108.33%;	line-height: 130.77%;	margin: 0 		0 0.08em 0;	color: #037AB0;	}	/* Category 		*/
.columns-text p  { font-size: 100%;		line-height: 141.67%;	margin: 0 		0 1.25em 0; color: #333;	}	/* Paragraph 		*/

.columns-text fieldset {
	border: 1px solid #BBB;
	padding: 10px;
	margin: 5px 0 10px 0;
	background: url(images/pix-transparent.gif) repeat-x bottom transparent; /* remove default background */
}
.columns-text fieldset legend {
	margin-left: 0px;
	color: #888;
	letter-spacing: 0;
}

.columns-text ul {
	padding: 0 0 0 13px;
}
.columns-text ul li {
	background: url(images/list-bullet-columns.gif) no-repeat 0 0;
	text-indent: 11px;
	padding-left: 0;
	margin: 0 0 0.5em 0;
}



/**
 * Main2 (specials features)
 */

#main2 .box, #main2 .quote {
	border: 1px solid #CCC;
	background: url(images/hx-box-bg.gif) repeat-x bottom #FFF !important;
	padding: 12px 18px !important;
	text-align: justify;
	margin-bottom: 2em;
}

#main2 .quote {
	font-family: Georgia, serif;
	font-size: 108.33%; /* (=13px) */
	font-style: italic;
}
#main2 .quote .author {
	display: block;
	text-align: right;
	padding: 4px 20px 0 0;
	font-style: normal;
	font-weight: bold;
	font-size: 83.33%;
}


/**
 * Module: left
 */

.module-left {

}
.module-left .title {
	margin: 10px 0 5px 0;
	padding: 0 15px 0 10px; /* like #column-left div.white-space */
}
.module-left .title h3 {
	margin: 0;
	padding: 0 0 2px 3px;
	border-bottom: 1px solid #baccd0;
	color: #7198aa;
	font-size: 91%;
}
.module-left .content {

}

/**
 * Module: left-urgency
 */

.module-left-urgency {

}
.module-left-urgency .title {
	margin: 10px 0 5px 0;
	padding: 0 15px 0 10px; /* like #column-left div.white-space */
}
.module-left-urgency .title h3 {
	margin: 0;
	padding: 5px 0 0 3px;
	border-top: 1px solid #baccd0;
	color: #b40f1e;
	font-size: 91%;
	font-weight: normal;
}
.module-left-urgency .content {

}

/**
 * Module: left-menu
 */

/* Wrapper */
.module-left-menu {

}
.module-left-menu .title {
	background: url(images/modules-title.gif) repeat left top #2D6B87;
}
.module-left-menu .title h3 {
	margin: 0;
	padding: 4px 0 2px 15px;
	/*background: url() ; Use this to add some shadow (left, or right depends of the context)  */
	border-top: 1px solid #297294;
	border-bottom: 1px solid #2F627A;
	color: #62B7DE;
	font-size: 140%;
}
.module-left-menu .content 			{ /*border-bottom: 1px solid #;*/ } /* 2 lines at the bottom */
.module-left-menu .content ul.menu 	{ /*border-bottom: 1px solid #;*/ }

/* Menu */
.module-left-menu .content ul.menu,
.module-left-menu .content ul.menu ul {
	list-style: none 	!important; /* Reset the default (text style) ul behaviour */
	margin: 0 			!important;
	padding: 0 			!important;
}
.module-left-menu .content ul.menu 		{ font-size: 110%;  line-height: 150%; }
.module-left-menu .content ul.menu ul 	{ font-size: 83.5%; line-height: 130%; }

.module-left-menu .content ul.menu li a 		{ color: #FFF; }
.module-left-menu .content ul.menu li ul li a 	{ color: #F3F3F3 !important; }

.module-left-menu .content ul.menu li a span 	{ display:inline;padding:0;font-style:normal;color:#FFF;font-weight:normal;font-size:10px; }

.module-left-menu .content ul.menu li {
	background: none 	!important; /* Reset the default (text style) li behaviour */
	text-indent: 0 		!important;
	margin: 0 			!important;
	padding: 0 			!important;
}
.module-left-menu .content ul.menu li span { /* Separator */
	display: block;
	padding: 5px 0 4px 0;
	padding-left: 15px;
	font-style: italic;
	color: #F3F3F3;
	background-color: #064663;
}
.module-left-menu .content ul.menu li a,
.module-left-menu .content ul.menu li a:visited { /* Link */
	display: block;
	text-decoration: none;
	font-weight: bold;
	outline: none; /* For Firefox */
	padding: 5px 0 4px 15px;
	background-color: #034F72;
	border-top: 1px solid #015B85;
	border-bottom: 1px solid #064663;
}
.module-left-menu .content ul.menu li a:hover,
.module-left-menu .content ul.menu li a:active,
.module-left-menu .content ul.menu li a:focus {
	text-decoration: none;
	background-color: #03618C;
	border-top: 1px solid #035B85;
	border-bottom: 1px solid #036694;
}
.module-left-menu .content ul.menu li a.active {
	text-decoration: none;
	background-color: #037AB0;
	border-top: 1px solid #0870A1;
	border-bottom: 1px solid #0086C4;
}
/* Submenu */
.module-left-menu .content ul.menu li ul {
	background-color: #6593A8;
}
.module-left-menu .content ul.menu li ul li {
	margin-left: 15px !important;
}
.module-left-menu .content ul.menu li ul li span {
	display: block;
	padding: 3px 0 3px 15px !important;
	background-color: #6593A8 !important;
	color: #E7E7E7;
	font-style: italic;
}
.module-left-menu .content ul.menu li ul li a,
.module-left-menu .content ul.menu li ul li a:visited {
	padding: 3px 0 3px 15px !important;
	background-color: #6593A8 !important;
	border: none !important;
}
.module-left-menu .content ul.menu li ul li a:hover,
.module-left-menu .content ul.menu li ul li a:active,
.module-left-menu .content ul.menu li ul li a:focus,
.module-left-menu .content ul.menu li ul li a.active {
	text-decoration: underline !important;
}

/**
 * Module: left-box
 */

.module-left-box {
	position: relative;
	width: 164px;
	padding: 10px 17px 10px 18px;
	margin: 15px 0;
	background: url(images/col-left-box-bg.gif) no-repeat left bottom #EBEBEC;
}
.module-left-box-top {
	position: absolute;
	left:0;top:0;
	width: 199px;
	height: 8px;
	background: url(images/col-left-box-top.gif) no-repeat left top #EBEBEC;
}
.module-left-box .title {

}
.module-left-box .title h3 {
	margin: 0 !important;
	padding: 0 0 5px 0;
	font-size: 110%;
	color: #037AB0;
}
.module-left-box .content {
	padding: 0;
	font-size: 83.5%;
}
.module-left-box .content,
.module-left-box .content p { /* Text styles simplified for box module */
	color: #333;
}


/**
 * Module: right
 */

.module-right {

}
.module-right .title {
	margin: 10px 0 5px 0;
	padding: 0 10px 0 15px; /* like #column-right div.white-space */
}
.module-right .title h3 {
	margin: 0;
	padding: 0 0 2px 3px;
	border-bottom: 1px solid #baccd0;
	color: #7198aa;
	font-size: 91%;
}
.module-right .content {

}

/**
 * Module: right-menu
 */

/* Wrapper */
.module-right-menu {

}
.module-right-menu div.title {
	background: url(images/modules-title.gif) repeat left top #2D6B87;
}
.module-right-menu .title h3 {
	margin: 0;
	padding: 4px 0 2px 15px;
	/*background: url() ; Use this to add some shadow (left, or right depends of the context)  */
	border-top: 1px solid #297294;
	border-bottom: 1px solid #2F627A;
	color: #62B7DE;
	font-size: 150%;
}
.module-right-menu .content 			{ /*border-bottom: 1px solid #;*/ } /* 2 lines at the bottom */
.module-right-menu .content ul.menu 	{ /*border-bottom: 1px solid #;*/ }

/* Menu */
.module-right-menu .content ul.menu,
.module-right-menu .content ul.menu ul {
	list-style: none 	!important; /* Reset the default (text style) ul behaviour */
	margin: 0 			!important;
	padding: 0 			!important;
}
.module-right-menu .content ul.menu {
	font-size: 110%; 
	line-height: 150%;
	background: url(images/module-right-menu-bg.jpg) no-repeat left top #2D8FBA;
}
.module-right-menu .content ul.menu ul {
	background: url(images/module-left-submenu-bg.gif) no-repeat left top #6593A8 !important;
	border-right: 1px solid #5c8699;
	border-bottom: 1px solid #6ea0b8;
	font-size: 83.5%;
}

.module-right-menu .content ul.menu li a 		{ color: #FFF; }
.module-right-menu .content ul.menu li ul li a 	{ color: #F3F3F3 !important; }

.module-right-menu .content ul.menu li a span 	{ display:inline;padding:0;font-style:normal;color:#FFF;font-weight:normal;font-size:10px; }

.module-right-menu .content ul.menu li {
	background: none 	!important; /* Reset the default (text style) li behaviour */
	text-indent: 0 		!important;
	margin: 0 			!important;
	padding: 0 			!important;
}
.module-right-menu .content ul.menu li span { /* Separator */
	display: block;
	padding: 5px 0 4px 0;
	padding-left: 15px;
	font-style: italic;
	color: #F3F3F3;
}
.module-right-menu .content ul.menu li a,
.module-right-menu .content ul.menu li a:visited { /* Link */
	display: block;
	text-decoration: none;
	font-weight: bold;
	outline: none; /* For Firefox */
	padding: 5px 0 4px 23px;
	border-top: 1px solid #1f88a9;
	border-bottom: 1px solid #1f7297;
	background: url(images/module-right-bullet.png) no-repeat 4px 4px transparent;
}
.module-right-menu .content ul.menu li a:hover,
.module-right-menu .content ul.menu li a:active,
.module-right-menu .content ul.menu li a:focus,
.module-right-menu .content ul.menu li a.active {
	text-decoration: underline !important;
	/*background-color: #000;*/ /* Customize roll hover */
}
/* Submenu */
.module-right-menu .content ul.menu li ul {

}
.module-right-menu .content ul.menu li ul li {
	margin-left: 15px !important;
}
.module-right-menu .content ul.menu li ul li span {
	display: block;
	padding: 3px 0 3px 15px !important;
	color: #E7E7E7;
	font-style: italic;
}
.module-right-menu .content ul.menu li ul li a,
.module-right-menu .content ul.menu li ul li a:visited {
	font-weight: normal;
	padding: 3px 0 3px 15px !important;
	border: none !important;
	background: url(images/pix-transparent.gif) repeat top left transparent; /* Remove fisrt level */
}
.module-right-menu .content ul.menu li ul li a:hover,
.module-right-menu .content ul.menu li ul li a:active,
.module-right-menu .content ul.menu li ul li a:focus,
.module-right-menu .content ul.menu li ul li a.active {
	text-decoration: underline !important;
}


/**
 * Module: box (design for left and right columns)
 */

.module-box {
	margin: 20px 10px;
	border: 1px solid #D8D9D9;
	background-color: #EBEBEC;
}
.module-box .title {

}
.module-box .title h3 {
	margin: 0 !important;
	border-bottom: 1px solid #D8D9D9;
	background: url(images/module-box-title.gif) repeat-x bottom #BBB;
	padding: 3px 0 2px 0;
	font-size: 100%;
	color: #666;
	text-align: center;
}
.module-box .content {

}
.module-box .content2 {
	padding: 10px;
	font-size: 83.5%;
}
.module-box .content2,
.module-box .content2 p { /* Text styles simplified for box module */
	color: #444;
}


/**
 * Module Top
 */

/* Wrapper */
.module-top {
	padding-bottom: 10px;
}
.module-top .title {
	background: url(images/modules-title.gif) repeat left top #2D6B87;
	margin-bottom: 10px;
}
.module-top .title h3 {
	margin: 0;
	padding: 4px 0 2px 15px;
	/*background: url() ;*/ /* Use this to add some shadow (left, or right depends of the context)  */
	border-top: 1px solid #297294;
	border-bottom: 1px solid #2F627A;
	color: #62B7DE;
	font-size: 150%;
}
.module-top .content 			{ /*border-bottom: 1px solid #;*/ } /* 2 lines at the bottom */
.module-top .content ul.menu 	{ /*border-bottom: 1px solid #;*/ }


/**
 * Module Slideshow
 */

/* Wrapper */
h3.module-slideshow {
	margin: 0;
	padding: 5px 15px 7px 15px;
	background: url(images/modules-title.gif) repeat left top #2D6B87;
	border-top: 1px solid #297294;
	border-bottom: 1px solid #FFF;
	color: #62B7DE;
	font-size: 120%;
	text-align: center;
}
div.module-slideshow {

}


/**
 * Module Footer
 */

/* Wrapper */
h3.module-footer {
	display: none; /* Do not display title of footer modules !important */
}
div.module-footer {

}

/* Menu */
#footer ul.menu,
#footer ul.menu ul {
	list-style: none;
	margin: 0; padding: 0;
	height: 30px;
	overflow: hidden;
	/*font-size: 100%;*/
	font-size: 12px; /* FIX THE FONT SIZE BECAUSE OF RESIZE FUNCTION */
}
#footer ul.menu li {
	display: inline;
	text-indent: 0;
	margin: 0; padding: 0;
	background: url(images/pix-transparent.gif) repeat transparent; /* Remove default */
}
#footer ul.menu li a,
#footer ul.menu li span {
    padding: 8px 30px 8px 50px; /* width of each link (must be adapted for ie)  */
	outline: none; /* For Firefox */
	font-size: 100% !important; /* (=12px) */
	font-weight: bold;
	position: relative;
	top: 7px; /* move down the link ad the <ul> top border */
}
#footer ul.menu a,
#footer ul.menu a:visited,
#footer ul.menu li span {
	text-decoration: none;
	color: #EEE;
	border-right: 1px solid #4D839B;
	border-left: 1px solid #0073A7;
	background: url(images/footer-menu-bullet.png) no-repeat 30px 0 transparent; /* Bullet position */
}
#footer ul.menu a:hover,
#footer ul.menu a:active,
#footer ul.menu a:focus,
#footer ul.menu li span:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #005F89;
}
#footer ul.menu a.active {
	color: #FFF;
	background: url(images/footer-menu-bullet.png) no-repeat 30px -40px #004D70 !important;
	border-left: 1px solid #003E5B;
	font-weight: bold;
}
/* Separator (pseudo-link) */
#footer ul.menu li span, #footer ul.menu li span:hover {
	color: #F3F3F3;
}


/**
 * Module: bottom
 */

.module-bottom {
	margin: 0 10px 5px 10px;
}
.module-bottom .title {
	margin-bottom: 5px 0;
	padding: 0 15px 0 10px; /* like #column-left div.white-space */
}
.module-bottom .title h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.module-bottom .content,
.module-bottom .content p,
.module-bottom .content h1,.module-bottom .content h2,.module-bottom .content h3,
.module-bottom .content h4,.module-bottom .content h5,.module-bottom .content h6 {
	text-align: center;
}
.module-bottom .content,
.module-bottom .content p {
	color: #3A5F70; /* Page bottom color */
}
.module-bottom .content span.link-sep {
	padding: 0 5px;
}


/**
 * jQuery : Accordion menu
 */

/* Menu */
ul.accordion,
ul.accordion ul {
	list-style: none 	!important; /* We have to reset the default ul behaviour */
	margin: 0 			!important;
	padding: 0 			!important;
	color: #FFF 		!important;
}
ul.accordion {
	font-size: 110%; 
	line-height: 150%;
	background: url(images/module-left-menu-bg.jpg) no-repeat left top #017AB1;
	border-bottom: 1px solid #9EC3D5;
}
ul.accordion ul {
	background: url(images/module-left-submenu-bg.gif) no-repeat left top #6593A8 !important;
	border-right: 1px solid #5c8699;
	border-bottom: 1px solid #6ea0b8;
	font-size: 83.5%;
}
ul.accordion li {
	background: none 	!important; /* We have to reset the default li behaviour */
	text-indent: 0 		!important;
	margin: 0 			!important;
	padding: 0 			!important;
}
ul.accordion li a,
ul.accordion li a:visited {
	display: block;
	outline: none;
	text-decoration: none;
}
/* First level */
ul.accordion li a.accordion-link,
ul.accordion li a.accordion-active {
	padding: 5px 0 4px 23px;
	background: url(images/module-left-menu-bullet.png) no-repeat 0 -2px transparent;
	border-top: 1px solid #007AB0;
	border-bottom: 1px solid #006490;
	font-weight: bold !important;
	color: #FFF;
}
ul.accordion li a.accordion-link,
ul.accordion li a.accordion-link:visited {

}
ul.accordion li a.accordion-link:hover,
ul.accordion li a.accordion-link:active,
ul.accordion li a.accordion-link:focus {
	background: url(images/module-left-menu-bullet.png) no-repeat 0 -72px #005075;
}
/* Second level */
ul.accordion li ul.accordion-list {
	font-size: 91.5%;
	line-height: 130% !important;
}
ul.accordion li ul.accordion-list li {

}
ul.accordion li ul.accordion-list li a,
ul.accordion li ul.accordion-list li a.accordion-active {
	padding: 2px 5px 3px 35px 	!important;
	background: url(images/pix-transparent.gif) repeat transparent !important;
	border: none 				!important;
	font-weight: normal 		!important;
	color: #F3F3F3;
}
ul.accordion li ul.accordion-list li a,
ul.accordion li ul.accordion-list li a:visited {
	color: #F3F3F3 !important;
}
ul.accordion li ul.accordion-list li a:hover,
ul.accordion li ul.accordion-list li a:active,
ul.accordion li ul.accordion-list li a:focus {
	text-decoration: underline !important;
}

/* Active (first & second levels) */
ul.accordion li a.accordion-active,
ul.accordion li a.accordion-active:visited {
	background: url(images/module-left-menu-bullet.png) no-repeat 0 -72px #005075;
}
ul.accordion li ul.accordion-list li a.accordion-active,
ul.accordion li ul.accordion-list li a.accordion-active:visited {
	background: url(images/pix-transparent.gif) repeat top left transparent; /* Remove first level */
	text-decoration: underline !important;
}

/* Separator (first & second levels) */
ul.accordion li span {
	display: block;
	padding: 5px 0 4px 0;
	padding-left: 23px;
	background: url(images/module-left-menu-bullet.png) no-repeat 0 -2px transparent;
	font-weight: bold;
	border-top: 1px solid #007AB0;
	border-bottom: 1px solid #006490;
	/*cursor: url(images/accordion-cursor.png), pointer;*/
	cursor: pointer;
}
ul.accordion li span:hover {
	background: url(images/module-left-menu-bullet.png) no-repeat 0 -72px #005075;
}
ul.accordion li ul li span {
	display: block;
	padding: 5px 0 4px 0;
	padding-left: 35px;
	font-style: italic;
	color: #F3F3F3;
}
/* Separator (first & second levels) */
/*ul.accordion li span {
	display: block;
	padding: 5px 0 4px 0;
	padding-left: 8px;
	font-style: italic;
	color: #F3F3F3;
}
ul.accordion li ul li span {
	display: block;
	padding: 5px 0 4px 0;
	padding-left: 35px;
	font-style: italic;
	color: #F3F3F3;
}*/





/**
 * Content DB
 */

/* Section */
.content-section {
	margin: 0 0px 20px 0px;
}

/* Original version using <h4> tag */
.content-section h4.section-title {
	margin: 0;
	color: #004D71;
	font-size: 150%; /* 12px => 18px */
	line-height: 115%;
	border-bottom: 1px solid #E0E5E7;
}
.content-section h4.section-title a,
.content-section h4.section-title a:visited {
	display: inline;
	text-decoration: none;
	padding-right: 8px;
	background-color: #FFF;
	position: relative;
	top: 4px;
}
.content-section h4.section-title a:hover,
.content-section h4.section-title a:active,
.content-section h4.section-title a:focus {
	text-decoration: none;
}
.content-section h4.section-title span {
	font-weight: normal;
	font-size: 77.77%; /* 18px => 14px */
}
/* New version using <h2> tag */
.content-section h2.section-title a,
.content-section h2.section-title a:visited,
.content-section h2.section-title a:hover,
.content-section h2.section-title a:active,
.content-section h2.section-title a:focus {
	text-decoration: none;
}
/* end of new version */

.content-section div.section-content {
	margin-top: 10px;
}
.content-section div.section-content,
.content-section div.section-content p {
	text-align: justify;
}
.content-section img.section-image {
	float: right; /* notice we have a <div class="div-sep" style="clear:right;"></div> in the tmpl_*.html */
	margin: 3px 0 5px 15px;
	padding: 1px;
	border: 1px solid #CCC;
}

/* Article */
.content-article {
	margin: 5px 0px 20px 0px;
	clear: left;
}
.content-article h5.article-title {
	color: #034F72;
	font-size: 116.66%; /* 12px => 14px */
	line-height: 117%;
	padding: 0;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	font-size: 116.66%; /* 12px => 14px */
	text-align: left !important; /* !!! */
}
.content-article h5.article-title a,
.content-article h5.article-title a:visited,
.content-article h5.article-title a:hover,
.content-article h5.article-title a:active,
.content-article h5.article-title a:focus {
	display: block;
	padding: 0;
	text-decoration: none !important;
}
.content-article h5.article-title span {
	font-weight: normal;
	font-size: 85.71%; /* 14px => 12px */
}
.content-article div.article-infos {
	font-size: 91.66%; /* 12px => 11px */
	color: #037AB0;
	margin: 0px 0 3px 0;
}
.content-article div.article-infos span { 				/* info title */
	color: #888;
}
.content-article div.article-infos span.info-span { 	/* infos separator */
	color: #AAA;
	padding: 0 5px;
}
.content-article div.article-title-quote {
	margin: 3px 0 6px 0;
	padding: 4px 7px;
	border: 1px solid #EDD092;
	background: url(images/content-article-quote-bg.gif) repeat-x bottom #FFF9BB;
	font-size: 91.66%;
	line-height: 130%;
	color: #825E2F;
}
.content-article div.article-content {
	position: relative;
	padding: 0;
	height: 1%; /* for ie6 */
	text-align: justify;
	line-height: 140%; /* like a <p> tag */
}
.content-article img.article-image {
	float: left; /* notice we have a <div class="div-sep" style="clear:left;"></div> in the tmpl_*.html */
	margin: 3px 15px 10px 0;
	padding: 1px;
	border: 1px solid #CCC;
}

.content-article a.article-image {
	float: left; /* notice we have a <div class="div-sep" style="clear:left;"></div> in the tmpl_*.html */
	margin: 3px 15px 0px 0;
	text-decoration: none;
}
.content-article a.article-image img {
	padding: 1px;
	border: 1px solid #CCC;
}

/* Carefull: this css style is unique ! That mean, you need to overwrite the styles of '/component/com_content/content_style.css' */
.content-article span.content-read-more {
	display: inline;
}
.content-article span.content-read-more a,
.content-article span.content-read-more a:visited {
	padding: 0 0 0 3px;
	border: none;
	background: none;
	color: #034F72;
	text-decoration: underline;
	font-size: 100%;
}
.content-article span.content-read-more a:hover,
.content-article span.content-read-more a:active,
.content-article span.content-read-more a:focus {
	border: none;
	background: none;
	color: #4A778C;
}
/* Article V2 */
.content-article h5.article-titleV2 {
	font-size: 116.66%; /* 12px => 14px */
	text-align: left !important; /* !!! */
}
.content-article h5.article-titleV2 a,
.content-article h5.article-titleV2 a:visited,
.content-article h5.article-titleV2 a:hover,
.content-article h5.article-titleV2 a:active,
.content-article h5.article-titleV2 a:focus {
	display: block;
	padding: 0;
	text-decoration: none !important;
}

/* Home-single aricle */
.content-article h3.article-title {
	margin-top: 0 !important;
	text-align: left !important; /* !!! */
}
.content-article h3.article-title a,
.content-article h3.article-title a:visited,
.content-article h3.article-title a:hover,
.content-article h3.article-title a:active,
.content-article h3.article-title a:focus {
	display: block;
	text-decoration: none !important;
}


/* Article (home-page) */
.content-home {
	margin-bottom: 0px !important; /* ici l'espace entre 2 news de la page d'accueil !!! */
	clear: left;
}
.content-home p {
	margin: 0 !important; /* Ce code ne semble pas avoir d'effet... */
}
.content-home .content-article h5.article-title {
	float: left;
	margin-bottom: 0px;
	background: url(images/pix-transparent.gif) repeat;
	text-align: left !important; /* !!! */
}

.content-home .content-article span.article-title {
	color: #034F72;
	font-size: 116.66%; /* 12px => 14px */
	/*line-height: 117%;*/
	padding: 0;
	/*margin: 0 0 5px 0;*/
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	font-weight: bold;
}
.content-home .content-article span.article-title a,
.content-home .content-article span.article-title a:visited,
.content-home .content-article span.article-title a:hover,
.content-home .content-article span.article-title a:active,
.content-home .content-article span.article-title a:focus {
	/*display: block;*/
	padding: 0;
	text-decoration: none !important;
}
.content-home .content-article span.article-title span {
	font-weight: normal;
	font-size: 85.71%; /* 14px => 12px */
}

/* First info! */
.content-home-first {

}
.content-home-first .content-article  img.article-image {
	float: none; /* notice we have a <div class="div-sep" style="clear:left;"></div> in the tmpl_*.html */
	margin: -0px 0 5px 0 !important;
	padding: 1px;
	border: 1px solid #CCC;
}

.content-home-first .content-article  a.article-image {
	float: none; /* notice we have a <div class="div-sep" style="clear:left;"></div> in the tmpl_*.html */
	margin: -0px 0 5px 0 !important;
	text-decoration: none;
}
.content-home-first .content-article  a.article-image img {
	padding: 1px;
	border: 1px solid #CCC;
}

.content-home-first .content-article h5.article-title {
	font-size: 133%; /* 12px => 16px */
	margin-bottom: 0px;
	text-align: left !important; /* !!! */
}
.content-home-first .content-article h5.article-title,
.content-home-first .content-article h5.article-title a,
.content-home-first .content-article h5.article-title a:visited,
.content-home-first .content-article h5.article-title a:hover,
.content-home-first .content-article h5.article-title a:active,
.content-home-first .content-article h5.article-title a:focus {
	color: #941F3E;
}






/**
 * Special Home page
 */

#special-home-page {
	/*font-size: 91.66%;*/ /* 11px */
	font-size: 100%; /* 12px */
}
#special-home-page .content-section {
	margin: 0 0px 15px 0px;
}
#special-home-page .content-article {
	margin: 5px 0px 11px 0px;
}

#special-home-page p,
#special-home-page div,
#special-home-page .content-article div.article-content p,
#special-home-page .content-article div.article-content div {
	line-height: 140% !important; /* {*} */
}
#special-home-page .content-article h5.article-title {
	/* because of this title font-size wich is font-size:116.66%; 
	the line-height should be smaller than 130% (see {*}) to be sure that the <br /> tag after this title will got to the next line ! */
	line-height: 130% !important;
	margin-bottom: 0px !important;
	background: url(images/pix-transparent.gif) repeat;
	text-align: left !important; /* !!! */
}
#special-home-page .content-article div.article-content p {
	margin: 0 0 11px 0 !important; /* margin-bottom smaller (instead of 15px) */
}
#special-home-page .content-article img.article-image {
	margin: 3px 11px 3px 0; /* do not put this !important */
}

#special-home-page .content-article a.article-image {
	margin: 3px 11px 3px 0; /* do not put this !important */
}
#special-home-page .content-article a.article-image img {

}



/* News block */
news-wrapper-home {
	position: relative;
	z-index: 20; /* Macintosh navigators bug fix */
}

/* Media block */
.media-wrapper-home {
	float: right;
	width: 200px;
	padding-left: 30px;
	margin-bottom: 10px;
	background: url(images/home-media-border-left.gif) repeat-y 14px 0 #FFF;
	position: relative;
	z-index: 21; /* Macintosh navigators bug fix */
}
.media-wrapper-home p {
	/*margin: 0 0 10px 0; (sans <hr />) */
	margin: 0 0 5px 0;
}
.media-wrapper-home-end {
	clear: right;
}

.media-wrapper-home .medias-manager-mp3,
.media-wrapper-home .medias-manager-flv {
	border-top: none;
	margin-bottom: 5px;
	padding: 0;
	text-align: right;
	line-height: 100%;
	background: url(images/pix-transparent.gif) repeat;
}
.media-wrapper-home .medias-manager-mp3 div.media-manager-title,
.media-wrapper-home .medias-manager-flv div.media-manager-title {
	background: url(images/home-media-title.gif) repeat-x bottom #004D71;
	padding: 0 5px;
	margin: 0;
	font-weight: bold;
	color: #FFF;
	display: inline;
}
.media-wrapper-home hr {
	margin: 10px 0 !important;
	color: #DDD;
}


/* SCROLLER Home-Page */
.com-content-scroller {
	background-color: #FFF;
	height: 205px;
	/*overflow: auto;*/ /* replaced by jQuery jScrollPane */
}
.com-content-scroller div.scroll-item {
	clear: left 					!important;
	margin: 2px 1px  2px 0 			!important;
	padding: 2px 3px				!important;
	/*background-color: #FCFCFC		!important;*/
	border: 1px solid #DDD	 		!important;
}
.com-content-scroller div.scroll-item:hover {
	background-color: #F3F9FA		!important;
	border: 1px solid #B4D6E0 		!important;
}
.com-content-scroller div.scroll-item a img {
	float: left 					!important;
	margin: 1px 3px 3px 0 			!important;
	border: 1px solid #FFF			!important;
}
.com-content-scroller div.scroll-item p {
	margin: 0 						!important;
	padding: 0 0 0 43px 			!important;
	text-align: left 				!important;
}
.com-content-scroller div.scroll-item p a {
	text-decoration: none			!important;
	display: block					!important;
	color: #999						!important;
}
.com-content-scroller div.scroll-item p a:hover {
	color: #666						!important;
}
.com-content-scroller div.scroll-item p a strong {
	color: #037AB0 					!important;
}
.com-content-scroller div.scroll-item p a:hover strong {
	color: #0870A1					!important;
}

/**
 * jQuery: jScrollPane
 */

/* /scripts/jScrollPane/styles/jScrollPane.css */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(images/scroller-bar-bg.gif) no-repeat 0 0 #E2E3E4; /* background */
}
.jScrollPaneDrag {
	position: absolute;
	background: #BDBFC1; /* forground */
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}



/**
 * jQuery : Font Resizer
 */

/* position: right bottom; color: grey; */
/*.fontResizer {
	display: block;
	position: absolute;
	bottom: 1px; right: 1px;
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	border-right: none;
	display: none; * Required only if JavaScript activated *
}
.fontResizer a {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	text-align: center;
	border-right: 1px solid #CCC;
	line-height: 18px;
	color: #999;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
.fontResizer a:hover {
	color: #666;
	text-decoration: none;
}*/

/* position: right top; color: blue; */
.fontResizer {
	display: block;
	position: absolute;
	right: 1px; top: 1px;
	background-color: #7dbad6;
	border: 1px solid #a3d3e1;
	border-right: none;
	display: none; /* Required only if JavaScript activated */
}
.fontResizer a {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	text-align: center;
	border-right: 1px solid #a3d3e1;
	line-height: 18px;
	color: #037AB0;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
.fontResizer a:hover {
	color: #a3d3e1;
	text-decoration: none;
}
/*		Dark blue : 	#034F72		( shadow: #064663  -  lighter: #015B85 )
 *		Light blue : 	#037AB0		( shadow: #0870A1  -  lighter: #0086C4 )µ:


/* Parameters of the JavaScript function : fontResizer('10px','11px','12px','14px','16px'); */
.fontResizer a.extraSmall 	{ font-size: 10px; 	}
.fontResizer a.smallFont 	{ font-size: 11px; 	}
.fontResizer a.medFont 		{ font-size: 12px; 	}
.fontResizer a.largeFont 	{ font-size: 14px; 	}
.fontResizer a.extraLarge 	{ font-size: 16px; 	}

/* Grey version */
/*.fontResizer a.curFont 		{ background-color: #EAEAEA; color: #666 !important; } */

/* Blue version */
.fontResizer a.curFont 		{ background-color: #037AB0; color: #a3d3e1 !important; }





/**
 * jQuery : Toggle long-text
 */

.toggle-longtext h3.longtext-title {
	background: url(images/toggle-longtext.gif) no-repeat 0 6px;
	padding-left: 18px;
}
.toggle-longtext h3.longtext-title-open {
	background: url(images/toggle-longtext.gif) no-repeat 0 -44px;
}

.toggle-longtext h4.longtext-title {
	background: url(images/toggle-longtext.gif) no-repeat 0 3px;
	padding-left: 18px;
}
.toggle-longtext h4.longtext-title-open {
	background: url(images/toggle-longtext.gif) no-repeat 0 -47px;
}

/**
 * Basics text colors
 *
 *		Dark blue : 	#034F72		( shadow: #064663  -  lighter: #015B85 )
 *		Light blue : 	#037AB0		( shadow: #0870A1  -  lighter: #0086C4 )
 */


#mod_newsletter_ {
	padding: 10px 0 10px 10px;
	background: url(images/mod-newsletter.gif) no-repeat 80px 10px;
}
#mod_newsletter_ h6 {
	font: bold 118.18% Arial;
	color: #034F72;
	padding-bottom: 2px;
}
#mod_newsletter_ p {
	margin: 0 37px 5px 0;
	line-height: 120%;
}
#mod_newsletter_message_ok {
	border: 1px solid #0086C4;
	background-color: #037AB0;
	color: #FFF;
	margin: 0 !important;padding: 2px 6px;font-size: 109.09%;text-align: right;
}
#mod_newsletter_message_error {
	border: 1px solid #AE0000;
	background-color: #8B0000;
	color: #FFF;
	margin: 0 !important;padding: 2px 6px;font-size: 109.09%;text-align: right;
}
.mod_newsletter_text {
	border: 1px solid #ced7dc;
	width: 145px;
	font-size: 10px;
	padding: 2px 4px 4px 4px;
	color: #037AB0;
}
.mod_newsletter_submit {
	color: #034F72;
	background-color: #cbd5d7;
	border: 1px solid #cbd5d7;
	padding: 0px 8px 1px 8px;
	font-size: 91.66%;
	margin: 5px 0;
}
.mod_newsletter_submit:hover {
	color: #cbd5d7;
	background-color: #015B85;
	border: 1px solid #015B85;
}


/**
 *  Logos for pdf, ... links
 */


a.pdf, a.pdf:visited {
	/*text-decoration: none;*/
	padding: 0 0 0 20px;
	background: url(images/logo-pdf.gif) no-repeat 0 0;
	/*background-color: #FFF;
	color: #666;*/
}
a.pdf:hover,
a.pdf:active,
a.pdf:focus {
	/*background-color: #FFF;
	color: #888;*/
}

div.flv, div.flv-big:visited { /* code à utiliser : <div class="flv"><a href="#">Titre vidéo</a></div> */
	padding: 4px 0 4px 25px;
	background: url(images/logo-flv.png) no-repeat 0 0;
}
div.flv a {
	font-weight: bold;
	text-decoration: none;
}



/**
 * jQuery : a.slideshow
 */

@import url(/scripts/jquery/a.slideshow/js/jquery.aslideshow/simple/styles.css);


/**
 * jQuery : hoverscroll (version 0.2.0)
 */

/* Main container */
div.hoverscroll {
	position:relative;
	overflow: hidden; /* Added by (S.F.) */
	border: 3px solid #E2E3E4;
	background-color: #E2E3E4;
	
}
div.hoverscroll img {
	position: relative;
	top: -3px; /* fix a little bug of images positions with the border of the gallery */
	border-right: 1px solid #BBB;
}

/* Hover Zones */
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('images/gfx/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('images/gfx/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('images/gfx/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('images/gfx/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}

/* Arrows */
div.hoverscroll div.arrowleft,
div.hoverscroll div.arrowright,
div.hoverscroll div.arrowtop,
div.hoverscroll div.arrowbottom {
	position:absolute;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.hoverscroll div.arrowleft,
div.hoverscroll div.arrowright {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrowleft {
	left:0px;
	background-image:url('images/gfx/arrow-left-small.png');
}
div.hoverscroll div.arrowright {
	right:0px;
	background-image:url('images/gfx/arrow-right-small.png');
}

div.hoverscroll div.arrowtop,
div.hoverscroll div.arrowbottom {
	left:0px;
	width:100%;
}
div.hoverscroll div.arrowtop {
	top:0px;
	background-image:url('images/gfx/arrow-up-small.png');
}
div.hoverscroll div.arrowbottom {
	bottom:0px;
	background-image:url('images/gfx/arrow-down-small.png');
}

/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* List items */
div.hoverscroll ul.list li.horizontal-item,
div.hoverscroll ul.list li.vertical-item {
	display:block;
	padding:0;
}
div.hoverscroll ul.list li.horizontal-item {
	float:left;
}
div.hoverscroll ul.list li.vertical-item {
	
}

/* (S.F.) Some css to handle the list before javascript is in action ! */
ul.my-hoverscroll li {
	background: url(images/pix-transparent.gif) repeat 0 0 !important;
}







/**
 * formatMktime() function
 */

.format-mktime {
	border: none;
	background-color: none;
	font: normal 9px/12px Verdana;
	letter-spacing: normal;
	word-spacing: normal;
	color: #777;
}
.format-mktime span {

}

/**
 * Messages
 */

/* Commons styles */
.user-message-ok,		.user-message-info,			.user-message-error,		.user-message-warning,		.user-message-tips,			.user-message-help {
	margin: 20px; font: 12px/18px Arial; /* Cursive */
}
.user-message-ok span,	.user-message-info span,	.user-message-error span,	.user-message-warning span,	.user-message-tips span,	.user-message-help span {
	padding: 4px 8px 4px 24px;
}
.user-message-ok div,	.user-message-info div,		.user-message-error div,	.user-message-warning div,	.user-message-tips div,		.user-message-help div {
	padding: 4px 8px !important; text-indent: 16px;
}
/* Specifics styles */
.user-message-ok span, .user-message-ok div {
	border: 1px solid #CAE6C4 !important; background: url(images/message-ok.png) no-repeat 4px 4px #F2F9F0 !important; color: #59934D;
}
.user-message-info span, .user-message-info div {
	border: 1px solid #CFDAE4 !important; background: url(images/message-info.png) no-repeat 4px 4px #F3F7FA !important; color: #4664A0;
}
.user-message-error span, .user-message-error div {
	border: 1px solid #F7D2D2 !important; background: url(images/message-error.png) no-repeat 4px 4px #FEF5F5 !important; color: #DD5757;
}
.user-message-warning span, .user-message-warning div {
	border: 1px solid #F9E171 !important; background: url(images/message-warning.png) no-repeat 4px 4px #FDF8D2 !important; color: #C57213;
}
.user-message-tips span, .user-message-tips div {
	border: 1px solid #F9E171 !important; background: url(images/message-tips.png) no-repeat 4px 4px #FDF8D2 !important; color: #C57213;
}
.user-message-help span, .user-message-help div {
	border: 1px solid #CFDAE4 !important; background: url(images/message-help.png) no-repeat 4px 4px #F3F7FA !important; color: #4664A0;
}
/* Others styles */
.user-message-ok span span, .user-message-info span span, .user-message-error span span, .user-message-warning span span,
.user-message-ok div  span, .user-message-info div  span, .user-message-error div  span, .user-message-warning div  span,
.user-message-ok div  div,  .user-message-info div  div,  .user-message-error div  div,  .user-message-warning div  div  {
	border: none !important; background: none !important; padding: 0 !important;
}



/*	In the main index.php : $load_default_css = false;
	So, css files are included here. 
	Warning: remember to copy required images in the current template images directory */


/* ----------
   LIB: FORMS
   ---------- */


/*
 *  Input Error message 
 *  (This is a duplicate of admin styles : admin_message-error)
 */

.form-manager_message-error {
	margin: 20px; font: 12px/18px Arial; /* Cursive */
}
.form-manager_message-error span {
	padding: 4px 8px 4px 24px;
}
.form-manager_message-error div {
	padding: 4px 8px !important; text-indent: 16px;
}
.form-manager_message-error span, .form-manager_message-error div {
	border: 1px solid #F7D2D2 !important; background: url(images/message-error.png) no-repeat 4px 4px #FEF5F5 !important; color: #DD5757;
}
.form-manager_message-error span span,
.form-manager_message-error div  span,
.form-manager_message-error div  div  {
	border: none !important; background: none !important; padding: 0 !important;
}


/*
 *  Default style
 */

.form-manager-submit, .form-manager-reset {
  vertical-align: middle;
  margin: 4px;
}
.form-manager-submit-image {
  vertical-align: middle;
}

.form-manager-label {
  margin: 0 4px;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #034F72;
}

.form-manager-text, .form-manager-password, .form-manager-textarea, .form-manager-select,
.form-manager-text-disabled, .form-manager-password-disabled, .form-manager-textarea-disabled, .form-manager-select-disabled {
  vertical-align: middle;
  margin: 4px;
  padding: 1px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #333;
}
.form-manager-text, .form-manager-password, .form-manager-textarea, .form-manager-select option,
.form-manager-text-disabled, .form-manager-password-disabled, .form-manager-textarea-disabled, .form-manager-select-disabled option {
  padding-left: 2px;
}
.form-manager-textarea,
.form-manager-textarea-disabled {
  line-height: 140%;
}
.form-manager-select option,
.form-manager-select-disabled option {
  padding-right: 8px;
}
.form-manager-checkbox, .form-manager-radio,
.form-manager-checkbox-disabled, .form-manager-radio-disabled {
  vertical-align: middle;
  margin: 4px;
}
.form-manager-text, 	.form-manager-text:visited,
.form-manager-password, .form-manager-password:visited,
.form-manager-textarea, .form-manager-textarea:visited,
.form-manager-select, 	.form-manager-select:visited {
	border: 1px solid #AAA;
	background-color: #FFF;
}
.form-manager-text:hover, 		.form-manager-text:active,		.form-manager-text:focus,
.form-manager-password:hover, 	.form-manager-password:active,	.form-manager-password:focus,
.form-manager-textarea:hover, 	.form-manager-textarea:active,	.form-manager-textarea:focus {
	border: 1px solid #7CAFE2;
	background-color: #F9FBFD;
}
.form-manager-select:hover,		.form-manager-select:active,	.form-manager-select:focus {
	border: 1px solid #7CAFE2;
	background-color: #F9FBFD;
}

.form-manager-text-disabled,
.form-manager-password-disabled,
.form-manager-textarea-disabled,
.form-manager-select-disabled {
	border: 1px solid #AAA;
	background-color: #EEE;
	color: #666;
}
.form-manager-text-disabled:hover,
.form-manager-password-disabled:hover,
.form-manager-textarea-disabled:hover,
.form-manager-select-disabled:hover {
	background-color: #E7E7E7;
	color: #888;
}

.form-manager-table {
  /*padding: 5px 10px;
  border: 1px solid #DDD;
  background-color: #FAFAFA;*/
}
.form-manager-table td.cell_left {
  text-align: right;
}
.form-manager-table td.cell_right {
  text-align: left;
}



/* ----------
   LIB: TABLE
   ---------- */


.table-manager {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #CCC;
	font-size: 100%;
}

.table-manager tbody tr {
	background-color: #FFF;
}

.table-manager tbody tr:hover,
.table-manager tbody tr.table-tr-odd:hover {
	background-color: #FFFACD;
}

.table-manager thead tr th, .table-manager tbody tr th, .table-manager tbody tr td {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #CCC;
	padding: 2px 6px;
}

.table-manager thead tr th {
	background: url(images/table-th-bg.gif) repeat-x top #EEF3E0;
	color: #777;
}

.table-manager tbody tr th {
	background-color: #AAA;
	color: #FFF;
}

.table-manager tbody tr td {
	color: #333;
}
.table-manager tbody tr.table-tr-odd {
	background-color: #F9F9F9;
}

.table-manager hr {
	border: 1px solid #CCC;
	border-width: 1px 0 0 0;
	margin: 0 0 5px 0;
}



/* ---------
   COM: USER
   --------- */


/* Wrappers */
#comUser_login, #comUser_create, #comUser_modify, #comUser_forget {
	width: 480px;
	margin: 0 auto;
}
#comUser_logout {

}

#comUser_details table {
	border: 1px dotted #CCC;
	padding: 15px;
	background: url(images/com-user-bg.gif) no-repeat 1px 1px #FFF;
}
#comUser_details th {
	color: #034F72;
	text-align: right;
	padding: 4px 16px 4px 8px;
	border-bottom: 1px dotted #CCC;
}
#comUser_details td {
	text-align: left;
	padding: 4px 8px;
	border-bottom: 1px dotted #CCC;
}
/* End of wrappers */

/* Forms align */
.comUser_form-align, .comUser_form-align p, .comUser_form-align div, .comUser_form-align table {
	text-align: center;
	margin: auto;
}

/* Required fields message */
.comUser_required-message {
	padding-bottom: 15px;
}

/* Login-logout */
.comUser_login-links {
	margin: 0 4px;
	font: 11px Verdana, Arial, Helvetica, sans-serif !important;
	color: #034F72;
}
.comUser_login-links a {
	color: #037AB0 !important;
}
.comUser_login-error {
	margin: 0 4px;
	font: 11px Verdana, Arial, Helvetica, sans-serif !important;
	color: #FFF;
	background-color: red;
	padding: 1px 3px;
}
.comUser_login-hello {
	margin: 0 4px; /* Because of form-manager styles */
	font: 11px Verdana, Arial, Helvetica, sans-serif !important;
	color: #034F72;
}

/* Create success : law */
.comUser_create-law {
	text-align: justify;
	padding: 4px 8px;
	border-top: 	1px solid #EEE;
	border-right: 	1px solid #CCC;
	border-bottom: 	1px solid #CCC;
	border-left: 	1px solid #EEE;
	background-color: #F9F9F9;
}



/* -----------
   COM: DONATE
   ----------- */

/* Choose Form */
#comDonate_choose_form {
	font-weight: bold;
	font-size: 108.33%;
}
#comDonate_choose_form p {
	font-weight: normal;
	font-size: 92.30%;
	color: #666;
}
/* Choose : reset button */
#comDonate_choose_reset {
	padding-top: 20px;
	text-align: center;
	color: #666;
}
#comDonate_choose_reset input {
	border: 1px solid #DDD;
	background-color: #F3F3F3;
	color: #666;
	font-size: 92.30%;
	padding: 1px 2px;
}

/* Add Form */
#comDonate_add_form {
	
}

#comDonate_add_form #donate-amount {
	font-size: 125%;
}
#comDonate_add_form #donate-amount input {
	text-align: center;
	font-weight: bold;
	color: #000;
	border-width: 2px;
	padding: 2px 0;
}
#comDonate_add_form #donate-comment {
	
}

#comDonate_add_form #donate-designation {
	
}
#comDonate_add_form #donate-designation .designation-radio {
	margin: 0 !important;
	padding: 2px 4px !important;
	border: 1px solid #CCC;
	background: url(images/designation-radio-bg.gif) repeat-x bottom #FAFAFA;
	font-weight: bold;
}
#comDonate_add_form #donate-designation .designation-radio span { /* if there's only 1 designation, then there's no radio button */
	padding-left: 4px !important;
	color: #034F72;
}
#comDonate_add_form #donate-designation .designation-infos {
	padding: 5px 10px 5px 25px !important;
	margin: 0 0 10px 0 !important;
	border: 1px solid #CCC;
	border-top: none;
}
#comDonate_add_form #donate-designation .designation-infos img {
	float: left;
	margin: 5px 10px 10px 0;
}
#comDonate_add_form #donate-designation .designation-infos-br {
	clear: left;
}

/* Manage Form */
#comDonate_manage_form {
	
}

#comDonate_amount-total, #comDonate_checkout-link {
	font-size: 135%;
}
#comDonate_amount-total span {
	font-weight: bold;
	color: #666;
}
#comDonate_manage_form_user_details {
	border: 1px solid #DDD;
	padding: 5px 10px;
}

/* Forms Errors */
#comDonate_form-error {
	border: 1px solid #F7D2D2;
	background-color: #FEF5F5;

	width: 300px;
	margin: 0 auto 20px auto;
	padding: 1px;
}
#comDonate_form-error div {
	border: 1px solid #F7D2D2;
	background-color: #DD5757;
	color: #FEF5F5;
	font-weight: bold;
	text-align: center;

	margin: 0 0 5px 0 !important;
	padding: 1px 2px;
}
#comDonate_form-error p {
	color: #DD5757;

	margin: 0 5px 5px 5px !important;
	padding: 2px 4px;
	border-bottom: 1px solid #F7D2D2;
}

/* ---------
   COM: SIPS
   --------- */

#comSips_request-amount {
  text-align: center;
  margin: 0;
}
#comSips_request-amount {
  font-size: 135%;
  margin-bottom: 10px; /* ! */
}
#comSips_request-amount span {
  font-weight: bold;
}
#comSips_request-amount span.comSips_currency {
  font-weight: normal;
  padding-left: 5px;
}

#comSips_request {
  width: 350px;
  margin: 30px auto;
  padding: 25px 20px 35px 20px;
  text-align: center;
  /*border: 1px solid #DDD;
  background: url(images/request-bg.gif) repeat-x bottom left #FFF;*/
}
#comSips_request div {
  width: 350px;
}

#comSips_ip-addr {
  margin-top: 50px;
  font: normal 10px Verdana;
  text-align: center;
}
#comSips_ip-addr span {
  border: 1px solid #EAEAEA;
  background-color: #FAFAFA;
  color: #888;
  padding: 4px 8px;
}
#comSips_ip-addr span span {
  color: #555;
  border: none !important;
  padding: 0 !important;
}

#comSips_debug {
  margin: 15px 0;
  padding: 5px;
  font: normal 11px/18px Monospace;
  color: #8B0000;
  border: 1px solid #8B0000;
  background-color: #FFF0F0;
}


/* -----------
   COM: MEDIAS
   ----------- */

.medias-manager, .medias-manager-link {
	line-height: 26px;
	font-size: 100%;
	margin-top: 5px;
	padding: 5px 3px 0 3px;
	color: #888;
}
.medias-manager-link {
	border-top: 1px solid #EEE;
}
.medias-manager-link:hover {

}

.medias-manager-pdf {
	border-top: 1px dotted #DDD;
	margin-bottom: 10px;
	padding: 5px 0;
}
.medias-manager-pdf a, .medias-manager-pdf-link {
	background: url(images/logo-pdf.png) no-repeat left top;
	padding: 5px 8px 5px 24px;
}

.medias-manager-mp3 {
	border-top: 1px dotted #DDD;
	margin-bottom: 10px;
	padding: 5px 0;
}
.medias-manager-mp3 div.media-manager-title { /* This <DIV> tag contain the mp3 $title */
	background: url(images/logo-mp3.png) no-repeat left top;
	padding: 4px 0 4px 24px;
	margin: 0;
	font-weight: bold;
}
.medias-manager-mp3 a, .medias-manager-mp3-link {
	background: url(images/logo-mp3.png) no-repeat left top;
	padding: 5px 8px 5px 24px;
}

.medias-manager-flv {
	border-top: 1px dotted #DDD;
	margin-bottom: 10px;
	padding: 5px 0;
}
.medias-manager-flv div.media-manager-title { /* This <DIV> tag contain the video $title */
	background: url(images/logo-flv.png) no-repeat left top;
	padding: 4px 0 4px 24px;
	margin: 0;
	font-weight: bold;
}
.medias-manager-flv-link a, .medias-manager-flv-link {
	background: url(images/logo-flv.png) no-repeat left top;
	padding: 5px 8px 5px 24px;
}


/* ------------
   COM: CONTENT
   ------------ */

/* Navigator */
#content-navigator {
	padding-top: 10px;
	text-align: center;
}
#content-navigator a {
	text-decoration: none;
	color: #034F72;
	font-weight: bold;
}
#content-navigator a span {
	color: #037AB0;
	font-weight: normal;
}
#content-navigator a#active {
	font-size: 125%;
}
#content-navigator a#start, 	#content-navigator span#start 	{ font-size: 14px; padding-left: 18px; background: url(images/navigator-start.png) no-repeat left bottom; }
#content-navigator a#back,  	#content-navigator span#back  	{ font-size: 14px; padding-left: 18px; background: url(images/navigator-back.png)  no-repeat left bottom; }
#content-navigator span#start, 	#content-navigator span#back 	{ background-position: left top; }
#content-navigator a#forward, 	#content-navigator span#forward { font-size: 14px; padding-right: 18px; background: url(images/navigator-forward.png) no-repeat right bottom; }
#content-navigator a#end,     	#content-navigator span#end     { font-size: 14px; padding-right: 18px; background: url(images/navigator-end.png)     no-repeat right bottom; }
#content-navigator span#forward,#content-navigator span#end 	{ background-position: right top; }


.phone {
	background: url(images/phone.gif) no-repeat 10px center #fff7f7;
	border: 1px solid #ffdede;
	margin: 5px 0 15px 0;
	padding: 10px 10px 10px 52px;
	font-size: 125%;
	color: #222;
}