@import url("reset.css");

body {background: #fff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.75em;}

#body{background:#585858 url(/images/bgBody.gif) top repeat-x;color:#585858;}

a:link {color:#0a8cd8;text-decoration:underline;}
a:visited {color:#0a8cd8;text-decoration:underline;}
a:hover {color:#0a8cd8;text-decoration:underline;}
a:active {color:#5a5a5a;text-decoration:none;}

h1 {font-size:1em;font-family:Arial, Helvetica, sans-serif, "Century Gothic";color:#000;position:absolute;left:253px;top:5px;z-index:20;}
#header h1{font: 12px/25px Arial, Helvetica, sans-serif, "Century Gothic"; top: 0px; left:250px;}
h2 {font-size:13px;font-weight:bold;text-transform:uppercase;margin:0px;padding:0px;color:#5197c0; position: relative;}
h2 input{font-size:13px;font-weight:bold;margin:0px;padding:0px;color:#5197c0; position: absolute; top: -10px; padding: 5px 0px;}
h3 {font-size:1.167em;font-weight:bold;text-transform:uppercase;margin-bottom:10px;color:#ac4602;}
h4 {font-size:1.167em;font-weight:bold;text-transform:uppercase;margin-bottom:20px;color:#5a5a5a;padding-top:10px;}
h5 {font-size:1em;font-weight:bold;margin-bottom:10px;color:#5197c0;}
h6 {font-size:1em;font-weight:bold;text-transform:uppercase;margin-bottom:15px;color:#5a5a5a;}
h6 em {font-weight: normal; font-style: normal; white-space: nowrap;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

p {font-size:0.917em;color:#585858;margin-bottom:20px;line-height:15px;text-align:justify;}
p span{font-size:1em;color:#5bacdc;}

ol{list-style:decimal;}
ul{margin-left:30px;font-size:0.917em;color:#585858;margin-bottom:20px;list-style:disc;}
li{padding-bottom:8px;}

ul.sidenav {
list-style:none;
}
ul.sidenav li {
	position: relative;
	clear:left;
}
ul.sidenav li a{
	position: relative;
}
ul.sidenav li div {
	display: none;
	position: absolute;
	top: -10px;
	left: 0;
	width: 230px;
	border-bottom:0px;
	font-size: 0.9em;
	background: url(../images/bubble_top.gif) no-repeat right top;
}
ul.sidenav li div p {
	margin: 7px 0;
	text-align:left;
	padding: 3px 10px 10px 30px;
	background: url(../images/bubble_btm.gif) no-repeat right bottom;
}

.printfiche{
display:none;	
}


#email2,#website2{
display:none;
}


#page {
width: 954px;
margin: 0 auto;
position:relative;
}


#saviezVous{
position:absolute;
left:2px;bottom:0px;
height:110px;
width:460px;
background:url(/images/bgSaviezVous.jpg) left no-repeat;
padding-left:230px;
z-index:2;
padding-top:7px;
}
#saviezVous h2{margin-bottom:7px;}
#saviezVous p{margin-bottom:7px;}

#brochure{
display:block;
position:absolute;
right:13px;bottom:0px;
height:86px;
width:127px;
background:url(/images/bgBrochure.jpg) left no-repeat;
padding:45px 45px 0 45px;
text-align:center;
z-index:2;color:#7a0b19;text-decoration:none;
}
#brochure p{color:#7a0b19;margin:0px;text-align:center;}
#brochure:hover{color:#3C0607;}
#broAL{position:absolute;left:45px;bottom:25px;}
#broAR{position:absolute;right:45px;bottom:25px;}


/* Header
--------------------------------------------------------------------------------------- */

#header {
position:relative;
width:950px;
margin-left:2px;
background:url(/images/bgHeader.jpg);
height:352px;
z-index: 200;
}
#logo{
position:absolute;left:26px;top:29px;	
z-index:5;
}

#english{
position:absolute;
right:8px;
top:5px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
color:#000;
z-index:5;
}

#english a{
color:#000;
text-decoration:none;

}


#telephone{
position:absolute;
left:635px;
top:5px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:15px;
color:#000;
font-weight:bold;
z-index:5;
}

#nav{
margin:0px;
padding:0px;
position:absolute;
left:0px;
top:303px;
line-height:12px;
z-index:200;
}

#nav li{
float:left;	
list-style:none;
position:relative;
font-size:11px;
}

#nav li a{
font-size:11px;
float:left;
height:37px;
padding: 12px 12px 0px 11px;
color:#fff;
border-right:1px solid #73b8e1;
text-decoration:none;
}
#nav li a.selected{
background:#8dc5e7;	
color:#3d6d8a;
cursor:default;
}

#nav li a.single{
padding-top:18px;
height:31px;
}

#nav li a:hover{
background:#8dc5e7;	
}


#nav li ul {
position: absolute;
width: 170px;
left: -999em;font-size:11px;
}
#nav li ul.long{
width:224px;	
}


#nav li:hover ul, #nav li.sfhover ul {
	left: -30px;
	top:49px;
}

#nav li:hover ul.emploi, #nav li.sfhover ul.emploi {
	left: -101px;
	top:49px;
}

#nav li:hover ul.emploiEn, #nav li.sfhover ul.emploiEn {
	left: -131px;
	top:49px;
}


#nav ul li{
margin:0px;
padding:0px;
float:none;
position:static;
}

#nav ul a{
margin:0px;
display:block;
float:left;
clear:left;
width:150px;
background:#8cc5e6 url(/images/sousmenuSep.jpg) bottom left no-repeat;
padding:10px;
height:auto;
color:#306b8e;
}

#nav ul a:hover{
background:#8cc5e6 url(/images/bgSousMenu.jpg) bottom no-repeat;
color:#fff;
font-weight:bold;
}

#nav ul.long a{
width:204px;
}

#nav ul.long a:hover{
background:#8cc5e6 url(/images/bgSousMenuLong.jpg) left bottom no-repeat;	
}

#nav ul.noArrow a:hover{
background:#8cc5e6 url(/images/sousmenuSep.jpg) bottom left no-repeat;		
}

#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li li:hover ul, #nav li li.sfhover ul {
	left: 61px;
	top:11px;
}

#nav ul.long li:hover ul, #nav ul.long li.sfhover ul {
	left: 115px;
}

#nav ul li ul{
padding:10px;	
background:#bddef1;
height:172px;
width:166px;
text-align:left;
}

#nav ul li ul p{
text-align:left;
padding:3px 0 4px 0;
}

#nav ul.long li ul{
height:204px;	
text-align:left;
}

#nav ul li ul img{
border:2px solid #fff;	
}

#nav ul li ul a{
display:compact;
background:none;
margin:0px;
padding:0px;
border:0px;
text-decoration:underline;
color:#0a8cd8;
}
#nav ul li ul a:hover,#nav ul.long li ul a:hover{
display:compact;
background:none;
margin:0px;
padding:0px;
border:0px;
font-weight:normal;
color:#0a8cd8;
text-decoration:none;
}

#nav ul li ul p{
padding-top:3px;
padding-right:8px;	
}





/* Content
--------------------------------------------------------------------------------------- */

#content {
width:954px;
background: #FFFFFF url(/images/bgContent.gif);
padding-bottom:155px;
float:left;
}

/* ContentLeft (Le contenu)
--------------------------------------------------------------------------------------- */


#contentLeft{
float:left;
width:672px;
padding:10px 20px 0 21px;
}
#contentLeft.full{
	width:911px;
}

#icones{
float:right;	
margin-right:5px;
margin-left:20px;
list-style:none;
}
#icones img{
float:left;
list-style:none;
}

/*
#icones li ul li{
width:auto;
}
#icones li ul li a{
text-decoration:none;
}
#icones li ul{
position: absolute;
width: 190px;
left: -999em;font-size:11px;	
text-align:right;
}

#icones li:hover ul, #icones li.sfhover ul {
left: -59px;
top:36px;
background:#fff ;
padding:5px;
padding-bottom:0px;
border:1px solid #ddd;
}
*/

#ficheP{
display:block;
background:url(../images/bgFicheP.gif) repeat-x;
width:179px;
height:40px;
padding:16px 0px 0px 10px;border:1px solid #ddd;float:left;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
color:#444;
font-weight:bold;
}
#ficheP:hover{
color:#333;
border:1px solid #ccc;
}


#aide li{
position:relative;
list-style:none;
margin:0px;
padding:0px;
float:none;
}
#aide{
margin:0px;
padding:0px;
list-style:none;
}
#aide li a{
margin:0px;
padding:0px;
}
#aide li ul li{
width:auto;
position:relative;left:-10px;
}
#aide li ul li a{
text-decoration:none;
}
#aide li ul{
position: absolute;
width: 223px;
left: -999em;font-size:11px;	
text-align:right;
height:56px;
}

#aide li:hover ul, #aide li.sfhover ul {
left: -14px;
top:2px;
background:#fff ;
padding:15px 0 0 0px;

border:1px solid #ddd;
}
#aide2 li{
position:relative;
list-style:none;
margin:0px;
padding:0px;
float:none;
}
#aide2{
margin:0px;
padding:0px;
list-style:none;
}

#aide2{
margin:0px;
padding:0px;
list-style:none;
}
#aide2 li a{
margin:0px;
padding:0px;
}
#aide2 li ul li{
width:auto;
position:relative;left:-10px;
}
#aide2 li ul li a{
text-decoration:none;
}
#aide2 li ul{
position: absolute;
width: 223px;
left: -999em;font-size:11px;	
text-align:right;
height:56px;
}

#aide2 li:hover ul, #aide2 li.sfhover ul {
left: 2px;
top:2px;
background:#fff ;
padding:15px 0 0 0px;
border:1px solid #ddd;
}


#filAriane{
padding:8px 0 0 0;
text-align: left;
}
#filAriane a:hover{
text-decoration:none;
color:#1b4165;
}

#widgetNouvelles{
clear:both;
background:#e1e1e1 url(/images/widgetNouvBg.jpg) bottom repeat-x;
border-right:1px solid #d0d0d0;
float:left;width:670px;
margin-bottom:20px;
}
#WNBGTOP{
background:url(/images/widgetNouvBg.jpg) top repeat-x;
width:670px;
float:left;
}

#nContent{
float:right;
width:478px;
border:1px solid #d0d0d0;
margin:3px;
padding:4px;
background:#fff;
height:178px;
overflow: hidden;

}
#nContent div{height:178px;}

#nContent img{
float:right;	
margin-left:10px;
}
#nContent h2{
padding:10px;
padding-bottom:0px;
margin:0px;
padding-top:5px;
}
#nContent h6{
padding:10px;
padding-top:0px;
padding-bottom:7px;
margin:0px;
color:#949292;
}
#nContent p{
padding:10px;
padding-top:0px;
margin:0px;
line-height:13px;
}
.video p a{
color:#585858;
}


#onglets{
background:#fff;width:175px;	
}

#onglets a{
display:block;
width:167px;
height:57px;
border-left:0px;
margin-bottom:4px;
background:#daeaf3;
border-right:3px solid #fff;
font-size:11px;
color:#5bacdc;
line-height:17px;
text-decoration:none;
padding-left:5px;
padding-top:5px;

}
#onglets a:hover{
background:#eee;
color:#707070;
}

#onglets a.selected{
display:block;
width:169px;
border-left:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
border-top:1px solid #d0d0d0;
border-right:0px;
background:#e1e1e1;
color:#707070;
}

#contentLeft .btnNouvelles{
float:left;
display:block;
text-align:center;
width:99px;
height:21px;
text-decoration:none;
padding-top:8px;
font-size:12px;
color:#fff;
text-transform:uppercase;
background:url(/images/btnNouvelles.gif);
margin-right:5px;
}

#contentLeft #rss{
display:block;
float:left;
font-size:12px;
color:#f47e19;
background:url(/images/rss.gif) left top no-repeat;
padding-left:28px;
height:23px;
margin-top:4px;
margin-left:5px;
padding-top:4px;
text-decoration:none;
}

#contentLeft #rss:hover{
background:url(/images/rss_hov.gif) left top no-repeat;	
color:#f5913d;
}

#planification{
border-top:1px solid #e0e0e0;
margin-top:10px;
padding-top:20px;
}

#planLeft{
margin-right:17px;
float:left;
width:325px;
height:30px;
}
#planLeft h2{margin-bottom:20px;}


#planRight{
width:330px;
float:left;
height:30px;
line-height:11px;
}

#planRight div{
float:left;
width:160px;
height:115px;
margin-right:4px;
margin-bottom:10px;
}

#planRight div span.nom1{
font-size:11px;
display:block;
color:#6f9fca;
margin:0px;padding:0px;
}
#planRight div span.nom1 a{
text-decoration:none;
}
#planRight div span.nom1 a:hover{
color:#1b4165;
}



#planRight div span.nom2{
font-size:10px;
display:block;
color:#585858;
margin:0px;padding:0px;
}

#planRight div span.info{
font-size:10px;
display:block;
color:#838181;
margin:0px;padding:0px;
margin-bottom:5px;
}

#planRight img{
border:2px solid #b5b5b5;	
}

#btnPlanif{
float:left;
display:block;
text-align:center;
width:224px;
height:21px;
text-decoration:none;
padding-top:8px;
font-size:12px;
color:#fff;
text-transform:uppercase;
background:url(/images/btnPlanif.jpg);
margin-right:5px;
}


.arrowLeftPlanif{
display:block;
width:24px;
background:url(../images/arrowLeftTop.gif);
float:left;
margin-right:5px;
}

.arrowLeftPlanif span{
display:block;
width:24px;
background:url(../images/arrowLeftBottom.gif) bottom no-repeat;
height:200px;
}

.arrowLeftPlanif:hover{
background:url(../images/arrowLeftTop_hov.gif);
}

.arrowLeftPlanif:hover span{
background:url(../images/arrowLeftBottom_hov.gif) bottom no-repeat;
}


.arrowRightPlanif{
display:block;
width:24px;
background:url(../images/arrowRightTop.gif);
float:left;
}

.arrowRightPlanif span{
display:block;
width:24px;
background:url(../images/arrowRightBottom.gif) bottom no-repeat;
height:200px;
}
.arrowRightPlanif:hover{
background:url(../images/arrowRightTop_hov.gif);
}

.arrowRightPlanif:hover span{
background:url(../images/arrowRightBottom_hov.gif) bottom no-repeat;
}


#ficheLeft{
width:410px;
float:left;
margin-right:23px;
}

#ficheRight{
width:230px;
float:left;
padding-top:50px;
text-align:left;
}

#ficheRight h5{text-transform:uppercase;margin-bottom:2px;margin-top:7px;}
#ficheRight p{margin-bottom:5px;}
#ficheRight ul{margin:0px;padding-left:17px;margin-bottom:10px;padding-top:5px;}
#ficheRight li{margin:0px;padding:0px;padding-bottom:3px;}
#ficheRight img{padding:2px;border:1px solid #ddd;}

#btnW{position:absolute;right:10px;bottom:10px;}

#btnWL{position:absolute;left:5px;bottom:10px;}

#demande{
width:415px;	
}

#demande div{
font-size:11px;
padding-top:20px;
}
#demande label{
display:block;padding-bottom:2px;
}
#demande label span{
color:#b0b0b0;	
}
#demande input{
width:200px;
border:1px solid #75aac7;
padding: 4px 5px;
color: #333333;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#demande textarea{
border:1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#partager div, #partagerfiche div{
padding-top:4px;
font-size:11px;
width:260px;
margin:0 auto;
}
#partager label, #partagerfiche label{
display:block;padding-bottom:6px;
}
#partager label span, #partagerfiche label span{
color:#b0b0b0;	
}
#partager input, #partagerfiche input{
width:235px;
border:1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#partager textarea, #partagerfiche textarea{
border:1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}



#planificateur{

}

#planificateur div{
padding-bottom:7px;
margin-bottom:5px;
border-bottom:1px solid #f3f3f3;
}

#planificateur input{
width:200px;
border:1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;


}

#planificateur label{
display:block;
font-size:12px;
padding-bottom:5px;
}
#planificateur p{
margin-bottom:5px;
}

#planificateur label span{
font-size:10px;
color:#b0b0b0;
}
#planificateur select{
width:200px;
border:1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#planificateur ul{
margin-right:20px;
list-style:none;
margin:0px;
padding:0px;
padding-top:10px;
}

#planificateur ul li{
	float:left;
	width:200px;
}

#planificateur input{
width:auto;	
}
#planificateur h3{
padding-top:20px;	
}

#planificateurListing label{
display:block;
font-size:12px;
padding-bottom:5px;
}
#planificateurListing p{
margin-bottom:5px;
}

#planificateurListing label span{
font-size:10px;
color:#b0b0b0;
}
#planificateurListing select{
width:200px;
border:1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#planificateurListing ul{
float:left;
margin-right:20px;
list-style:none;
margin:0px;
padding:0px;
width:200px;
padding-top:10px;
}
#planificateurListing input{
width:auto;	
}
#planificateurListing h3{

}


#paging{
	
}

#paging a{
display:block;
float:right;
padding:5px 8px;
margin:2px;
border:1px solid #0a8cd8;
background:#ecf7ff;
color:#0a8cd8;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
}

#paging a.nextPrev{
color:#fff;
background:#0a8cd8;
}
#paging a.selec{
background:#fff;	
border:1px solid #76c1ed;
color:#3e9ed7;
cursor:default;
}

#activites div{
padding:15px 0 0 0;
border-bottom:1px solid #ddd;
clear:left;
float:left;
}
#activites img{
float:left;padding:2px;border:1px solid #ddd;margin:0 10px 10px 0;	
}

#activite img{
float:right;
margin:0 0 10px 10px;
padding:2px;
border:1px solid #ddd;
}

#listing div{
padding:15px 0 0 0;
border-bottom:1px solid #ddd;
clear:left;
float:left;
width:672px;
}
#listing h3{
margin-bottom:5px;
}
#listing span{
display:Block;
margin-bottom:5px;
font-size:11px;
}
#listing span strong{
color:#0a8cd8;	
}
#listing img{
float:left;padding:2px;border:1px solid #ddd;margin:0 10px 10px 0;	
}

.imgEtAjouter{
float:left;
width:120px;
display:block;
}

#hebergement .infoRight{
width:229px;
float:right;
margin-left:15px;
}

#image{
text-align:center;
margin-bottom:15px;
}
#image img{
padding:2px;
border:2px solid #ddd;
}

#images{
width:600px;
float:left;
}
#images a{
display:block;
width:132px;
height:85px;
background:url(/images/bgImgAlbum.jpg);
padding:4px;
float:left;
margin-right:8px;
margin-bottom:5px;
}

#planSite h5{
margin-bottom:20px;
}


/* ContentRight (Sidebar)
--------------------------------------------------------------------------------------- */

#contentRight{
float:left;
width:223px;
padding:9px 8px 0 8px;
background:url(/images/bgContentRight.gif) repeat-x;
}

#rechercher{
width:213px;
height:30px;
padding-top:28px;
padding-left:10px;
background:url(/images/bgRecherche.jpg);
margin-top:7px;
position:relative;
}
	#rechercher.en{
		background:url(/images/en/bgRecherche.jpg);
	}

#rechercher input{
width:167px;
height:17px;
border:1px solid #689aba;
}
#rechercher img{
position:absolute;
right:10px;
top:27px;
}

#sac{
margin:8px 1px;
border:1px solid #cfd8dd;
padding:2px;
padding-bottom:0px;
background:#fff;
}
#sac a{
text-decoration:none;	
}

#sac .title{
background:#e1e1e1;	
padding:8px;
font-size:11px;
color:#757575;
width:199px;
}

#sac ul{
margin:0px;
padding:0px;
list-style:none;
}

#sac ul li{
padding:8px;
list-style:none;
float:left;
clear:both;
width:199px;
font-size:12px;
color:#494949;
}

#sac ul li span{
color:#5bacdc;	
}

#sac ul li.alt{background:#e1e1e1;}

#sac ul li img{
float:right;	
margin-left:6px;
}

#btnSac{
display:block;
width:168px;
height:19px;
text-align:center;
padding-top:5px;
background:url(/images/btnSac.jpg);
font-size:11px;
color:#fff;
text-decoration:none;
margin:6px;
}
#btnSac:hover{
color:#ddd;
}

#mailing{
width:213px;
height:32px;
background:url(/images/bgMailing.jpg);
position:relative;
padding-top:45px;
padding-left:10px;
}
	#mailing.en{
		background:url(/images/en/bgMailing.jpg);
	}

#mailing input{
width:167px;
height:17px;
border:1px solid #689aba;
}
#mailing img{
position:absolute;
right:10px;
top:44px;
}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer{background:#424242;padding-bottom:40px;}

#footerC{
clear: both;
width:954px;
margin:0 auto;
background:url(/images/bgFooter.gif) top no-repeat;
text-align:center;
font-size:11px;
color:#fff;
line-height:20px;
padding-top:7px;
}

#footerC a{color:#fff;text-decoration:none;}
#footerC a.english{color:#424242;}
#footerC a:hover{text-decoration:underline;}
#copy{margin-top:25px;color:#b3b3b3;text-align:center;}
#copy a{color:#b3b3b3;text-decoration:none;}
#copy a:hover{text-decoration:underline;}
#copy a span{color:#ddd;}

fieldset{
	margin: 0px;
	padding: 10px;
	border: 0px;
	color: #333333;
	font-size: 11px;
	margin-bottom:20px;
	padding-left:0px;
}
fieldset legend{
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px 10px;
}
fieldset input,
fieldset select,
fieldset textarea{
	border: 1px solid #75aac7;
	padding: 4px 5px;
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
fieldset select{
	padding: 3px;
	
}
fieldset input.nothing,
fieldset select.nothing{
	padding: 0px;
	border: none;
}
fieldset div.row{
	width: 393px;
	padding: 3px 0px;
	float: left;
	clear: left;
	padding-bottom:10px;
}
fieldset label{
	float: left;
	width: 160px;
	padding-bottom: 5px;
}
fieldset legend label{
	float: none;
	width: auto;
	padding-bottom: 0px;
}
fieldset em{
	font: 16px/10px "Times New Roman", Times, serif;
	color: #75aac7;
	padding: 0px 5px;
}
fieldset label.full{width: auto;}

fieldset fieldset{
	margin: 15px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #F0F0F0;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	color: #333333;
	font-size: 11px;
	background: #F9F9F9;
}
fieldset fieldset div.row{
	width: 371px;
}

#teasRight{
float:right;
widht:227px;
margin:0 0 0 15px;
}
#teasRight img{
padding:1px;
border:1px solid #ddd;
margin-bottom:8px;
}

#nbrFiche{
padding:5px;
background:#deeef8;
text-transform:uppercase;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#5197c0;
font-weight:Bold;
margin-bottom:10px;
}

#fichePaging{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
color:#bebdbd;
margin-bottom:15px;
}

#fichePaging span{
color:#5197c0;
}

#fichePaging a{
color:#bebdbd;
text-decoration:none;
}

#fichePaging a.selected{
font-size:15px;
color:#5197c0;
}



.ficheTable{
width:140px;
float:left;margin-right:5px;
}

.ficheTable2{
width:156px;
float:left;margin-right:0px;
}


.ficheContainer2{
	display:block;
width:468px;
float:left;
margin-right:5px;
overflow:hidden;
position:relative;
}

.ficheFullSize{
width:5000px;
position: relative;
left:0px;
}

.tblE td{
height:120px;
padding:6px;
padding-top:0px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#5197c0;
text-transform:uppercase;
font-weight:bold;
}

.tblE img{
border:2px solid #b7b7b7;	
margin-bottom:5px;
position:relative;
left:-5px;
}

.tblS td{
background:#deeef8;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#5197c0;
text-transform:uppercase;
font-weight:bold;
height:20px;
padding:6px;
padding-right:0px;
}

.tblC td{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#5197c0;
text-transform:uppercase;
font-weight:bold;
height:20px;
padding:6px;	
padding-right:0px;
}

.tblS2 td{
background:#deeef8;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#585858;

height:20px;
padding:6px;
padding-right:0px;
}

.tblC2 td{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#585858;

height:20px;
padding:6px;	
padding-right:0px;
}



.tblT td{
background:#deeef8;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#5197c0;
text-transform:uppercase;
font-weight:bold;
height:20px;
padding:6px;
padding-right:0px;
}

.tblP td{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#585858;
height:12px;
padding:6px;
background:#eff7fc;
padding-right:0px;
}

.tblF td{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#585858;
height:12px;
padding:6px;
background:#deeef8;
padding-right:0px;
}

.tblP2 td{
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#585858;
height:24px;

background:#eff7fc;
padding-right:0px;
}

.tblF2 td{
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#585858;
height:24px;

background:#deeef8;
padding-right:0px;
}

.tblP2 img{
float:left;	
padding:3px 0 0 2px;
}
.tblP2 span{
display:block;
float:left;
padding:5px 0 0 2px;
}
.tblF2 img{
float:left;	
padding:3px 0 0 2px;
}
.tblF2 span{
display:block;
float:left;
padding:5px 0 0 2px;
}

.tblLiens td{
padding:2px 0 0 5px;	
}

.tblLiens a{
text-decoration:none;
font-size:10px;
}

.tblLiens img{
position:relative;
top:3px;
}

div.ficheSauvegarde{
background:#deeef8;

height:28px;
text-align:center;
}

div.ficheSauvegarde img{
float:left;	
padding:5px 0 0 5px;
}
div.ficheSauvegarde span{
float:left;	
display:Block;
padding:6px 0 0 5px;
}

div.ficheSauvegarde a{
text-decoration:none;	
display:block;
float:left;
padding: 0px 5px;
}

#leForfait{
	
}

#imgForfait{
padding:3px;
border:1px solid #ddd;
margin:0 10px 10px 0;
float:left;
}

.forfait{
float:left;
width:220px;
margin-right:5px;
}
#activite.fholder .forfait{width:405px; display: inline;}

.forfait h3{
padding:5px 10px;
background:#5aacdc;
color:#fff;
font-size:11px;
}

.forfait img{
padding:5px;
border:1px solid #ddd;
margin-bottom:10px;
}

.forfait ul{

border:1px solid #ddd;
padding:5px;
margin:0px;
padding-left:20px;
margin-bottom:10px;
}
.forfait ul.tarif{
padding-left:10px;	
font-weight:bold;
}
.forfait ul.tarif li{
list-style:none;
}





/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {float: left; margin: 0 10px 4px 0; padding:2px; border:1px solid #ddd;}
.img-right {float: right; margin: 0 0 4px 10px; padding:2px; border:1px solid #ddd;}
.img-bord {padding:2px; border:1px solid #ddd;}
.noborder {border: none;}
.alt {background: #f0f0f0;}
.table td{padding:6px;border:1px solid #ddd;}

.boxgrid{ 
width: 215px; 
height: 170px; 
margin:7px;
margin-left:0px;
float:left; 
background:#161613; 
border: solid 2px #8399AF; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260px;
left: 0;
}
.caption .boxcaption {
top: 220px;
left: 0;
}

div.nouvelle .newsdesc{
	float: left;
	width: 440px;
	padding-left: 10px;
}

.boxgrid h4{
margin:0px;padding:3px;color:#fff;padding-bottom:1px;	padding-left:10px;font-size:13px;
}

#framholder{
	width: 909px;
	margin-top: 10px;
	border: 1px solid #e1e1e1;
	border-top: none;
}
#framholder iframe{
	width: 909px;
	height: 550px;
	overflow: visible;
	overflow-x: auto;
}

#contentRight .liste-congres-box {padding:0 0 8px;}
#contentRight .liste-congres-box .box-repeat {background:url(/images/bg-modulecongres-repeat.gif) repeat-y top left;width:220px;}
#contentRight .liste-congres-box .box-top {background:url(../images/bg-modulecongres-top.png) no-repeat top left;margin:0;}
#contentRight .liste-congres-box .box-bottom {background:url(../images/bg-modulecongres-bottom.gif) no-repeat bottom left;height:64px;margin:0;min-height:64px;padding:64px 0 8px;}
html > body #contentRight .liste-congres-box .box-bottom {height:auto;min-height:64px;}
#contentRight .liste-congres-box ul {list-style-type:none;margin:0;padding:0;}
#contentRight .liste-congres-box ul li {background:none;margin:0 0 2px;padding:0 11px;width:198px;}
#contentRight .liste-congres-box ul a {background:url(/images/modulecongres-arrow.gif) no-repeat 188px 3px #fef5e9;border:1px solid #fff;color:#585858;display:block;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;width:198px;}
#contentRight .liste-congres-box ul a span {display:block;padding:3px 30px 3px 5px;width:163px;}
#contentRight .liste-congres-box ul a span.desc {display:none;}
#contentRight .liste-congres-box ul a.selected span.title {display:none;}
#contentRight .liste-congres-box ul a.selected span.desc {display:block;}
#contentRight .liste-congres-box ul a:hover {color:#000;}

#contentRight .liste-evenements-box .box-repeat {background:url(/images/bg-modulecongres-repeat.gif) repeat-y top left;margin:0 0 3px;width:220px;}
#contentRight .liste-evenements-box .box-top {background:url(../images/bg-moduleevenement-top.png) no-repeat top left;}
#contentRight .liste-evenements-box .box-bottom {background:url(../images/bg-modulecongres-bottom.gif) no-repeat bottom left;height:64px;min-height:64px;padding:64px 0 8px;}
html > body #contentRight .liste-evenements-box .box-bottom {height:auto;min-height:64px;}
#contentRight .liste-evenements-box ul {list-style-type:none;margin:0;padding:0;}
#contentRight .liste-evenements-box ul li {background:none;margin:0 0 2px;padding:0 11px;width:198px;}
#contentRight .liste-evenements-box ul a {background:url(/images/modulecongres-arrow.gif) no-repeat 188px 3px #fef5e9;border:1px solid #fff;color:#585858;display:block;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;width:198px;}
#contentRight .liste-evenements-box ul a span {display:block;padding:3px 30px 3px 5px;width:163px;}
#contentRight .liste-evenements-box ul a span.desc {display:none;}
#contentRight .liste-evenements-box ul a.selected span.title {display:none;}
#contentRight .liste-evenements-box ul a.selected span.desc {display:block;}
#contentRight .liste-evenements-box ul a:hover {color:#000;}

#contentRight #table-calendar {background:url(/images/bg-calendar.gif) no-repeat 0 0;border:0;font:13px/17px Arial, Helvetica, sans-serif;height:276px;margin:5px 0 8px;padding:0;width:220px;}
#contentRight #table-calendar th {background:url(/images/t-calendrier.gif) no-repeat 0 0;border:0;height:41px;padding:0;width:220px;}
#contentRight #table-calendar th.en {background:url(/images/t-calendar.gif) no-repeat 0 0;}
#contentRight #table-calendar th span {display:none;}
#contentRight #table-calendar .month td {background:url(/images/bg-month.gif) no-repeat 0 0;color:#000;height:21px;text-align:center;vertical-align:top;width:220px;}
#contentRight #table-calendar .month td table {width:220px;}
#contentRight #table-calendar .month td td {background:none;}
#contentRight #table-calendar .month td td.month {width:60%;}
#contentRight #table-calendar .month .prev {text-align:right;}
#contentRight #table-calendar .month .next {text-align:left;}
#contentRight #table-calendar .month a {display:inline-block;height:15px;margin:0 0 0;width:22px;}
#contentRight #table-calendar .month .prev a {background:url(/images/btn-prev-month.gif) no-repeat 0 0;margin:3px 0 0;}
#contentRight #table-calendar .month .next a {background:url(/images/btn-next-month.gif) no-repeat 0 0;margin:3px 0 0;}
#contentRight #table-calendar .month a span {display:none;}
#contentRight #table-calendar .month span {display:inline-block;padding:3px 0 0;}
#contentRight #table-calendar div.cal-wrapper {height:211px;padding:0 10px;}
#contentRight #table-calendar table.days {height:204px;width:200px;}
#contentRight #table-calendar tr.days td {color:#000;height:23px;text-align:center;}
#contentRight #table-calendar .day td {text-align:center;vertical-align:middle;}
#contentRight #table-calendar .day td div {background:url(/images/bg-day.gif) no-repeat center center;color:#5197c0;height:20px;padding:4px 0 0;width:24px;}
#contentRight #table-calendar .day td.curdate div {background:none;}
#contentRight #table-calendar .day td a {background:url(/images/bg-activity.gif) no-repeat center center;color:#fff;display:block;height:20px;padding:4px 0 0;text-decoration:none;width:24px;}
#contentRight #table-calendar .day td a:hover {text-decoration:underline;}

#liste_activite p.more,
#liste_activite div.paging {float:right;margin:0;padding:20px 0;width:672px;}
#liste_activite div.paging {padding:0 0 2px;}
#liste_activite p.more a,
#liste_activite div.paging a {display:block;float:right;padding:5px 8px;margin:2px;border:1px solid #0a8cd8;background:#ecf7ff;color:#0a8cd8;font-family:Verdana, Geneva, sans-serif;font-size:12px;text-decoration:none;}
#liste_activite .liste-activites {border-bottom:1px solid #DDD;clear:left;float:left;padding:15px 0 0;width:672px;}
#liste_activite .liste-activites h3 {color:#0A8CD8;margin-bottom:5px;}
#liste_activite .liste-activites p span {display:block;font-size:11px;margin-bottom:5px;}
#liste_activite .liste-activites p span strong {color:#0A8CD8;}