/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:320px)  {
/* smartphones, iPhone, portrait 480x320 phones */
  .button {
    font-size:32px;
    padding:20px;
  }
  .buttonMedium{
    font-size:24px;
    padding:20px;
  }
  .arianne{
    padding-top:120px;
  }
  .margin-entete{
    height:200px;
  }
  .anchor{
    position:relative;
    top:-200px;
  }
  .header{
    height:120px;
    background-color:white;
    /*padding-top:20px;*/
    /*padding-bottom:20px;*/
  }
  .logo{
    height:100px;
    width:462px;
    margin-left:0px;
  }
  .inputText{
    font-size:32px;
    padding:30px;
  }
  .inputTextSmall{
    width:280px;
    font-size:32px;
    padding:30px;
    float:left;
  }
  .inputTextBig{
    width:calc(100% - 320px);
    font-size:32px;
    padding:30px;
    margin-left:10px;
    float:left;
  }
  .inputTextMedium{
    font-size:24px;
    padding:30px;
  }
  .search-content{
    width:800px;
    padding: 20px;
    margin-top:50px;
  }
  .search-box{
    height:calc(100% - 320px);
    background-image:URL("background_mobile.png");
  }
  .search-box-margin{
    padding-top:900px;
  }
  .soft-sharing-content{
    width:1024px;
    font-size:32px;
  }
  .soft-sharing-content-box{
    width:984px;
    font-size:32px;
  }
  .titleFontSize{
    font-size:48px;
  }
  .titleFontSizeMedium{
    font-size:36px;
  }
  .contentFontSize{
    font-size:48px;
  }
  .contentFontSizeMedium{
    font-size:24px;
  }
  .search-content-2{
    width:calc(100% - 40px);
  }
  .floatLeft{
    float:none;
  }
  .floatRight{
    float:none;
  }
  .mapView{
    display:none;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:481px)  {
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  .button {
      font-size:32px;
      padding:20px;
  }
  .buttonMedium{
    font-size:24px;
    padding:20px;
  }
  .arianne{
    padding-top:120px;
  }
  .margin-entete{
    height:200px;
  }
  .anchor{
    position:relative;
    top:-200px;
  }
  .header{
    height:120px;
    background-color:white;
    /*padding-top:20px;*/
    /*padding-bottom:20px;*/
  }
  .logo{
    height:100px;
    width:462px;
    margin-left:0px;
  }
  .inputText{
    font-size:32px;
    padding:30px;
  }
  .inputTextSmall{
    width:280px;
    font-size:32px;
    padding:30px;
    float:left;
  }
  .inputTextBig{
    width:calc(100% - 490px);
    font-size:32px;
    padding:30px;
    margin-left:10px;
    float:left;
  }
  .inputTextMedium{
    font-size:24px;
    padding:10px;
  }
  .search-content{
    width:800px;
    padding: 20px;
    margin-top:50px;
  }
  .search-box{
    height:calc(100% - 320px);
    background-image:URL("background_mobile.png");
  }
  .search-box-margin{
    padding-top:900px;
  }
  .soft-sharing-content{
    width:1024px;
    font-size:32px;
  }
  .soft-sharing-content-box{
    width:984px;
    font-size:32px;
  }
  .titleFontSize{
    font-size:48px;
  }
  .titleFontSizeMedium{
    font-size:36px;
  }
  .contentFontSize{
    font-size:32px;
  }
  .contentFontSizeMedium{
    font-size:24px;
  }
  .search-content-2{
    width:calc(100% - 40px);
  }
  .floatLeft{
    float:none;
  }
  .floatRight{
    float:none;
  }
  .mapView{
    display:none;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:641px)  {
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  .button {
      font-size:16px;
      padding:10px;
  }
  .buttonMedium{
    font-size:16px;
    padding:10px;
  }
  .arianne{
    padding-top:60px;
  }
  .margin-entete{
    height:150px;
  }
  .anchor{
    position:relative;
    top:-150px;
  }
  .header{
    height:60px;
    background-color:white;
    /*padding-top:10px;*/
    /*padding-bottom:10px;*/
  }
  .logo{
    height:50px;
    width:242px;
    margin-left:0px;
  }
  .inputText{
    width:calc(100% - 20px);
    font-size:16px;
    padding:10px;
  }
  .inputTextSmall{
    width:120px;
    font-size:16px;
    padding:10px;
    float:left;
  }
  .inputTextBig{
    width:calc(100% - 150px);
    font-size:16px;
    padding:10px;
    margin-left:10px;
    float:left;
  }
  .inputTextMedium{
    font-size:16px;
    padding:10px;
  }
  .search-content{
    width:720px;
    padding: 10px;
    margin-top:50px;
  }
  .search-box{
    height:calc(320px);
    background-image:URL("background_mobile.png");
  }
  .search-box-margin{
    padding-top:20px;
  }
  .soft-sharing-content{
    width:740px;
    font-size:14px;
  }
  .soft-sharing-content-box{
    width:700px;
    font-size:14px;
  }
  .titleFontSize{
    font-size:36px;
  }
  .titleFontSizeMedium{
    font-size:20px;
  }
  .contentFontSize{
    font-size:14px;
  }
  .contentFontSizeMedium{
    font-size:14px;
  }
  .search-content-2{
    width:700px;
  }
  .floatLeft{
    float:none;
  }
  .floatRight{
    float:none;
  }
  .mapView{
    display:none;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:961px)  {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  .button {
      font-size:32px;
      padding:20px;
  }
  .buttonMedium{
    font-size:24px;
    padding:20px;
  }
  .arianne{
    padding-top:120px;
  }
  .margin-entete{
    height:150px;
  }
  .anchor{
    position:relative;
    top:-150px;
  }
  .header{
    height:120px;
    background-color:white;
    /*padding-top:20px;*/
    /*padding-bottom:20px;*/
  }
  .logo{
    height:100px;
    width:462px;
    margin-left:0px;
  }
  .inputText{
    font-size:32px;
    padding:30px;
  }
  .inputTextSmall{
    width:180px;
    font-size:32px;
    padding:30px;
    float:left;
  }
  .inputTextBig{
    width:calc(100% - 210px);
    font-size:32px;
    padding:30px;
    margin-left:10px;
    float:left;
  }
  .inputTextMedium{
    font-size:24px;
    padding:10px;
  }
  .search-content{
    width:90%;
    padding: 20px;
    margin-top:50px;
  }
  .search-box{
    height:calc(100% - 380px);
    background-image:URL("background_mobile.png");
  }
  .search-box-margin{
    padding-top:800px;
  }
  .soft-sharing-content{
    width:90%;
    font-size:32px;
  }
  .soft-sharing-content-box{
    width:calc(90% - 40px);
    font-size:32px;
  }
  .titleFontSize{
    font-size:62px;
  }
  .titleFontSizeMedium{
    font-size:48px;
  }
  .contentFontSize{
    font-size:28px;
  }
  .contentFontSizeMedium{
    font-size:36px;
  }
  .search-content-2{
    width:calc(100% - 40px);
  }
  .floatLeft{
    float:none;
  }
  .floatRight{
    float:none;
  }
  .mapView{
    display:none;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:1025px) {
/* big landscape tablets, laptops, and desktops */
  .button {
      font-size:16px;
      padding: 10px;
  }
  .buttonMedium{
    font-size:16px;
    padding:10px;
  }
  .arianne{
    padding-top:60px;
  }
  .margin-entete{
    height:200px;
  }
  .anchor{
    position:relative;
    top:-200px;
  }
  .header{
    height:60px;
    background-color:white;
    /*padding-top:20px;*/
    /*padding-bottom:20px;*/
  }
  .logo{
    height:50px;
    width:230px;
    margin-left:0px;
  }
  .inputText{
    font-size:16px;
    padding:10px;
  }
  .inputTextSmall{
    width:120px;
    font-size:16px;
    padding:10px;
    float:left;
  }
  .inputTextBig{
    width:calc(100% - 150px);
    font-size:16px;
    padding:10px;
    margin-left:10px;
    float:left;
  }
  .inputTextMedium{
    font-size:16px;
    padding:10px;
  }
  .search-content{
    width:800px;
    padding: 20px;
    margin-top:50px;
  }
  .search-box{
    height:600px;
    background-image:URL("background.png");
  }
  .search-box-margin{
    padding-top:150px;
  }
  .soft-sharing-content{
    width:800px;
    font-size:16px;
  }
  .soft-sharing-content-box{
    width:760px;
    font-size:16px;
  }

  .titleFontSize{
    font-size:48px;
  }
  .titleFontSizeMedium{
    font-size:24px;
  }
  .contentFontSize{
    font-size:16px;
  }
  .contentFontSizeMedium{
    font-size:20px;
  }
  .search-content-2{
    width:calc(50% - 60px);
  }
  .floatLeft{
    float:left;
  }
  .floatRight{
    float:right;
  }
  .mapView{
    display:block;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:1281px) {
/* hi-res laptops and desktops */
  .button {
      font-size:16px;
      padding: 10px;
  }
  .buttonMedium{
    font-size:16px;
    padding:10px;
  }
  .arianne{
    padding-top:60px;
  }
  .margin-entete{
    height:200px;
  }
  .anchor{
    position:relative;
    top:-200px;
  }
  .header{
    height:60px;
    background-color:white;
    /*padding-top:20px;*/
    /*padding-bottom:20px;*/
  }
  .logo{
    height:50px;
    width:230px;
    margin-left:0px;
  }
  .inputText{
    font-size:16px;
    padding:10px;
  }
  .inputTextSmall{
    width:120px;
    font-size:16px;
    padding:10px;
    float:left;
  }
  .inputTextBig{
    width:calc(100% - 150px);
    font-size:16px;
    padding:10px;
    margin-left:10px;
    float:left;
  }
  .inputTextMedium{
    font-size:16px;
    padding:10px;
  }
  .search-content{
    width:984px;
    padding: 20px;
    margin-top:50px;
  }
  .search-box{
    height:600px;
    background-image:URL("background.png");
  }
  .search-box-margin{
    padding-top:150px;
  }
  .soft-sharing-content{
    width:1024px;
    font-size:16px;
  }
  .soft-sharing-content-box{
    width:984px;
    font-size:16px;
  }
  .titleFontSize{
    font-size:48px;
  }
  .titleFontSizeMedium{
    font-size:24px;
  }
  .contentFontSize{
    font-size:16px;
  }
  .contentFontSizeMedium{
    font-size:20px;
  }
  .search-content-2{
    width:calc(50% - 60px);
  }
  .floatLeft{
    float:left;
  }
  .floatRight{
    float:right;
  }
  .mapView{
    display:block;
  }
}