/*------------------------------------------- GLOBAL.CSS */
html, body {
	height: 100% auto;
}
body {
	margin:0px; padding:0px; border:0px;
	font: normal 11px Tahoma, Verdana, "MS Sans Serif";
	color: #000000;
	background: url(bgBodyHome.gif) repeat-y center top;
	text-align: center;
}
img {border: none;}

#slideCode {position:absolute;visibility:hidden;width:378px;height:313px;z-index:200;border:2px solid #000080;background:#000080}
.closePop {text-align:right;background:#000080;position:relative;top:0px;right:3px;padding:0px;font:bold 10px Verdana,Arial,Geneva,sans-serif}
.closePop a {text-decoration:none;color:white}

/* CSS for the text scrollers*/
#pscroller1{
width: 500px;
height:160px;
border: 0px solid #ffffff;
text-align:left;
}
#pscroller2{
font-size: 10px;
width: 500px;
height: 20px;
border: 0px solid black;
padding: 3px;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
/* CSS for the text scrollers*/
/*------------------------------------------- Container global */
#container {
	margin : 0 auto;
	padding: 0;
	width: 735px;
	/*height: 100% auto;*/
	height:1030px;
	text-align: left;
	background: url(bgContainerHome.jpg) repeat-y center top;
	border-top: 0px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	border-left: 5px solid #ffffff;
}

/*------------------------------------------- Header */
#header {
	width: 735px;
	height: 136px;
	background: #DDCBB1 url(../mediasImg/bandeau/bandeauRub_home.jpg) no-repeat right top;	
}
#header span {display: none;}
/*------------------------------------------- Container Page + Recherche */
#page {
	position: relative;
	margin: 0;
	padding: 0;
	width: 735px;
	/*background: url(bgTrameHP.jpg) no-repeat 283px bottom;*/
}
/*------------------------------------------- Contenu */
#colGauche {
	margin: 0;
	padding: 0;
	float: left;
	width: 545px;
}
/*------------------------------------------- Recherche */
#recherche {
	margin: 0; padding: 0;
	float: left;
	width: 190px;
}
#recherche h1 {
	margin: 0 10px;
	padding: 10px 0 10px 0px;
	font-size: 11px;
	color: #004789;
	/*background: url(bgRechercheCarreHP.gif) no-repeat 0px 12px;*/
}
#recherche p {
	margin: 0;
	padding: 0 10px 10px 10px;
	font-size: 10px;
	background: url(bgRechercheFiletHP.jpg) no-repeat center bottom;
}
#recherche .premier {
	margin: 0;
	padding: 0 10px;
	font-size: 10px;
	background: url(none) no-repeat center bottom;
}
#recherche a:link {color: #000; text-decoration:none;}
#recherche a:visited {color: #000; text-decoration:none;}
#recherche a:hover {color: #000; text-decoration:underline;}
#recherche a:active {color: #000; text-decoration:none;}
#recherche form {margin: 0; padding: 5px 10px 10px 10px;
	background: url(bgRechercheFiletHP.jpg) no-repeat center bottom;
}
#recherche input {
	margin:0; padding: 0;
	border: none;
}
#recherche form .zoneTexte {
	width: 130px; height: 14px; padding: 2px;
	font: normal 11px Tahoma, Verdana, "MS Sans Serif";
	color: #004789;
	border: 1px solid #004789;
	vertical-align: middle;
}
.zoneUK {
	width:20px; height: 14px; padding: 2px;
	font: normal 11px Tahoma, Verdana, "MS Sans Serif";
	color: #004789;
	border: 1px solid #004789;
	vertical-align: middle;
}
#recherche .imgSubmit {margin: 0; padding: 0; vertical-align: middle; width: 20px; height: 20px;}

#recherche a.marron:link {color: #004789; font-weight: bold; text-decoration:none}
#recherche a.marron:visited {color: #004789; font-weight: bold; text-decoration:none}
#recherche a.marron:hover {color: #004789; font-weight: bold; text-decoration:underline}
#recherche a.marron:active {color: #004789; font-weight: bold; text-decoration:underline}

#toplang a.marron:link {color: #004789; font-weight: bold; text-decoration:none}
#toplang a.marron:visited {color: #004789; font-weight: bold; text-decoration:none}
#toplang a.marron:hover {color: #004789; font-weight: bold; text-decoration:underline}
#toplang a.marron:active {color: #004789; font-weight: bold; text-decoration:underline}

/*------------------------------------------- Actualites */
#actualites {
	margin: 0; padding: 0px 5px 5px 10px;
	background: #fed759 url(bgActu.jpg) repeat-y left top;
	vertical-align:middle;
}
#actualites h1 {margin: 0; padding: 0;
	color: #004789;
	font-size: 13px; font-weight: bold;
	padding: 0px 0px 5px 10px;
}
#actualites p {margin: 0; padding: 5px 15px 5px 20px;
	color: #000000;
	font-size: 12px; font-weight: normal;
}
#actualites a:link {color: #004789; font-weight: bold; text-decoration:underline}
#actualites a:visited {color: #004789; font-weight: bold; text-decoration:underline}
#actualites a:hover {color: #004789; font-weight: bold; text-decoration:none}
#actualites a:active {color: #004789; font-weight: bold; text-decoration:underline}
/*------------------------------------------- Ligne contenant les paves d'intro */
.ligne {
clear: both;
	margin: 20px 0 0 0;
	padding: 0 10px;
	width: 525px;
	position: relative;
}
.ligne p {
	margin:0;
	padding: 0 0 0 20px;
}
.ligne ul {
	margin: 20px 0 20px 30px;
	padding: 0;
}
.ligne li {
	margin:0;
	padding: 0;
	list-style-image:url(puceli.gif);
}
.ligne a {font-weight: bold;}
.ligne a:link {color: #004789; text-decoration:none;}
.ligne a:visited {color: #004789; text-decoration:none;}
.ligne a:hover {color: #004789; text-decoration:underline;}
.ligne a:active {color: #004789; text-decoration:none;}
.paveCentral {margin: 0; padding: 0; margin-left:150px; width: 253px; float: left; }
.paveGauche {margin: 0; padding: 0;	width: 253px; float: left; }
.paveDroite {margin: 0 0 0 10px; padding: 0; width: 262px; float: left; }
/*------------------------------------ Footer */
#footer {
	clear: both;
	margin: 0;
	padding: 20px 0;
	/*width: 545px;*/
	background: url(logoFooterHP.gif) no-repeat left center;
	text-align: left;
	font: bold 10px Tahoma, Verdana, "MS Sans Serif";
	color: #989898;
}
#footer img { border:0px; margin:0px 10px 0px 0px; vertical-align:middle;}
#footer a:link {color: #989898; text-decoration: none;}
#footer a:visited {color: #989898; text-decoration: none;}
#footer a:hover {color: #989898; text-decoration: underline;}
#footer a:active {color: #989898; text-decoration: none;}

#footer a.logo:link {color: #989898; text-decoration: none; font-size:20px;}
#footer a.logo:visited {color: #989898; text-decoration: none; font-size:20px;}
#footer a.logo:hover {color: #989898; text-decoration: none; font-size:20px;}
#footer a.logo:active {color: #989898; text-decoration: none; font-size:20px;}