/*******************
/*** pay
/**********************/
.pay-main {
   margin-left:5%; /* pou etre a droite du menu */
   margin-right:5%; 
   padding-top:00px;
   padding-left:0px;
   height:300px;
   /*overflow:auto;*/
   z-index:5;
   top:230px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
 }
.pay-id-main {
   margin-left:5%; /* pou etre a droite du menu */
   margin-right:5%; 
   padding-top:00px;
   padding-left:0px;
   height:200px;
   /*overflow:auto;*/
   z-index:5;
   top:50px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
 }
.pay-id {
   margin-left:0%; /* pou etre a droite du menu */
   margin-right:40%; 
   padding-top:00px;
   padding-left:0px;
   height:300px;
   /*overflow:auto;*/
   z-index:5;
   top:0px; /* le meme que le menu gauche pour tere sous le header*/
   position:relative; /* necessaire car sinon top n'a pas d'effet*/
 } 
 .pay-ins {
   margin-left:500px; /* pou etre a droite du menu */
   margin-right:5%; 
   padding-top:00px;
   padding-left:0px;
   height:300px;
   width:400px;
   /*overflow:auto;*/
   z-index:5;
   top:0px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
 } 
/*******************
/*** espace clt
/**********************/
.espclt-main {
   margin-left:20%; /* pou etre a droite du menu */
    margin-right:5%; 
   padding-top:00px;
   padding-left:0px;
   height:1000px;
   /*overflow:auto;*/
   z-index:5;
   top:140px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
 }

.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}
/*******************
/*** GF common
/**********************/
 .GF_main {
   margin-left:10%; /* pou etre a droite du menu */
    margin-right:200px; 
   padding-top:00px;
   padding-left:100px;
   height:1000px;
   /*overflow:auto;*/
   z-index:5;
   top:140px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
 }
 .GF_topdroit{
 
 }
/********************
/*** drop dwn services
/***********************/
.tabdwn {
 font-size: 14px;
 th, td {
    padding: 15px;
    text-align: left;
}
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
	color: black;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	right:0;
	font-size: 10px;

}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}



/**************************
/*** logo help Gal
/**************************/
.CCV-dec2dms-logoD{
 padding-top:40px;
 padding-right:20px;
 text-decoration:none;
 display:block;
 z-index:1;
 background-color: #FFFFFF;
 float:right;
}
/**************************
/*** logo help Gal
/**************************/
.CCV-info-logoC{
 font-family:Trebuchet MS;
 font-size:25px;
 letter-spacing:1px;
 color:#666633;
 text-decoration:underline;
 float:clear;
 display:block;
 z-index:1;
 padding-top:25px;
 margin: auto;

}
.CCV-info-logoG{
 font-family:Trebuchet MS;
 font-size:25px;
 letter-spacing:0px;
 color:#555555;
 padding-top:5px;
 padding-left:0px;
 text-decoration:none;
 float:left;
 display:block;
 left:10px;
 position:fixed;
 z-index:1;
 background-color: #FFFFFF;
}
.CCV-info-logoD{
 padding-top:12px;
 padding-right:10px;
 text-decoration:none;
 display:block;
 z-index:1;
 background-color: #FFFFFF;
 float:right;
}

/**************************
/*** logo help by ctry
/**************************/
.CCV-infoctry-logoC{
 font-family:Trebuchet MS;
 font-size:35px;
 letter-spacing:1px;
 color:#666633;
 text-decoration:none;
 float:clear;
 display:block;
 z-index:1;
 padding-top:20px;
 margin: auto;
 align:center;
}
.CCV-infoctry-logoG{
 font-family:Trebuchet MS;
 font-size:25px;
 letter-spacing:1px;
 color:#555555;
 padding-top:5px;
 padding-left:0px;
 text-decoration:none;
 float:left;
 display:block;
 left:10px;
 position:fixed;
 z-index:1;
  background-color: #FFFFFF;

}

/**************************
/*** logo main
/**************************/
.CCV-msgtop {
 font-size:15px;
 letter-spacing:2px;
 color:#003366;
 padding-top:10px;
 padding-left:400px;
 text-decoration:none;
 float:left;
 display:block;
 left:10px;
 background-color: #FFFFFF;
 position:absolute;
 z-index:1;
 width:600px;
}

.CCV-eyecare {
 font-family:Times New Roman, Times, serif;
  color: blue;
   top:20px;
	font-size:12px;
	mso-spacerun:yes;
    text-align:left;
	letter-spacing:0px;
	padding-top:0px;
	display:block;
	float:right;
   position:absolute;
	right:0px;
	 padding-right:30px;
 }

.CCV-logoG {
 font-family:Trebuchet MS;
 font-size:37px;
 letter-spacing:2px;
 color:#555555;
 padding-top:10px;
 padding-left:10px;
 text-decoration:none;
 float:left;
 display:block;
 left:10px;
 background-color: #FFFFFF;
 position:absolute;
 z-index:1;
/* border:solid green 1px;
 /*width:500px;*/
}
.CCV-logoD {
    top:50px;
	font-size:10px;
    text-align:right;
	letter-spacing:1px;
	padding-right:15px;
	padding-top:5px;
	display:block;
	float:left;
   position:fixed;
	left:70px;
	background-color: #FFFFFF;
	z-index:2;
	height:15px;
 }
 .GF-logosub {
 font-family:Times New Roman, Times, serif;
  color: #666666;
  font-weight: bold;
     top:58px;
	font-size:12px;
	mso-spacerun:yes;
    text-align:left;
	letter-spacing:0px;
	padding-right:15px;
	padding-top:0px;
	display:block;
	float:left;
   position:absolute;
	left:20px;
	z-index:2;
 }
 .GF-topdroit {
 font-family:Times New Roman, Times, serif;
  color: #666666;
  font-weight: bold;
     top:58px;
	font-size:12px;
	mso-spacerun:yes;
    text-align:left;
	letter-spacing:0px;
	padding-right:30px;
	padding-top:0px;
	display:block;
	float:right;
   position:absolute;
	right:0px;
	z-index:10;
 }
 /**************************
/*** Menu H
/**************************/
 .CCV-menuHG {
  font-size:16px;
  font-weight: bold;
  letter-spacing:1px;
 color:#94BA00;
 padding-top:7px;
 padding-left:10px;
 text-decoration:none;
 float:left;
}
 .CCV-menuHD {
  font-size:16px;
  font-weight: bold;
  letter-spacing:1px;
 color:#0033FF;
 padding-top:5px;
 padding-right:30px;
 text-decoration:none;
 float:right;
}
 /******************************/
 /* main wd*/
 /****************/
  .CCV-titre {
   margin-left:15%; /* pou etre a droite du menu */
   /*overflow:auto;*/
   z-index:4;
   top:120px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
    font-size:20px;
   letter-spacing:0px;
  color:#3366CC;
  padding-top:0px;
  padding-left:50px;
  text-decoration:none;   
 }
 .CCV-main {
   margin-left:200px; /*7% pou etre a droite du menu */
    margin-right:5%; 
   padding-top:00px;
   padding-left:5px;
   height:1000px;
   /*border:solid red 1px;
   /*overflow:auto;*/
   z-index:5;
   top:140px; /* le meme que le menu gauche pour tere sous le header*/
   position:absolute; /* necessaire car sinon top n'a pas d'effet*/
 }

.GF-inter1 {
height:10px;
top:140px;
background-color: #FFFFFF;
position:fixed;
}
/************
/ pubs
/*****/
.pubH {
 height:100px;
 width:6a50px;
 top:5px;
 padding-top:0px;
 padding-left:0px;
/* float:left;*/
 display:block;
 /*left:400px;*/
 background-color: #FFFFFF;
 /* position:absolute;*/
 /*border:solid green 1px;
 border-radius: 0px;
 */
}

.pubG {
height:auto;
 width:200px;
 top:500px;
 padding-top:0px;
 padding-left:0px;
 float:left;
 display:block;
 left:5px;
 background-color: #FFFFFF;
 position:absolute;
 /*border:solid green 1px;
 border-radius: 0px;
 */

}
/**************************
/*** exemple de vertical menu http://www.cssportal.com/vertical-menus/elusion2.php
/* menu V
/**************************/
#menu8 {
	width:250px;
	margin-top: 0px;
	position: relative;
	top:130px;
	background-color: #FFFFFF;
}
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	z-index:200;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(img/menu80.gif);
	padding: 8px 0 0 20px;
}
	
#menu8 li a:hover {
	color: #257EB7;
	background: url(img/menu80.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(img/menu80.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}	
/**************************
/***dropdown menus
/**************************
/* Style The Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	min-width: 50px;
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
	font-weight: normal;
    background-color: #f9f9f9;
    min-width: 500px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	float:left;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/*********************/
<!-- logo gauche
.CCV1{
	font-family:Trebuchet MS;
    text-decoration:none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:37px;
	letter-spacing:3px;
	color:#555555;
	display:block;
	position:absolute;
	top:17px;
	padding-left:1px;
	text-align:left;
}

.CCV-container{padding:0.01em 16px}

.CCV0{
	font-family:Trebuchet MS;

}

.CCV-logo {
    /*font-family:fontawesome;*/
	font-family:Trebuchet MS;
    text-decoration:none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:37px;
	letter-spacing:3px;
	color:#555555;
	display:block;
	position:absolute;
	top:17px;
	padding-left:1px;
}
.CCV-logo:hover {
    color:#555555;
}


/**********************/
/* menu
/**********************/

.CCV-menu {
/*text-decoration:none; /* pour virer le link*/
background-color:#5F5F5F;
font-size:20px;
padding:10px; /*marge/haut*/
/*color:#FFFFFF;*/
color:#94BA00;
display:block;
/*color:inherit;*/
}
.CCV-menu:hover {
	text-decoration:none; 
}


a {
    /*color: #0060B6;*/
    text-decoration: none;
}

a:hover 
{
     /*color:#00A0C6; */
     text-decoration:none; 
     cursor:pointer;  
}

/********************************/
<!-- top gauche-->
.w3-container{padding:0.01em 16px}
.top {
  position:relative;
  background-color:#ffffff;
  height:60px;
  padding-top:20px;
  line-height:50px;
  overflow:hidden;
  z-index:1;
}
.w3schools-logo {
    font-family:fontawesome;
    text-decoration:none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:37px;
	letter-spacing:3px;
	color:#555555;
	display:block;
	position:absolute;
	top:17px;
	padding-left:15px;
}
.w3schools-logo:hover {
    color:#555555;
}

@media (max-width: 992px) {
  .top {
    height:100px;
  }
  .top img {
    display:block;
    margin:auto;
  }
  .top .w3schools-logo {
    position:relative;
    top:0;
    width:100%;
    text-align:center;
    margin:auto;
  }
  .toptext {
    width:100%;
    text-align:center;
  }
  #leftmenu {
    display:none;
    position:fixed;
    width:260px;
    top:0;
    height:100%;
    width:260px;
    padding-top:144px;
  }
  #leftmenu h2 {
    font-size:26px;
  }
  #leftmenu a {
    padding:3px 2px 3px 24px;
    font-size:17px;
  }
  #leftmenuinner {  
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    height:100%;
    position:relative;
    width:auto;
    padding-top:0;
    background-color:#f1f1f1;
  }
  #leftmenuinnerinner {
    overflow-y:scroll;
  }
  .bottomad {
    float:none;
    text-align:center;
  }
  #skyscraper {
    min-height:60px;
  }   
}
<!--top droite -->
.w3-right{float:right !important}
.toptext {
    width:100%;
    text-align:center;
  }
.w3-wide{letter-spacing:4px}
.topnav {
  position:relative;
  z-index:2;
  font-size: 17px;
  background-color:#5f5f5f;
  color:#f1f1f1;
  width:100%;
  padding:0;
  letter-spacing:1px;
}
.topnav a{
  text-decoration:none;
  padding:10px 15px 9px 15px !important;
  border-bottom:none;
  display:inline-block;
}
.topnav a:hover{
  border-bottom:none;
  background-color:#000000;
  color:#ffffff;
}
.topnav a.active {
  background-color:#73AD21;
  background-color:#4CAF50;  
  color:#ffffff;
}
a.topnav-icons {
  width:52px;
  font-size:20px !important;
  padding-top:11px !important;
  padding-bottom:13px !important;
}
a.topnav-icons.fa-home {
  font-size:22px !important;
}
a.topnav-localicons {
  font-size:20px !important;
  padding-top:6px !important;
  padding-bottom:12px !important;
}



.menuBar{
    width:100%;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    }
.logo{
    float:left;
    }
.nav{
    float:right;
    margin-right:10px;}
.nav ul li{
    list-style:none;
    float:left;
    }