/*
helpers
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  *zoom: 1;
}
/*
generic
*/
*{
	margin: 0;
	padding: 0;
}
img
{
	display: block;
	border: none;
}
ul, ul li
{
	list-style-type: none;
}
a
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
body 
{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 0px;
	width:100%;
	font-size: small;
	/*color: #58585a;*/
	overflow-y:overflow;
	overflow-x:overflow;
	
}
/* render html5 elements as block */
header, footer, section, aside, article, nav {
display: block;
}


/*
header
*/

#header
{
    width: 920px;
}
#header header {
    width: 444px;
}
.mainNav {
    width:360px;
    float: left;
    padding-top: 92px;
    padding-left: 57px;
}
.mainNav ul
{
	float: left;
	width: 108px;
}
.mainNav ul.gd
{
	width: 120px;
        float: right;
        position: relative;
        bottom: 2px;

}
.mainNav ul li.pb
{
	padding-top: 25px;
}
.mainNav ul li
{
	padding-bottom: 2px;
}
.mainNav ul li.l span,div.option span
{
	color: #58585a;
	font-weight: bold;
}

.searchForm fieldset {
    border:1px solid #e2e2e2;
    padding:0px;
}
.searchForm .l, .searchForm .r{
    float:left;
    padding: 2px 3px;
} 

.searchForm .str{
    width:83px;
    border:none;
}


::-webkit-input-placeholder {
  color: #000;
    opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
    opacity:1;
}
:-ms-input-placeholder {
  color: #000;
    opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
    opacity:1;
}
.searchForm .r {
    float:right;
    border-left: #e2e2e2 solid 1px;
}
.searchForm .s{
    border:none;
    background: transparent;
    font-size:95%;
}



/*
 end Header
*/
a.b
{
	font-weight: bold;
}

footer
{
	padding-top: 55px;
	padding-bottom: 55px;
	clear: both;
	padding-left: 51px;
        min-width: 888px;
}
footer div.l, footer div.r
{
	width: 404px;
	float: left;
	border-top: 1px solid #000;
	padding-top: 20px;
}
footer div ul
{
	width: 200px;
	float: left;
}
footer div ul li
{
	color: #3E3E40;
	padding-bottom: 5px;
}
footer div ul li a
{
	color: #3E3E40;
}
footer div ul li.b
{
	color: black;
	font-weight: bold;
}
footer div.r 
{

	margin-left: 30px;
}
div.sp
{
	clear: both;
	height: 50px;
}
#content
{
	padding:3px 0 0 51px;
	clear: both;
        min-width: 880px;
}
#Fr 
{ 
	z-index:3;
  	width: 20px;
 	height: 15px;
	position:absolute;
	top: 245px;
	left: 233px;
		
}

div.slideshow 
{
  	width: 191px;
  	height: 191px;
   	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 3px 9px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 3px 9px 15px;
	box-shadow: rgba(0, 0, 0, 0.15) 3px 9px 15px;
}
  
#vignette-fixe 
{	
	z-index:3;
	width: 191px;
	height: 191px;
	position: absolute;
	left: 50px;
	top: 514px;
}
.vignette-fixe:hover 
{
	display:none;
}
   
  
#Titre 
{
	z-index:1;
	width: 500px;
	height: 400px;
	position:absolute;
	top: 50px;
	left: 50px;
	font-family:Arial;
	font-weight:bold;
	font-size:60px;
	color:#FFF
}
#fond {
	z-index:0;
	width: 1258px;
	height: 760px;
	position:absolute;
	top: 0px;
	left: 0px;
	font-family:Arial;
	font-weight:bold;
	font-size:60px;
	color:#FFF
}
.invisible 
{
	color:rgba(0,0,0,0)
}
#titre-vignette 
{

}

.titre-vignette 
{

	color: #000;
	font-weight: bold;
	float: left;
	width: 215px;
	height: 270px;	
}
div.titre-vignette div.admin_form, div.admin_show div.admin_form
{
	clear: both;
}
div.titre-vignette div.admin_form form, div.admin_show div.admin_form form
{
	clear: none;
	float: left;
	width: 40px;
}
div.titre-vignette div.admin_form form.pos input, div.titre-vignette div.admin_form form.pos button
{
	width: 20px;
	float: left;
	clear: none;
	
}
.titre-vignette h2
{
	font-size: 100%;
	padding-top: 10px;
	width: 190px;
}
.titre-vignette img, img.imgP, div.list img.vignette, div.list section.actu article img.actu, article#texte_article img.T, section.fiche img.mapImg, div.agence div#slideshow, div.agence img.vignette
{
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 3px 9px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 3px 9px 15px;
	box-shadow: rgba(0, 0, 0, 0.15) 3px 9px 15px;
}
div.list section.actu article p a
{
    border-bottom: 1px solid #3E3E40;
}
img.imgP
{
	clear: both;
	margin-bottom: 35px;
	z-index: 0;
}
.sous-titre 
{
	
	font-size: 11px;
	color: #000;
	font-weight: normal;
	line-height: 16px;
}
header
{

	margin:0;
	padding: 0;
	float: left;
	width: 478px;
}
img.filet
{
	float: left;
	width: 25px;
	margin-top: 90px;
}
header img.logo
{
	margin: 20px 0 0 51px;	
}

section header
{
	clear: both;
	width: auto;
	float: none;
	padding-top: 46px;
}
section header h1
{
	font-size: 145%;
	float: left;
	width: auto;
	text-transform: uppercase;
}
section header div.option
{
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	text-transform: none;
}
section header div.option.liste
{
	padding-left: 70px;
}
section header div.option.rubrique img
{
	position: relative;
	bottom: 5px;
}
section header div.option.nav a
{
	text-transform: none;
	font-size: 110%;
	position: relative;
	bottom: 1px;
}
div.vignette
{
	clear: both;
	padding-top: 20px;
}
section.fiche
{
	width: auto;
}
section.fiche header, section.fiche div.wt, article#texte_article p
{
	width: 832px;
}
section.fiche header
{
	padding-bottom: 15px;
}
section.fiche header h1
{
	color: #000000;
	text-transform: uppercase;
	width: 550px;
}
section.fiche header h1 span.n
{
	font-weight: normal;
	font-size: 85%;
	color: #3e3e40;
	text-transform: none;
}
section.fiche header div.option
{
	float: right;
}
section.fiche, section.fiche a, section.fiche header h1 span.n
{
	color: #3e3e40
}
section.fiche img.mapImg
{
	float: right;
}
section.fiche div.l
{
	float: left;
	width: 600px; 
	
}
section.fiche div.wt
{
	border-bottom: solid 1px #a5a5a7;
	padding-bottom: 25px;
}
section.fiche div.wt dl dt
{
	padding-bottom: 1px;
	line-height: 1.5em;
	
}
section.fiche div.wt dl dt:first-letter
{
	
}
section.fiche form
{
	clear: both;
}
div.categories
{
	padding-top: 17px;
	float: left;
	width: 80px;
	font-size: 90%;
}
div.categories dl dt
{
	font-weight: bold;
	text-transform: uppercase;
}
div.categories dl dt, div.categories dl dd
{
	padding-bottom: 5px;
}
div.categories dl dd a
{
	/*text-transform: lowercase;*/
}
div.list
{
	clear: both;
	padding-top: 20px;
}
div.list img.vignette
{
	float: left;
	margin-right: 130px;
}
div.list div.l img.vignette
{
	margin-right: 0;
	clear: both;
}
div.list div.l 
{
	float: left;
	width: 320px;
}
div.list ul.list-item ul li, div.list ul.list-item ul li a
{
	color: #3e3e40;
	
}
div.list ul.list-item ul li a span.b
{
	color: #000;
	font-weight: bold;
}
div.list ul, div.list section
{ 
	float: left;
	width: 671px;
}
div.list ul.list-item
{
	width: 671px
}
div.list ul.list-item li.mo
{
	width: 621px;
}
div.list ul.list-item.pt
{
	width: 515px;
}
div.list ul.list-item.pt li.mo
{
	width: 465px;
}
div.list ul.list-item.pt li.repere,div.list ul.list-item li.repere
{
	width: 30px;
}
div.list ul li
{
	border-top: 1px solid #ababab;
	float: left;
	clear: both;
	width: auto;
	
}
div.list ul li ul
{
	width: auto;
	padding: 0;
}
div.list ul li.mo
{
	padding: 10px 0 10px 0;
}	
div.list ul li ul li
{
	border: none;
	clear: none;
	width: auto;
}
div.list ul li.lieu
{
	width: 216px;
	color: black;
}
div.list ul li ul.sub li
{
	clear: both;
	float: none;
	width: 400px;
}
div.list ul li.repere
{

	float: right;
	font-weight: bold;
	border-top: none;
	clear: none;
	width: 30px;
	font-size: 125%;	
}
div.list article header
{
	padding-top: 0;
}
div.list article header h1
{
	text-transform: uppercase;
}
div.list article p, div.list article dl, div.list article h2
{
	clear: both;
	padding: 20px 0 50px 0;
}
div.list article h2
{
	font-size: 115%;
	padding-bottom: 0px;
}
div.list article p
{
	line-height: 1.5em;
	color: #3e3e40;
}
div.list article.p p
{
	padding-top: 10px;
	padding-bottom: 15px;
}
div.list article dl.l,div.list article dl.r
{
	float: left;
	width: 323px;

}
div.list article dl.r
{
	clear: none;
}
div.list article dl dd
{
	padding-bottom: 5px;
	color: #3e3e40;
}
div.list article dl dt
{
	font-size: 110%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
div.list article dl dt.f
{
	padding-top: 0;
}
div.list article.f
{
	float: left;
	width: 229px;
}
div.list section.contact
{
	width: 800px;
	padding-left: 223px;
}
div.list section.contact a
{
	color: #3e3e40;
}
div.list section.contact article p
{
	padding-bottom: 90px;
}
div.list article.c
{
	float: left;
	width: 248px;
	clear: none;
	padding-left: 90px;
}
div.list article header h1
{	
	font-size: 120%;
}
div.list section.actu article header p, div.list section.actu article div.legende p
{
	padding: 0;
}

div.list section.actu article p
{
	width: 512px;
	text-align: justify;
	padding-bottom: 0;
}
div.list section.actu article header h1
{
	font-size: 150%;
}
div.list section.actu article img.actu
{
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}
div.list section.actu article.p.f
{
	width: auto;
}
div.list section.actu article.p.f header h1
{
	padding-top: 0;

}
div.list section.actu article.p header h1
{
	padding-top: 20px;
}
div.list section.actu article div.legende, article#texte_article div.legende
{
	float: left;
	width: 110px;
	padding-left: 25px;
	padding-top: 13px;
}
div.list section.actu article div.legende p, article#texte_article div.legende p
{
	width: auto;
	text-align: left;
}
div.list section.actu article div.legende p span.copy, article#texte_article div.legende p span.copy
{
	font-size: 85%;
}
div.list section.actu div.admin_form.actu
{
	clear: both;
}
article#texte_article
{
	padding-top: 25px;
	text-align: justify;
}
article#texte_article img.T
{
	margin: 15px 0 0px 0;
	float: left;
	clear: both;
}

article#texte_article div.dcol p,div.agence article p.dcol {
	-moz-column-width: 380px;
	-webkit-column-width: 406px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	-moz-column-rule: 1px solid #fff;
	-webkit-column-rule: 1px solid #fff;
	column-rule: 1px solid #fff;
	column-width: 380px;
	column-gap: 20px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	line-height: 1.5em;
}



div.ir
{
	clear: both;
	position: absolute;
	margin-top: -65px;
	margin-left: 715px;
	z-index: 1;
	
}
div.ir div.d
{
	background-color: #000;
 	color: #fff;
	float: left;
	height: 16px;
	padding: 4px 5px 5px 5px;
	margin-right: 2px
}

div#content div.pager
{
	clear: both;
	color: #3e3e40;
	font-weight: normal;
}
div#content div.pager a, div#content div.pager span.s
{
	color: #3e3e40;
	font-weight: normal;
}
div#content div.pager span.active
{
	color: black;
	font-weight: bold;
}







dd#fr-element, dd#en-element, dd#ch-element, dd#videoch-element, dd#videofren-element
{
	width: 400px;
	float: left;

}
textarea#textefr, textarea#texteen, textarea#textech
{
	height: 200px;
}
section.actu dd#fr-element, section.actu dd#en-element, section.actu dd#ch-element
{
	width: 200px;
	float: none;
	clear: both;
}
section.actu textarea
{
	width: 512px;
	float: none;
	clear: both;
}
section.actu #submit
{
	clear: both;
}
fieldset
{
	border: none;
	padding-left: 25px;
}
section.actu fieldset
{
	padding-left: 0;
}
dd#fr-element fieldset,dd#autrelieuwrapper-element fieldset, dd#autresouscategoriewrapper-element fieldset, dd#videofren-element fieldset
{
	padding-left: 0;
}
dt#public-label
{
	clear: both;
	margin-top: 10px;
}
dt#fr-label, dt#en-label, dt#ch-label, dt#videoch-label, dt#videofren-label
{
	display: none;
}

textarea
{
	width: 350px;
	height: 66px;
}
div.video
{
	padding: 15px 0 0 0;
}
.DynarchCalendar-title div {
  padding: 5px 17px;
  text-shadow: 1px 1px 1px #777;
	position: relative;
	left: 40px;
}
div.admin_show dl dt
{
	font-weight: bold;
	margin-top: 10px;
	clear: both;
}
div.admin_show dl dd img
{
	margin-bottom: 10px;
}
div.agence
{
	clear: both;
	padding-top: 15px;
	width: 832px;
}
div.agence article
{
	float: left;
}
div.agence img.vignette
{
	float: right;
	margin-top: 48px;
}
div.agence article p
{
	clear: both;
	color: #3E3E40;
	line-height: 1.5em;
	font-size: 110%;
	padding-top: 15px;
}
div.agence article p.hyphenate
{
	text-align: justify;
}
div.agence article header
{
	padding-top: 48px;
}
div.agence article p.dcol.hyphenate
{
	-moz-column-width: 405px;
}
img.tt
{
	
	/*margin-top: 5px;*/
}
li.tt
{
	height: 10px;
	padding-top: 6px;
}
body div.hdp
{
    clear: both;
    width: 888px;
    padding-top: 30px
}
body div.hdp img
{
    float: right;
}
body div.hdp a.hdp
{
    display: block;
    float: right;
    clear:both;
    font-size: 11px;
    color: #3E3E40
}
div.list div.markItUpHeader ul li{
    clear: none;
}