/********************************************************
	CSS pour l'intranet du Service de Diagnostique
	Création du css : Martin Durette
	Date : Février 2017
	Une réalisation de Pika Design
********************************************************/
	
	/********************************************************
		HTML
	********************************************************/
	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	body{font-family:'Open Sans', sans-serif; font-weight:400; font-size:16px;}
	body, html {height: 100%;}
	b, strong{font-size:700;}
	h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif; font-weight:800; margin:0 0 0.5em 0; letter-spacing:0.1em}

	.container-fullwidth{margin-left:0; margin-right:0; padding-left:0; padding-right:0; width:100%;}
	.clear{clear:both}
	.wow {visibility: hidden;}
	
	h1{text-transform:uppercase; font-size:1.6em; font-weight:300; letter-spacing:normal; color:#1c1c1c;}
	h2{text-transform:none; font-size:1.4em; font-weight:300; letter-spacing:normal; color:#1c1c1c;}
	h3{font-size:1.2em; text-transform:none; font-weight:300; margin:1.3em 0 1em 0; color:#1c1c1c;}
	h4{font-size:1.1em; text-transform:none; font-weight:300; margin:1.3em 0 1em 0; color:#1c1c1c;}
	h5{font-size:1.1em; text-transform:none; font-weight:300; margin:1.3em 0 1em 0; color:#1c1c1c;}
	h6{font-size:1em; text-transform:none; font-weight:300; margin:1.3em 0 1em 0; color:#1c1c1c;}
	p,td,li{font-size:1em; margin:1em 0; line-height:130%; color:#555}
	a,a:focus{color:#777; outline:none}
	a:hover{color:#8d9095;}
	img{max-width:100%}
	
	.left{float:left; margin:0.7em 1em 0.7em 0}
	.right{float:right; margin:0.7em 0 0.7em 1em}
	.clear{clear:both}
	.Bg-Blanc{background:#fff}
	.Bg-Gris{background:#fff; border-top:2px solid #E9E8ED; border-bottom:2px solid #E9E8ED; background-color: #F4F4F4;}
	
	#back-to-top {display:none; cursor: pointer; position: fixed; right: 20px; display:none; bottom:20px; border:1px solid transparent; color:#fff}
	
	#Administration{background:#000; padding-top:10px; padding-bottom:10px; text-align:right; padding-right:15px;}
		#Administration a{color:#fff; text-decoration:none}
		#Administration a:hover{color:#fcb034; text-decoration:none}
	
	/********************************************************
		Responsive
	********************************************************/
	/* BootStrap : XS */
	@media only screen and (min-width : 320px)
	{
		.navbar-toggle{font-size:0.95em; padding-top:5px; padding-bottom:5px; border: 1px solid transparent; color:#fff; -webkit-transition: border-color .15s ease,color .15s ease;-moz-transition: border-color .15s ease,color .15s ease;-o-transition: border-color .15s ease,color .15s ease;transition: border-color .15s ease,color .15s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px; background: rgb(252,176,52);background: -moz-linear-gradient(top,  rgba(252,176,52,1) 0%, rgba(226,158,47,1) 100%);background: -webkit-linear-gradient(top,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);background: linear-gradient(to bottom,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb034', endColorstr='#e29e2f',GradientType=0 );}
		.navbar-toggle:hover{color: #000; border: 1px solid #cd7f00;}
		.navbar-toggle.active{padding-top:10px; padding-bottom:10px;}
		.navbar-static-top {padding-bottom: 30px; margin-bottom:0}
		.navbar-static-top .navbar-brand img{max-height:auto; width:90%}
		.navbar-fixed-top {position: fixed; right:auto; left:auto; z-index: 1030; width: 100%; padding-bottom:5px; margin-bottom:0}
		.navbar-fixed-top .navbar-brand{width:60%; padding-top:5px;}
		.navbar-default li{margin-top:0; margin-bottom:0}
		
		#TopBar{display:none}
		#Banner{display:none}
		#header{margin-bottom:15px;}
		
		#footer{border-top: 1px solid rgba(71,73,80,0.12); padding-top:45px; padding-bottom:45px}
		#footer h2{text-align: center; color:#37393b; margin:0 0 1em 0; padding:0; font-weight:300; text-transform:none}
			.footer-content .row{border-bottom:1px solid #e5e8ea; margin-left:15px; margin-right:15px; padding-top:10px; padding-bottom:10px}
				.footer-content .row:first-of-type{border-top:1px solid #e5e8ea;}
			.footer-content .row p{margin:0.3em 0; font-size:0.85em; color:#37393b; line-height:145%}
			.footer-content .row a{color:#073E5F}
			.footer-content-2 .row{border-bottom:1px solid #e5e8ea; margin-right:15px; margin-left:15px; padding-top:10px; padding-bottom:10px}
				.footer-content-2 .row:first-of-type{border-top:1px solid #e5e8ea;}
			.footer-content-2 .row p{margin:0.3em 0; font-size:0.85em; color:#37393b; line-height:145%}
			.footer-content-2 .row a{color:#073E5F}
		
		#CopyrightWrap{background: #f7f7f8; border-top: 1px solid rgba(71,73,80,0.12);}
			#CopyrightWrap img{width:268px; margin-bottom:15px;}
			#CopyrightWrap p{font-size:0.75em; text-align:center}
			#CopyrightWrap ul{margin:25px 0 0 0; padding:0; text-align:right;}
			#CopyrightWrap li{margin:0 7px; padding:0; list-style:none; display:inline; font-size:0.75em;}
		
		#MDP{text-align:center; padding:0 15px 1em 15px; font-size:0.85em;}
		#Regis{text-align:center; padding:0 15px 0 15px; font-size:0.85em;}
		
		#PageTitle{margin-top:40px; padding-top:70px; padding-bottom:70px; background:#f5f5f5; border-bottom:1px solid #e5e8ea; border-top:1px solid #e5e8ea}
			#PageTitle h1{color: #000000; text-align:center; text-transform:none; font-size:2.5em; margin:0; font-family:'Open Sans', sans-serif; font-weight:400;}
		#LoginWrap{padding-top:50px}
		
		.FormulaireWrap .input-group{margin-bottom:10px;}
		.FormulaireWrap .input-group > .input-group-btn:last-child > .selectpicker {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
		.FormulaireWrap .input-group > .input-group-btn:first-child > .selectpicker {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
		.FormulaireWrap .fa{width:26px; text-align:center;}
		.FormulaireWrap h2{color:#666; border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:15px}
		.FormulaireWrap .password .form-control-feedback{right:-35px}
	}
	
	/* BootStrap : SM */
	@media only screen and (min-width : 768px)
	{
		/* Fix Top Menu */
		.navbar-static-top{top:40px; margin-bottom:20px} 
		.navbar-static-top .navbar-header{margin-top:0; padding-bottom:15px;}
		.navbar-static-top .navbar-brand {float: left; padding: 0 0 0 15px; width:auto; height:100%; margin-top:-25px}
		.navbar-static-top .navbar-brand img{max-height:auto; width:200px}
		.navbar-static-top.navbar-default {margin-top:0; background:#fff; border-bottom: none;-webkit-box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);-moz-box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);}
		.navbar-static-top .navbar-right{margin-top:30px;}
		
		/* Static Top Menu */
		.navbar-fixed-top {position: fixed; right:auto; left:auto; z-index: 1030; width: 100%; max-width:750px; margin-bottom:20px}
		.navbar-fixed-top .navbar-header{margin-top:15px; padding-bottom:15px;}
		.navbar-fixed-top .navbar-brand {float: left; padding: 0 0 0 15px; width:auto; height:auto}
		.navbar-fixed-top .navbar-brand img{max-height:auto; width:100% !important}
		.navbar-fixed-top.navbar-default {margin-top:0; background:rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.25);}
		.navbar-fixed-top .navbar-right{margin-top:10px; margin-bottom:10px; width:500px;}
		.navbar-fixed-top .navbar-nav > li{font-size:0.95em}
		
		.navbar-brand img{width:240px}
		.navbar-default li{margin-top:0; margin-bottom:0}
		
		.navbar-right{margin-right:15px; margin-top:0; width:500px}
		.navbar-right li{vertical-align:middle; margin-left: 3px; margin-right: 3px;}
		.navbar-nav > li > a{font-size:0.95em; color:#474950; -webkit-transition: border-color .15s ease,color .15s ease;-moz-transition: border-color .15s ease,color .15s ease;-o-transition: border-color .15s ease,color .15s ease;transition: border-color .15s ease,color .15s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
		.navbar-nav > li > a.upper{padding-top:10px; padding-bottom:10px; border: 1px solid transparent;}
		.navbar-nav > li > a.upper:hover,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color: #1061ad; border: 1px solid #1061ad;}
		.navbar-nav > li > a.active{padding-top:10px; padding-bottom:10px;  background: rgb(252,176,52);background: -moz-linear-gradient(top,  rgba(252,176,52,1) 0%, rgba(226,158,47,1) 100%);background: -webkit-linear-gradient(top,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);background: linear-gradient(to bottom,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb034', endColorstr='#e29e2f',GradientType=0 );}
  
		body{padding-top:20px; background:url(../medias/img/background.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
		
		#page{margin-bottom:20px; background:#fff; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 12px rgba(0,0,0,0.15);-ms-box-shadow: 0 0 12px rgba(0,0,0,0.15);-o-box-shadow: 0 0 12px rgba(0,0,0,0.15);box-shadow: 0 0 12px rgba(0,0,0,0.15);}
		#TopBar{display:block; line-height: 40px; height:40px; border-bottom:1px solid #e5e8ea;}
			#TopBar ul{margin:0; padding:0; font: normal normal normal 14px / 22px "Arial", Helvetica, Arial, Verdana, sans-serif;}
			#TopLink ul{margin:0 0 0 0;}
			#TopLink li{margin:0; padding:0; list-style:none; font-size:0.85em; display:table; height:40px}
			#TopLink a{display:table-cell; vertical-align:middle; color:#8d9095}
			#TopLang ul{text-align:right; margin:0 0 0 0}
			#TopLang li{display:inline-block; font-size:0.85em; line-height:40px; text-align:center; margin:0; padding:0}
			#TopLang li.active{background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);}
			#TopLang li a{color:#8d9095; padding:0 10px}
			#TopLang li a.active2{-webkit-transition: border-color .15s ease,color .15s ease;-moz-transition: border-color .15s ease,color .15s ease;-o-transition: border-color .15s ease,color .15s ease;transition: border-color .15s ease,color .15s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px; color: #fff; border: 1px solid #fff; padding-top:6px; padding-bottom:6px;  background: rgb(252,176,52);background: -moz-linear-gradient(top,  rgba(252,176,52,1) 0%, rgba(226,158,47,1) 100%);background: -webkit-linear-gradient(top,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);background: linear-gradient(to bottom,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb034', endColorstr='#e29e2f',GradientType=0 );}
				#TopLang li a.active2:hover{text-decoration:none; color:#000}

		#Banner{display:block; position:relative; top:-80px;}
		#Banner img{width:100%}
		#Banner-inside{position:absolute;}
		
		.footer-content .row{margin-left:30px; margin-right:15px;}
		.footer-content-2 .row{margin-right:30px; margin-left:15px;}
		
		#CopyrightWrap{background: #f7f7f8; border-top: 1px solid rgba(71,73,80,0.12);}
			#CopyrightWrap img{display:none;}
			#CopyrightWrap p{font-size:0.75em; text-align:left}
			#CopyrightWrap ul{margin:7px 0 0 0; padding:0 0 7px 0; text-align:right;}
			#CopyrightWrap li{margin:0 7px; padding:0; list-style:none; display:inline; font-size:0.75em;}
		
		#MDP{text-align:left; padding:0 15px;}
		#Regis{text-align:right; padding:0 15px;}
	}
	
	/* Fix pour rendre le menu mobile actif sur le SM */
	@media (max-width: 991px) 
	{
		.navbar-brand {padding: 5px 0 0 20px;}
		.navbar-header {float: none;}
		.navbar-left,.navbar-right {float: none !important;}
		.navbar-toggle {display: block;}
		.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
		.navbar-fixed-top {top: 0; border-width: 0 0 1px;}
		.navbar-collapse.collapse {display: none!important;}
		.navbar-nav {float: none!important; margin-top: 7.5px;}
		.navbar-nav>li {float: none;}
		.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
		.collapse.in{display:block !important;}
		
		
	}
	
	
	/* BootStrap : MD */
	@media only screen and (min-width : 992px)
	{
		/* Fix Top Menu */
		.navbar-static-top{top:40px; padding-bottom: 0;} 
		.navbar-static-top .navbar-header{margin-top:-25px; padding-bottom:15px;}
		.navbar-static-top .navbar-brand {float: left; height:160px; padding: 0 0 0 50px; line-height:160px; margin-top:0}
		.navbar-static-top .navbar-brand img{max-height:100%; width:auto !important}
		.navbar-static-top.navbar-default {margin-top:0; -webkit-box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);-moz-box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);box-shadow: 0px 1px 0px 0px rgba(5,38,57,0.05);}
		.navbar-static-top .navbar-right{margin-top:30px;}
		
		
		/* Static Top Menu */
		.navbar-fixed-top {position: fixed; right:auto; left:auto; z-index: 1030; width: 100%; max-width: 970px;}
		.navbar-fixed-top .navbar-header{margin-top:30px; padding-bottom:15px;}
		.navbar-fixed-top .navbar-brand {float: left; padding: 0 0 0 50px; height:50px;}
		.navbar-fixed-top .navbar-brand img{max-height:100%; width:auto !important}
		.navbar-fixed-top.navbar-default {margin-top:0; background:rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.25);}
		.navbar-fixed-top .navbar-right{margin-top:10px; margin-bottom:10px; width:500px;}
		.navbar-fixed-top .navbar-nav > li{font-size:0.95em}
		
		.navbar-brand img{width:240px}
		.navbar-default li{margin-top:0; margin-bottom:0}
		.navbar-brand img{max-height:100%; width:auto !important}
		.navbar-right{margin-right:15px; margin-top:0; width:500px}
		.navbar-right li{vertical-align:middle; margin-left: 3px; margin-right: 3px;}
		.navbar-nav > li > a{font-size:0.95em; color:#474950; -webkit-transition: border-color .15s ease,color .15s ease;-moz-transition: border-color .15s ease,color .15s ease;-o-transition: border-color .15s ease,color .15s ease;transition: border-color .15s ease,color .15s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
		.navbar-nav > li > a.upper{padding-top:10px; padding-bottom:10px; border: 1px solid transparent;}
		.navbar-nav > li > a.upper:hover,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color: #1061ad; border: 1px solid #1061ad;}
		.navbar-nav > li > a.active{padding-top:10px; padding-bottom:10px;  background: rgb(252,176,52);background: -moz-linear-gradient(top,  rgba(252,176,52,1) 0%, rgba(226,158,47,1) 100%);background: -webkit-linear-gradient(top,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);background: linear-gradient(to bottom,  rgba(252,176,52,1) 0%,rgba(226,158,47,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb034', endColorstr='#e29e2f',GradientType=0 );}
  
		body{padding-top:20px; background:url(../medias/img/background.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
		
		
		
		#page{margin-bottom:20px; background:#fff; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 12px rgba(0,0,0,0.15);-ms-box-shadow: 0 0 12px rgba(0,0,0,0.15);-o-box-shadow: 0 0 12px rgba(0,0,0,0.15);box-shadow: 0 0 12px rgba(0,0,0,0.15);}
		#TopBar{line-height: 40px; height:40px; border-bottom:1px solid #e5e8ea;}
			#TopBar ul{margin:0; padding:0; font: normal normal normal 14px / 22px "Arial", Helvetica, Arial, Verdana, sans-serif;}
			#TopLink ul{margin:0 0 0 35px;}
			#TopLink li{margin:0; padding:0; list-style:none; font-size:0.85em; display:table; height:40px}
			#TopLink a{display:table-cell; vertical-align:middle; color:#8d9095}
			#TopLang ul{text-align:right; margin:0 35px 0 0}
			#TopLang li{display:inline-block; font-size:0.85em; line-height:40px; text-align:center; margin:0; padding:0}
			#TopLang li.active{background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);}
			#TopLang li a{color:#8d9095; padding:0 10px}
		#Banner{position:relative; top:-80px;}
		#Banner img{width:100%}
		#Banner-inside{position:absolute;}
		
		#footer h2{text-align: center; color:#37393b; margin:0 0 1em 0; padding:0; font-weight:300; text-transform:none}
		
		#CopyrightWrap{background: #f7f7f8; border-top: 1px solid rgba(71,73,80,0.12);}
			#CopyrightWrap p{font-size:0.75em;}
			#CopyrightWrap ul{margin:7px 0 0 0; padding:0 0 7px 0; text-align:right;}
			#CopyrightWrap li{margin:0 7px; padding:0; list-style:none; display:inline; font-size:0.75em;}
	}
	
	/* BootStrap : LG */
	@media only screen and (min-width : 1200px)
	{
		#back-to-top{display:block}
		
		.container {max-width: 1320px; width:auto}
		.navbar-static-top .navbar-right{margin-top:30px; margin-right:40px; width:auto;}
		.navbar-fixed-top{max-width: 1320px;}
		.navbar-fixed-top .navbar-header{margin-top:10px; padding-bottom:15px;}
		.navbar-fixed-top .navbar-brand {height:50px;}
		.navbar-fixed-top .navbar-nav > li{font-size:0.95em}
		.navbar-fixed-top .navbar-right{margin-top:15px; margin-right:30px; width:auto;}
		#CopyrightWrap img{display:inline-block; width:240px; margin-right:15px; margin-left:30px}
		#CopyrightWrap ul{margin:30px 25px 0 0; padding:0 0 7px 0; text-align:right;}
		
	}
	
	/* Overight Bootstrap  */
	.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
	.alert-default{color: #999; background-color: #f5f5f5; border-color: #ddd;}
	.alert-default p{margin:0; padding:0}
	.alert-default label{color:#333}

	.btn-info {background-color: rgb(44, 67, 97) !important;background-repeat: repeat-x;background-image: linear-gradient(rgb(122, 153, 193), rgb(44, 67, 97));border-color: rgb(44, 67, 97) rgb(44, 67, 97) rgb(31, 47, 68);color: rgb(255, 255, 255) !important;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.56);transition: background 0.3s;}
	.btn-info:hover {background-position: 0 -15px; text-decoration: none;}
	.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {color: #fff; background-color: none; border-color: #000;}
	
	#back-to-top {background:none; -webkit-transition: border-color .15s ease,color .15s ease;-moz-transition: border-color .15s ease,color .15s ease;-o-transition: border-color .15s ease,color .15s ease;transition: border-color .15s ease,color .15s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
	#back-to-top:hover {border:1px solid #fff}
	
	.alert-danger p{color:#721c24; margin:0}
	.alert-success p{color:#155724; margin:0}