/*For general view*/

html {
  scroll-behavior: smooth;
}

a {
outline:none;
color: inherit;
text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a:focus{
	text-decoration: none;
}


button {
  outline: none !important;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  background: #006BCC;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
  background: #002648;
}

.input-group-addon,.form-connect input{
	height: 40px;
	border: none;
	background: #fff;
	box-shadow: none !important;
	color: #004B8E;
	font-size: 18px;
}

.form-inscription input{
	background: none;
	border: none;
	border-bottom: solid 1px #004B8E;
	color: #004B8E;
	box-shadow: none !important;
	font-size: 18px;
	border-radius: 0%;
	padding-left: 0;
	padding-right: 0;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 14px;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 14px;
}

.telinput{
	background: none;
	border: none;
	border: solid 1px #004B8E;
	color: #004B8E;
	box-shadow: none !important;
	font-size: 18px;
	border-radius: 3px;
	padding: 20px;
	width: 302px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.telinput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 18px;
}

.telinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 18px;
}

.telinput::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 18px;
}

.codeinput{
	background: none;
	border: none;
	border: solid 1px #004B8E;
	color: #004B8E;
	box-shadow: none !important;
	font-size: 18px;
	border-radius: 3px;
	padding: 20px;
	width: 302px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.codeinput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 18px;
}

.codeinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 18px;
}

.codeinput::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 18px;
}

#bouton1{
	background: #002648;
	color: #fff;
	border: none;
	height: 40px;
}

#mybouton1{
	background: #002648;
	color: #fff;
	border: none;
	height: 40px;
	width: 302px;
	margin-top: 20px;
}

#mybouton2{
	background: #002648;
	color: #fff;
	border: none;
	height: 40px;
	width: 302px;
	margin-top: 20px;
}

#menulat li{
	color: #fff;
	margin-top: 20px;
	transition: all .2s;
}

#menulat li:hover{
	color: #00B0F0;
}

#contrats-table td{
	padding-top: 13px;
	padding-bottom: 13px;
}

.badge{
	font-weight: 400;
}

#badge1{
	background: #CD0A1D;
}

#badge2{
	background: #00B050;
}

#badge3{
	background: #EB8000;
}

#badge4{
	height: 50px;
	width: 50px;
	background: #00B0F0;
	border-radius: 100%;
	border: none;
	padding-top: 7px;
}

#badge5{
	background: #004B8E;
}

#mydrp-menu{
	border-radius: 15px; 
	padding: 20px; 
	padding-bottom: 10px; 
	width: 230px; 
	margin-right: -2px; 
	margin-top: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #ffffff transparent;
    border-width: 0 9px 14px;
    top: -14px;
    left: 80%;
    margin-left: -9px;
}

.active{
	color: #FFC000 !important;
}

.box-teur{
	display: inline-block;
	max-width: 80%; 
	float: right; 
	background: #004B8E; 
	color: #fff; 
	border-radius: 30px 30px 0px 30px; 
	height: auto; 
	padding: 8px;
	padding-left: 20px;
	padding-right: 20px;
}

.box-taire{
	display: inline-block;
	max-width: 80%; 
	background: #eee; 
	color: #222; 
	border-radius: 30px 30px 30px 0px; 
	height: auto; 
	padding: 8px;
	padding-left: 20px;
	padding-right: 20px;
}

.modal.left .modal-dialog,
  .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    z-index: 9999999 !important;
    width: 41.7% !important;
    border-radius: 0px !important;
    background: #eeeeee;
    height: 100%;
    box-shadow: none !important;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  .modal.left .modal-content,
  .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
  }
  
  .modal.left .modal-body,
  .modal.right .modal-body {
    padding: 15px 15px 80px;
  }

/*Right*/
  .modal.right.fade .modal-dialog{
    right: -220px;
    -webkit-transition: opacity 0.1s linear, right 0.1s ease-out;
       -moz-transition: opacity 0.1s linear, right 0.1s ease-out;
         -o-transition: opacity 0.1s linear, right 0.1s ease-out;
            transition: opacity 0.1s linear, right 0.1s ease-out;
  }
  
  .modal.right.fade.in .modal-dialog{
    right: 0;
  }

  .modal {
 text-align: center;

}

/*Le pseudo-element qui met la div au centre*/
.modal:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: -0.25em; /*Changez cette valeur si besoin*/
 background-color:blue;
}

.modal-dialog {
 display: inline-block;
 vertical-align: middle;
 text-align:left;
}

  #badgeClose1{
  	position: absolute; 
  	left: 50%; 
  	transform: translateX(-50%); 
  	border: solid 1px #444; 
  	background: none; 
  	width: 40px; 
  	height: 40px; 
  	border-radius: 100%; 
  	font-size: 20px; 
  	color: #444;
  	padding: 0; 
  	padding-top: 9.5px;
  	margin-top: 30px;
  	opacity: .5; 
  	cursor: pointer;
  }

  #badgeClose1:hover{
  	opacity: 1;
  }

  .nav-tabs li a{
  	font-size: 16px !important;
  	color: #aaa !important;
  	border: none;
  }

  .nav-tabs li a:hover{
  	background: none;
  	border: none;
  }

  .nav-tabs .active a{
  	background: none !important;
  	border: none !important;
  	border-bottom: solid 2px #004B8E !important;
  	color: #004B8E !important;
  	font-weight: 600 !important;
  	font-size: 16px !important;
  }


.port-prod:hover{
	opacity: .7 !important;
}


/* ]100px ; 1500px], +100% */

@media only screen and (min-width : 100px) and (max-width : 1500px) {
  
}

/* ] -- ; 1200px], 133% | +133% */

@media only screen and (max-width : 1200px) {
  
}

/* ]1700px ; 3000px], -100% */

@media only screen and (min-width : 1700px) and (max-width : 3000px) {
  
}

/*For mobile view*/

@media only screen and (min-width : 100px) and (max-width : 1199px) {
	
	
}