/* STYLES GENERAUX ////////////////////////////////////////////////////*/
html { font-size:90%;background-color:#fff;}
body {
	font-family:'Open Sans'; 	
}
ul {list-style:none;}
.clear { 
	clear:both;
}
.nofloat {
	float:none;	
}
.content {
	width: 95%;
	max-width:960px;
	margin:auto;
	/* padding: 0 15px;	*/
}
.first {
	margin-left:0 !important;	
}
.last {
	margin-right:0 !important;	
	padding-right:0 !important;
}
.button, .button-start, .button-stop {
	background-color: #25aef5;
    border-radius: 3px !important;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1em;
    padding: 8px 12px;
    text-decoration: none;
    margin-right:15px;
    border:none;
}
	.button-start {
		background-color: #25aef5;
		float:right;
		margin:0;
	}
	.button-stop {
		background-color: #25aef5;
		float:right;
		margin:0;
	}
	.button-ajouter-right {
		float:right;
		display: inline-block;
   		margin:10px 0 0 0;
   		padding: 5px 12px;
	}
.button-add, .button-add-2  {
	background-color: #25aef5;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.9em;
    padding: 8px 12px;
    text-decoration: none;
    margin-right:15px;
}
.button-valide  {
    width: 80px;
    background-color: #60B0E7;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    padding: 8px 12px;
    text-decoration: none; 
    text-align: center;
    
}
.button-paye  {
    width: 80px;
    background-color: #65A055;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    padding: 8px 12px;
    text-decoration: none; 
    text-align: center;
    
}
.button-payepart  {
    width: 80px;
    background-color: #F2F5A9;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #000000;
    padding: 8px 12px;
    text-decoration: none; 
    text-align: center;
    
}
.button-annule  {
    width: 80px;
    background-color: #F9A449;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    padding: 8px 12px;
    text-decoration: none; 
    text-align: center;
    
}
.button-brouillon  {
    width: 80px;
    background-color: #9BA3AF;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    padding: 8px 12px;
    text-decoration: none; 
    text-align: center;
    
}
.button-rappel  {
    width: 80px;
    background-color: #FA5858;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #CCCCCC;
    color: #FFFFFF;
    padding: 8px 12px;
    text-decoration: none; 
    text-align: center;
    
}
.button-add-2 {
	/* background-color: #25aef5; */
}
	.button-add i, .button-add-2 i {
    font-size: 1.2em;
    margin-right:6px;
}
h1 {
    text-transform: uppercase;	
    margin-top: 25px;
    color: #374857;
    font-size: 1.3em;
    font-weight: 600;
}
.lien1 {
	color:#111E27;	
}
.lien2 {
	color:#0C96E6;
	text-decoration:none;	
}
	.lien2:hover {
		text-decoration:underline;	
	}
h2.bleu {
    color: #25aef5; /* #0C96E6; bleu un peu plus fonc�  */
    font-size: 1.15em;
    font-weight: 600;
    margin-bottom:5px;
}
.bold {
	font-weight:600;
}
.very-small {
	font-size:0.75em !important;	
}
.big {
	font-size: 1.5em;
    line-height: 1.6em;
    margin-bottom: 20px;
}
.evidence {
	color: #25aef5;
	font-weight:600;
}
.ligne {
	background-color:#90d4f8;
	height:1px;
	width:100%;
	margin-bottom:20px;
}
.ligne2 {
	background-color:#ccc;
	height:1px;
	width:100%;
	margin:0 0 15px 0;
}
.ligne3 {
    background-color: #374857;
    height: 2px;
    margin-bottom: 40px;
    width: 100%;
}
table {
	font-size:85%;		
}
html, button, input, select, textarea {
    font-family: Open Sans !important;
}

/* STRUCTURE ////////////////////////////////////////////////////////////*/
#contenu .content {
	background-color: #FFFFFF;
    margin-top: 20px;
    /* padding: 10px 30px 30px; */
    padding-top:10px;
    border-radius: 8px;
}

/* FORM / SEARCH ///////////////////////////////////////////////////////*/
.dataTables_filter {
    margin-bottom:10px;
}
	.dataTables_filter input {
	    background-color: #FFFFFF;
	    border: 1px solid #CCC;
	    -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	    border-radius: 3px;
	    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 rgba(0, 0, 0, 0.7) inset;
	    color: #37505F;
	    padding: 4px;
	}
	.dataTables_filter label {
	}

/* HEADER //////////////////////////////////////////////////////////////*/
header {
	background: #152732; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzE1MjczMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDFkMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #152732 9%, #101d25 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#152732), color-stop(100%,#101d25)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #152732 9%,#101d25 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #152732 9%,#101d25 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #152732 9%,#101d25 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #152732 9%,#101d25 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152732', endColorstr='#101d25',GradientType=0 ); /* IE6-8 */
	height:50px;
}
header #logo {
	display:inline-block;
	height:50px;
	line-height:50px;
}
	header #logo a.logo {
		color:#ffffff;
		display: block;
	    margin: 0;
	    vertical-align:middle;
	    text-decoration: none;
	    text-transform: uppercase;
	    float: left;
	    font-size: 1.15em;
	    margin-top:4px;
	}
header .actus-header {
	float:right;
}
	header .actus-header ul {
		margin:0;
		clear:both;
	}
		header .actus-header ul li{
			display: inline-block;
		    height: 50px;
		    line-height: 21px; /*line-height: 35px;*/
		    padding: 0 10px;
		    background-color:#273b47; /*#1f333f;*/
    		line-height: 50px;
		}
		header .actus-header ul li.deconnexion input{
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		    border: medium none;
		    color: #FFFFFF;
		    text-decoration: none;
   		 	text-transform: uppercase;
    		font-size:0.9em;
		}
			header .actus-header ul li.hello{
			   background: #152732; /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzE1MjczMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDFkMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #152732 9%, #101d25 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#152732), color-stop(100%,#101d25)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #152732 9%,#101d25 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #152732 9%,#101d25 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #152732 9%,#101d25 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #152732 9%,#101d25 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152732', endColorstr='#101d25',GradientType=0 ); /* IE6-8 */	
			    color:#FFF;
			    font-weight:lighter;
			    font-size:0.9em;
			}
		
/* NAV //////////////////////////////////////////////////////////////////*/
nav {
	background:#374857;	
	height:65px;
	line-height:65px;
}
	nav ul {
		vertical-align:middle;
		margin:0;
		padding-top: 2px;
	}
		nav ul li {
			display: inline;
		    padding-right: 30px;
		}
			nav ul li a {
			    color: #b2c0c9;
			    font-size: 0.9em;
			    letter-spacing: 0.01em;
			    text-decoration: none;
			    text-transform: uppercase;
			}
				nav ul li a:hover {
				    color: #ffffff;
				}
#icon-menu-home {
	display: inline-block;
    height: 16px;
	background:url(../img/icon-menu-home.png) 0 0px no-repeat;	
}
#icon-menu-client {
	display: inline-block;
    height: 16px;
	background:url(../img/icon-menu-client.png) 0 0px no-repeat;	
}
	#icon-menu-home:hover, #icon-menu-client:hover  {
		background-position:0 -16px;
	}
	#icon-menu-home span, #icon-menu-client span{
		float: right;
		margin-left: 20px;
		margin-top: -20px;
	}
/* MENU SLIDER ////////// */

ul.responsive-menu {
	 float: left;
	 margin:5px 20px 0 10px;
	 display:none;
}	
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
    cursor: pointer;
    color:#FFF;
    font-size:1.6em;
}

.sb-slidebar, .sb-slidebar h3 {
    color: #F0F0F0;
}
.sb-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 0;
    width: 100%;
}
.sb-menu li a {
    color: #F2F2F2;
    display: inline-block;
    padding: 1em;
    width: 100%;
    text-decoration: none;
}
.sb-slidebar a:hover {
    color: #27caff;  
}

/* RESPONSIVE NAV + HEADER////////////////////////////////////////////////////////*/
@media screen and (max-width: 900px) {
	ul.responsive-menu {
		 display:block;
	}
	header, header .actus-header ul li {
	    height: 55px;
	}	
	nav {
		display:none;
	}
} /*mediaquery*/
@media screen and (max-width: 480px) {
	header .actus-header ul li.hello {
	    display:none;
	}
	header .actus-header ul li {
	    font-size: 0.85em;
	    padding: 0 8px;
	}
} /*mediaquery*/

/* ACCUEIL //////////////////////////////////////////////////////////////////*/

/*login///////////////////////////*/
body.index {
	background: url("../img/background-login.png") no-repeat center scroll #101D25;
}
body.index #contenu-index {
	color:#FFF;
	text-align:center;
	font-weight:200;
}
body.index #contenu-index p.txt-preface{
	font-size: 0.95em;
    line-height: 1.6em;
    margin-bottom:20px;
}
body.index #contenu-index img{
	margin-bottom:15px;
	border:none;
}
body.index #contenu-index form p{
	margin: 10px 0 10px 0;
}
body.index input.login, body.index input.mdp  {
	border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 6px 0 6px 35px;
    background-position: left center;
    background-repeat: no-repeat;
    max-width:162px;
    color:#8a8a8a;
}
body.index #contenu-index .content-index{
	bottom: 0;
    height: 300px;
    left: 0;
    margin: auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 300px;
}
body.index input.login {
    background-image: url("../img/icon-login.png");
}
body.index input.mdp {
    background-image: url("../img/icon-mdp.png");
}
body.index input.button {
    box-shadow:none;
    margin-right: 0;
    padding: 10px 0;
    width: 197px;
    margin-top:10px;
}

/* infos/tableaux page accueil ///*/

table.table-accueil {
	width:100%;
	margin-bottom: 30px;
}
	table.table-accueil td {
		padding:8px 10px 8px 10px;
		vertical-align:top;
	}
	table.table-accueil tr:nth-child(odd){
	  background-color:#EFF5F8;
	}
		td.table-accueil-nom {
			width:28%;
			font-weight: 600;
		}
		td.table-accueil-ref {
			width:15%;
		}
		table.table-accueil td i {
			text-align:right;
			color: #25AEF5;
		    float: right;
		    font-size: 1.5em;
		    text-align: right;
		}
.table-small {
	width:47% !important;
	float:left;	
	margin-left:6%;
}
	
/* TABLE //////////////////////////////////////////////////////////////////// */
table {
	margin-bottom:20px;	
}
.lien-clic {
	color: #0c96e6;
    font-weight: 600;
    text-decoration: none;	
}
	.lien-clic:hover {
		text-decoration: underline;
	}
td.nom, td.ville {
		
}
table thead {
	/* background-color: #E1E7EA !important; */
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #374857;
    font-size: 1.2em;
    /* font-weight: 700; */
    height: 45px;
}
table.style-table {
    width:100%;
}
table.style-table td {
    border-bottom: 1px solid #D5DBDF;
    padding: 8px 10px !important;
}
table.dataTable td {
    padding: 3px 10px;
    border-bottom: 1px solid #D5DBDF;
}
table.style-table tbody tr:nth-child(2n+1) {
    background-color: #EFF5F8;
}
.block-client-paperasse table.style-table tbody tr{
	background-color: transparent;	
}
	
/* FORM //////////////////////////////////////////////////////////////////// */
form.reception {
    margin:40px 0 50px 0;
}
	form.reception p {
	    margin: 5px 0;
	    float:left;
	}
		form.reception p label, form.reception label, form.machine p label {
		    color: #37505F;
		    font-weight: 600;
		    padding-right: 15px;
		    font-family: 'Open Sans';
	    	font-style: normal;
	    	font-size:0.9em;
		    margin: 0 0 0.35em;
		   /* width: 47.8723% !important; */
		}
			form.reception p label, form.machine p label {
		    	display: block;
			}
		input.form-field {
		    vertical-align: top;
		    width: 230px;
		    margin: 0 20px 0 0;
		}
			input.long-champs, select.long-champs, textarea.long-champs {		  
			    width: 495px;
			}
		.form-field, select.form-field {
			border: 1px solid #CCCCCC !important;
		    border-radius: 4px;
		    box-shadow: 2px 2px 2px #EBEBEB;
		    color: #37505F;
		    padding: 6px !important;
		}
	h2 {
		color:#111E27;
	    font-size: 1.15em;
	    margin: 20px 0 5px 0;
	    text-transform: uppercase;
	}

.page-reception .button-add, .button-add-2 {
    margin-bottom: 10px;
    min-width: 200px;
}
/* INTERVENTION //////////////////////////////////////////////////////////////*/
.intervention-description, .intervention-details {
	float:left;
	margin-right: 2%;
	line-height: 1.8em;
	width: 58%;
}
	.intervention-description span.titre{
		color: #25AEF5;
	    display: inline-block;
	    width: 120px;
	}
.intervention-statut {
	float:right;
	text-align: right;
}
	.intervention-statut p.date{
	}
.intervention-historique {
	float:right;
	padding: 0 3% 15px;
    width: 31%;
	background-color: #677B8C;
	margin-top: 20px;
	min-height: 200px;
}
	.intervention-historique h2, .intervention-historique p {
		color:#ebebeb;
	}
	.intervention-historique span.intervention-date {
		display: inline-block;
	    float: left;
	    margin-right: 20px;
	    text-align: left;
	    color:#ebebeb;	
	}
p.intervention-solutions {
	margin-top:5px;
}
	p.intervention-solutions textarea {
		border: 1px solid #ccc;
	    border-radius: 4px;
	    box-shadow: 2px 2px 2px #EBEBEB;
	    max-width: 608px;
	    padding: 8px;
	    width: 100%;
	    font-size: 0.95em;
	}

/* INTERVENTION - CLIENT //////////////////////////////////////////////////////////*/

.client-coordonnees {
	background-color: #677B8C; /*#EBEBEB;*/
    float: right;
    padding: 0 3% 15px;
    width: 28%;	
    margin-bottom:25px;
}
	.client-coordonnees i{
		color: #FFFFFF; /*#4c647a;*/ /*#374857; */
	    font-size: 1.2em;
	    width: 18px !important;
	    margin-top: 2px;
    	vertical-align: top;
    	text-align: center;
	}
		.client-coordonnees i.fa-imite{
		   	font-size: 0.85em;
    		font-style: normal;
		    margin-top: 2px;
	    	text-align: left;
	    	font-weight:600;
		}
	.client-coordonnees h1 {
		color: #FFFFFF;
	}	
	.client-coordonnees span.icon {
		margin-left: 5px;
		display:inline-block;
		font-size: 0.9em;
		color:#FFFFFF; /*#374857;*/
	}
	.client-coordonnees span.icon a {
		color:#FFFFFF;
	}
.client-paperasse {
	width: 62%;
	margin-right:2%;	
}
	.client-paperasse .block-client-paperasse {
		background-color: #E1EFF6;
	    margin-bottom: 25px;
	    padding: 2% 3.6% 2% 3.6%;
	}
		.client-paperasse .block-client-paperasse h2 {
			display:inline-block;
			margin: 10px 0 10px 0;	
		}
		.client-paperasse .block-client-paperasse table {
			margin-top:15px;
			width:100%;
			font-size: 95%;
		}
		.client-paperasse .block-client-paperasse table i {
			font-size: 1.2em;
		}
		.client-paperasse .block-client-paperasse ul li{
			line-height:1.6em;
		}
		.client-paperasse .block-client-paperasse ul li, .client-paperasse .block-client-paperasse p {
			font-size:0.9em;
		}

/* TODO //////////////////////////////////////////////////////////*/
ul.todo-sousmenu {
	margin-bottom: 3px;
}
	ul.todo-sousmenu li {
		display:inline-block;	
	}
		ul.todo-sousmenu li a {
			text-decoration:none;
			color:#374857;	
			padding: 5px 10px;
		}
		ul.todo-sousmenu li a:hover {
			background-color:#374857;	
			color:#FFF;
		}
	
/* TODO //////////////////////////////////////////////////////////*/
.accuse-titre {
	width:105px;
	display:inline-block;
}

/* RESPONSIVE CONTENU ////////////////////////////////////////////////////////*/
@media screen and (max-width: 900px) {
	.intervention-historique {
		float:none;
		padding:5px 15px 15px 15px;
		min-height: 0;
		margin-top:30px;
	}
	.intervention-details {
	    float: none;
	    width: 100%;
	}
	.intervention-historique {
	    width: auto;
	}
} /*mediaquery*/
@media screen and (max-width: 850px) {
	.client-paperasse, .client-coordonnees {
		width: 100%;
		margin-right:0;
		clear: both;
	    float: none;	
	}
	.client-coordonnees {
		width: 90%;	
		padding: 5px 5% 15px;
	}
	.client-coordonnees .client-coordonnees-left , .client-coordonnees .client-coordonnees-right {
	    float:left;
	    width:40%;	
	}
	.client-coordonnees .client-coordonnees-left {
	    margin-right:5%;	
	}
} /*mediaquery*/
@media screen and (max-width: 650px) {
	.intervention-statut p.date{
		display:none;
	}
} /*mediaquery*/	
@media screen and (max-width: 550px) {
	input.long-champs, select.long-champs, textarea.long-champs {		  
		min-width: 230px;
    	width: auto;
	}
	.client-coordonnees .client-coordonnees-left , .client-coordonnees .client-coordonnees-right {
	    float:none;
	    width:100%;	
	}
	.intervention-description {
	    float: none;
	    width: 100%;
	}
	.intervention-statut {
	    float: none;
	    text-align: left;
	}
	.button-start, .button-stop {
	    float: none;
	}
	td.table-accueil-clic {
			display:none;
		}
} /*mediaquery*/