/*General*/
/*Importation de police*/
/** kamit**/
@font-face {
  font-family: 'Kanit-Black';
  src: url('../fonts/Kanit/Kanit-Black/Kanit-Black.eot');
  src: local('☺'), url('../fonts/Kanit/Kanit-Black/Kanit-Black.woff') format('woff'), url('../fonts/Kanit/Kanit-Black/Kanit-Black.ttf') format('truetype'), url('../fonts/Kanit/Kanit-Black/Kanit-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kanit-Regular';
  src: url('../fonts/Kanit/Kanit-Regular/Kanit-Regular.eot');
  src: local('☺'), url('../fonts/Kanit/Kanit-Regular/Kanit-Regular.woff') format('woff'), url('../fonts/Kanit/Kanit-Regular/Kanit-Regular.ttf') format('truetype'), url('../fonts/Kanit/Kanit-Regular/Kanit-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kanit-Light';
  src: url('../fonts/Kanit/Kanit-Light/Kanit-Light.eot');
  src: local('☺'), url('../fonts/Kanit/Kanit-Light/Kanit-Light.woff') format('woff'), url('../fonts/Kanit/Kanit-Light/Kanit-Light.ttf') format('truetype'), url('../fonts/Kanit/Kanit-Light/Kanit-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto/Roboto-Regular/Roboto-Regular.eot');
  src: local('☺'), url('../fonts/Roboto/Roboto-Regular/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto/Roboto-Regular/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Regular/Roboto-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Doodletoon';
  src: url('../fonts/Doodletoon/Doodletoon.eot');
  src: local('☺'), url('../fonts/Doodletoon/Doodletoon.woff') format('woff'), url('../fonts/Doodletoon/Doodletoon.ttf') format('truetype'), url('../fonts/Doodletoon/Doodletoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ImperatorBronze';
  src: url('../fonts/ImperatorBronze/ImperatorBronze.eot');
  src: local('☺'), url('../fonts/ImperatorBronze/ImperatorBronze.woff') format('woff'), url('../fonts/ImperatorBronze/ImperatorBronze.ttf') format('truetype'), url('../fonts/ImperatorBronze/ImperatorBronze.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** end of kamit**/
html, body{
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
body{
	/* background-color: #fff; */
	font-family: 'Roboto-Regular';
	background: #fff url(../img/gabon.jpg) no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	height: 100%;
	width: 100%;
}
/*style pour la navigation*/
#col_nav{
	margin: 0;
	padding: 0;
}
.div_nav{
	position: fixed;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	height: 80px;
	width: 100%;
	z-index: 1;
	-webkit-box-shadow: 4px 3px 5px rgba(0,0,0,0.4);
	   -moz-box-shadow: 4px 3px 5px rgba(0,0,0,0.4);
	        box-shadow: 4px 3px 5px rgba(0,0,0,0.4);
}
#banner{
  font-family: 'Doodletoon';
  font-size: 30px;
  /*text-shadow: 0px -1px 3px yellow, 0px -4px 5px orange, 0px -7px 7px red, 0px -11px 12px darkred;*/

}
.navLink a, .navLink span{
	text-decoration: none;
}
.navLink span{
	cursor: pointer;
}
/*Fin style pour la navigation*/
/*Style pour le message*/
#gly{
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 4px;
}
#span_gly1{
	width: 95%;
}
#span_gly2{
	width: 5%;
	cursor: pointer;
}
/*Style pour le corps du site*/
#navLinkService{
	cursor: pointer;
}
/* #nom_entreprise{
	position: absolute;
	top: 70px;
	z-index: 100000;
	left: 100px;
	text-shadow: 1px 1px 1px #000;
	background: #c7d8e1;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	font-size: 12px;
} */
/* #nom_entreprise span{
} */
.main{
	margin-top:150px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	padding: 20px;
	max-width: 730px;
	/* display: none; */
}
.main_inside{
	margin-top:100px;
	background-color: rgba(255,255,255,0.7);
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	/* color: #000; */
	padding: 5px;
	width: auto;
	max-width: 900px;
}
.main_row{
	/*border: 1px solid rgba(0,0,0,0.5);*/
	position: relative;
}
.main_row1{
	left: -400%;
	display: none;
	-webkit-transition: 5s;
	-o-transition: 5s;
	-moz-transition: 5s;
	transition: 5s;
}
/* .main_row2{
} */
.main_row3,.main_row6{
	display: none;
}
.main_change1{
	display: block;
	left: 0;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.main_change2{
	right: -400% !important;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.pagi_left{
	position: absolute;
	top: 50%;
	left: 10px;
	font-size: 50px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
.pagi_right{
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 50px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
.pagi_left span, .pagi_right span{
	cursor: pointer;
	z-index: 1000;
}
.pagi_left span{
	display: none;
}
.icon_span{
	font-size: 200px;
	text-shadow: 1px 1px 1px #444;
}
#span1, #span1_2{
	cursor: pointer;
}
/*description des icones*/
#span1[data-descr] {
	 position: relative;
	/*cursor: help;*/
}
#span1[data-descr]:hover::after {
	content: attr(data-descr);
	position: absolute;
	left: -168px;
	top: -10px;
	width: 180px;
	border: 1px #aaaaaa solid;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	background-color: rgba(255, 255, 204, 0.8);
	padding: 5px;
	color: #da7b81;
	font-size: 14px;
	z-index: 1;
}
#span2[data-descr] {
	 position: relative;
	/*cursor: help;*/
}
#span2[data-descr]:hover::after {
	content: attr(data-descr);
	position: absolute;
	left: 185px;
	top: -40px;
	width: 180px;
	border: 1px #aaaaaa solid;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	background-color: rgba(181, 122, 48, 0.8);
	padding: 5px;
	color: #fff;
	font-size: 14px;
	z-index: 1;
}
#span3[data-descr] {
	 position: relative;
	/*cursor: help;*/
}
#span3[data-descr]:hover::after {
	content: attr(data-descr);
	position: absolute;
	left: -170px;
	top: 100px;
	width: 180px;
	border: 1px #aaaaaa solid;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	background-color: rgba(218, 123, 129, 0.8);
	padding: 5px;
	color: #fff;
	font-size: 14px;
	z-index: 1;
}
#span4[data-descr] {
	 position: relative;
	/*cursor: help;*/
}
#span4[data-descr]:hover::after {
	content: attr(data-descr);
	position: absolute;
	left: 210px;
	top: 100px;
	width: 180px;
	border: 1px #aaaaaa solid;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	background-color: rgba(4, 147, 211, 0.8);
	padding: 5px;
	color: #fff;
	font-size: 14px;
	z-index: 1;
}
/*Fin de la description des icones*/
#span2, #span2_1{
	cursor: pointer;
}
#span3, #span3_2{
	cursor: pointer;
}
#h1_rub{
	color: #0493d3;
	text-shadow: 1px 1px 1px #000;
}
#span3_3{
	cursor: pointer;
}
#main2, #main3{
	display: none;
}
.h1_title{
	font-size: 47px;
}
/*h1, h2{	
	 font-family: 'ImperatorBronze'; 
}*/
.p_accueil{
	font-size: 16px;
	text-align: justify;
}
hr{
	border-top-color: #c0d1d9;
}
.p_btn{
	text-align: center;
	font-size: 16px;
}
.content_span{
	color: #5bc0de;
}
.retour_menu{
	cursor: pointer;
}
.main_row4{
	display: none;
}
.main_row5{
	display: none;
}
#span4,#span4_1{
	cursor: pointer;
}
#h1_doss{
	cursor: pointer;
	color: #da7b81;
	text-shadow: 1px 1px 1px #000;
}
#h1_emp{
	cursor: pointer;
	text-shadow: 1px 1px 1px #000;
}
.main_row7{
	display: none;
}
#aj_emp{
	display: none;
}
#connect_divGes{
	padding: 0 40px 0 40px;
}
.has_error{
	border-color: #da7b81;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 123, 129, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 123, 129, .6);
	     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 123, 129, .6);
}
.gly_move{
	text-shadow: 1px 1px 1px #888;
	font-size: 50px;
}
.error{
	color: #a9444f;
}
.span_text_imp{
	color: #3d382c;
}
.icon_span:hover .icon_span::after{
	color: #a9444f;
	text-shadow: 0px -1px 3px yellow, 0px -4px 5px orange, 0px -7px 7px red, 0px -11px 12px darkred;
}
/*Style des notification*/
.notif{
  display: none;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  max-width: 730px;
  margin-left: 9px;
}
.remNot{
  cursor: pointer;
}
#close_sms{
	cursor: pointer;
}
/*style interface d'ajout de rubrique*/
#alert_no_ru{
	display: none;
}
#close_alert_no_ru{
	cursor: pointer;
	color: rgba(169, 68, 79, 0.5);
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#close_alert_no_ru:hover{
	color: #a9444f;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/*style interface d'ajout de dossier*/
#alert_no_doss{
	display: none;
}
#close_alert_no_doss{
	cursor: pointer;
	color: rgba(169, 68, 79, 0.5);
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#close_alert_no_doss:hover{
	color: #a9444f;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#span4_doss{
	cursor: pointer;
}
/*style interface d'ajout de document*/
.textL{
	text-align: right !important;
}
#span3_32{
	cursor: pointer;
}
/*interface d'exploration*/
#resultat{
	background: #f2dede;
	height: auto;
	padding:0 15px 0 15px;
}
.exp_h1{
	color:#b1684f; text-shadow: 1px 1px 1px #000;
}
#exploh1{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}
.explo_form{
	width: 0%;
	visibility: hidden;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.explo_search{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 50%;
}
.glyphicon-search{
	cursor: pointer;
	visibility: visible;
	margin-bottom: 18px;
	margin-left: 18px;
}
.explo_search:hover .explo_form{
	width: 100%;
	visibility: visible;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

} 
.explo_search:hover .glyphicon-search{
	visibility: hidden;

}
.li_column{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.li_column span{
	width: 33.3333%;
	text-align: center;
}
.li_column:hover{
	background: #c2d3dd;
	color: black;
}

.glyphicon-download:hover{
	cursor: pointer;
	color: #a9485c;
}
.detail_rub{
	background: rgba(188, 205, 213, 0.5);
	color: #000;
	display: none;
	list-style: none;
}
.plus_rub{
	cursor: pointer;
	color: #000;
}
.minus_rub{
	display: none;
	color: #a9485c;
}
.detail_doss{
	background: rgba(188, 205, 213, 0.5);
	color: #000;
	display: none;
	list-style: none;
}
.plus_doss{
	cursor: pointer;
	color: #000;
}
.minus_doss{
	display: none;
	color: #a9485c;
}
.detail_doc{
	background: rgba(188, 205, 213, 0.5);
	color: #000;
	display: none;
	list-style: none;
}
.plus_doc{
	cursor: pointer;
	color: #000;
}
.minus_doc{
	display: none;
	color: #a9485c;
}
.traite_explo_span{
	color: #a9485c;
}
.close_rub_content{
	cursor: pointer;
	color: #51b6de;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.close_rub_content:hover{
	color: #a9485c;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.close_doss_content{
	cursor: pointer;
	color: #51b6de;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.close_doss_content:hover{
	cursor: pointer;
	color: #a9485c;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#dossierList{
	display: none;
}
/*affichage de document pdf*/
#smart_pdf{
	margin: 0;
	padding: 0;
	height: 99.99%; 
	width: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.4);
	display: none;
	z-index: 10000000000;
	overflow-y: auto;
	overflow-x: hidden;
}
.content_pdf{
	padding: 0 20px 20px 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 95%;
}
#viewpdf{
	background-color: #c4d5dd;
	height: 90%;
	min-height: 100px;
	max-width: 900px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	padding: 5px;
}
.close_pdf{
	color: #a9485c; 
	cursor: pointer;
	font-size: 20px;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.close_pdf:hover{
	color: #f00; 
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.div_close_pdf{
	max-width: 1270px;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
}
/*style pour le tchate*/
#h3_tchat{
	position: fixed;
	background-color: #0e0e0e;
	margin: 0;
	width: inherit;
	padding: 14px;
	z-index: 10;
}
.spaceTop{
	margin-top: 45px;
}
#tchat .response_div{
	font-family: 'ImperatorBronze';
	padding: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;

}
.response_icn{
	width: 10%;
	height: 27px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	color: #0e0e0e;
	font-size: 21px;
	overflow: hidden;
	text-align: center;
	border: 2px solid #31708f;
	background-color: #ebebeb;
}
.response_text{
	width: 89%;
	font-size: 12px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #ebebeb;
	padding: 3px;
	color: #0e0e0e;
}
.response_div:nth-child(2n-1) .response_text{
	/*background: #bccdd5;*/
	border: 2px solid #31708f;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #31708f;
	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #31708f;
	        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #31708f;
}
.response_div:nth-child(2n) .response_text{
	border: 2px solid #bccdd5;
}
.response_date{
	font-size: 9px !important;
	letter-spacing: 1px;
	width: 100%;
	color: #444 !important;
	display: block;
}
#tchat{
	width: 220px;
	height: 45px;
	padding: 0;
	background: rgba(0,0,0,0.7);
	overflow-y: auto;
	position: absolute;
	-webkit-border-radius:5px 5px 0 0;
	   -moz-border-radius:5px 5px 0 0;
	        border-radius:5px 5px 0 0;
	bottom: 40px;
	right: 0;
	z-index: 10000000;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#tchat:hover{
	width: 300px;
	height: 250px; 
	bottom: 40px;
	border-bottom: 1px solid #31708f;
	-webkit-transition: 1s;
	-o-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#tchat_send{
	color: #444;
	position: fixed;
	bottom: 40px;
	z-index: 1;
	width: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	/*transition: 0.2s;*/
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	padding: 5px;
}
#tchat:hover #tchat_send{
	visibility: visible;
	-webkit-transition-delay: 0.5s;
	   -moz-transition-delay: 0.5s;
	     -o-transition-delay: 0.5s;
	        transition-delay: 0.5s;
	background-color: #0e0e0e;
}
.send_body{
	width: 80%;
	-webkit-border-radius: 5%;
	   -moz-border-radius: 5%;
	        border-radius: 5%;
}
.send_gly{
	width: 19%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    color: #bdced6;
    cursor: pointer;
}
.send_gly span{
	width: auto;
    height: auto;
    font-size: 25px;

}
.send_input{
	-webkit-border-radius: 6px !important;
	   -moz-border-radius: 6px !important;
	        border-radius: 6px !important;
}
/*style pour le footer*/
#small_device{
	font-family: 'ImperatorBronze';
	padding: 15px;
	text-align: justify;
	display: none;
}
#small_device1,
#small_device2,
#small_device3{
	font-size: 16px;
}
#small_device1{
	color: #70ae44;
	text-shadow: 1px 1px 1px #444;
	letter-spacing: 1px;
}
#small_device2{
	color: #fcc52e;
	text-shadow: 1px 1px 1px #444;
	letter-spacing: 1px;
}
#small_device3{
	color: #04a7d5;
	text-shadow: 1px 1px 1px #444;
	letter-spacing: 1px;
}
.info_device{
	font-size: 16px;
	font-weight: 900;
	background: #4c4c4c;
	color: #fff;
	letter-spacing: 2px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0px 0px 5px #000;
	   -moz-box-shadow: 0px 0px 5px #000;
	        box-shadow: 0px 0px 5px #000;
	padding: 8px;
}
#footer{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
/* #foot_content{

} */
/*Medias queries*/
/*Pour les galeries*/
@media screen and (max-width: 359px){
	
}
@media(max-width: 359px){
	.icon_span{
		font-size: 100px;
	}
	#small_device{
		display: block;
		color: #444;
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		top: 30%;
	}
	
}
@media(min-width: 360px) AND (max-width: 479px){
	.icon_span{
		font-size: 150px;
	}
	#small_device{
		display: block;
		color: #444;
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		top: 41%;
	}
}
@media(min-width: 480px) AND (max-width: 644px){
	.icon_span{
		font-size: 170px;
	}
	#small_device{
		display: block;
		color: #444;
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		top: 57%;
	}

}
@media(max-width: 644px){/*Design du mobile*/
	/*#foot_content{
		font-family: 'ImperatorBronze';
	}*/
	body{
		background: #fff url(../img/numerixgabLogo.jpg) no-repeat;
		-webkit-background-size: contain;
		   -moz-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
	}
	.bbAccueil,#main2,#main3,.avnav, .main, .main_inside,#navLinkService,#navLinkAdd,#dcnct,#nom_entreprise,#navLinkHome,#navLinkConnect,#navLinkHelp{
		display: none;
	}
	#tchat{
		position: fixed;
		left: 0;
		bottom: 61px;
		width: 155px;
	}
	#tchat:hover{
		width: 300px;
	}
	#h3_tchat{
		font-size: 14px;
	}
	.hid_small{
		display: none;
	}
}
@media(max-width: 779px){/*Design du mobile*/

	.remNot{
	  margin-right: 10px;
	}
	.main_inside {
	    padding: 15px;
	}
}
@media(min-width: 780px) AND (max-width: 960px){

}
@media(max-width: 936px){
	#span1[data-descr]:hover::after,#span2[data-descr]:hover::after,#span3[data-descr]:hover::after,#span4[data-descr]:hover::after{
		display: none;
	}
	.bbAccueil .bbBottomTitle h1{
		font-size: 2em !important;
		text-shadow: 1px 1px 1px #acb2b9a3;
	}

}
@media(min-width: 645px) AND (max-width: 1158px){
	/* #nom_entreprise{
		
	} */
	#nom_entreprise span{
		    letter-spacing: 2px;
		    font-size: 9px;
	}

	body{
		background: #fff url(../img/gabon1.jpg) no-repeat;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}/**/
	/*style pour la navigation*/
	.div_nav{
		-webkit-box-shadow: 1px 1px 20px #f3f7fa;
		   -moz-box-shadow: 1px 1px 20px #f3f7fa;
		        box-shadow: 1px 1px 20px #f3f7fa;
	}
	/* .navLink a, .navLink span{
		color: #d7d7d7;
	} */
	/*Fin style pour la navigation*/
	/*Style pour le corps du site*/
	
}
@media(max-width: 1200px){
}
@media(min-width: 1200px){

}
/*End of medias queries*/