body { 
	font-family: 'Quicksand', sans-serif; font-size: 17px; margin: 0; padding: 0; width: 100%; color: #004857;
}
td {
	font-size: 17px; 
}
h1 {
    font-size: 32px; text-decoration: none; letter-spacing: 0.1em; margin-top: 5px;
}
h2 {
	font-size: 23px; text-decoration: none; letter-spacing: 0.1em;
}
img {
    vertical-align: bottom; margin: 0; padding: 0;
}
.img {
	width: 100%; vertical-align: bottom; margin: 0; padding: 0;
}
a {
	text-decoration: underline; color: #999;
}
a:visited {
    background: #00476f; color: #90acbb;
}
a:hover {
	text-decoration: underline; color: #999;
}
a:active {
	text-decoration: underline; color: #006633;
}
.small {
	font-size: 12px; color: #666666;
}
.menu {
	font-size: 12px; color: #004857; text-decoration: none; font-weight: bold; padding: 25px 6px; text-transform: uppercase; display: inline-block;
}
a.menu:visited {
	color: #ff0000;
}
a.menu:hover {
	background-color: #004857; color: #fff; text-decoration: none;
}
.lien {
	color: #f1feff; text-decoration: none; background-color: #4292bf; padding: 7px 12px; border-radius: 4px; border: 0px solid #dddddd; display: inline-block; font-weight: bold; margin: 6px 0;
}
a.lien:hover {
	background-color: #8EDBEF; color: #004857; text-decoration: none; display: inline-block;
}
ul.list {
	list-style-type: none; padding-left: 0;
}
.slide {
	width: 100%; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.cadre {
	background-color: #03669d; color: #FFFFFF; padding: 20px; border: 1px solid #CCC;
}
.cadreespacedroit {
	padding-right: 50px;
}
.cadrebas {
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD;
}
.menu-top {
    float: none; position: sticky; top: 0%; z-index: 200; width: 100%; background: white; border-bottom: 0px solid #ddd; -webkit-box-shadow: 0px 10px 24px -17px rgba(0,0,0,0.35); -moz-box-shadow: 0px 10px 24px -17px rgba(0,0,0,0.35); box-shadow: 0px 10px 24px -17px rgba(0,0,0,0.35);
}
.logo {
    position: absolute; margin: 5px; top: 1%; right: 1%;
}
.section {
    padding: 60px 20px 40px 20px; display: flow-root;
}
.section-int {
    max-width: 1100px; margin: auto;
}
.section-int div {
    text-align: center;
}
.section-color {
    background-color: #e5e9eb;
}
.padding-top-no {
    padding-top: 0;
}
.padding-bottom-no {
    padding-bottom: 0;
}
.clips { 
    float: right; margin-left: 50px; margin-top: 80px;
}
.tva {
    float: left; margin-right: 7%;
}
.bouee {
    float: left; margin-right: 7%;
}
.portrait {
    float: left; margin-right: 7%;
}
.rh { 
    float: right; margin-left: 75px; margin-right: -100px;
}
.pdf {
    float: right; margin-left: 50px;
}
.money {
    float: right; margin-left: 50px;
}
.col-3 {
    float: left; width: 33%;
}
.titre {
    background-color: #dee4e7; padding: 20px;
}
.langues {
    position: fixed; margin: 0px; bottom: 2%; z-index: 2; right: 2%;
}
.langue {
    float: left;
}
.langue img {
    margin-left: 10px; height: 45px;
}
.pdf-block {
    display: block; float: right;
}
.fleche { 
    width: 100%;
}
#cv-perles {
    padding: 40px; -webkit-box-shadow: 0px 10px 24px -17px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 10px 24px -17px rgba(0, 0, 0, 0.35); box-shadow: 0px 10px 24px -17px rgba(0, 0, 0, 0.35); background: whitesmoke; text-align: left;
}
.logo img {
    width: 250px;
}
.desktop-no {
    display: none;
}
.header-fr {
    width: 100%; filter: opacity(0.75);
}
.header-en {
    width: 100%; filter: opacity(0.75); margin-top: -7%;
}


/*-------------------- MEDIA QUERIES 10.2024 --------------------*/

@media screen and (max-width: 1100px)
{

body { 
	font-size: 14px;
}
h1 {
    font-size: 22px;
}
h2 {
	font-size: 16px;
}
.menu {
    text-decoration: none; padding: 15px 30px; border: 0.5px solid #f1f1f1; text-transform: uppercase; display: block; text-align: left; box-sizing: border-box;
}
.menu-top {
    position: relative; border-bottom: none; column-count: 2; column-gap: 0;
}
.section {
    padding: 40px 8%; box-sizing: border-box;
}
.section-int {
    max-width: 100%; margin: auto;
}
.clips, .tva, .rh, .bouee, .money, .pdf, .portrait {
    margin: 0 0 4% 4%; transform: none; width: 50%; float: right;
}
.col-3 {
    float: left; width: 100%;
}
.pdf-block {
    display: block; float: none;
}
.fleche { 
    display: none;
}
.lien {
    display: block;
}
.logo img {
    width: 145px; margin-top: 40px;
}
.mobile-no {
    display: none;
}
.menu-mobile {
    position: fixed; font-size: 16px; top: 0; padding: 13px 20px; color: black; font-weight: bold; display: inline-block; width: 100%; border-bottom: 1px solid #ededed; background: white; z-index: 2;
}
.menu-mobile img {
    width: 22px;
}
#menu {
    position: fixed; top: 46px; background: whitesmoke; z-index: 2; width: 100%;
}
.titre {
    background-color: white; padding: 20px;
}
.header-fr, .header-en {
    width: 100%; filter: opacity(0.75); margin-top: 46px;
}

}