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

#logo
{
  width: 100%;
    height: 79px;
}
#logo .noe, .anti {
    font-size: 36px;
    text-align: center;
}
#logo .slogan {
    text-align: center;
}
#rech, #cont_mem
{
display: none;
}
#baniere
{
    height: 136px;
}



#slide {
    width: 100%;
    height: 450px;
    background: none;
}
.ja-slide-desc {
    background: #0071BC;
    height: 411px;
    color: #fff;
    margin: 326px 0 0 0%;
    padding: 15px 4% 0 4%;
    width: 92%;
    display: table;
}
.ja-slide-desc a {
  display: block;
  margin: 0 0 10px 0;
}
#slide {
    width: 100%;
    height: 604px;
    display: table;
}

.maskDesc {
    z-index: 2000;
    width: 100% !important;
    display: table !important;
}
.ja-slide-main-wrap {

    height: 605px!important;
}

#signal2
{
  width: 90%;
  height: 150px;
  background: #0071BC;
  padding: 15px 5% 15px 5%;
  color: #fff;
  display: table;
}

.ja-slide-desc .readmore {

    width: 27%;
}

.ja-slide-buttons {
    left: 165px;
}

.rsform-input-box, .rsform-calendar-box, .rsform-text-box, .rsform-upload-box {
    width: 92%;
}

#slide_in {
    width: 100%;
    height: 370px;
}
#slide_in img{
    width: 100%;
    height: auto;
}

#bas1_in {
    width: 90%;
    height: 430px;
    padding: 20px 5% 0 5%;

}

#bas1_in h3, #bas2_in h3, #resources h3 {
    text-align: center;
}
#bas1_in .nspArts, .nspLinksWrap {

    padding: 0px 0px;

}

#bas1_in  .nspArt {
    width: 100%;
    padding: 0 !important;
}

#bas1_in  .nspArt img.nspImage {
    max-width: 100%;
    border-radius: 4px;
    width: 100% !important;
    height: auto !important;
}
#bas1_in .nspImageWrapper {
    margin: 0 0 10px 0 !important;
    width: 100%;
}
#bas1_in .nspArt h4.nspHeader {
    font-size: 16px;
    width: 100%;
}
#bas1_in .nspArt p.nspText {
    width: 100%;
    margin: 0 0 30px 0;
}

#signal, #bas2_in2
{
    display: none;
}

#bas1_in2 {
    width: 100%;
}

#bas2_in {
    width: 90%;
    padding: 20px 5% 0 5%;
}

.ot_logo_scroller_wrapper {

    padding-top: 0px;
    margin-top:0px;

}
.col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
    width: 46%;
}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {

    font-size: 12px;

}
#bas3_in {
    width: 90%;
    padding: 20px 5% 0 5%;
}
#liens_bas {
    display: table;
}
#liens_bas .module, #liens_bas .module_menu {
    width: 100%;
    float: left;
    text-align: center;
}
#adresse_bas {
    width: 100%;
    height: 100px;
    display: table;
    text-align: center;
}
#bas3_in2 {
    width: 90%;
    height: 300px;
    float: left;
    display: table;
    padding: 20px 5% 0 5%;
    text-align: center;
}
.acysubbuttons {
    text-align: center !important;
}
#soc3 {
    width: 100%;
    display: table;
}

#soc3 a {
    display: table-cell!important;
    float: none;
 }

.nspArts, .nspLinksWrap {

    padding: 0 ;
}

.item-page .nspImageWrapper img {
    width: 100%!important;
    height: auto!important;
}

.nspArt h4.nspHeader {

    width: 100%;
}

.nspImageWrapper {
    margin: 0 !important;
}


}
/*---------------------------------------------------------------------------------------*/


 @media screen and (min-width: 640px) and (max-width: 769px)
{
.ja-slide-buttons {
    left: 448px;
}
.col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
    width: 31%;
}

}


/*---------------------------------------------------------------------------------------*/


 @media screen and (min-width: 720px) and (max-width: 769px)
{

.ja-slide-desc {
    background: #0071BC;
    height: 223px;
    color: #fff;
    margin: 326px 0 0 0%;
    padding: 15px 4% 0 4%;
    width: 92%;
    display: table;
}
#bas1_in2 {
    width: 26%;
    height: 321px;

}
}



/*---------------------------------------------------------------------------------------*/


 @media screen and (min-width: 800px) and (max-width: 1024px)
{

#logo .noe, .anti {
    font-size: 28px;
}

#logo .slogan {
    font-size: 14px;
}

.search {
    margin: 0 20px 34px 0;
}
#cont_mem .nav li a {
    font-size: 10px;
}
.ja-slide-desc a span {

    font-size: 25px;
}
.ja-slide-desc .readmore {

    width: 21%;
    left: 24px;
}
.ja-slide-buttons {

    left: 385px;
}

.nspArt h4.nspHeader {
    width: 97%;
}

.nspArt img.nspImage {
    width: 100% !important;
    border-radius: 4px;
    height: auto !important;
}

#signal h3, #signal2 h3 {

    font-size: 18px;
}

#signal p
{
    font-size: 11px;
}

}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {

    font-size: 5px;

}
.rsform-input-box, .rsform-calendar-box, .rsform-text-box, .rsform-upload-box {

    width: 95%;
}

}



/*---------------------------------------------------------------------------------------*/


 @media screen and (min-width: 896px) and (max-width: 1024px)
{

#logo .noe, .anti {
    font-size: 28px;
}

#logo .slogan {
    font-size: 14px;
}

.search {
    margin: 0 20px 34px 0;
}
#cont_mem .nav li a {
    font-size: 10px;
}
.ja-slide-desc a span {

    font-size: 25px;
}
.ja-slide-desc .readmore {

    width: 21%;
    left: 24px;
}
.ja-slide-buttons {

    left: 417px;
}

.nspArt h4.nspHeader {
    width: 97%;
}

.nspArt img.nspImage {
    width: 100% !important;
    border-radius: 4px;
    height: auto !important;
}

#signal p
{
    font-size: 11px;
}

}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {

    font-size: 6px;

}
.rsform-input-box, .rsform-calendar-box, .rsform-text-box, .rsform-upload-box {

    width: 95%;
}

}