@charset "UTF-8";

/*@import url(font-awesome.min.css);*/

@import url("https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic|Source+Code+Pro:400");


a.menu_links { cursor: pointer; }
p {

    cursor: default;

}

/*

	Read Only by HTML5 UP

	html5up.net | @n33co

	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

*/



/* latin */

@font-face {

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 300;

  src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v5/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

/* latin */

@font-face {

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 400;

  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

/* latin */

@font-face {

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 700;

  src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v5/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}





.no-show {

    display: none;

}





  .bluerectangle > .infotext {

    float: center;

    margin-top: 15px;

    width:100%;

    color: #ffffff;

    font-family: "Quicksand", sans-serif;

    font-size: 21px;

    font-weight: 400;

    }



  .rectangle {

    top:0;

    bottom: 0;

    left: 0;

    right: 0;

    overflow:auto;

    margin: auto;

    background: #ebeef5;

    z-index: 500;

    }







/* Desktops, laptops and smartphones ----------- */

@media (max-width : 799px) {

/* Styles */



  .bluerectangle > .infotext {

    left:75%;

    }



  .rectangle {

    margin-left: 0em;

    margin-top: 0em;

    width: 100%;

    }

}



/* Large screens ----------- */

@media (min-width : 800px) {

/* Styles */



  .bluerectangle > .infotext {

    left:50%;

    }



  .rectangle {

    width: 50em;

    }

}







    .container {

        width: 100%; /* Firefox needs this */

	height: 100%; /* Height can be anything */

	display:inline;



    /* WebKit (Chrome & Safari) */

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;



    /* Firefox */

    display: -moz-box;

    -moz-box-pack: center;

    -moz-box-align: center;



    /* IE */

    display: -ms-box;

    -ms-box-pack: center;

    -ms-box-align: center;



    /* Native CSS */

    display: box;

    box-pack: center;

    box-align: center;



    }

  .rectangle > .warningtext {

    overflow:auto;

    margin:auto;

    margin-top:25px;

    width:90%;

    color: #434143;

    font-family: "Quicksand", sans-serif;

    font-size: 15px;

    font-weight: 500;

    line-height: 20px;

    text-align: justify;

    }



.small{

transform:scale(1.42,1.42);

-webkit-transform:scale(1.42,1.42);

-moz-transform: scale(1.42,1.42);

-o-transform:  scale(1.42,1.42);

-ms-transform:  scale(1.42,1.42);



/*transition: all 0.65s;

-webkit-transition: all 0.65s;

-moz-transition: all 0.65s;

-o-transition:  all 0.65s;

-ms-transition:  all 0.65s;*/

}







.helpCircle {

    position: absolute;

    cursor: help;

    float:left;

/*    border-radius: 50%;*/

/*    behavior: url(PIE.htc); /* remove if you don't care about IE8 */*/

/*    width: 15px;*/

/*    height: 15px;*/

/*    margin-left: 15px;*/

/*    margin-top: 5px;*/

/*    padding: 10px;*/

/*    background: #008FA6;*/

/*    border: none;*/

/*    color: #FFFFFF;*/

/*    text-align: left;*/

/*    font-weight: bold; /* Make sure they're bold */*/

/*    font-size: 20px;*/

}





	.helpCircle a { 

		position: absolute; 

    		color: transparent;

		font-weight: bold; /* Make sure they're bold */

		font-size: 20px;

 		text-decoration: none;

	}   



		.helpCircle a:link {

			background-color: transparent;

			}





		.helpCircle a:hover { 

			background-color: transparent;

			cursor: help;

			}





		.helpCircle a[data-title]:hover:after {

			position: absolute;

			content: attr(data-title);

			background-color: white;

			color: #333;

/*			display: inline-block;*/

			width:400px;

			z-index: 20;

/*			white-space: nowrap;*/

			-moz-border-radius: 10px;

			-webkit-border-radius: 10px;

			border-radius: 10px;

			opacity: 1;

			border: 1px solid #ffffff;

			-moz-box-shadow: 1px 1px 4px #737373; 

			-webkit-box-shadow: 1px 1px 4px #737373; 

			box-shadow: 1px 1px 4px #737373;

			color: black;

			font-family: "Quicksand", sans-serif;

			font-size: 0.75em;

			font-weight: 500;

			line-height: 1.75em;

			text-align:left;

			top: -150px;

			left: -80px;

			}







		.helpCircle a:active { 

			/*background-color: #DFC5C5;*/

			}







.btn {

    display: inline-block;

    padding: 10px 20px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.428571429;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    color: #FFFFFF;

}



.btn:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

    color: #FFFFFF;

}


.btn:focus, .btn:hover {

    text-decoration: none

}



.btn.active, .btn:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn.disabled, .btn[disabled], fieldset[disabled] .btn {

    pointer-events: none;

    cursor: not-allowed;

    opacity: .65;

    filter: alpha(opacity=65);

    -webkit-box-shadow: none;

    box-shadow: none

}









.force-float{

    float: none !important

}





.input-group .form-control {

    width: 100%;

    margin-bottom: 0

}



select.form-control {

    margin-top: 2px;

    height: 46px;

    line-height: 46px;

    background-color: #FFFFFF;

    border: 0.5px solid #737373;

    -moz-box-shadow: 1px 1px 2px #666; 

    -webkit-box-shadow: 1px 1px 2px #666; 

    box-shadow: 1px 1px 2px #666;

}



textarea.form-control {

    height: auto

}



.form-control {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.form-control {

    height: 30px;

    line-height: 30px

}



.form-control {

    height: auto

}



.form-control {

    display: table-cell

}



.form-control:not(:first-child):not(:last-child) {

    border-radius: 0

}









.form-control {

/*    width: 100%;*/

    margin-bottom: 0

}





.hidden_field {

	display:none; 

	position:absolute; 

	bottom:0; 

	right:0;

}





#popover {

    height: auto; 

}





.form-content{

    padding: 40px 0px;

    width: auto;

}



.inputbis{ 

    width:205px;

    font-size: 14px;

/*    margin: 0.5em;*/

    padding: 3px;

    margin-top: 5px;

    display: block;

    text-transform:none; 

    color:#434143;

    font-family: "Quicksand", sans-serif;

    font-weight: 400;

}



.bluerectangle-content {

    width: 100%;

    text-align: center;

}



.center-btns, .center-inputs {

    width: 100%;

    text-align: center;

}

.left-inputs {

    width: 100%;

    text-align: left;

}

.inner

{

    display: inline-block;

}





#onlinedevicedata { 

    background: none;

    width: 100%; 

    border: none;

    collapse;

    border-spacing: 0; 

}



#heading-sign-up-right {

    cursor: pointer;

    float: right;

    margin-right: 20px;

    width: 22px;

    height: 100%;

    background: url('../images_common/bouton_fermer.png') no-repeat;

    background-position: center;

    background-size: 100%;

}





.infotextbis {

    float: center;

    color: #ffffff;

    margin-top: 15px;

    font-family: "Quicksand", sans-serif;

    font-size: 21px;

/*    font-size: 22px;*/

    font-weight: 400;

/*    line-height: 20px;*/

    }



table { 

	width: 100%; 

}



#onlinedevicedata { 

	border: none;

}



#initable { 

    color: #333; /* Lighten up font color */

    border-collapse: 0;

    collapse; border-spacing: 0; 

}



td, th { 

    text-align: left; /* Left-align text in all columns*/

    }



    /* Make cells a bit taller */

#initable td, #initable th { 

    border: 1px solid #CCC; 

    height: 30px; 

    }



#onlinedevicedata td, #onlinedevicedata th { 

    height: 20px; 

    }



#initable th {

    background: #F3F3F3; /* Light grey background */

    font-weight: bold; /* Make sure they're bold */

    }



#initable td {

    background: #FAFAFA; /* Lighter grey background */

    }





/*#initable th:nth-child(4), #initable td:nth-child(4) {  */

/*  /* your stuff here */*/

/*    background: #ebeef5; /* Rectangle's background */*/

/*    border: 1px solid #ebeef5; */

/*}*/



td+td,  th+th {

   	text-align:center; /* Re-center text in all but first column*/

    }





#linkToKit {

    text-decoration: underline;

}

	#linkToKit:hover {

	    cursor: pointer;

	}





.flushleftp {

    float:left;

}





#form-to-send {

    margin-top: -25px;

}







.inputdouble{ 

    width:415px;

    font-size: 14px;

/*    margin: 0.5em;*/

    text-transform:none; 

    color:#434143;

    font-family: "Quicksand", sans-serif;

    font-weight: 400;

}





footer {

    position: absolute;

    right: 0;

    bottom: 0;

    float: right;

    margin: 0px 20px 20px 0px;

    color: #FFF;

    text-align: right;

    width: auto;

    white-space: nowrap;

    font-family: "Quicksand", sans-serif;

    font-size: 14px;

}





/* Desktops, laptops and smartphones ----------- */

@media (max-width : 799px) {

/* Hide footer */



    .bigScreensOnly {

        display: none;

    }



}

















.btn-grey {

    background-color: #666 !important;

    border-color: #666 !important;

}





.btn-grey:hover {

    background-color: #888888 !important;

    border-color: #888888 !important;

}









#closeFormIcon {

    position: relative;

    padding-right: 5px;

    top: 1.5px;

    display: inline-block;

    width: 11.5px;

    height: 12.5px;

    width: auto;

}







/* POPUP */



.overlay {

  position: fixed;

  top:0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  z-index: 2000;

}

.overlay:target {

  visibility: visible;

  opacity: 1;

}



.popup {

  position: relative;

  top:0;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 20px;

  background: #fff;

  border-radius: 5px;

  z-index: 2000;

}



.popup .content {

  font-family: "Quicksand", sans-serif;

  max-height: 30%;

  overflow: auto;

}



@media (min-width : 800px) {

  .popup{

    max-width: 30em;

    margin: 25em auto;

  }

}



@media (max-width : 799px) {

  .popup{

    width: 70%;

    margin: 70px auto;

  }

}





/* + button */

.round-button,.side-round-button {

    position : relative;

    cursor: hand;

    padding: 5px 5px;

    border-radius: 50%;

    margin-top: 10px;

    border:none;

    overflow:hidden;

}



.round-button {

    margin-right: 5px;

    margin-left: -200px;

}



.side-round-button {

    margin-top: -35px;

    float:right;

    margin-right: 50px;

}



.fake-link {

    cursor: hand;

    text-decoration:underline;

}