/*!
 * ****************************
 * Layout
 * ****************************
 */
html, body{margin:0;padding:0;height:100%;}
h2,h3,h4 {margin: 1em 0 .5em 0;}
p {margin:1.5em 0 1.5em 0;line-height:1.5em;}/*testing rhythm*/
ul {	margin: 0 1em;	padding: 0 1em;}
img {vertical-align: text-bottom; border: 0;}
blockquote { margin: 1em 3em;}
a {text-decoration: underline;}
button {vertical-align:middle;margin:0;padding:0.3em 0.5em;width:auto;}

table {width:90%;padding:0;}
td, th {padding:5px;vertical-align:middle;text-align:center;}

article {border-bottom:1px dotted #666;display:block;margin:0 5em 3em 2em;}

/********* DEBUG ********/
#debug {margin:0;padding:0;width:970px;color:white;background-color:black;}
#debug pre {margin:0;padding:10px;font-size:1.4em;}

/*** classes ***/
.clea {clear:both;height:0px;}
.center{text-align:center;}
.js a.phpmv2 {display:none;}

/*** SuperConteneur ***/
#container {width: 100%;}
#container.fullHeight {min-height:80%;}

/*** Conteneur ***/
#page {position:relative;width: 970px;margin: 0 auto;}

/*** Entete ***/
header {display:block;padding:0;margin:0;width:970px;height:140px;}
header ul{position:absolute;right:0;top:0;margin:0 0.5em 0 0;padding:0;}
header li{display:inline;margin-right:0.5em;}
header #logo span{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
header #logo {height:140px;}
header #logo h1 {margin:0;padding:0;font-size:1px;line-height:1px;text-indent:-5000px;}
header #logo a.lien-accueil{position:absolute;top:30px;height:80px;}
header #logo a.lien-accueil:hover{border:1px solid #CCCCCC;}
header #logo a#moviken {left:385px;width:200px;}
header #logo a#moviken-sle {left:365px;width:240px;}

/*** Navigation ***/
nav {display:block;position:relative;z-index:5;}
nav {margin:0;}
/*nav ul{padding:0;margin:0;width:970px;height:33px;}
nav li{float:left;padding:0;}
nav li a {display:block;line-height:33px;width:243px;height:33px;text-align:center;}
nav li#sol a, nav li#nav_34 a, nav li#nav_10 a {width:242px;}*/

nav ul {padding:0;margin:0;width:970px;height:33px;}
nav ul ul {width:auto;height:auto;}
nav li {float:left;padding:0;width:206px;}
nav li a {display:block;line-height:33px;/*width:243px;*/height:33px;text-align:center;}
nav li#nav_35, nav li#nav_35 li, nav li#nav_10, nav li#nav_10 li {width:159px;}
nav li#nav_69, nav li#nav_69 li {width:240px;}
nav ul ul li a {/*display:inline;*/width:auto;height:auto;padding:0 5px;text-decoration:none;text-align:left;}
/*nav ul ul li a:hover {text-decoration:underline;background:none;}*/
nav li li {width:206px;float:none;}

.js nav ul ul {display:none;/*width:970px;*/position:absolute;/*left:0;*/}
/*.js nav ul li#nav_34 ul{padding-left:206px;width:764px;} /* 764 + 206 = 970 */
/*.js nav ul li#nav_35 ul{padding-left:652px;width:318px;}
.js nav ul li#nav_10 ul{padding-left:550px;width:420px;}
.js nav ul li#nav_69 ul{padding-left:412px;width:558px;}*/
/*.js nav ul ul li a {width:auto;height:auto;padding:0 5px;text-decoration:none;}*/
/*.js nav ul ul li a:hover {text-decoration:underline;background:none;}
.js nav li li {width:auto;float:none;}*/

/*** Fil Ariane ***/

#breadcrumb {list-style:none;border:1px solid #dedede;height:1.6em;margin:0.75em 0 0 21.7708em;padding:0;font-size:0.8em;}
#breadcrumb li {float:left;line-height:1.6em;padding-left:.75em;color:#777;}
#breadcrumb li a {display:block;padding:0 15px 0 0;background:url(../img/breadcrumbs.png) no-repeat right center;color:#a7a7a7;}
#breadcrumb li.current {color:#000000;text-decoration:none;font-weight:bold;}


/*** Accueil ***/
#page #id-accueil {list-style-type:none;margin:1em 10px 0;}
#page #id-accueil li {float:left;width:175px;height:417px;margin:1em 5px;}
#page #id-accueil li a {display:block;width:175px;height:417px;	}

/*** Contenu ***/
#contenu {/*margin: 0 0 0 165px;*/margin: 0 0 0 185px;/*padding:0 1.5em 4em 3em;*/padding:0 2em 4em;min-height:400px;}
.accueil #contenu {margin: 0 0 0 470px;}
.accueil #contenu section {display:block;margin:0 0 0 30px;padding:50px 0 0;}
#contenu h2 {margin:12px 1em 0.75em 0;/*height:35px;*/padding:11px 0 0 0;}
#contenu h3 {margin:1em 0.5em 0 0;padding:11px 0 0;}
#contenu p{margin:0.5em 1em 1em 0;line-height:1.25em;}
#contenu p.intro {margin-top:1.5em;padding-top:11px;}
#contenu ul{margin-left:2.5em;margin-bottom:1em;line-height:1.4em;}
#contenu li{margin-top:0.4em;}
#contenu .column2 li {display:inline-block;width:50%;}
#contenu .column3 li {display:inline-block;width:30%;}
#contenu p.plan {margin-left:0;}
#contenu p.align-right-inputs {width:50%;margin-left:6.7em;text-align:right;} /* 6.7em = largeur des labels + padding des labels, 50% = largeur des inputs */

#contenu table {border-collapse:separate; border-spacing: 10px 10px;}
#contenu tbody th {text-align:right;}
#contenu blockquote {
	margin:0.25em 2em 0.25em 75px;
	text-indent: 25px;
	background: transparent url(../img/quotes1.png);
	background-position: 5px 7px;
	background-repeat: no-repeat;
	padding:5px;
}

#contenu blockquote p {font-style:italic;}
#contenu blockquote span.endcite {
	margin: 0;
	padding-right: 24px;
	background: url(../img/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#contenu h3.citation {margin:0 3em;padding:0;font-size:1.4em;color:#009DDB;}
#contenu h3.citation + p {font-size:1em;font-style:italic;margin:0 1em 1em 50px;}
#contenu p.voirsource {margin-left:75px;padding:5px;}

#contenu .center {text-align:center;}
#contenu .chiffres {width:640px;margin:1em auto;padding:0 10px;}
#contenu .chiffres p {margin-bottom:0.2em;}
#contenu .chiffres ul li{display:inline-block;width:50%;}

#contenu figure { /*display:inline-block;*/display:block;text-align:center;font-size:1.25em;}
#contenu figure a {}
#contenu figure img{  padding:4px;vertical-align:middle;margin:2px 10px;}

#contenu.videos figure {display:inline-block;width:45%;margin-bottom:2em;}
#contenu.videos figure.full {width:90%}
#contenu.videos figure.full figcaption {display:block;}

/*#contenu figure + p{ display:inline-block;vertical-align:top;width:50%;margin-left:1em;}*/
/*** Galerie ***/
#galerie {padding:5px 0 5px 5px;text-align: left ;}
#galerie h3 {margin:0 0.5em 0 170px;padding-top:0;}
#galerie #themes {float:left;margin:0;padding:0;text-align:left;}
#galerie #photo{width:580px;text-align:center;margin-left:150px;}
#galerie #photo div{width:550px; height:550px; margin: 0.3em auto 0 auto;text-align:center;}
#galerie #photo img{margin:0;width:550px; height:550px;padding:3px;}
#galerie #galerie_mini{margin: 1em auto 0 162px;padding: 0 ;}
#galerie_mini li{float: left ;width  : 70px;height : 70px;margin:0.3em;padding:2px;}
#galerie #big_pict{visibility:hidden;}
#galerie_mini li a {height:70px;width:70px;display:block;}

/*** Formulaire ***/
#contactForm label {width:5.5em;float:left;text-align:right;padding-right:1.2em;}
#contactForm textarea {width:50%;height:15em;padding:3px;}
#contactForm input.text {width:50%;padding:3px;}
#contactForm em {margin-left:0.5em;}
#contactForm em.error, em.ok {padding-left:18px;}

/*** hcard ***/
#contenu.planacces div.vcard {margin-left:1em;text-align:left;margin-bottom:1em;}

/*** Menu extra1 ***/
#extra1 {float:left;/*width: 160px;*/width:175px;/*margin:1.5em 0 4px 1em;*/margin:0;padding:0 5px;display:inline;  /*The IE Doubled Float-Margin Bug*/text-align:left;}
#extra1 .box {margin:15px 0 2em 0;}
#extra1 ul {/*margin:0 0.25em 0.5em 0.5em;padding:0 0.25em 0 0;*/margin:0;padding:30px 0 0;min-height:417px;}
#extra1 ul ul {padding:0;min-height:0;}
#extra1 li {padding:2px 12px;}
#extra1 .box ul li ul li {padding:0 0 0 10px;}
#extra1 li a:link,#extra1 li a:visited {display:block; padding: 0.2em 0.25em 0.2em 0.25em;}

.accueil #extra1 {width:465px;padding-top:50px;}
.accueil figure {margin:0 20px;}
.accueil figure img {-moz-box-shadow: 3px 3px 5px #aaa;  
    -webkit-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;}

/*** Menu extra2 ***/
#extra2 {float:right;width: 150px;margin:1.5em 0 4px 10px;display:inline;  /*The IE Doubled Float-Margin Bug*/text-align:left;}

/*** Communiqués ***/
#contenu ul.pdfs {margin:0;}
.pdfs li {display:inline-block;}
.pdf-date{border:1px solid #029EDB;display:block; text-align:center; width:60px; float:left; margin:0 15px 0 0;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pdf-date span{ }
.pdf-date .month{padding-top:3px;  font-weight:bold;/*text-transform:uppercase;*/}
.pdf-date .year{ font-size:1.6em;font-weight:bold;display:block;background-color:#7CC6E3; color:#FFFFFF; line-height:1em; margin:5px 0 0; padding:3px;}
.pdf-date .day{  line-height:.8em; font-weight:bold;margin-right:5px;}



/*** Pied ***/
footer {position: absolute;left:0;height:85px;width: 100%;clear:both;}
footer.accueil {height:40px;}
footer.accueil p {padding-top:15px;}
footer p{margin:0;padding:0;text-align:center;}