* {
  box-sizing: border-box;
}

 .droite {
   width:310px;height:397px;border: 1px #cfcfcf solid;border-radius: 7px 7px 7px 7px;padding:7px;
 }

a:link {

  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  background-color: transparent;
  text-decoration: none;
}

.v5 { font-family: arial;font-size:12px;color: #555555;}
.v5:hover { text-decoration: none;}

.fthbm { color: #ffffff;}
.fthbm:hover { color: #ffffff; text-decoration: none;}

.txtbas {font-family: arial;font-size:11px;color:#009BB7;}

.txtbasgrey {font-family: arial;font-size:11px;color:#848484;}

.text {font-family: arial;font-size:13px;color:#000000;}
.textpopup {font-family: arial;font-size:14px;color:#000000;}
.textpopupred {font-family: arial;font-size:14px;color:red;}

.form {font: normal 12px arial;  text-decoration: none; border: 0px; outline: none;color:#8D8D8D;-webkit-appearance: none;padding:0px;}
#bloc_input_nom {width:191px;height:25px;padding-left:2px;padding-top:5px;background-image:url(https://www.shareannonce.com/vide.png); background-repeat:no-repeat;}
#bloc_input_ins_nom {width:191px;height:27px;padding-left:5px;padding-top:1px;background-image:url(https://www.shareannonce.com/inputtrans.gif); background-repeat:no-repeat;}
#bloc_mini_nom {width:104px;height:21px;padding-left:5px;padding-top:1px;background-image:url(https://www.shareannonce.com/miniput.png); background-repeat:no-repeat;}
#bloc_input_ins_nom_vide {left:155px;top:140px;position:relative;width:191px;height:27px;padding-left:5px;padding-top:5px;background-image:url(https://www.shareannonce.com/vide.png); background-repeat:no-repeat;}
#bloc_input_nom2 {width:265px;height:22px;padding-left:2px;padding-top:5px;background-image:url(https://www.shareannonce.com/vide.png); background-repeat:no-repeat;}

input[type=text] {
  width: 185px;
}

.general {
font-family:Verdana;
padding:10px;
background-color: #ffffff;
border: 1px #cfcfcf solid;
width: 1070px;
border-radius: 10px 10px 10px 10px;
}

 .formulaire{
 width:455px;
 }

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

toto.input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #555555;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: left;
}

input[type=submit]:hover {
  background-color: #777777;
}
 
 .mobileimage {
   width:128px;
   height:72px;
 }

 .screenshoot{
 float:left;
 width:140px;
 height:82px;
 margin-left:10px;
 padding-top:4px;
 padding-left:5px;
 border: 1px #cfcfcf solid;
 border-radius: 5px 5px 5px 5px;
 position:relative;
 top:-72;
 }

.encart{ 
float:left;

margin-left:17px;
}

.screenshoot2{
 display:none;
 }
 
.menu {
float: left;
width: 100%;
}

.main1 {
float: left;
width: 100%;
overflow: hidden;
}

.main2 {
float: left;
width: 20%;
overflow: hidden;
}

.menuitem1 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#ffffff;
border-right: 1px #e0e0e0 solid;
}

.menuitem2 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#ffffff;
}

.menuitem3 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#eeeeee;
border-right: 1px #e0e0e0 solid;
}

.menuitem4 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#eeeeee;
}

.button {
  background-color: #dddddd;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.button:hover {
  background-color: #777777;
}

.buttongris {
  background-color: #777777;
  color: white;
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.buttongris:hover {
  background-color: #137DC5;
}

@media only screen and (max-width:1100px) {
 /* For mobile tablet: */
 .menu, .main1, .main2 {
   width: 100%;
 }

 .formulaire{
 width:309px;
 }
 
.welcome{
 display:none;
 }
 }
 
@media only screen and (max-width:1100px) {
 /* For mobile tablet: */
 .menu, .main1, .main2 {
   width: 100%;
 }

 .formulaire{
 width:309px;
 }
 
.welcome{
 display:none;
 }
 
 .vide {
 display:none;
 }
 
  .droite {
   height:auto;
 }
 
 .screenshoot{
 float:left;
 width:70px;
 height:42px;
 margin-left:10px;
 padding-top:2px;
 padding-left:2px;
 border: 1px #cfcfcf solid;
 border-radius: 2px 2px 2px 2px;
 position:relative;
 top:-42;
 width:70px;
 height:42px;
 }
 
 .mobileimage {
   width:64px;
   height:36px;
 }
 
 .general {
  width: 100%;
 }
 
  .droite {
   width:100%;
   border: none;
 }

}



@media only screen and (max-width:780px) {
  /* For mobile phones: */
 
  .menu, .main1, .main2{
   width: 100%;
 }

  .mobileimage {
   width:34px;
   height:20px;
 }
 
 .screenshoot{
 display:none;
 }


.screenshoot2{
 display:block;
float:left;
 width:38px;
 height:24px;
 margin-left:10px;
 padding-top:1px;
 padding-left:1px;
 border: 1px #cfcfcf solid;
 border-radius: 1px 1px 1px 1px;
 top:-24;
 } 
 
 .menuitem1 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#ffffff;
border-right: 1px #cfcfcf solid;
}

.menuitem2 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#ffffff;
}

.menuitem3 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#eeeeee;
border-right: 1px #cfcfcf solid;
}

.menuitem4 {
width: 50%;
text-align:left;
padding-top:10px;
background-color:#eeeeee;
}
 
 .mobileimage2 {
  width:100%;
 }
 
.mobileimage3 {
  width:50%;
 } 
 
}

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

 .mobileimage {
   width:128px;
   height:72px;
 }
 
 .screenshoot{
 display:block;
 float:left;
 width:140px;
 height:82px;
 margin-left:10px;
 padding-top:4px;
 padding-left:5px;
 border: 1px #cfcfcf solid;
 border-radius: 5px 5px 5px 5px;
 position:relative;
 top:-72;
 }

.encart{ 
float:left;
margin-left:17px;
}

.screenshoot2{
 display:none;
 }

.menuitem1 {
width: 100%;
background-color:#ffffff;
border-right: 0px #cfcfcf solid;
}

.menuitem2 {
width: 100%;
background-color:#eeeeee;
}

.menuitem3 {
width: 100%;
text-align:left;
background-color:#ffffff;
border-right: 0px #cfcfcf solid;
}

.menuitem4 {
width: 100%;
background-color:#eeeeee;
}
}


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

.next_page_category {
  width:14px;
  height:15px;
 }

  .mobileimage {
   width:34px;
   height:20px;
 }
 
 .screenshoot{
 display:none;
 }

.screenshoot2{
 display:block;
 } 
 }

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


.logo{
width:200px;height:auto;
 }
 
input[type=text] {
  width: 125px;
}
}