9/* Bug des png sous ie6 */
* html img,* html .png {
	behavior: expression((   this .   runtimeStyle .   behavior =   "none")
		&&(   this .   pngSet ?   this .   pngSet =   true :(   this .
		nodeName ==     "IMG" &&
		 this .   src .   toLowerCase() .   indexOf('.png') >   -1 ?(   this .

		 runtimeStyle .   backgroundImage =     "none", this .   runtimeStyle
		.
		 filter =
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +     this
		.   src +     "', sizingMethod='image')", this .   src =
		 "/images/transparent.gif" ) :(
		 this .   origBg =     this .   origBg ?     this .   origBg :   this
		.
		 currentStyle .   backgroundImage .   toString() .
		replace('url("', '') .
		 replace('")', ''), this .   runtimeStyle .   filter =
		 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +     this
		.
		 origBg +     "', sizingMethod='crop')", this .   runtimeStyle .
		 backgroundImage =     "none" ) ), this .   pngSet =   true ) );
}

* {
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: #04073E;
}

p {
	margin: 1em 0px 0px 0px;
	padding: 0px;
}

img {
	border: 0px;
}

.portail_contenu ul {
	margin-left: 5px;
}

.portail_contenu li {
	margin-left: 20px;
}

h1,h2 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a,a:link,a:active {
	color: #ffffff;
	text-decoration: underline;
}

a:hover {
	color: #9E9E9E;
	text-decoration: none;
}

#page {
	margin: 0px auto 0px auto;
	width: 950px;
	position: relative;
	background-color: #04073E;
}

#bandeau {
	width: 950px;
	height: 126px;
	background-color: #04073E;
	z-index:1;
}

#drapeau{
	position:absolute;
	z-index:10;
	top:40px;
	right:10px;
	width:25px;
	height:85px;
}


/* Bug des images avec espace sous ie 6, a mettre dans tous les menus images */
#bandeau img,#bandeau a,#menu img,#menu a {
	float: left;
}

#logo {
	width: 950px;
	height: 126px;
	float: left;
	background-color: #04073E;
	z-index:1;
	position:absolute;
}

#menu {
	height: 60px;
	background-color: #04073E;
	margin-left:-10px;
	width:970px;
}

#menu li{
	display:block;
	float:left;
	list-style:none;
	padding:13px 9px;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active {
	display: block;
	padding:9px 16px;
	background-color:white;
	color:#23698F;
	font-size:15px;
	font-weight:bold;
	text-decoration: none;
}
#menu a:hover, #selected_a{
	color:red;
}


#contenu {
	clear: both;
	background-color: #04073E;
	height: auto;
	/*
	min-height: 355px;
	height: auto !important;
	height: 355px;
	*/
	width: 100%;
}

#contenu_texte {
	float: left;
}

#accueil_texte{
	float:left;
	width:443px;
	padding:0px 20px 0px 0px;
}

#accueil_flash{
	float:right;
	width:485px;
	border:solid 1px white;
}

.portail_titre_article{
	font-size:23px;
}

#pied_page {
	clear: both;
	width: 950px;
	height: 24px;
	background-image: url(../images/pied_page .jpg);
	background-color: #04073E;
	margin: 0px;
	color:#7490B0;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

#pied_page li {
	display: inline;

}

#pied_page a,#pied_page a:link,#pied_page a:active {
	margin: 0px 5px 0px 5px;
	color: white;
	text-decoration: none;
}

#pied_page a:hover {
	text-decoration: underline;
}

/* Menu déroulant */
.menu_deroulant {
	width: 150px;
	position: absolute;
	z-index: 10;
	display: none;
	border-top: 0px;
}

.menu_deroulant ul {
	margin: 0px;
	padding: 0px;
}

/* Styles du menu */
.menu_sous_rubrique_0 {
	list-style: none;
	font-size: 13px;
	width: 150px;
	color: #646466;
}

.menu_sous_rubrique_0 a:link,.menu_sous_rubrique_0 a:visited,.menu_sous_rubrique_0 a:active,.menu_sous_rubrique_0 span
	{
	color: #646466;
	text-decoration: none;
	width: 150px;
	display: block;
	font-size: 13px;
	border-top: solid 1px #9E9E9E;
	padding: 3px 0px 0px 2px;
}

#div_menu_1 .menu_sous_rubrique_0 a:link,#div_menu_1 .menu_sous_rubrique_0 a:active,#div_menu_1 .menu_sous_rubrique_0 a:visited
	{
	background-color: #CED053;
}

#div_menu_1 .menu_sous_rubrique_0 a:hover {
	background-color: #014495;
	color: #FFFFFF;
}

#div_menu_2 .menu_sous_rubrique_0 a:link,#div_menu_2 .menu_sous_rubrique_0 a:active,#div_menu_2 .menu_sous_rubrique_0 a:visited
	{
	background-color: #A5B4D1;
}

#div_menu_2 .menu_sous_rubrique_0 a:hover {
	background-color: #014495;
	color: #FFFFFF;
}

#div_menu_3 .menu_sous_rubrique_0 a:link,#div_menu_3 .menu_sous_rubrique_0 a:active,#div_menu_3 .menu_sous_rubrique_0 a:visited
	{
	background-color: #C0CBC5;
}

#div_menu_3 .menu_sous_rubrique_0 a:hover {
	background-color: #014495;
	color: #FFFFFF;
}

#div_menu_4 .menu_sous_rubrique_0 a:link,#div_menu_4 .menu_sous_rubrique_0 a:active,#div_menu_4 .menu_sous_rubrique_0 a:visited
	{
	background-color: #B594B1;
}

#div_menu_4 .menu_sous_rubrique_0 a:hover {
	background-color: #014495;
	color: #FFFFFF;
}

#div_menu_5 .menu_sous_rubrique_0 a:link,#div_menu_5 .menu_sous_rubrique_0 a:active,#div_menu_5 .menu_sous_rubrique_0 a:visited
	{
	background-color: #B2C67F;
}

#div_menu_5 .menu_sous_rubrique_0 a:hover {
	background-color: #014495;
	color: #FFFFFF;
}

#div_menu_6 .menu_sous_rubrique_0 a:link,#div_menu_6 .menu_sous_rubrique_0 a:active,#div_menu_6 .menu_sous_rubrique_0 a:visited
	{
	background-color: #E2A8C1;
}

#div_menu_6 .menu_sous_rubrique_0 a:hover {
	background-color: #014495;
	color: #FFFFFF;
}


/* Style pour le marquee */
.marquee {
	width: 150px;
}

#fenetre {
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	width: 150px;
	text-align: left;
}


.portail_contenu_article img{
	border:1px solid white;
}

#cssSlider {
 float:right;
	width:485px;
	height:345px;
	border:solid 1px white;
	overflow: hidden;
}

#sliderImages {
	width : 4000px;
	height: 345px;
	overflow: hidden;
	
	/* animation duration: 16s : 5x ~3s display image + 5x ~0.2s slide */
	animation: slide 24s infinite;
	-moz-animation: slide 24s infinite;
	-webkit-animation: slide 24s infinite;
	-o-animation: slide 24s infinite;
}

#sliderImages img {
	float: left;
}

@keyframes slide{
	0%{margin-left: 0px;}
	10%{margin-left: 0px}
	
	12%{margin-left: -490px}
	22%{margin-left: -490px}
	
	24%{margin-left: -980px;}
	34%{margin-left: -980px;}
	
	36%{margin-left: -1470px;}
	46%{margin-left: -1470px;}
	
	48%{margin-left: -1960px;}
	58%{margin-left: -1960px;}
	
	60%{margin-left: -2450px;}
	70%{margin-left: -2450px;}
	
	72%{margin-left: -2940px;}
	82%{margin-left: -2940px;}
	
	84%{margin-left: -3430px;}
	94%{margin-left: -3430px;}
	
	100%{margin-left: 0px;}
}
/*
@-moz-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -800px;}
	37%{margin-left: -800px;}
	40%{margin-left: -1600px;}
	57%{margin-left: -1600px;}
	60%{margin-left: -2400px;}
	77%{margin-left: -2400px;}
	80%{margin-left: -3200px;}
	100%{margin-left: -3200px;}
}

@-webkit-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -800px;}
	37%{margin-left: -800px;}
	40%{margin-left: -1600px;}
	57%{margin-left: -1600px;}
	60%{margin-left: -2400px;}
	77%{margin-left: -2400px;}
	80%{margin-left: -3200px;}
	100%{margin-left: -3200px;}
}

@-o-keyframes slide{
	0%{margin-left: 0px;}
	17%{margin-left: 0px;}
	20%{margin-left: -800px;}
	37%{margin-left: -800px;}
	40%{margin-left: -1600px;}
	57%{margin-left: -1600px;}
	60%{margin-left: -2400px;}
	77%{margin-left: -2400px;}
	80%{margin-left: -3200px;}
	100%{margin-left: -3200px;}
}*/