@charset "utf-8";body {	text-align: center;    float:left;	background: #fff;	}html>body  { /* hack pour IE 5 pour respecter l'implementation d'une boite css */	width: 99%;}#entete {    float:left;    width:100%;    height:100px;	}#header {	font-size: 200%;	padding-top: 0.25em;	padding-bottom: 0.25em;}#navbar ul {	margin-left: 0px;	padding-left:0%;	}#navbar .menuphone {display: block;position: relative;left:7px;float: left;}#navbar {	height: 35px;}#navbar ul.topnav li  {display: none;}#navbar  ul.topnav li.iconphone {    float: right;    display: inline-block;	 background: #006ABC;	height: 30px;	padding-bottom:3px;}#navbar  ul.topnav.responsive {position: relative;width: 30%;height: 140px;float: right;background: #333;overflow-x: hidden;transition: 0.2s;overflow: auto;border-radius: 10px 0px 0px 10px;box-shadow: 1px 1px 1px 1px grey;}#navbar  ul.topnav.responsive li.iconphone {    position: absolute;    right: 0px;    top: 0;	background: #fff;  } #navbar ul.topnav.responsive li {    float: none;    display: inline;	background: #333;  }#navbar  ul.topnav.responsive li a {    display: block;    text-align: left;	right: 10px;	border-right: 0px solid #fff;	background: #333;  }#navbar  ul.topnav.responsive li a:visited{    display: block;    text-align: left;	right: 10px;	border-right: 0px solid #fff;	background: #333;  }#navbar  ul.topnav.responsive li a:active  {    display: block;    text-align: left;	right: 10px;	border-right: 0px solid #fff;	background: #333;  }#wrapper {	width: 980px;	background-image: url(../images/basin_bg.jpg);	border-left: #594431 solid 1px;    border-right: #594431 solid 1px;}#header h1 {	font-size: 413%;	padding-top: 0.25em;	padding-bottom: 0.25em;}#conteneur {width: 100%;left:0px;}#contenu {margin: 1px auto 0px 6px;min-width: 92%;border: 0px solid green;padding-top:27%;}#contenu img{  height: 80px;  width: 80px;}#contenu_perso{margin: 1px auto 0px 6px;min-width: 92%;border: 0px solid green;padding-top:27%;}#contenu_perso img{height: 80px;width: 80px;}#contenu h2{font: bold 1.4em "Arial", Verdana, Trebuchet MS, sans-serif;color: #000;   margin: 15px auto 10px 6px;}#planclassement{ margin-left:-25px;}#contenu table {   margin: 1px auto 0px 6px;   width: 100%;   border: 0px solid green;}#contenu .zonesaisie{   margin: 10px auto 10px 6px;   width: 100%;   border: 1px solid #ccc;   margin-left:-10px;}#contenu .boitecochee{   margin: 10px auto 10px 6px;   width: 100%;   border: 0px solid green;   margin-left:5px;}#contenu .espace{height: 1px;}table .zonesaisie{   margin: 10px auto 10px 6px;   width: 100%;   border: 0px solid green;   margin-left:-10px;}#contenu  .bouton{padding: 0.0em 0px 0.2em 2px;  margin-left:50%;}#contenu #infomode{left: 0%;font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;}#contenu_page_base{   margin: 1px/*top*/ auto 0px 6px;   min-height: 90%;   width: 94%;border: 0px solid #006ABC;}#contenu_page_base img{  height: 80px;  width: 80px;}p.boitecochee{	float: left; 	padding: 0px;	margin: 0px 0px 0px 30.8%;	clear: both;}.formulaire .notabene {font: 0.8em/1em "Trebuchet MS", Verdana, Arial, sans-serif;text-align: left;min-width: 50%;clear: both;}.zonesaisie { margin-top:10px; display:block; height: 1.2em; min-width: 10%;}#menuonglet{ border: 0px solid green;} .menuphone { display: block; background: #006ABC;  padding:5px 5px 3px 5px; left:0px;}#menurecherche {  height: 100%;    width: 0;    position: fixed;    z-index: 1;    top: 0;    left: 0;background: #fff;overflow-x: hidden;transition: 0.2s;overflow: auto;border-radius: 0px 10px 10px 0px;}#menurecherche .fermermenu a {font-size: 24px}#menurecherche a.fermerbtn {    font-size: 20px;    top: 2%;	margin-bottom:2%;	color: #006ABC;   text-align: left;	display: block;	background: #FFF;  }  #menurecherche  a:hover.fermerbtn {    font-size: 20px;    top: 2%;	margin-bottom:2%;	 color: #40ABFE;    background: #F7F7F7;    text-align: left;	display: block;  }#menurecherche h3 {	color: #000;	text-align: left;	margin: 0px 0px;	padding: 0.2em 0px 0.2em 2px;	background: #ccc;	font: bold 0.9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif;	border-radius: 0px 0px 0px 0px;}#menurecherche ul {	margin: 2px 0px 0px 0em;	padding: 0px;	border-top:0px solid #ccc;}#menurecherche li {	display: inline;	margin: 0px;	list-style-type: none;	font: 0.8em/1em "Trebuchet MS", Verdana, Arial, sans-serif;	padding: 0px;}#menurecherche a {	margin: 0px;	display: block;	padding: 0.2em 0px 0.2em 0em;	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;   	background: #FFF;	color: #006ABC;	text-align: left;	border:0px;}#menurecherche a:hover {    color: #40ABFE;    background: #F7F7F7;	text-decoration: none;	margin: 0px;	padding: 0px 0px 0px 0.5em;	font: bold 1.6em Verdana, Arial, Helvetica, sans-serif;}/* Navigation menu */#mode {	padding: 0px;	margin: 0em 0px 0em 0em;	width: 100%;	 border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	-webkit-box-shadow:0 0 3px #111;	-moz-box-shadow:0 0 3px #111;	/*box-shadow:0 0 3px #111;*/	 box-shadow: 8px 8px 8px grey;}#mode ul {	width: 100%;	padding: 0px 0px 0px 0.0em;	list-style-type: none;	border-bottom: 1px outset #ccc;	border-right: 1px outset #ccc;	margin: 0em 0px 1em;	float: left;	clear: left;}#mode ul li {	list-style-type: none;	display: inline;	padding: 0em 0.9em;	margin: 0px;	float: left;	font: bold 0.91em Verdana, Arial, Helvetica, sans-serif;}#mode li a {	font: bold  0.91em Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	margin: 0px;	padding: 0em 0.9em;}#mode li a:hover {	font: bold 0.91em Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	border: none;	margin: 0px;	padding: 0em 0.9em;}fieldset {	font-family: Verdana, Arial, Helvetica, sans-serif;	padding: 0.5em;	border: 0px solid #ccc;	clear: both;	margin-right: auto;	margin-top: 8px;	margin-bottom: 8px;	width: 100%;}.formulaire {	margin: 1em 0px 0em;	padding-bottom: 0.5em;	float: left;}fieldset a, fieldset a:visited {	font: 1em Arial, Verdana, sans-serif;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}fieldset a:hover {    font: 1em Arial, Verdana, sans-serif;	text-decoration: none;	padding-right: 5px;	padding-left: 5px;}fieldset.trier p {	margin-top: 8px;	margin-bottom: 8px;}fieldset.formulaire p {	margin-top: 8px;	margin-bottom: 8px;	padding: 0px;}legend {	top: -0.5em;	margin-bottom: 1px;	padding: 2px 5px;	font: bold 0.9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif;	 min-width:auto;	box-shadow: 0 2px 2px rgba(0, 0, 0, .3),0 2px 5px rgba(0, 0, 0, .2),0 2px 10px rgba(0, 0, 0, .2),				0 2px 5px #ccc;}fieldset.formulaire input .zonesaisie {width: 50px;}.label1 { /* defini la presentation des labels en decalant de 30 % la marge a droite */	clear: both;	float: left;	width: 30%;	text-align: left;	padding: 0px 0.5em 0px 0px;	margin-top: 3px;	margin-bottom: 1px;	background: transparent;	/*font: bold 0.9em/18px Verdana, Arial, Helvetica, sans-serif;*/	font: bold 0.5em "Trebuchet MS", Verdana, Arial, sans-serif;}.formulaire .label1 {font: bold 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;}.trier {	margin: 1em 0px 0em;	padding-bottom: 0.5em;}.retourliste {	margin: 1em 0px 0px;}.champTrier {	color: #333;	font-family: Verdana, Arial, Helvetica, sans-serif;	line-height: 1em;float: left;}/*inventaire*/#tab_premierecondition a img{width:90px;height: 90px;border: none;border-radius: 7px;}#tab_premierecondition a:hover img{width:90px;height: 90px;border: none;}/*notice detaille*/a .img_notice  {	margin: 5px 0px;	background: #fff;	width:100px;	height: 100px;	padding: 0.3em 0.3em 0.5em;}a:hover .img_notice  {    box-shadow: 3px 3px 3px #40ABFE;	margin: 5px 0px;	padding: 0.3em 0.3em 0.5em;}.img_tab4{box-shadow: 2px 2px 2px #ccc;border-radius: 10px;}a .img_tab4  {	  box-shadow: 3px 3px 3px #ccc;	margin: 5px 0px;	padding: 0.3em 0.3em 0.5em;	width:90px;	height: 90px;}a:hover .img_tab4  {	box-shadow: 3px 3px 3px #40ABFE;	margin: 5px 0px;	background: #fff;	padding: 0.3em 0.3em 0.5em;}.info_bulle img{width:10px;	height: 10px;}.bouton{ position: absolute;	border-radius: 10px;	margin: auto auto auto 6px;	font: bold 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;width:auto;display:block;float: right;right:15px;}.submit{ position: absolute;	border-radius: 10px;	margin: auto auto auto 6px;	font: bold 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;width:auto;display:block;float: right;right:15px;}.submit_bas{		margin: auto auto auto 6px;	border-radius: 10px;	font: bold 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;width:auto;display:block;float: right;right:15px;}.content-medium, .aside {	margin: 20px;}.content-medium {	float: left;	width: 640px;	margin-top: 5px;	display: inline; /* Fixes double-margin bug in IE 6 & 7 */}.aside {	margin-left: 720px;}/* Inline images */.floatleft {	float: left;	margin: 3px 12px 3px 0;}.floatright {	float: right;	margin: 3px 0 3px 12px;}.floatleft, .floatright, .content-medium, .aside {	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}#sake {	/*background-image: url(../images/sake.jpg);*/	background-repeat: no-repeat;	background-position: bottom;	padding-bottom: 140px;}::-webkit-scrollbar {    width: 13px;}::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    -webkit-border-radius: 10px;    border-radius: 10px;}::-webkit-scrollbar-thumb {    -webkit-border-radius: 15px;    border-radius: 15px;    background: #006ABC;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}::-webkit-scrollbar-thumb:window-inactive {	background: rgba(255,0,0,0.4);}html>body #footer {	width: 100%;	margin: 10% 0px 15em 0%;}#footer a {	font: bold 1em Verdana, Arial, Helvetica, sans-serif;	color: #006ABC;	text-decoration: none;	text-align: center;}#footer a:hover {	text-decoration: none;	color: #40ABFE;	border-bottom: 1px solid #006ABC;}#footer p {	font: bold 0.7em/1.6em Verdana, Arial, Helvetica, sans-serif;	color: #40ABFE;	margin: 5px 0px 0px;	padding: 0px;}.loguser button {    padding: 5px 5px;    margin: 3px 0;    border: none;    cursor: pointer;    width: 90%;}.btnfermer {    width: auto;    padding: 8px 18px;    background-color: #f44336;}.logo {    text-align: center;    margin: 24px 0 12px 0;    position: relative;	width:300px;}img.Utilisateur {    width: 20%;    border-radius: 50%;}.log {/*saisie- bouton*/    padding: 16px;	width: 300px;}.log  .zonesaisie{   width: 40%;}.log  p{   color:#000;   font: 14px Arial, Helvetica, sans-serif;}.label1{   color:#000;   font: 14px Arial, Helvetica, sans-serif;}.log  a{   color:#006abc;   font-size:14px;   width: auto;    padding: 4px 4px;}.loguser {    display: none;    position: fixed;    z-index: 1;    left: 0;    top: 0;    width: 100%;    height: 100%;    overflow: auto;    background-color: rgb(0,0,0);    background-color: rgba(0,0,0,0.4);    padding-top: 40px;}.loguser-content {    background-color: #fefefe;    margin: 2% auto 2% auto;    border: 0px solid #888;    width: 300px;}.close {    position: absolute;    right: 25px;    top: 0;    color: #000;    font-size: 35px;    font-weight: bold;}.close:hover,.close:focus {    color: red;    cursor: pointer;}.animate {    -webkit-animation: animatezoom 0.6s;    animation: animatezoom 0.6s}@-webkit-keyframes animatezoom {    from {-webkit-transform: scale(0)}    to {-webkit-transform: scale(1)}}@keyframes animatezoom {    from {transform: scale(0)}    to {transform: scale(1)}}@font-face {    font-family: 'IcoMoon-Free';    src: url('/htm/fonts/IcoMoon-Free.ttf') format('truetype');    font-weight: normal;    font-style: normal;}/* elements pour la mise en page du script tree, des thesaurii et des plans de classement */.dtree {    background-color: #fff;	color: #000;	white-space: nowrap;	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/	/*font-size: 0.95em;*/	 margin-left: 7%;	 width: 85%;	font: bold 1.0em "Arial", Trebuchet MS, sans-serif;}.dtree img {	border: 0px;	vertical-align: middle;}.dtree a {	color: #006ABC;	text-decoration: none;	font-weight: bold;}.dtree a.node, .dtree a.nodeSel {	white-space: nowrap;	padding: 1px 2px 1px 2px;}.dtree a.node:hover, .dtree a.nodeSel:hover {	color: #40ABFE;    background: #F7F7F7;	 border-radius:5px;	text-decoration: none;	font-weight: bold;}.dtree a.nodeSel {	background: #EFEFEF;	border: 1px solid #ccc}.dtree .clip {}