body{
	margin:0;
	padding:0;
	font: 1em Arial, Helvetica, sans-serif;
}

ul{margin-top:3px;list-style-type:none;}
img{border:0;}
p{padding-left:20px;text-align:justify;padding-right:20px;}
pre{clear:both;background-color:#f0f0f0;border:dotted 1px #333333;}
tr:hover{background-color:#f2fad2;box-shadow: 0px 0px 15px #e7f6ab;}
table{border-collapse:collapse;width:100%;margin-top:10px;}
th{padding-top:5px;padding-bottom:5px;}
tr th:first-child{border-top-left-radius:10px;padding-left:10px;}
tr th:last-child{border-top-right-radius:10px;padding-right:10px;}
tr td:first-child{padding-left:10px;}
tr td:last-child{padding-right:10px;}

h1{
	background-color:#333333;
	color:white;
	font-size:1.8em;
	text-align:left;
	padding-left:20px;
	display:block;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:5px;
}

h2{
	color:#ff5200;
	font-size:1.5em;
	padding-left:30px;
	padding-top:3px;
	padding-bottom:3px;	
	background-color:#f0f0f0;
}
h3{
	font-size:1.0em;
	padding-left:60px;
	padding-top:3px;
	padding-bottom:3px;	
	background-color:#f0f0f0;
}
h4{
	border-bottom: 1px solid black;
}

/*Affichage en fonction de la taille*/
@media (min-width: 1200px) {
	#wrapper {position:relative;width:1200px;margin:auto;margin-top:0px;padding:0;}
	
	#header {position:relative;width:1200px;margin:auto;}
	#header #laboratoire{position:absolute;top:12px;right:0px;display:block;font-size:0.9em;}
	
	#logo {font-size:5.5em;}
				
	#nav a{width: 120px;}
	#nav a.extra-width{width:150px;}		
	#nav{height:30px;}

	#main {display: table;width: 100%;margin-top:10px;}
	#aside, #content {display: table-cell;padding: 5px;}

	#aside, #content {display: table-cell;padding: 5px;}
	#aside {width: 205px;padding-top:0px;margin-top:0px;vertical-align:top;}
	.link_left,.link_left_2,.link_left:visited{width: 205px;display:block;visibility: visible;}
	#aside a:nth-child(2){border-top: solid 1px #999999;}
	#aside a:first-child{margin-top:0px;padding-top:0px;text-align:center;vertical-align:top;}	

	#content{padding-left:30px;}	
	
	#footer, #img_footer{width:1200px;}
	
	.label_court{width: 260px;}
}
@media (max-width: 1200px) {
	#header #laboratoire{right:0px;display:block;font-size:1em;}

	#logo {font-size:3.5em;}

	#nav a{min-width: 110px;padding:0 2px 0 2px;}

	#footer{width:100%;}
	#img_footer{width:100%;}
	
	.mobile_hide{display: none;}
}

[data-tip] {position: relative;cursor: help;border-bottom: 1px dotted #b41780;position:relative;top:-2px;vertical-align:bottom;}
[data-tip]:hover:after {content: attr(data-tip);position: absolute;top: 1.5em; left: -200px;padding: 5px 10px;background: #b41780;color: #fff;z-index:50;}


/*Bouton pour aller au contenu*/
#gocontent{position:absolute;top:0px;right:0px;font-size:0.8em;}

#logo {display:inline-block;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;padding-left:10px;font-family: 'Courgette';text-decoration:none;}
	
#aside img:first-child{margin-bottom:10px;margin-top:0px;padding-top:0px;text-align:center;vertical-align:top;}

#footer{font-size:0.8em;margin-left:0px;}
#footer #left{}
#footer #right{float:right;text-align:right;}

	.nav_mobile{display:inline-block;padding: 0 5px 0 5px;margin: 5px 5px 5px 5px;}
	#nav a,#nav a:visited{padding-top:0px;padding-bottom:0px;height:30px;color:#fffffb;font-weight:bold;border-right: solid 1px #999999;line-height:30px;text-decoration:none;display:inline-block;text-align:center;font-size:1.3em;}
	#nav a:hover{-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
	#nav {display: block;text-decoration: none;border-top: solid 1px #999999;border-bottom: solid 1px #999999;background-color:#333333;padding:0 0 0 0;margin : 0 0 0 0;position:relative;}
	

.label_court{margin-top:7px;text-align : right;display:inline-block;border-bottom: 1px dotted #808080;padding-bottom: 1px;}
[type="submit"],a[class="submit"], .submit {display:block;margin-top:7px;margin-bottom:7px;padding-top: 3px;padding-bottom:3px;border: none;text-align:center;margin:auto; background: #808080; color: #fff;font-weight: bolder;font-size: 1.3em;min-width:150px;width:100%;text-decoration:none;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-moz-transition-property: background-color;-moz-transition-duration: 0.5s;transition-property: background-color;transition-duration: 0.5s;}



.top{display:block;width:100%;text-align:right;margin:0;padding:0;margin-bottom:5px;}
.highlight{color:#92c5de;}
.warning{font-weight:bold;color:#a00;padding-left:20px;}
.clear{clear:both;}
.left{float:left;margin-right:20px;}
.right{text-align:right;}
.center{text-align:center;}


/*Bouton remonter*/
.scroll-top-wrapper {position: fixed;opacity: 0; visibility: hidden;overflow: hidden;text-align: center;z-index: 99999999;width: 52px;height: 52px;line-height: 52px;right: 5px;bottom: 5px;padding-top: 2px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.scroll-top-wrapper:hover {background-color:#fdfdcf;box-shadow: 0px 0px 15px #000000;}
.scroll-top-wrapper.show {visibility:visible;cursor:pointer;opacity: 1.0;}