/********************************************************
	CSS pour Vertical Services Conseil
	Création du css : Martin Durette
	Date : Mai 2017
	Une réalisation de Synaps Design
********************************************************/
	

	/********************************************************
		HTML
	********************************************************/
	html {width: 100%;height: 100%;}
	body {width: 100%; height: 100%;}

	body{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px;}
	b, strong{font-family: 'Open Sans', sans-serif; font-weight:700;}
	h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif; font-weight:500;}
	
	.left{float:left; margin:0.7em 1em 0.7em 0}
	.right{float:right; margin:0.7em 0 0.7em 1em}
	.clear{clear:both}
	.wow {visibility: hidden;}
	.Overflow{overflow:hidden}
	
	.container-fullwidth{margin-left:0; margin-right:0; padding-left:0; padding-right:0; width:100%;}
	.Wrap-Blanc{background:#fff;}
	.section-1{padding-top:1em; padding-bottom:1em}
	
	.contenu h1{text-transform:uppercase; font-size:1.6em; color:#990100; margin:0 0 0.5em 0; padding:0;}
	.contenu h2{text-transform:none; font-size:1.5em; color:#990100; margin:1em 0; padding:0}
	.contenu h3{font-size:1.4em; margin:1em 0 1em 0; color:#990100;}
	.contenu h4{font-size:1.3em; margin:1em 0 1em 0; color:#990100;}
	.contenu h5{font-size:1.2em; margin:1em 0 1em 0; color:#990100;}
	.contenu h6{font-size:1.1em; margin:1em 0 1em 0; color:#990100;}
	.contenu p,.contenu td{font-size:1em; margin:1em 0; line-height:150%; color:#473816}
	.contenu li{font-size:1em; margin:0; line-height:150%; color:#473816}
	.contenu a, .contenu a:focus{color:#777; outline:none}
	.contenu a:hover{color:#8d9095;}
	.contenu .fa{width:26px; text-align:center}
	.contenu .square-caption h4{color:#fff;}
	
	#form1 .selectContainer .form-control-feedback {right: -30px;}
	
	
	/********************************************************
		Responsive
	********************************************************/
	@media only screen and (min-width : 320px)
	{
		body{padding-top:40px;}
		
		#AbstractMenu{margin:0; padding:0; list-style: none}
		#AbstractMenu li{border-bottom:1px solid #ddd}
		#AbstractMenu a{display:block; padding:5px 0; color:#777; padding-left:10px}
		#AbstractMenu a:hover{text-decoration:none; background:#990100; color:#fff; padding-left:10px}
		#AbstractMenu a.active{text-decoration:none; background:#990100; color:#fff; padding-left:10px}
		
	}
	
	/* BootStrap : SM */
	@media only screen and (min-width : 768px)
	{
		body{padding-top:100px;}
		
		/*
		.navbar, .navbar-header{margin:0; height:35px;}
		.navbar-default {background-color: #13b9eb; border-color: #13b9eb; border-bottom:1px solid #fff; padding-top:15px; text-align:center}
		.navbar-default a{font-family:"oswaldmedium", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase}
		.navbar-default .navbar-nav > li > a{color:#fff; font-size:1.2em; -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
		.navbar-default .navbar-nav > li > a:hover{color:#000;}
		.navbar-default .navbar-nav > li {border-right: 2px solid #ffffff; padding:3px 0 0 0; margin:0 5px;}
		.navbar-default .navbar-nav > li:last-of-type{border:none}
		.navbar-default .navbar-nav > li > a.upper{padding:0 15px 0 0; font-size:1em}
		*/
		
	}

	/* BootStrap : MD */
	@media only screen and (min-width : 992px)
	{
		.navbar-default{background-color: #fff; padding-top:15px; padding-bottom:15px;}
		.navbar-default .navbar-nav > li {padding:0; margin:0 5px;}
		.navbar-default .navbar-nav > li:last-of-type{border:none}
		.navbar-default .navbar-nav > li > a.upper{border-radius: 4px; padding:10px 15px;}
		.navbar-default .navbar-nav > li > a.upper.active{color:#fff; background:#990100}
		.navbar-default .navbar-nav > li > a.upper:hover{color:#fff; background:#990100}
		.navbar{border:none; margin-bottom:0; min-height: 30px;}
		
		.navbar-fixed-top {right: auto; left: auto; background:rgba(255,255,255,0.9)}
		
		body{padding:0}
		
				
		
	}
	
	/* BootStrap : LG */
	@media only screen and (min-width : 1200px)
	{
		body{padding:0;  background: #303030 url(http://cahln-rctlsa.com/wp-content/uploads/2014/11/skin3.general-boxed-bg-image.jpg) no-repeat center top; background-size: cover;}
		.navbar-default{background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom:1px solid #e5e8ea;}
		.navbar-fixed-top{-webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35); -moz-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35); box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);}
		.navbar-fixed-top {right: auto; left: auto; width: 1320px; background:rgba(255,255,255,0.9)}
		
		#Page{width:1320px; background:#fff; margin:0 auto}	
			
		
		#Top{position:relative; border-bottom:1px solid #e5e8ea; padding-top:10px; padding-bottom:10px; z-index:99999}
			#Top .dropdown{text-align:right;}
			#Top .dropdown-menu{right:0; left:auto;}
			#Top .btn-primary{background:#fff; border-color:#fff; color:#686868; font-size:1em;}
			#Top .btn-primary:hover{color:#959595}
			#Top .caret{color:#959595; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent;}
			#Top .btn-default{background:#990100; border-color:#990100; color:#fff; font-size:1em;}
		
		#Page-Title{width:1320px; background:#f5f5f5; margin:0 auto; min-height: 170px; border-bottom: 1px solid #e5e8ea;}
			#Page-Title h1{font-family: 'Open Sans', sans-serif; font-weight:300; font-size:2.5em; margin:1.2em 0 0 0; color:#000; text-align:center}
			#Page-Title .breadcrumb{text-align: center; font-size:0.8em;}
			#Page-Title .breadcrumb a{color:#777; margin-right:10px}
			#Page-Title .breadcrumb a:hover{color:#000; text-decoration:underline}
			#Page-Title .breadcrumb > li + li:before {color: #CCCCCC; content: ""; padding-left: 20px; background-position-y:0px; 
			background-image:url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2013%2013%22%20enable-background=%22new%200%200%2013%2013%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%231061ad%22%20d=%22M6.501,1.084c1.448,0,2.812,0.565,3.836,1.593c1.019,1.022,1.581,2.38,1.581,3.823c0,1.445-0.56,2.801-1.581,3.823c-1.022,1.027-2.388,1.595-3.836,1.595c-1.45,0-2.812-0.567-3.836-1.595C1.646,9.301,1.084,7.945,1.084,6.5c0-1.442,0.561-2.801,1.58-3.823C3.688,1.649,5.051,1.084,6.501,1.084%20M6.501,0%09C2.91,0,0,2.911,0,6.5C0,10.091,2.91,13,6.501,13C10.09,13,13,10.091,13,6.5C13,2.911,10.09,0,6.501,0L6.501,0z%22/%3E%3Cpolygon%20fill=%22%231061ad%22%20points=%225.547,2.766%209.229,6.534%205.702,10.256%204.625,9.219%207.285,6.474%204.547,3.797%20%22/%3E%3C/svg%3E"); background-repeat: no-repeat; }
		
		#Main{width:1320px; background:#fff; margin:0 auto; min-height: 170px; border-bottom: 1px solid #e5e8ea; padding-top:50px; padding-bottom:50px;}
		
		#AbstractDescWrap h2{margin:0 0 0.5em 0; font-size:1.4em;}
		
		
		#Footer{padding-top:15px; padding-bottom:15px;}
			#Footer p{color:#8d9095; font-size:0.8em; margin:0}
			#Footer a{color:#8d9095}
			#Footer a:hover{color:#000; text-decoration:underline}
		
		
		label{width:100%; font-weight:normal; color:#555;}
		.form-group{margin-bottom:30px;}
		h3{color:#990100; border-bottom:1px solid #990100; padding-bottom:10px; margin-bottom:30px;}
		/*.btn-danger{background:#990100; border-color:#990100; color:#fff; font-size:1em;}*/
		.btn-danger, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {color: #fff; background-color: #990100; border-color: #990100;}
		
	}
	
	/* BootStrap : XS Tout appareil en dessous du 768px */
	@media (max-width: 767px) 
	{
		/*
		body{padding-top:80px}
		.navbar-static-top{position:fixed; top:0;}
		.navbar-default{box-shadow: 0 1px 0 rgba(12,13,14,0.1),0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 1px rgba(12,13,14,0.025);}
		.navbar-toggle{margin-left:15px; margin-right:0}
		.navbar-brand{padding:15px 0px; width:80%;}
		*/
		
	}
	
	/* Overight Bootstrap  */
	.no-gutter > [class*='col-'] {padding-right:0; padding-left:0;}
	.row.match-my-cols {overflow: hidden;}
	.row.match-my-cols [class*="col-"]{margin-bottom: -99999px;padding-bottom: 99999px;}
	
	.alert-default{color: #000; background-color: #f9f9f9; border-color: #ddd;}
	.alert-default h3{color:#333; margin-top:0; padding:0}
	.alert-default p{margin:1em 0; padding:0}