/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */



/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */

#toolbar {
    background: none repeat scroll 0 0 #222222 !important;
    border-bottom: 4px solid #00A5FF;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.098);
    left: 0;
    position: relative;
    top: 0;
    padding-top:5px;
    margin-bottom:5px;
}

#toolbar h1 {
    color: white;
    font-size: 4rem;
    font-weight: bold;
}

#toolbar h1 a {
    color: #FFFFFF;
}

#toolbar h2 a {
    color: #FFFFFF;
}

#toolbar h3 a {
    color: #FFFFFF;
}

#header-front{
    border-radius : 5px;
}

img.superbg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    overflow:hidden;
}

.ligne_masquee {
    background: #C3C6D6;
}

.ligne_tri {
    background: #2A85E8;
}

.blanc{
    background: #FFF;
}

.orange{
    background: #FFF569;
}
.orange-fonce{
    background: #DBC9B6;
}
.bleu{
    background: #BCD9E6;
}
.vert{
    background: #BBF2BB;
}

.gris {
    background: #EDEDED;
}

.flag_com {
    border: 3px solid red;
}

.comment .client {
    overflow : hidden ;
    clear: both;
    margin-bottom: 10px;
    border: 1px solid black;
    background: #91DB4A;
    color: #436041;
    border-radius: 10px;
    padding: 10px;
    padding-right: 0px;
}

.comment .technicien {
    overflow : hidden ;
    clear: both;
    margin-bottom: 10px;
    border: 1px solid black;
    background: #FCFC88;
    color: #436041;
    border-radius: 10px;
    padding: 10px;
    padding-right: 0px;
}

.comment .technicien_h {
    overflow : hidden ;
    clear: both;
    margin-bottom: 10px;
    border: 1px solid black;
    background: #A1C8F4;
    color: #436041;
    border-radius: 10px;
    padding: 10px;
    padding-right: 0px;
}

.comment p {
    margin: 0;
}

.comment .nom {
    font-weight: bold;
    color: #3C4257;
}
.comment .date {
    font-weight: bold;
    color: #5B1023;
}

.comment .texte{
    color: #000;
}

.hover {
    background-color: #E1E0E1;
}

#infos_ticket{
    width: 706px;
    height: 408px;
    background-image: url(../images/ticket_grand.gif);
}

#infos_ticket div {
    margin-left: 0px;
}

#infos_ticket p{
    margin : 0 0 7px 0;
}

#infos_du_ticket #simple1Tab table {
    background: none;
    border: none;
}

#menu {
    height:180px;
}
.rouge{
	background-color : #ED8D8D;
}

.d-none { 
    display: none;
}
.bg_overlay{
	z-index : 1;
	position : absolute;
	top : 0;
	height : 100vh;
	width : 100%;
	overflow : hidden;
	background : #000000;
	opacity : 0.5;
}
.unscrollable{
	overflow : hidden;
}
#charte_modal{
	position : absolute;
	height : 80vh;
	top : 10vh;
	left : 30%;
	width : 40%;
	background : #efefef;
	border-radius : 4px;
	border : 1px solid #ccc;
	user-select: none;
	display : none;
	z-index : 2;

}
#charte_modal_main{
	overflow-y : scroll;
	height : 90%;
}

.point{
	position : relative;
}
.point::before,.point::after{
	content : " ";
	position : absolute;
	left : 0;
	top: 0;
}
.point::before{

    width: 7px;
    height: 7px;
    display: inline-block;
    background: #3175ca;
    border-radius: 50%;
    z-index: 3;
    left: 7px;
    top: 7px;
}
.point::after{
    border-radius: 50% 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #3175ca2e;
    z-index: 2;
}
.point>p::first-letter{
    margin-left: 30px;
    font-size: 1.5em;
    color: #3175c9;
}

.charte_content{
	font-family : courier;
	font-size: 1.1em;

}
.charte_content div{
	margin : 20px;
	
}
.charte_content .title_charte{
	text-align : center;

}
.charte_content .main_title{
	color : #6884d4;
	font-size : 3rem;
	font-weight : bold;
	text-shadow: 1px 1px #ccc;
}
.charte_content .emphase_title{
	font-style : italic;
	color : #7d7d7d;
	text-shadow : 1px 1px white;
}
.charte_content .intro{


}
.confirm_charte{
	display: inline-block;
    width: 80%;
    background: #6884d4;
    border-radius: 2px;
    color: #fff;
    text-shadow: 1px 1px #333;
    text-align: center;
    margin: 15px;
    padding: 10px;
    margin-left: 10%;
    font-size: 1.3em;
	cursor : pointer;
	transition : 0.5s all linear;
}
.confirm_charte:hover{
	    background: #43dab7;
}
.confirm_charte.disabled{
	background : #ccc;
	color : #333;
	text-shadow : 0 0 white;
	cursor : no-drop;
}
.confirm_charte.disabled:hover{
	background : #efefef;
}
.bold{
	font-weight : bold;
	font-size : 1.4rem;
}
:root {
	--charte-box : red;
	--charte-color : black;
}
.reshow_chart{
	margin: 10px;
    padding: 20px;
    background: white;
    box-shadow: inset 1px 1px 2px var(--charte-box), inset -1px -1px 2px var(--charte-box), 1px 1px 2px var(--charte-box), -1px -1px 2px var(--charte-box);
    color: var(--charte-color);
    font-size: 1.5em;
    border: 2px solid var(--charte-color);
    border-radius: 3px;
	font-weight : bold;

}
.center{
		text-align : center;
}