@charset "utf-8";
/* CSS Document */
HTML {
	SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #fffd7b; SCROLLBAR-ARROW-COLOR: #fffd7b; SCROLLBAR-TRACK-COLOR: #fffd7b
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
img { border:0; }
ul {list-style: none; }
	
#container {
	width: 769px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	}
	
#border {
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	padding-bottom: 15px;
	}
	
#top {
	background: url(IMG/topBandeauBg.jpg) no-repeat right;
	height: 94px;
	}
#topButtonHome { float:left; }	
#top ul { margin:0; list-style:none; }
#topFlag {
	text-align: right;
	padding: 15px 20px 0 0;
	}
#topFlag li {
	display: block;
	float: right;
	margin-left: 5px;
	}
.topNavig {
	clear: both;
	padding: 0;
	}
#topNavig li { display: block; float: left; }

#contain { clear: both; margin: 12px; border: 1px solid #ccc; font-size: 0.8em; padding: 5px; }
#contain h1 { margin:5px; padding: 0 0 6px 0; text-align:right; background: url(IMG/squaresh.gif) no-repeat bottom; }
#contain hr { text-align: center; width: 550px; size:1; color:#999999; clear:both; }

ul#containNavig { list-style: url(IMG/menu2Puce.png) outside; margin:0; }
#containNavig li { margin-left: 100px; padding: 0 0 3px 0; }
#containNavig a { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bolder; color: #525252; text-decoration: none; }
#containNavig a:hover { text-decoration: underline; }

#containText {  }
#containText a { text-decoration: none; color: #666666; }
#containText a:hover { text-decoration: underline; }
#containText ul { list-style: disc outside; }
#containText li { margin-bottom: 10px; }
#containText h2 { font-size: 1.5em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #525252; }
#containText h2.imgLegend { text-align: center; color: #b7b101; font-size: 1.7em; }
#containText .subh2 { font-weight: bold; }
#containText h3 { font-size: 1em; }
#containText h3 span { font-weight: normal; }
#containText p { text-align: justify; }
#containText .imgLeft { float: left; margin: 5px 15px; }
#containText .imgRight { float: right; margin: 5px 15px; }
#containText .imgCenter { text-align: center; }
#containText hr.invisible { clear: both; border:none; height:0; }
#containText .containTextImg { text-align: center; }
#containText .linkBacktoTop { text-align: right; clear:both; }
#containText .linkBacktoTop a { text-decoration: none; color: #525252; background: url(IMG/containTextLinkBacktoTop.png) no-repeat left; padding-left: 15px; }
#containText .linkBacktoTop a:hover { color: #FF6600; }
#containText .date { text-align: right; font-style: italic; }
#containText .Col1 { float:left; width:30%; margin-bottom: 10px; }
#containText .Col2 { margin-left: 32%; }
#containText ul.listFlag { float: left; list-style: none; padding:0; margin:20px 0 0 10px; }
#containText .listFlag li { padding: 1px 5px 1px 5px; }
#containText .listFlag img { margin-right: 5px; }
#containText .listFlag a.bold { font-weight: bold; font-size: 1.2em; }
#containText h2.containTextMenu { margin:0; }
#containText ul.containTextMenu { margin:0; padding:0; list-style: inside; }
#containText .containTextMenu li { margin:0; }

#containSumary { text-align: right; background: url(IMG/Home-Bg.jpg) no-repeat; }
.containSumaryGlobe { padding: 30px 50px 0 0; }
.containSumaryText { text-align: center; font-size: 1em; margin: 30px 0 20px 0; }

#bottomAfaq { float: left; margin-left: 13px; }
#botttomNavig { font-size: 0.6em; text-align: center; padding:0; }
#botttomNavig a { text-decoration: none; color: #767676; }
#botttomNavig a:hover { text-decoration: underline; }
#botttomNavig li { display: inline; }
#bottomCopyright { font-size: 0.6em; text-align: center; padding:0; color: #525252; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.topNavig {
text-align:left; font-family: verdana, sans-serif; position:relative; height:2em; width: 100%; margin:0; padding:0; list-style-type:none; background-color: #000;
}
.topNavig ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.topNavig li {
float:left; position:relative;
}
.topNavig li a, .topNavig li a:visited {
text-decoration:none; color:#000; height:2.5em; line-height:3em; color:#909; 
}
* html .topNavig li a, .topNavig li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.topNavig li a.drop, .topNavig li a.drop:visited {
font-weight:bold;
}
.topNavig li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden; font-size: 0.6em; margin-top: 10px;
}
.topNavig table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.topNavig li:hover a,
.topNavig li a:hover {
text-decoration:underline; border:0;
}
.topNavig li:hover ul,
.topNavig li a:hover ul {
visibility:visible; height:auto; width:20em; background:#808080; border:1px solid #000; left:0; top:2.5em; overflow:visible;
}
.topNavig li:hover ul li a,
.topNavig li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:19em; color: #fff;
}
* html .topNavig li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.topNavig li:hover ul li a.drop,
.topNavig li a:hover ul li a.drop {
font-weight:bold;
}
.topNavig li:hover ul li ul,
.topNavig li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.topNavig li:hover ul li a:hover,
.topNavig li a:hover ul li a:hover {
background-color: #CCCCCC; color: #000;
}
.topNavig li:hover ul li:hover ul,
.topNavig li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.topNavig li:hover ul li:hover ul.left,
.topNavig li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.topNavig li:hover ul li:hover ul li a,
.topNavig li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.topNavig li:hover ul li:hover ul li:hover a,
.topNavig li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

/* Scroll Actualités */
#scrollActu {
	color: #FE1515;
	padding: 5px 0 5px 0;
	font-size: 0.8em;
	font-weight: bold;
	background: url(IMG/scrollActuBg.jpg) repeat-x center;
	}