* { position: relative; }

/*------------- css header navbar column footer --------------------------*/
* {
  box-sizing: border-box;
}

/* Style the body */
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* Header/logo Title */
.header3 {
  padding: 30px;
  text-align: center;
  background:white;
  color:#1abc9c;
  background-image:linear-gradient(white,lightblue);	
}
.logo3{
	float:left;
	display:block;
	margin-left:50px;
	margin-top:50px;
	z-index:1;
  position:absolute;
  height:120px;
}
	.lg3{
display:none;	
mrgin:auto;
mrgin-top:30px;
 position:absolute;
 margin:10px auto;
mrgin-left:50px;
mrgin-right:auto; 
  float:none;
  position:absolute;
   width:100%;
   margin:auto;
   dsplay:block;
position:absolute;
}
.nb3 {
width:99%;
height:130px;
margin:10px 10px 100px 10px;	
  padding: ;
  text-align: ;
  bckground:white;
  color:;
}


/* Style the top navigation bar */
.navbar3 {
  overflow: hidden;
  width:180px;
  float: right;
 margin:-198px 165px 10px 300px;
 z-index:3;
}

/*  */




/* Style the navigation bar links */
.navbar3 a {
  clar:both; 	
  float:left;
  display:block;
  color: white;
  text-align: center;
  padding: 3px 2px;
  text-decoration: none;
  background-color:RGB(129,190,270);
  margin:5px 0px 0px 5px;
  width:180px;
  z-index:3;
}
.navbar3 a.selected  {
	clear:; 
	font-weight:bold;
	color:#086A87;
	text-shadow:none;
	background-color:#ddd;
}
.navbar3 .selected {
	background-color:#ddd;
	width:180px;
}
/* Right-aligned link */
.navbar3 a.right {
  float: right;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #ddd;
  color:#086A87;
}
.container5{
margin:-15px auto;	
bckground-image:linear-gradient(white,lightblue);
background-image:linear-gradient(lightblue,white);		
	
}

/* Column container */
.row3 {
  clear:both;  
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side  {
  -ms-flex: 30%; /* IE10 */
  flex: 30%;
  background-color:#CED8F6;
  padding: 20px;
}


/* Main column */
.main {   
  -ms-flex: 70%; /* IE10 */
  flex: 70%;
  background-color: white;
  padding: 20px;
}




/* Footer */
.footer {
  padding: 10px;
  text-align: center;
  backgound: #ddd;
  text-decoration:none;
}

.list-soc{float:right;margin-right:200px;margin-top:-60px;}
.list-soc p{float:left;margin-left:14px;}
.list-soc p a{display:block;
  opacity: 1;
  filter: alpha(opacity=100);}
.list-soc p a:hover{
opacity: 0.5;
  filter: alpha(opacity=50);}	
	
/*-------------------------form contact --------------------------*/

/* Style inputs */
#prenom,input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

#envoyer,input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

#envoyer,input[type=submit]:hover {
  background-color: #45a049;
}
/* Style the image/contact siret */
.txt2{
position: absolute;
margin:-300px 50px 50px 430px;
  bttom: 20px;
  rght: 20px;
  bckground-color:lightgrey;
  background-color:#0489B1;
  color: white;
  padding-left:10px;
  padding-right:10px;
  font-size:14px;
}
.txt2:hover{
 background-color:lightgrey;	
bckground-color:#0489B1;
color: white;
clor:yellow;	
}
/* Style the container/contact section */

#CT>h2 {
  brder-radius: 5px;
 border:3px solid #F781F3;
 width:20%;
 margin:15px auto;
 padding:7px;
 font-size:20px;
 background-color:#F781F3;
 color:white;
}
/* Create two columns that float next to eachother */
.column {
  float: left;
  width: 50%;
  margin-top: 6px;
  padding: 20px;
}

/* Clear floats after the columns */
.row3:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide */
@media screen and (max-width: 800px) {
  .clumn, input[type=submit] {
    width: 100%;
    margin-top:20px;
  }
  
  .nbar3{
	margin:10px -10px 10px 50px;
    float:none;
	width:auto;
	display:block;
  }
  .header3>.nb3{
	margin:10px 10px 10px 10px;
	float:none;
    wdth:auto;	
  }
   .header3{
	background-image:linear-gradient(white,lightblue);	
  }
  .logo3{
	float:none;
	display:none;
	margin-left:50px;
	margin-top:50px;
	z-index:1;
  position:absolute;
  width:300px;
}
	.lg3{
display:block;	
mrgin:auto;
mrgin-top:30px;
 position:absolute;
 margin:10px auto;
mrgin-left:50px;
mrgin-right:auto; 
  float:none;
  position:absolute;
   width:100%;
   margin:auto;
   display:block;
position:absolute;
}
.navbar3{
	margin:20px auto;
    float:none;
	wdth:auto;
	display:block;
  }
 #CT>h2 {
  brder-radius: 5px;
 border:3px solid #F781F3;
 width:50%;
 margin: 20px auto;
 padding:15px;
 font-size:20px;
 background-color:#F781F3;
 color:white;
  pdding: 10px;
} 
.container5{
margin:-50px auto;	
background-image:linear-gradient(lightblue,white);		
	
}
  .container3>h2{
	margin:-30px 10px 10px 10px;
	 width:auto;
    float:none;	 
  }
  .txt2{
	mrgin:10px -100px 10px 50px;
	margin: auto;
	 wdth:auto;
	width:60%; 
    float:none;
   display:block;
   mrgin-left:15%;
   text-align:center;
   position:relative;
  }
  #prenom,input[type=text], select, textarea {
  width: 100%;
  padding:12px;
  border: 1px solid #ccc;
  margin-top: 16px;
  margin-bottom: 16px;
  resize: vertical;
  }

#envoyer,input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

  .column {
  margin-top:50px;
   margin-bottom:40px;
  padding:30px;
}
 .column, input[type=submit] {
    width: 100%;
    margin-top:-120px;
  }
#myBtn5 {
  dsplay: none;
  psition: fixed;
  bttom: 20px;
  rght: 30px;
  z-ndex: 99;
  font-size: 5px;
  brder: none;
  outline: none;
  bckground-color:#f6008a;
  clor: white;
  crsor: pointer;
  padding:5px;
  brder-radius: 4px;
}
  .footer {
  
  float:none;
   width:auto;
}
.list-soc{
	float:none;
mrgin-right:200px;
margin-top:10px;
 width:auto;
 }
}

/*-------------------------	btn haut --------------------------*/
#myBtn5 {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#f6008a;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn5:hover {
  background-color: #555;
}
#scUp {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#scUp:hover {
  background-color: #555;
}

scUp{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.5;
}