/***********************************************/
/* ecran.css                                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */

/************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-attachment: fixed;
}

/************************************/

/***********************************************/
/* Layout Divs                                 */

/************************************/
#page{
	position:absolute;
	top: 170px;
	left: 0%;
	right: 1%;
	width:95.6%;
}

/************************************/

/************************************/
#bandeau{
	z-index:0;
	position: absolute;
	top: 0px;
	left: 0%;
	right: 1%;
	width:95.6%;
}

/************************************/



/************************************/
#menu{
	z-index:1;
	position: absolute;
	top: 0px;
	left: 0px;
	width:160px;
	padding: 0px;
	border-top: 1px solid #fff;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
}
/************************************/

/************************************/
#pageName {
	padding: 0px 0px 0px 0px;
	margin: -47px 0px 0px 0px;
	font-size: 70%;
	color: #2c6a99
}
.pageName H1 {
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	display: block
}

/************************************/

/************************************/
#center{
	margin:40px 0px 0px 170px;
	padding: 0px 10px 0px 0px;
}

/************************************/


/* End Layout Divs                             */
/***********************************************/


/***********************************************/
/*Component Divs                               */

/************************************/
#footer{
	clear: both;
	font-size: 75%;
	padding: 10px 10px 10px 10px;
	margin-top: 40px;
	text-align: right;
	background: url(img/footer.jpg) /*no-repeat*/ bottom;
	color: #fff;
	width:101.8%
}
#footer a {
	font-weight: bold;
	margin-right: 15px;
	color: #fff;
	text-decoration: none
}

/************************************/
#menuLinks{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
}

#menuLinks UL {
	padding: 0px;
	float: left;
	margin: 0px;
	width: 160px;
	list-style-type: none
}
#menuLinks UL LI {
	clear: both;
	float: left;
	border-bottom: #fff 1px solid
}
/* Premier Niveau - Non Sélectionné */
#menuLinks LI A {
	padding: 4px 0px 4px 16px;
	display: block;
	font-weight: bold; 
	background: url(img/lvl1.gif) no-repeat 0% 50% #6caec8;
	text-transform: uppercase;
	width: 144px;
	color: #fff;
	height: 1%;
	text-decoration: none
}
#menuLinks LI A:hover {
	background: url(img/lvl1_hover.gif) no-repeat 0% 50% #2c6a99;
	color: #fff
}
/* Premier Niveau - Sélectionné */
#menuLinks LI.current A {
	padding: 4px 0px 4px 16px;
	display: block;
	font-weight: bold;
	background: url(img/lvl1_sel.gif) no-repeat 0% 50% #2c6a99;
	text-transform: uppercase;
	width: 144px;
	color: #fff;
	text-decoration: none
}
#menuLinks LI.current A:hover {
	background: url(img/lvl1_hover.gif) no-repeat 0% 50% #2c6a99;
	color: #fff
}
#menuLinks UL LI.current UL {
	padding: 0px;
	margin: 0px;
	width: 156px
}
#menuLinks  LI LI {
	padding: 0px;
	border-top: #fff 1px solid;
	border-bottom-style: none;
	display: block;
	float: left;
	width: 160px
}
#menuLinks  LI LI.first {
	border-style: none
}
/* Deuxième Niveau - Non Sélectionné */
#menuLinks  LI.current LI A {
	padding: 4px 0px 4px 25px;
	display: block;
	width: 135px;
	font-weight: bold;
	background: url(img/lvl2.gif) no-repeat 0% 50% #d4e8ef;
	text-transform: none;
	color: #000;
	text-decoration: none
}
#menuLinks  LI.current LI A:hover {
	background: url(img/lvl2_hover.gif) no-repeat 0% 50% #7897a6;
	color: #fff; 
}
/* Deuxième Niveau - Sélectionné */
#menuLinks  LI.current LI.current A {
	padding: 4px 0px 4px 25px;
	display: block;
	width: 135px;
	font-weight: bold;
	background: url(img/lvl2_sel.gif) no-repeat 0% 50% #7897a6;
	text-transform: none;
	color: #000;
	text-decoration: none
}
#menuLinks  LI.current LI.current A:hover {
	background: url(img/lvl2_hover.gif) no-repeat 0% 50% #7897a6;
	color: #fff
}

/************************************/

/************************************/

#submit {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4px 0px 1px 0px;
	background-color: #2c6a99;
	width: 160px! important;
	border-top: #fff 2px solid
}
#submit h1 {
	text-align: center;
	margin-left: 0px;
	color: #fff;
	font-size: 0.9em;
	margin-bottom: 4px
}
#submit p {
	clear: both;
	text-align: left;
	margin: 0px 0px 4px 4px;
	font-size: 0.8em;
	font-weight: bold
}

/************************************/

.section{
	clear: both;
	padding: 2px 0px 0px 10px;
	font-size: 80%;
}
.section h1 {
	font-weight: bold;
	text-align: left;
	margin-left: 4px;
	padding: 0px 0px none 4px;
	font-size: 1.3em 
}
.section h1 a {
	text-decoration: none
}
.section h2 {
	font-weight: bold;
	text-align: center;
	padding: 0px 0px none 4px;
	margin-left: 4px;
	font-size: 1.2em 
}
.section h2 a {
	text-decoration: none
}
.section p {
	text-align: justify;
	padding: 0px 0px 7px 4px;
	margin-left: 4px;
	line-height: 1.1;
}
.section p a {
	text-decoration: none;
	outline-style: none
}
.section p a img {
	text-decoration: none;
	border:1px solid #2c6a99
}
.section hr {
	text-align: center;
	color: #6caec8
}
.section .ImageDresser {
	clear: both;
	float: left;
	padding-bottom: none;
	padding-right: 4px
}
.section .ImageDresserRight {
	clear: both;
	float: right;
	padding-bottom: none;
	padding-left: 4px
}
.section .Encart {
	clear: both;
	margin: 8px 14% 8px 14%
	float: none;
	text-align: justify;
	padding: 4px 4px 4px 4px;
	WIDTH: 72%;
	border:1px solid #000;
	background: #FFFFCC
}
.section .Extrait {
	clear: both;
	padding-top: 0px 0px 8px 4px;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 12px;
	line-height: 1.1
}
.ImageText {
	text-align: justify
}
.ImageTextRight {
	text-align:  right;
	border-style: none
}

.section .news {
	margin: 8px 4% 8px 14%
	float: center;
	text-align: center;
	padding: 10px 4px 4px 4px;
	WIDTH: 70%
}
.section .news a {
	margin: 8px 4% 8px 14%
	float: center;
	text-align: center;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	WIDTH: 70%
}

.section .carnetdebord {
	margin: 0px;
	float: center;
	text-align: left;
	padding: 0px;
	border:1px solid #000;
	WIDTH: 480px
}
.section .carnetdebord p {
	margin: 8px;
	float: center;
	text-align: left;
	padding: 4px 4px 4px 52px;
}
.section .carnetdebord p a {
	text-decoration: none
}

.frise_left {
	clear: both;
	padding: 2px 0px 0px 10px;
	text-align: left;
	font-size: 80%;
}
.frise_right {
	clear: both;
	padding: 2px 0px 0px 0px;
	text-align: right;
	font-size: 80%;
}

/***********************************************/
/*                  LightBox                   */
/***********************************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border: 2px solid #000;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
        background-image: url(img/blank.gif);
	filter: Alpha(opacity=50);
	}
	
/***********************************************/
/*End Component Divs                           */
/***********************************************/