@media screen and (max-width: 1500px) {
 /*body {border:10px solid white;}*/
 
  .itemid-101 #main {
    margin: 1% auto 1% auto;
   height: 550px; !important
}
}

@media screen and (max-width: 1250px) {
body {font-size:105%}
span.image-title { font-size: 1em!important;}
div#ff_formdiv1 {display: block;}/*formulaire de contact*/
}

@media (max-width:1025px) {
 /*body {border:3px solid red;}*/
body {font-size:95%}
.moduletableheaderm {display:block;}
.moduletableheader {display:none}
div#header {padding: 0;}
td {padding:0}
td a img {margin:0 1%;}
div#main {padding: 10px 0; margin-top:0; margin-bottom:0}
ul.nav.menu li {padding: 0;width: 15%;text-align: center;}
li a {display: block;}
ul.nav.menu li a span {display: block;margin: 0 auto;}
.intro {margin: 0 auto;padding: 0 3%;max-width: 800px; overflow: hidden;}
ul.nav.menu li {padding: 0 5px;width: 15%;margin: 0;}
ul.nav.menu img {max-width: 60px!important;margin: 0 0 10px 0;}
ul.nav.menu li a span {font-size: 0.95em!important;width: 95px;padding: 5px;}

  
/*accueil*/
 .moduletablelayout { right: 5%;} 
  .itemid-101 #main { background-position: top;margin-top: 200px;    min-height: 350px;
    max-height: 450px;
    margin-bottom: 0;}
  .itemid-101 div#footer { width: 100%;}
  .itemid-101 #footer .moduletable  {text-align:center;}
  .itemid-101 div#logo-acc {
    right: 15%;
    background: white;
    padding: 15px 1%;
    width: 400px!important;
    border-radius: 5px;
    max-width: 1100px; position: relative;
    float: right;
}
.itemid-101 .acc-footer {
    margin-left: 0;
    border-radius: 3px;
    width: 95%;
    border: 1px solid rgba(26, 55, 94, 0.52);
}
  
.moduletablelog-acc {
    float: left;
    width: 38%;     margin-left: 5%;
}
  .itemid-101 div#logo-acc img {
    max-width: 130px;
}
  
 .itemid-101 div#logo-acc .moduletable {
    width: 40%;
    float: right;
    margin-right: 5%;
} 
  
  
  
ul#menu-acc {
    margin-top: 0!important;
    padding-bottom: 0!important;
}  
  .itemid-101 ul#menu-acc li {
    border-bottom: 1px solid #aaa;
}
    .itemid-101 ul#menu-acc li.item-196 {
    border-bottom: 0px solid #aaa;
}
  
  
}

@media (max-width:760px) {
    body {/*border:5px solid yellow; */height:100%}

.fb-like.fb_iframe_widget {float: right;margin: 15px 0 0 0;}
  
  /*accueil*/
   .itemid-101 #main { background-position: top;margin-top: 200px;    min-height: 250px;
    max-height: 350px;
    margin-bottom: 0;}
  .itemid-101 .index {
    position: absolute;
    top: 0;
    right: 23%;
    width: 50%;
    margin-top: 15px;
    padding-bottom: 5px;
}
  .moduletablelayout {
    position: relative;
    width: 90%;
    margin: 0 auto;
    right: 0;
}
  .itemid-101 .index:after {display:none;}
  .intro {margin: 0 auto;padding: 0 3%;max-width: 800px; overflow: hidden;}

  .itemid-101 div#logo-acc {right: 23%;
    width: 50%!important;
    margin-top: 15px;
    padding-bottom: 5px; }
 
  .itemid-101 div#logo-acc img {
    max-width: 100px;
}
  
  .itemid-101 .css_buttons1 {
    position: absolute;
    width: 90%!important;
    border-radius: 5px;
    top: 160px;
    padding: 0;
    right: 4%;
    background: none;
    text-align: right;
}
.itemid-101 #main {
    background-position: top;
    margin-top: 250px;
    max-height: 350px;
}
 
.itemid-101 ul#menu-acc li {
    border: 1px solid #49678D;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
  background: #071c38;
    background: -moz-linear-gradient(left, #071c38 0%, #4576b6 63%, #071c38 100%);
    background: -webkit-linear-gradient(left, #071c38 0%,#4576b6 63%,#071c38 100%);
    background: linear-gradient(to right, #071c38 0%,#4576b6 63%,#071c38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071c38', endColorstr='#071c38',GradientType=1 );
}  
  .itemid-101 ul#menu-acc li a {color: white;}
}

@media (max-width:630px) {
 /*  body {border:3px solid green;}*/
  body {padding-top:0!important}
  div#header {
    margin-top: 30px;
}

  .itemid-101 .index {
    width: 86%!important;
    right: 5.5%;
}
    .itemid-101 #main {
    background-position: top;
    margin-top: 250px;
    max-height: 300px;
}
  .itemid-101 div#logo-acc {width: 86%!important;
    right: 5.5%; background: none;
}
  .itemid-101 .acc-footer {
    background: rgba(255, 255, 255, 0);
    border: 0px;
}

  
  
  
  
  
  
  
  div#logo-acc:before {top: 5px;
    right: 0px;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(69,118,182,0) -1%, rgba(69,118,182,0) 1%, rgba(69,118,182,0.94) 31%, rgba(67,115,178,1) 33%, rgba(7,28,56,1) 100%);
    background: -webkit-linear-gradient(top, rgba(69,118,182,0) -1%,rgba(69,118,182,0) 1%,rgba(69,118,182,0.94) 31%,rgba(67,115,178,1) 33%,rgba(7,28,56,1) 100%);
    background: linear-gradient(to bottom, rgba(69,118,182,0) -1%,rgba(69,118,182,0) 1%,rgba(69,118,182,0.94) 31%,rgba(67,115,178,1) 33%,rgba(7,28,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004576b6', endColorstr='#071c38',GradientType=0 );
    content: "";
    width: 100%;
    height: 5px;
}
  
ul#menu-top {display:none;}
  
  
/*------------------IPHONE format paysage--------------------*/
ul.nav.menu li {padding: 0 5px;width: 21%;margin: 0;}

}


@media (max-width:620px) {
/* body {border:3px solid blue;}*/
/*------------------IPHONE paysage-------------*/
ul.nav.menu {width: 95%;}
ul.nav.menu li ul {background: rgba(68, 94, 132, 0.53);border-radius: 15px 0;margin-bottom: 10px;min-width: 120px;}
ul.nav.menu li.item-104 ul {margin-left: -200px;}
ul.nav.menu li ul li {display: inline-block; margin: -15px 5px 5px 5px;}
  /*accueil-*/
 
  .moduletablelog-acc {
    margin-left: 10%;
}
 /* .itemid-101 ul#menu-acc {
    width: 40%;
    margin-left:10%;
}*/
}