/* CSS Document */
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#004d83;
}
a {
color:#004d83;
}
#page {
width:830px;
margin:0 auto;
}
#bando {
height:155px;
background:url(../img/fdBandeau.gif) 0 0 no-repeat;
}
#bando #logo {
float:left;
position:absolute;
margin:0 0 0 7px;
}
#bando h1 {
padding:0;
color:#efc500;
float:left;
position:absolute;
margin:10px 0 0 85px;
width:390px;
text-transform:uppercase;
font-size:1.8em;
}
#bando #txtPortail {
float:left;
position:absolute;
margin:6px 0 0 603px;
}
#bando #lienPortail {
float:left;
position:absolute;
margin:22px 0 0 630px;
}
/* MENU ONGLETS */
ul#menuH  {
padding:0;
height:26px;
margin:0;
float:right;
margin-top:129px;
padding-right:12px;
font-weight:bold;
font-size: 0.75em;
}
ul#menuH li {
list-style-type:none;
margin:0;
padding:0;
height:26px;
display:inline;
}
ul#menuH li a span span {
white-space:nowrap;
display:block;
background:#000;
padding:7px 0 0 0;
height:19px; /* 26 - 7 */
background:#f4cb0b url(../img/ongletC.gif) 0 0 repeat-x;
}
ul#menuH li a:hover span span, ul#menuH li a.act span span {
padding:5px 0 0 0;
height:21px; /* 26 - 5 */
background:#f4cb0b url(../img/overC.gif) 0 0 repeat-x;
}
ul#menuH li a span {
display:block;
float:left;
padding:0 17px 0 0;
height:26px;
background:url(../img/ongletR.gif) 100% 0 no-repeat;
}
ul#menuH li a:hover span, ul#menuH li a.act span {
background:url(../img/overR.gif) 100% 0 no-repeat;
}
ul#menuH li a {
padding-left:23px;
height:26px;
display:block;
float:left;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
background:url(../img/ongletL.gif) 6px 0 no-repeat;
}
ul#menuH li a:hover, ul#menuH li a.act {
cursor:pointer;
background:url(../img/overL.gif) 6px 0 no-repeat;
}
#contenu {
clear:both;
font-size:0.8em;
}

#colGauche {
float:left;
width:440px; /* 540 - 100 */
padding:10px 25px 10px 75px;
}
#colDroite {
float:left;
width:280px; /* 290 - 10 */
padding:10px 10px 10px 0;
}
#colGauche h2 {
background:url(../img/puceJaune.gif) 0 4px no-repeat;
color:#004d83;
font-size:1.25em;
padding:0 0 0 15px;
margin:20px 0 0 -15px;
}

/* COLONNE DE DROITE */
.logoFoyer {
text-align:center;
margin:5px 0;
}
/* Bloc 1 : Contact */
.bloc1 {
background:url(../img/fdBlocB.gif) 0 100% repeat-x;
padding-bottom:10px;
width:280px;
margin:0;
color:#044370;
font-weight:bold;
font-size:0.9em;
}
.bloc1 div {
background:url(../img/fdBloc1H.gif) 0 28px no-repeat;
padding:0 15px 0 17px;
}
.bloc1 h2 {
font-size:1em;
background:url(../img/fdH2Bloc1.gif) -17px 0 no-repeat;
height:15px; /* 28 - 13 */  
color:#fff;
padding:13px 0 0 15px;
}
.bloc1 ul {
margin:0;
padding:0;
list-style-type:none;
}
.bloc1 a {
color:#004d83;
padding:0 0 0 8px;
background:url(../img/puceMini.gif) 0 6px no-repeat;
}
.bloc1 ul li {
margin:8px 0 0 0;
padding:0 0 0 8px;
background:url(../img/puceMini.gif) 0 6px no-repeat;
}
.bloc1 ul li a {
background:none;
padding:0;
}
.bloc1 p {padding-right : 30px;}
/* Bloc 2 : Actus */
.bloc2 {
background:url(../img/fdBlocB.gif) 0 100% repeat-x;
padding-bottom:10px;
width:280px;
margin:0;
color:#044370;
font-size:0.9em;
}
.bloc2 div {
background:url(../img/fdBloc2H.gif) 0 22px no-repeat;
padding:0 15px 0 17px;
}
.bloc2 h2 {
font-size:1em;
background:url(../img/fdH2Bloc2.gif) -17px 0 no-repeat;
height:15px; /* 22 - 7 */  
color:#fff;
padding:7px 0 0 15px;
}
.bloc2 ul {
margin:0;
padding:6px 0;
list-style-type:none;
}
.bloc2 ul li a {
color:#004d83;
padding:0 0 0 8px;
background:url(../img/puceMini.gif) 0 6px no-repeat;
text-decoration:none;
margin:5px 0;
}
.bloc2 a:hover {
text-decoration:underline;
}
/* Footer */
#footer {
height:39px;
font-size:0.6em;
clear:both;
background:url(../img/fdFooter.gif) 0 0 no-repeat;
}
#footer a {
color:#004d83;
font-weight:bold;
text-decoration:none;
}
#footer p {
text-align:right;
padding:10px 90px 0 0;
margin:0;
}
#footer a:hover {
text-decoration:underline;
}


#arianePrec
{
	height: 31px;
	margin-top: 10px;
	margin-right: 11px;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-size: 0.8em;
}
#ariane
{
	background-color: transparent;
	background-image: url(../img/fdAriane.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0pt 100%;
	height: 28px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	clear: both;
	width: 645px;
	float: right;
}
#ariane span
{
	display: block;
	float: left;
	height: 21px;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 26px;
	font-weight: bold;
}
#ariane span
{
	background-color: transparent;
	background-image: url(../img/flecheD.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	color: #edc300;
}
#ariane div
{
	float: left;
	font-size: 1em;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 3px;
}
#ariane h2
{
	float: left;
	font-size: 1em;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}