/* reset */

html, body, .page, .main, header { border: 0; padding: 0; margin: 0; }
html, body{ min-height: 100%; }

body * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#colorbox { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }


/****************************************************************

	PAGE GENERALE
	
*****************************************************************/

/* Commun */

.page { padding: 50px 2%; }
.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
.content { min-height: 350px; }
.aside { float: right; width: 25%; overflow: hidden; margin-top: 0px; }


/* Pages cartes */

.page_carte .page {
	position:absolute;
	top: 51px; bottom: 0;
	right: 0; width: 300px;
	overflow: hidden;
	z-index: 2;
	padding: 0;
	background: #FAFAFA;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);
}
.page_carte .page:hover{ overflow: auto; }

.page_carte .page .main, .page_sommaire .page .footer { padding: 20px; padding-right: 10px; width: 280px; }
.page_carte .wrapper, .page_sommaire .aside { float: none; width: 280px; padding-right: 20px; }

.page_carte .page{ display: none; }
.page_carte #carte {
	position:absolute;
	top: 50px; bottom: 0;
	right: 0; left: 0;
	z-index: 1;
}


/* Page camera */


#documents_portfolio li {
	display: inline;
	}


/* Page sommaire */

.page_sommaire .page { display: block; }
.page_sommaire #carte { top: 50px; bottom: 0; right: 300px; left: 0px;}
	

/* elements de contenu */

.main h1 { border-bottom: solid 1px #DDD; }

.arbo { font-size: 12px; color: #999; }
.arbo strong, .arbo a { font-weight: normal; color: #999; text-decoration: none; }
.arbo a:hover { text-decoration: underline; }


/* footer */

.footer{
	margin-top: 3em; margin-bottom: 1em; padding-top: 1em;
	border-top: solid 1px #DDD;
}


/* Media queries page */

@media screen and (max-width: 960px) {
	/* une seule colonne pour le contenu */
	.aside { width:100%; float: left; padding-left: 0 !important;}
	.wrapper { width: 100%; float: left; }
}

@media screen and (max-width: 640px) {
	.page_sommaire .page { display:none; }
	.page_sommaire #carte { right: 0px; }
}

@media screen and (orientation:landscape) and (max-width: 480px) { 
	.page_sommaire #carte, .page_carte #carte{ left: 50px; top: 0px; }
	.page { padding: 10px; padding-left: 60px;}
}


/****************************************************************

	BARRE DE NAVIGATION
	
*****************************************************************/

#nav{
	position: fixed;
	top: 0;  left: 0;
	height: 50px; width: 100%;
	background: #FAFAFA;
	border-bottom:1px solid #DDD;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	z-index: 4;
	/*overflow: hidden;*/
}

#nav>div{ display: table; height: 50px;}

#nav>div>ul { display: table-row; height: 50px; overflow: hidden; }
/*#nav li {display: table-cell; width: 2%; border:1px solid #DDD; border-top: none; border-right:none; vertical-align: top; background: #FAFAFA;
	height: 50px; overflow: hidden; margin: 0; padding: 0; }*/

#nav>div>ul>li {display: table-cell; width: 2%; vertical-align: top;}
#nav>div>ul>li .logo{width: 24px; margin: 0; display: block; margin-right: 5px; float:left; overflow:hidden; }
#nav>div>ul>li .logo img { margin: 0; height: auto; width: 24px; float: left; }
#nav>div>ul>li .descriptif { display: block;}
#nav>div>ul>li .texte { display: inline-block; }

#nav li .sous-menu{ padding: 10px;}


#nav li.accueil,
#nav li.header-recherche { width: 1%; }
#nav li.header-recherche a{ padding: 10px 10px 10px 0; display: none; }
#nav li.header-recherche{ text-align:center; }
#nav li.header-recherche .bt-recherche { display: none; }

/* Liens et survol */

#nav li > a {
	height: 50px; display: block; width: 100%; font-weight: normal; text-decoration: none; padding: 10px;
	border:1px solid #DDD; border-top: none; border-right:none;
	/*overflow: hidden;*/
}
#nav .on a, #nav a:hover{ background:#FFF; }
#nav li.on{ border-bottom: none;}
#nav a .logo{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8/9 */
	filter: alpha(opacity=70); /* IE 5/6/7/8/9 */
	-moz-opacity:0.7; /* Firefox > 0.9 */
	-khtml-opacity: 0.7; /* Safari < webkit */
	opacity: 0.7; /* css 3 */
}
#nav .on a .logo, #nav a:hover .logo{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8/9 */
	filter: alpha(opacity=100); /* IE 5/6/7/8/9 */
	-moz-opacity:1; /* Firefox > 0.9 */
	-khtml-opacity: 1; /* Safari < webkit */
	opacity: 1; /* css 3 */
}

/* Bouton login / connection / utilisateur */

#nav li.login .sous-menu {
	position:fixed;
	top: 50px; left: 0; bottom: 0px;
	width: 100%;
	background: #FFF;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	z-index: 4;
	
	width : 100%;
	display: none;
	text-align: left;
}

#nav li.login .sous-menu{ padding: 0;}
#nav li.login .sous-menu-contenu{
background: #FFF; display: inline-block; width: 100%;
padding: 10px;
}


#nav li.login .sous-menu-contenu > div{
	width:50%;
	min-width: 300px;
	float:left;
	padding: 10px 20px; 
	border-right: solid 1px #DDD;
}

#nav li.login { width: 0.1%; min-width: 48px;}
#nav li.login a{ text-align: center; }
#nav li.login .logo{ width: auto; text-align: center; display: inline-block; float: none;}
#nav li.login .logo img{ margin: 0; }
#nav li.login .sous-menu h2{ margin-bottom: 10px;}
#nav li.login .sous-menu-contenu > div:last-child{ border: 0;}
#nav li.login .sous-menu .explication{  }
#nav li.login .sous-menu form { max-width:300px; }
#nav li.login .sous-menu form input[type="text"],
#nav li.login .sous-menu form input[type="password"]{ width:100%; }
#nav li.login .sous-menu form,
#nav li.login .sous-menu p { font-size: 12px; line-height: 16px; font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;}
#nav li.login .sous-menu legend.mode,
#nav li.login .sous-menu p.mode { display: none; }

#nav li.login .sous-menu{
	background: rgba(0, 0, 0, 0.4);
	overflow: auto !important;
}

#nav li.login .sous-menu a.bouton{
	margin: 20px; padding: 5px 10px;
	color: #DDD; font-family: Verdana, sans-serif; font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 5px;
	background: #111;
	background: -moz-linear-gradient(center top , #333333 30%, #000000 90%) repeat scroll 0 0 #111;
}
#nav li.login .sous-menu a.bouton:hover{
	color: #FFF;
}

#formulaire_recherche input.submit{
	border-top-right-radius: 5px; border-bottom-right-radius: 5px;
	background: -moz-linear-gradient(center top , #333333 30%, #000000 90%) repeat scroll 0 0 #111;
}

/* Bouton / formulaire de recherche */

#formulaire_recherche label{ display: none; }
#formulaire_recherche input { vertical-align:top; font-size: 14px; line-height: 18px; margin: 0; padding:4px;}
#formulaire_recherche input.text { width: 130px; background:#EEE; color: #999; border:none; margin-right: -5px; }
#formulaire_recherche input.submit { width:30px; border:none; color:#fff; background:#333; }
#formulaire_recherche input.submit::-moz-focus-inner {border:0;}
#formulaire_recherche input.submit:focus { outline: solid 1px blue;}



/* media queries barre de nav */

@media screen and (max-width: 960px) {
	#nav>div>ul>li a { text-align: center; padding: 10px 5px }
	#nav>div>ul>li a .logo { height: 16px; width: 16px; display: inline-block; float:none; padding: 0; margin-right: 3px; margin: 0; margin-top: 5px;}
	#nav>div>ul>li a .logo img { width: auto; height: 16px; margin: 0;}
	#nav>div>ul>li a .texte {position: relative; top: -2px;}
	#nav>div>ul>li a .descriptif { display: none; }
	#nav>div>ul>li.header-recherche #bouton-recherche{ display: block; }
	#nav>div>ul>li.header-recherche .sous-menu {
		position:fixed;
		top: 50px; left: 0;
		width: 100%; height: 50px;
		background: #FFF;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
		z-index: 4;
		width : 100%;
		display: none;
	}
	#nav>div>ul>li.header-recherche #formulaire_recherche form { height: 30px; display:block; position: absolute; bottom:7px; left:10px; right: 40px; }
	#nav>div>ul>li.header-recherche #formulaire_recherche input.text{ width : 100%; }
	#nav>div>ul>li.header-recherche #formulaire_recherche input.submit{ position: absolute; top: 0px; right: -30px; }
}

@media screen and (max-width: 640px) {
	#nav { text-align: center; left: 0;}
	#nav>div>ul>li.accueil { display: none; }
	#nav>div>ul>li a .texte { display: none; }
	#nav>div>ul>li a .logo { height: 24px; width:24px; margin-top:3px;}
	#nav>div>ul>li a .logo img { width: auto; height: 24px; margin: 0; }
	#nav>div>ul>li.header-recherche{ width: 2%; }
	
	/*#nav li.login .sous-menu { height:100%; overflow:auto !important; margin-bottom: 50px;}*/
	#nav li.login .sous-menu-contenu > div { border: none; padding: 0; width: 100%; }
	
}

/*
	Changement de position de nav pour smartphones en horizontal
*/
@media screen and (orientation:landscape) and (max-width: 480px) { 
	#nav{ position:fixed; width: 50px; top: 0; bottom:0px; left: 0px; height: auto;}
	#nav .table-div{ display: block; position:relative; left:0; top:0; height:100%; width: 50px; border-right: solid 1px #DDD;}
	#nav>ul { display: table; width: 50px; height:100%;}
	#nav>div>ul>li { display: table-row; height: 1%; width:50px; height: 50px; border:none; vertical-align: center;}
	#nav>div>ul>li a{ height: 100%; border-top:1px solid #DDD; vertical-align: center; }
	
	#nav>div>ul>li.header-recherche .sous-menu {
		top: auto; bottom: 0px; left: 50px; right: 0px;
		width : auto;
		display: none;
		box-shadow: none;
	}
	
	#nav li.header-recherche .sous-menu { top: 200px; bottom: 0px; left: 50px; right: 0px; }
	
	#nav > div > ul > li a{ width: 49px; height: 50px; text-align:center; border: none; border-bottom: solid 1px #DDD;}
	#nav > div > ul > li.on a{ width: 50px; }
	#nav > div > ul > li.rubrique.on{ height: auto; background: #FFF; }
	#nav > div > ul > li.header-recherche #formulaire_recherche form { top:10px; }
	
	#nav li.login .sous-menu { top: 0; left: 50px; width: auto; height:100%; overflow:auto !important; box-shadow: none;}
	#nav li.login .sous-menu form{ max-width: none; width: auto; min-width: 100px; }
	#nav li.login .sous-menu-contenu > div { border: none; padding: 0; width: 100%; }
}
/*
     FILE ARCHIVED ON 15:15:18 Jul 20, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:27:48 Dec 29, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 98.814
  exclusion.robots: 0.212
  exclusion.robots.policy: 0.202
  cdx.remote: 0.059
  esindex: 0.009
  LoadShardBlock: 65.843 (3)
  PetaboxLoader3.datanode: 62.098 (4)
  load_resource: 66.465
  PetaboxLoader3.resolve: 31.112
*/