/* ----------------------------- */
/* ==reset */
/* ----------------------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size: 62.5%;
}
body {
	background-color: #F9F9F9;
	color: #000;
	font-family: 'Lato', sans-serif !important;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
	font-size: 1em; /* equiv 14px */
	line-height: 1.5;
	margin: 1.5em 0 0;
}
h1, .h1-like {
	font-size: 1.8571em; /* equiv 26px */
	font-weight: normal;
	line-height: 1.6154em;
	margin: .8077em 0 0 0;
}
h2, .h2-like {
	font-size: 1.7143em; /* equiv 24px */
	font-weight: normal;
	line-height: 1.75em;
	margin: .875em 0 0 0;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px */
	font-weight: normal;
	line-height: 1.909em;
	margin: .9545em 0 0 0;
}
h4, .h4-like {
	font-size: 1.4286em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.05em;
	margin:  1.05em 0 0 0;
}
h5, .h5-like {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: normal;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}

/* alternate font-sizing */
.smaller {
	font-size: .7143em; /* equiv 10px */
	line-height: 2.1em;
}
.small {
	font-size: .8571em; /* equiv 12px */
	line-height: 1.75em;
}
.big {
	font-size: 1.1429em; /* equiv 16px */
	line-height: 1.3125em;
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
	line-height: 1.1667em;
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
	line-height: 1.05em;
}

/* soft reset */
html,
body,
textarea,
figure,
{
	margin: 0;
	padding: 0;
}
ul,
ol {
	padding-left: 2em;
}
code, 
pre,
samp {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { 
	margin-bottom: 1.5em; 
}
td, th {
	border: 1px solid black;
	padding: 4px;
}




/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}

/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* pictures */
img {
	width: auto;
	height: auto;
	vertical-align: middle;
	max-height: 200px;
}
a img { border: 0; }

/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links {
	position: absolute;
}
.skip-links a {
	position: absolute;
	left: -9999px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
}





.centrage{margin:0 auto;width:100%;}
.logo{max-width:300px;}
.cd-container {
	background-image: url(../images/texture-fond.png);
	background-color: rgb(12,83,166);
	/*background-repeat:repeat;*/
	/*width:50%;margin:1% 23%;padding:1%;*/
	/*transition: 1s;*/
	background-repeat: inherit;
	height: 100vh;
	background-attachment: fixed;
}
.row{
	margin:0px;
}
.cd-container p {
	color:#FFFFFF;text-align:center;font-size:110%;margin-bottom:20px;
}

#bloc-identification{
	margin-top: 30px;
}

/*.control-label{color:#FFFFFF;font-size:120%;} /*width:300px;display:block;*/*/
.form-control{margin-top:5px;height:20px;margin-bottom:15px;} /*width:30%;display:block;*/

.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}

.btn-ajouter{
	background-color: rgba(255,255,255,0.5);
	border-radius: initial;
	padding: 10px 16px;
	font-size: 1.2em;
	line-height: 1.3333333;
	color:#085595;
	border:none;
}

.btn-ajouter:hover{
	background-color: rgba(255,255,255,0.2);
	transition-duration: 0.2s;
	border-radius: initial;
	padding: 10px 16px;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
	transition: 1s;
	cursor:pointer;
}

.btn-ajouter2{
	background-color: #003a95;
	border-radius: initial;
	padding: 10px 16px;
	font-size: 1.2em;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
	text-decoration:none;
}

.btn-ajouter2:hover{
	background-color: #CCCCCC;
	transition-duration: 0.2s;
	border-radius: initial;
	padding: 10px 16px;
	font-size: 1.2em;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
}

.btn-relieur{
	background-color: #003a95;
	border-radius: initial;
	display:block;
	padding: 10px 16px;
	font-size: 1.2em;
	text-align:center;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
	text-decoration:none;
}

.btn-relieur:hover{
	background-color: #666666;
	transition-duration: 0.2s;
	border-radius: initial;
	padding: 10px 16px;
	font-size: 1.2em;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
}

.btn-retour{
	background-color: #003a95;
	border-radius: initial;
	margin:10px;
	padding: 10px 16px;
	font-size: 1.2em;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
	text-decoration:none;
}

.btn-retour:hover{
	background-color: #666666;
	transition-duration: 0.2s;
	border-radius: initial;
	padding: 10px 16px;
	font-size: 1.2em;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
}

.btn-deco{
	background-color: #ffba2f;
	border-radius: initial;
	padding: 6px;
	color: #FFFFFF;
	border: none;
	text-decoration: none;
	font-size: 11px;
	font-weight: 600;
	margin-top: 30px;
	padding-left: 15px;
	padding-right: 18px;
}

.btn-deco:hover{
	background-color: #666666;
	transition-duration: 0.2s;
	border-radius: initial;
	color:#FFFFFF;
	border:none;
}
.btn-log:hover{
	background-color: #28a745;
}

#menu{background-color: #0c53a6;clear:both;margin-bottom:10px;display:block;width:100%;padding:10px 5px;}
#menu ul{margin-top:10px;clear:both;display:table;}
#menu ul li{list-style-type:none;float:left;margin-right:15px;margin-bottom:8px;font-size: 1.2em;display: table-cell;}
#menu ul li a{background-color: #003a95;padding:5px 15px;color:#FFFFFF;text-decoration:none;}
#menu ul li a:hover{background-color: #666666;transition-duration: 0.2s;padding:5px 15px;color:#FFFFFF;text-decoration:none;}

.separation{clear:both;display:block;height:10px;background-color:#F1F1F1;margin-top:5px;margin-bottom:20px;}
.troisquart{float:left;width:73%;padding:1%;}
.unquart{float:right;width:23%;padding:1%;}
.formulaire{
	margin-top:20px;background-image: url(../images/texture-fond.png);
	background-color: rgb(150,150,150);padding:20px;
}

table{margin:15px 10px;border-collapse:collapse;}

table tr{}
table tr th{background-color:#F6F6F6; color:#000;text-align:center;}
table tr td{}

.btn-tableau{
	background-color: #003a95;
	border-radius: initial;
	padding: 3px 5px;
	font-size: 1.1em;
	line-height: 1.3333333;
	color:#FFFFFF;
	margin:2px;
	border:none;
	text-decoration:none;
}	


.btn-tableau:hover{
	background-color: #666666;
	border-radius: initial;
	padding: 3px 5px;
	font-size: 1.1em;
	line-height: 1.3333333;
	color:#FFFFFF;
	border:none;
}

#actualites{
	clear:both;
	background-image: url(../images/texture-fond.png);
	background-color: rgb(150,150,150);color:#FFFFFF;margin:0px 10px;padding:10px;
}

.rouge { background-color: red; }
.vert { background-color: green; }
.red { color: #ff5f5f; }

.nombre { text-align: right; }
.formcontent{
	font-size:120%;
}




a:hover{
	text-decoration: none;
}
a.formcontent{
	text-decoration: underline;
}
a.formcontent:hover{
	font-size:120%;
	letter-spacing: 1.1px;
}
@media screen and (min-width: 250px) and (max-width: 640px) {
	.logo{max-width:200px;}
	/*.cd-container {
		width:88%;margin:1% 3%;padding:2%;
		transition: 1s;
		}*/
		/*#bloc-identification{width:300px;margin:0 auto;}*/
	}

	#loadingup{
		color: white;
		font-size: 26px;
		margin-left: 60px;
	}


	/* navbar nordprint */ 
	.ideco{
		height: 100%;
		vertical-align: baseline;
		margin-right: 11px;
		margin-right: 11px;
	}
	.ddeco{
		margin-top: 38px;
	}
	#nlogo{
		background: url('/images/logo-articles.png');
		display: inline-block;
		height: 80px;
		width: 200px;
		background-repeat: no-repeat;
		border-right: solid 1px #0f4789;
		vertical-align: middle;
		background-position-y: bottom;
		background-size: 66%;
	}
	.nlogo2{
		background: url('/images/webreliure-titre.png');
		height: 88px;
		width: 234px;
		background-repeat: no-repeat;
		background-size: 80%;
		vertical-align: bottom;
		background-position-y: 81%;
		margin-left: 17px;
	}
	.navbar {
		border-radius: 0px !important;
	}
	#myNavbar{
		border-color: #cbbdbd;
	}
	#myNavbar ul{
		width: 95%;
		margin-left: 0.5%;
	}
	#nnav.navbar-inverse {
		background-color: #0c53a6;
		border-color: #0c53a6;
		margin-top: 45px;
	}
	#nnav .navbar-header .navbar-toggle{
		border-color: #003a95;
		background-color: #003a95;
	}
	#myNavbar .nav.navbar-nav li{
		margin: auto;
		width: 10%;
		height: 200px;
		padding-top: 46px;
	}

	#myNavbar .nav.navbar-nav li:hover, #myNavbar .nav.navbar-nav li.act{
		background-color:#0f4789;
	}

	#myNavbar .nav.navbar-nav li a{
		color: white;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 10px;
		letter-spacing: -0.8px;
		overflow-wrap: normal;
		text-align: center;
		line-height: 1;
	}
	.glyphicon.glyphicon-home{
		font-size: 35px;
		padding: 5px;
		padding-bottom: 5px;
		padding-bottom: 17px
	}
	.navbar-collapse.in {
		overflow-y: initial !important;
	}
	.menuico{
		width: 55px;
		height: 55px;
		margin-right: 15px;
		vertical-align: middle;
		display: inline-block;
	}
	.caisse{
		background : none;
		background: url('/images/menu-demande-caisse.png');
	}
	.m-caisse{
		background: url('/images/caisse.svg');
	}
	.reservation{
		background : none;
		background: url('/images/menu-reservation-enlevement.png');
	}
	.m-reservation{
		background: url('/images/reservation.svg');
	}
	.planning{
		background : none;
		background: url('/images/menu-planning-enlevement.png');
	}
	.m-enlevement{
		background: url('/images/enlevement.svg');
	}
	.fichier{
		background : none;
		background: url('/images/menu-fichier-ouvrages.png');
	}
	.m-fichier{
		background: url('/images/ouvrage.svg');
	}
	.production{
		background : none;
		background: url('/images/menu-planning-production.png');
	}
	.m-production{
		background: url('/images/production.svg');
	}
	.devis{
		background : none;
		background: url('/images/menu-devis.png');
	}
	.m-devis{
		background: url('/images/devis.svg');
	}

	.facture{
		background : none;
		background: url('/images/menu-facture.png');
	}
	.m-facture{
		background: url('/images/facture.svg');
	}
	.navpuce{
		height: 52px;
		text-align: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		margin-bottom: 6px;
		transition: 0.2s;
	}










	/* corp */
	.inline{
		display: inline-block;
	}
	.container-fluid.content{
		padding-left: 7%;
		padding-right: 7%;
	}
	h2{
		color : #0c53a6;
		font-weight: 600;
		margin-bottom: 20px;
		margin-top: 0px;
		font-size: 24px;
	}
	.fas{
		color: #0c53a6;
		background: none;
	}
	.fa-print{
		color: white;
		padding-right: 5px;
	}
	.fa-file-download{
		font-size: 18px;
	}

	/* form */
	.form-control.hold{
		color : #0c53a6;
		padding-left: 30px;
	}
	.form-control.hold::placeholder{
		color : #0c53a6;
	}
	label.control-label{
		color : #0c53a6;
		height : 34px;
		margin-top: 0
	}
	.form-control{
		background-color: #f4f4f4;
		/*border-radius:0;*/
		/*border:none;*/
		/*box-shadow: none;*/
	}
	.form-control.btn{
		color : #505050;
	}
	.btn-submit{
		font-weight: 600;
		background-color: #0c53a6;
		color: white;
		border-radius : 0;
		border : none;
	}
	.btn-submit:hover{
		background-color:#0f4789;
		color: white;
	}
	.btn-ajouter2{
		font-weight: 600;
		background-color: #0c53a6;
		color: white;
		border-radius : 0;
		border : none;
		font-size: 12px;
	}
	.btn-ajouter2:hover{
		background-color:#0f4789;
		color: white;
		font-size: 12px;
	}
	.grpsub{
		margin-top: 40px;
	}

	select {

		/* styling */
		background-color: white;
		border: thin solid blue;
		border-radius: 4px;
		display: inline-block;
		font: inherit;
		line-height: 1.5em;
		padding: 0.5em 3.5em 0.5em 1em;

		/* reset */

		margin: 0;      
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}


	select.classic {
		background-image:
		linear-gradient(45deg, transparent 50%, white 50%),
		linear-gradient(135deg, white 50%, transparent 50%),
		linear-gradient(to right, #0c53a6, #0c53a6);
		background-position: calc(100% - 18px) calc(12px + 4px), calc(100% - 13px) calc(12px + 4px), 100% 0;
		background-size:
		5px 5px,
		5px 5px,
		2.5em 2.5em;
		background-repeat: no-repeat;
	}

	select.classic:focus {
		background-image:
		linear-gradient(45deg, white 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, white 50%),
		linear-gradient(to right, gray, gray);
		background-position:
		calc(100% - 15px) 1em,
		calc(100% - 20px) 1em,
		100% 0;
		background-size:
		5px 5px,
		5px 5px,
		2.5em 2.5em;
		background-repeat: no-repeat;
		border-color: grey;
		outline: 0;
	}





	/* table */
	table.table tr th{
		border : none;
		color: #0c53a6;
		font-weight: 600;
		border-bottom : solid 2px #0c53a6;
		background:none;
		text-align: left;
	}
	table tr td {
		border : none;
		padding: 5px;
	}
	table{
		margin: 0px;
	}


	/* other */
	.liste-actu{
		min-height: 200px;
		width: 400px;
		display: inline-block;
		margin-bottom: 30px;
	}
	.title-actus{
		font-size: 20px;
	}
	.actu-title{
		font-weight: 600;
		color: #0c53a6;
	}
	.actu-descriptif{
		color:black;
	}


	@media only screen and (max-width: 1000px) {
		.container{
			padding: 0px !important;
			margin: 0 auto !important;
			width: 100% !important;
		}
	}

	@media only screen and (max-width: 768px) {
		#myNavbar ul {
			width: 100%;
			margin: 0;
			margin-top: 50px;
		}
		#myNavbar .nav.navbar-nav li{
			display: block;
			width: 100% !important;
			height: 80px;
			padding-top: 0px;
		}
		#myNavbar .nav.navbar-nav li a{
			width: 100%;
			margin: 0 auto;
			text-align: left;
		}
		.lijump{
			display: inline-block;
			margin-right: 4px;

		}
		.navpuce{
			display: inline-block;
			width: 50px;
			vertical-align: middle;
			height: 50px;
			margin-right: 35px;
			margin-left: 10px;
		}
		.container-fluid.content{
			padding-left: 5%;
		}
		#nlogo, .nlogo2, .dlogo, .ddeco{
			display: block;
			max-width: 100%;
			border : none;
			background-size: contain;
			height: 80px
		}
		.ddeco{
			margin-top: 65px;
			height: 60px;
		}
		.glyphicon.glyphicon-home{
			margin-left: 11px;
			margin-right: 36px;
			vertical-align: sub;
		}
		.navbar-header{
			display: block;
			float: right !important;
		}
		.navbar-toggle{
			display: inherit !important;
			z-index: 64;
		}
		.navbar-collapse.collapse{
			height: auto !important;
			display:none !important;
		}
		.collapse.in{
			display:block !important;
		}
		#myNavbar{
			padding: 0px;
			padding-bottom: 15px;
		}
		#nnav.navbar-inverse{
			margin-right: -2%;
			margin-left: -2%
		}
		#nnav{
			border:none !important;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 768px) {
		#myNavbar ul {
			margin: 0px;
		}
	}
	@media only screen and (max-width: 450px) {
		.navpuce{
			margin-right: 5px;
		}
		.glyphicon.glyphicon-home{
			margin-right: 5px;
		}
	}
	@media only screen and (min-width: 768px) {
		.btn-parcourir_doc{
			margin: 0;
		}
	}

	.blueimg{
		position: absolute; /* Positions psuedo element relative to .icon */
		width: 100%; /* Same dimensions as .icon */
		height: 100%;
		content: ""; /* Allows psuedo element to show */
		background: blue; /* The color you want the icon to change to */
		mix-blend-mode: multiply; 
	}
	th.nombre{
		text-align: right !important;
	}


	.contact{
		list-style: none;
		text-shadow: 0 0 2px rgba(0, 0, 0, .3);
		box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
		border-radius: 10px;
		padding: 5px;
		background: #0c53a6;
		color: white;
		padding-left: 15px;
		margin-right: 30px;
		margin-bottom: 20px;
	}
	.contact.reverse{
		color : #0c53a6;
		background-color: white;
		text-shadow: 0 0 2px rgba(0, 0, 0, .1);
		margin-left: 15px;
		margin-right: 15px;
	}
	.btn-ajout.reverse{
		color: #0c53a6;
		font-weight: 600;
	}
	.contact-label{
		margin: 0 auto;
	}
	.unk{
		color: #cccccc;
	}
	.form-group.row.first{
		margin-top: 20px;
	}
	.no-bb{
		background : none;
		border : none;
	}
	.fa-pen{
		color: white;
	}










	
	.icocontact{
		font-size: 35px;
		position: relative;

		top: 1px;

		display: inline-block;
		font-style: normal;

		font-weight: 400;

		line-height: 1;

		padding-top: 5px;

		padding-bottom: 18px;
	}