/*********************************PARTIE ORDINATEUR*************************************/
@media (min-width: 480px){
*{
	font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    margin-right: 0;
    margin-left: 0;
}
body{
    min-height:500px;
    margin:0 auto;
    position:relative;
}
html{ 
    height:100%;
}
footer{
	clear: both;
    height: 100px;
    text-align: center;
    line-height: 50px;
    background-color:#014A93;
    color:white;

    position:relative;
    bottom:0;
}
.logo{
	margin-left:4%;
	margin-top:1%;
	width:20%;
}
.menu{
	height:40px;
	margin-top:20px;
	background-color: #014A93;
}
.formID{
	width:30%;
	padding-left:40%;
	padding-top:8%;
	padding-bottom:40%;
}
.corps{
	background-color: #1291C6;
	margin-left:2vw;
	margin-right:2vw;
	min-height:80vh;
}
.menuTitre{
	text-align: center;
	font-size:xx-large;
	color:white;
}
.menuTable{
	color:white;
	height:38px;
}
.menuTable td{
	width:33vw;
	text-align: center;
	font-size: large;
	height:35px;
}
.menuTable td:hover{
	background-color: #C45615;
}
.gomme{
	float:right;
	height:30px;
}
.img_tri{
	height:23px;
	float:right;
	margin-top:3%;
}
.tdb{
	width:100%;
}
.tdb-h1{
	background-color:white;
	color:#C45615;
	font-size:xx-large;
	text-align: center;
}
.tdb-h2{
	background-color:#009FE3;
	height:38px;
	color:white;
	text-align: center;
}
.tdb-h3{
	background-color:white;
	text-align: center;
}
.tdb tr{
	background-color: white;
}
.input_rech{
	height:25px;
	width:80%;
}
.btn_rech{
	height:35px;
	width:35px;
	color:white;
	background-color: #009fe3;
	border:none;
	border-radius: 20px;
}
.input_com{
	height:20px;
	margin-top:2px;
}
.select_com{
	width:100%;
}
.text_com{
	width:96%;
	height:50px;
}
.date_com{
	width:97%;
}
.title_com{
	font-weight: bold;
	padding-top:5px;
	vertical-align: baseline;
}
.title_com2{
	font-size:small;
	font-style: italic;
}
.btn_com{
	height:35px;
	color:white;
	background-color: #014a93;
	border:none;
	float:right;
}
.btn_com:hover{
	background-color: #C45615;
}
.btn_paie{
	height:35px;
	width:100%;
	color:white;
	margin-top:10%;
	background-color: #C45615;
	border:none;
}
.btn_paie:hover{
	background-color:#009fe3;
}
.btn_go{
	background-color: #b5d5e9;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    width:40px;
    color: black;
    font-size: medium;
}

.title_histo{
	font-size: large;
	font-weight: bold;
	color:#c65415;
}

.title_histo_td{
	vertical-align: baseline;
	background-color:white
}

.ferme{

}
.ferme1{
	display: none;
}
.ouvert td{
	font-weight:bold;
}
.ouvert1{

}

.connexion{
	width:100%;
	height:30px;

	background-color: #C65415;
	color:white;

	border:none;
	border-radius: 10px;

}
.imgDeconnex{
	width:3%;
    float:right;
    margin-top:2%;
    margin-right:2%;
}
.link{
	color:white;
	text-decoration:none;
}
.stats{
	margin-top:1%;
	width:100%;
	border-top:medium solid #C45615;
}
.stats th{
	text-align: center;
}
.stats td{
	background-color:white;
	text-align: center;
}
.stats tr{
	height:35px;
}
.stats_value{
	text-align: center;
}
.stats_h1{
	background-color: #014A93;
	color:white;
}
.stats_h2{
	background-color: lightgray;
}
.stats_interligne{
	color:white;
}

.clientD_titre{
	background-color:white;
	width:100%;
	float:left;
	margin-top:1%;
	margin-left:0.2%;
	height:60px;
	font-size:xx-large;
	color:#C45615;
}

.clientD_docs{
	background-color:white;
	width:60%;
	float:left;
	margin-top:2%;
	margin-left:0.2%;
}
.clientD_docs th{
	background-color:#014A93;
	color:white;
}
.clientD_docs_title{
	color:#C45615;
	text-align:center;
	font-size:x-large;
}

.clientD_actions{
	background-color:white;
	width:39%;
	float:right;
	margin-top:2%;
	margin-right:0.2%;
}
.clientD_actions th{
	background-color:#014A93;
	color:white;
}

.clientD_contacts{
	background-color:white;
	width:39%;
	float:right;
	margin-top:2%;
	margin-right:0.2%;
}
.clientD_contacts th{
	background-color:#014A93;
	color:white;
}

}
/*************************************FIN PARTIE ORDINATEUR************************************/








/********************************PARTIE TELEPHONE********************************************/
@media (min-width:100px) and (max-width:480px){ 


*{
	font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    margin-right: 0;
    margin-left: 0;
}
body{
    min-height:500px;
    margin:0 auto;
    position:relative;
}
html{ 
    height:100%;
}
footer{
	clear: both;
    height: 100px;
    text-align: center;
    line-height: 50px;
    background-color:#014A93;
    color:white;

    position:relative;
    bottom:0;
}
.logo{
	margin-left:4%;
	margin-top:4%;
	max-width:40vw;
}
.menu{
	height:40px;
	margin-top:20px;
	background-color: #014A93;
}
.formID{
	
	padding-top:8%;
	padding-bottom:40%;
	max-width:100vw;
}
.corps{
	background-color: #1291C6;
	min-height:80vh;
	width:100vw;
}
.menuTitre{
	text-align: center;
	font-size:xx-large;
	color:white;
}
.menuTable{
	color:white;
	height:38px;
}
.menuTable td{
	width:33vw;
	text-align: center;
	font-size: large;
	height:35px;
}
.menuTable td:hover{
	background-color: #C45615;
}
.gomme{
	float:right;
	height:30px;
}
.img_tri{
	height:23px;
	float:right;
	margin-top:3%;
}
.tdb{
	width:100%;
}
.tdb-h1{
	background-color:white;
	color:#C45615;
	font-size:xx-large;
	text-align: center;
}
.tdb-h2{
	background-color:#009FE3;
	height:38px;
	color:white;
	text-align: center;
}
.tdb-h3{
	background-color:white;
	text-align: center;
}
.tdb tr{
	background-color: white;
}
.input_rech{
	height:25px;
	width:80%;
}
.btn_rech{
	height:35px;
	width:35px;
	color:white;
	background-color: #009fe3;
	border:none;
	border-radius: 20px;
}
.input_com{
	height:20px;
	margin-top:2px;
}
.select_com{
	width:100%;
}
.text_com{
	width:96%;
	height:50px;
}
.date_com{
	width:97%;
}
.title_com{
	font-weight: bold;
	padding-top:5px;
	vertical-align: baseline;
}
.title_com2{
	font-size:small;
	font-style: italic;
}
.btn_com{
	height:35px;
	color:white;
	background-color: #014a93;
	border:none;
	float:right;
}

.btn_com:hover{
	background-color: #C45615;
}
.btn_maps{
	height:35px;
	color:white;
	background-color: #014a93;
	border:none;
	width:100%;
}
.btn_list{
	height:35px;
	color:white;
	background-color: #C45615;
	border:none;
	width:100%;
}
.btn_autour{
	height:35px;
	color:white;
	background-color: #BFBFBF;
	border:none;
	width:100%;
}
.btn_prolev{
	height:35px;
	color:white;
	background-color: #009FE3;
	border:none;
	width:100%;
}

.btn_paie{
	height:35px;
	width:100%;
	color:white;
	background-color: #C45615;
	border:none;
}
.btn_paie:hover{
	background-color:#009fe3;
}
.btn_go{
	background-color: #b5d5e9;
    border-radius: 20px 20px 20px 20px;
    border: none;
    height: 40px;
    width:40px;
    color: black;
    font-size: medium;
}

.title_histo{
	font-size: large;
	font-weight: bold;
	color:#c65415;
}

.title_histo_td{
	vertical-align: baseline;
	background-color:white
}

.ferme{

}
.ferme1{
	display: none;
}
.ouvert td{
	font-weight:bold;
}
.ouvert1{

}

.connexion{
	width:100%;
	height:30px;

	background-color: #C65415;
	color:white;

	border:none;
	border-radius: 10px;

}
.imgDeconnex{
	width:10vw;
    float:right;
    margin-top:2%;
    margin-right:2%;
}
.link{
	color:white;
	text-decoration:none;
}
.stats{
	margin-top:1%;
	width:100%;
	border-top:medium solid #C45615;
}
.stats th{
	text-align: center;
}
.stats td{
	background-color:white;
	text-align: center;
}
.stats tr{
	height:35px;
}
.stats_value{
	text-align: center;
}
.stats_h1{
	background-color: #014A93;
	color:white;
}
.stats_h2{
	background-color: lightgray;
}
.stats_interligne{
	color:white;
}

.clientD_titre{
	background-color:white;
	width:100%;
	float:left;
	margin-top:1%;
	margin-left:0.2%;
	font-size:xx-large;
	color:#C45615;
}

.clientD_docs{
	background-color:white;
	width:60%;
	float:left;
	margin-top:2%;
	margin-left:0.2%;
}
.clientD_docs th{
	background-color:#014A93;
	color:white;
}
.clientD_docs_title{
	color:#C45615;
	text-align:center;
	font-size:x-large;
}

.clientD_actions{
	background-color:white;
	width:39%;
	float:right;
	margin-top:2%;
	margin-right:0.2%;
}
.clientD_actions th{
	background-color:#014A93;
	color:white;
}

.clientD_contacts{
	background-color:white;
	width:100%;
}
.clientD_contacts th{
	background-color:#014A93;
	color:white;
}
.clientsD_adresse{
	background-color:white;
}
.clientsD_top{
	width:100%;
}
.tableActions{
    width:100%;
    margin-top:10px;
    margin-bottom:7px;
}
.menuMobileTD{
    border:solid medium #e1eef6;
    text-align:center;
    width:50%;
    background-color: white;
}
.blocChoixPdt{
	padding-top:5vh;
	margin-left:5vw;
	color:white;
}
.choixPdt{
	width:50vw;
	height:35px;
}


}
/*****************************FIN PARTIE TELEPHONE******************************************/