/* --- CSS RANDCO --- */	
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000;
		scrollbar-face-color: #107AC0;
		scrollbar-shadow-color: #000000;
		scrollbar-highlight-color: #999999;
		scrollbar-3dlight-color: #000000;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #00609F;
		scrollbar-arrow-color: #000000;
	}
	p{
padding-left:25px;
margin:3px;
font-size: 12px;
text-decoration:none;
}

#txtp{
padding-left:25px;
margin:3px;
font-size: 12px;
text-decoration:none;
color:#000000;
}
#txtp p{
padding-left:0px;
margin:0px;
}
#txtp ul{
padding-left:60px;
}
#texte ul{
margin-left:60px;
padding-left:60px;
font-size: 12px;
}
#texte2 ul{
padding-left:20px;
font-size: 12px;
}
	
	#page {
		position: relative;
		width:100%;
		margin: 0 auto;
		min-height: 100%;
	}	

	#page #premier-element {
		margin-top: 0; 
		position: relative;
		width: 750px;
		left: 50%;
		margin-left: -375px;
		height:100px;	
	}
		
	#page #dernier-element {
		margin-bottom: 0; 
		padding-bottom: 0em;
		position: absolute;
		width: 750px;
		left: 50%;
		margin-left: -375px;
	}
	
	/* --- PIED DE PAGE --- */
	#piedpage {
		position: relative;
		bottom: 0; left: 0;
		width: 100%;
		height: 85px;  /* mecos 58 */
		}	
	
	
	/* --- STYLE DIV BACKGROUND--- */
	#page {			
		background-color: #5aa3e8;   /* mecos 134D7E; */
		background-image: url(../img/background-haut.jpg);
		background-repeat:repeat-x;
		background-position:top;
	}

	#dernier-element {
		visibility:hidden;
	}
	
	#piedpage {		
		bottom:0;
		background-repeat:repeat-x;
		background-position:bottom;
	}
	
		/* --- STYLE CLASSIC --- */
a {text-decoration:none;font-weight:bolder;color:#134D7E;}
a img{border: none;} 
a:hover {text-decoration:underline;font-weight:bolder;color:#107AC0;}
.rouge{
color:#FF0000;
}
a.bas {text-decoration:none;font-weight:bolder;color:#00609F;}
a:hover {text-decoration:underline;font-weight:bolder;color:#107AC0;}

h1 {
	font-size:20px; margin:-47px 0 0 50px ; padding: 3px 0 0 30px;color:#134D7E;
	/*background-image: url(../img/background-h1.jpg); mecos*/
	background-repeat:no-repeat;
	background-position:top left;}
h2 {
	font-size:16px; margin:3px 7px 7px 12px; padding:9px 5px 5px 50px;color:#134D7E;
	background-image: url(../img/fond-h2OFF.png);
	background-repeat:no-repeat;
	background-position:top left;}
/* h3 {
	font-size:16px; margin:3px 7px 7px 12px; padding:9px 5px 5px 50px;color:#134D7E;
	background-image: url(../img/fond-h2OFF.png);
	background-repeat:no-repeat;
	background-position:top left;} */
/*    h4 { font-size:14px; margin: 5px;margin-left:60px;padding-left: 25px;padding-top:3px;color:#107AC0;
	background-image: url(../img/puce-h4.gif);
	background-repeat:no-repeat;
	background-position:top left;}  */
   h3 { font-size:14px; margin: 5px;margin-left:60px;padding-left: 25px;padding-top:3px;color:#107AC0;
	background-image: url(../img/puce-h4.gif);
	background-repeat:no-repeat;
	background-position:top left;}
h5 {
	font-size:12px;
	padding-left:15px;
	margin:3px;
	color:#107AC0;
	text-decoration: underline;
}
.txtactus {
	font-size:12px;
	padding-left:5px;
	margin:3px;
	color:#000000;
}

		/* --- STYLE IMAGES&LOGO --- */
#imagessmenu {float:right;padding:0px 17px 0px 0px;
	width:400px;
	z-index: 100;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}
#imagessmenu2 {float:right;padding:0px 17px 0px 0px;
	width:688px;
	z-index: 100;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}
#ssmenu2 {float:left;padding:0px 00px 0px 0px;
	z-index: 1;
	width:320px;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}

#ssmenuA {float:left;padding:0px 00px 0px 0px;
        z-index: 100;
        width:688px;
        background-repeat:no-repeat;
        background-position:top;
        position:relative;
}


#logo {position:relative;float:left;top:-27px;z-index:1}	

		/* --- STYLE MINIMENU --- */
#minimenu {
	background-image: url(../img/fond-minimenu.gif);
	position:relative;
	right:-385px;
	margin-top:0px;
	width:350px;
	height:25px;
	font-weight:bold;
}

#minim {float:right;font-size:11px}
#minim ul {margin:0.3em 0 0 0 ;padding:0;}
#minim li {margin:0;display:inline;list-style:none;padding:0 0.2em 0;}
#minim li:hover {background-color: #FFF;}
#minim li.select {background-color: #FFF;}
#minim li a {color:#FFF;list-style:none;}
#minim li a:hover {color:#5EA2D9;}
#minim li a.select {color:#5EA2D9;}
#minim-gche {float:left;}
#minim-drt {float:right;}


	/* --- STYLE MENU --- */
#menu {
    display:block;
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-380px;
	background-image:url(../img/background-menu.png);
	background-position: top left;
	background-repeat:no-repeat;
	top:33px;
	height:100px;
	z-index: 1;
}

#menu ul {margin:49px 0 0 -20px ;padding-right:75px;text-align:center;font-weight:bolder;font-size:11px}
#menu li {margin:0px;display:inline;list-style:none;padding:0.5em 0.4em 0.5em 0.3em;}
#menu li:hover {margin:0px;background-image:url(../img/menu-bouton-ON.gif);background-repeat:repeat-x;padding:0.5em 0.4em 0.5em 0.3em;}
#menu li.select {margin:0px;background-image:url(../img/menu-bouton-ON.gif);background-repeat:repeat-x;padding:0.5em 0.4em 0.5em 0.3em;}
#menu li a {color:#134D7E;list-style:none;}
#menu li a:hover {list-style:none;text-decoration:none;color:#5EA2D9;}
#menu li a.select {list-style:none;text-decoration:none;color:#5EA2D9;}

	/* --- STYLE TABLEAU CENTRE --- */
#ssmenu {	
	background-image:url(../img/background-ssmenu.png);
	margin-top:3px;padding: 0px 0 ;
	height:200px;
	background-repeat:no-repeat;
	background-position:top;
	}
	
#centre {
	position:relative;
	width:750px;
	left:50%;
	top:29.5px;
	margin-left:-375px;
	padding-bottom:2em;
}

#centre p {margin: 0.2em 2em 0.2em 5em;font-size:12px;text-align:left;}

	/* --- STYLE ACTU --- */
#actu {
	background-repeat:repeat-y; 
	margin:0px;
	padding-bottom:0px;
	margin-left:50px;
	padding:5px; 
	border: 1px solid #107AC0;
	width:270px;
	height:170px;
	z-index: 9;
	overflow:auto;
	scrollbar-face-color: #107AC0;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #00609F;
	scrollbar-arrow-color: #000000;
	}
#actu2 {
	background-repeat:repeat-y; 
	margin:0px;
	padding-bottom:10px;
	margin-left:50px;
	padding:0px; 
	/*border: 1px solid #107AC0;*/
	width:250px;
	z-index: 9;
	scrollbar-face-color: #107AC0;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #00609F;
	scrollbar-arrow-color: #000000;
	}	

#actuA {
        background-repeat:repeat-y;
	margin:0px;
	padding-bottom:0px;
	margin-left:50px;
	padding:5px;
	border: 1px solid #107AC0;
	width:618px;
	height:270px;
	z-index: 9;
	overflow:auto;
	scrollbar-face-color: #107AC0;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #00609F;
	scrollbar-arrow-color: #000000;
}
	
#actu2 p{
padding-left:10px;
margin:3px;
}
#actu p{
padding-left:10px;
margin:3px;
}
#actuA p{
padding-left:10px;
margin:3px;
}
#texte {
	margin:25px;
	padding-bottom:0;
	margin-left:20px;
	padding:4px; 
	z-index: 10;
	position:relative;
	overflow:no;
	}
#texte2 {
	margin:0px;
	padding-bottom:0;
	margin-left:0px;
	margin-right:5px;
	padding:0px; 
	z-index: 10;
	position:relative;
	overflow:auto;
	}
#texte2 p{
padding-left:10px;
padding-right:10px;
margin:3px;
}
	/* --- BASELINE --- */
#bas {	position:relative;
	width:800px;
	left:50%;
	margin-left:-400px;
	background-image:url(../img/background-bas.jpg);
	background-repeat:repeat-y;
	height:85px;
	z-index: 1;
	}
	
#baseline1 {text-align:center;color:#00609F;padding-top:4px;font-size:10px;font-weight:bold;}
#basmenu {text-align:center;padding-top:4px;}
#basmenu a {color:#000;}
#basmenu a:hover {color:#00609F;}

#TopVisuel {
		height: 200px;
			border-bottom-color: #D9E4ED;
				border-bottom-width: 22px;
					border-bottom-style: solid;
						position: relative;
							z-index: 20;
								min-width: 688px;
							}

.slideshow img{
background-color: white;
}
							
.sponsorListHolder{
	margin-bottom:30px;
	margin-left:70px;
	margin-right:30px;
	width:566px;
	height:408px;
	overflow : hidden;
}

.sponsor{
	width:120px;
	height:120px;
	float:left;
	margin:4px;

	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background:url("../img/background.jpg") no-repeat center center #ffffff;
}

.sponsorFlip:hover{
	border:1px solid #999;

	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 10px #999 inset;
	-webkit-box-shadow:0 0 10px #999 inset;
	box-shadow:0 0 10px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the .sponsorFlip div */

	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:15px 8px 20px 10px;
	font-style:italic;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}

.clear{
	/* This class clears the floats */
	clear:both;
}

a.transparent{
display:block;
width:100px;
height:100px;
background:url("../img/transparent.png") no-repeat;
background-attachment:fixed;
margin-left:660px;
margin-top:-57px;
}

li:active#none{
	text-decoration:none;
	background-image: none;
}

li:hover#none {
	text-decoration:none;
	background-image: none;
}