@media only screen 
   and (max-width : 1280px) {   
     nav {font-size:small;}
     #top1 {font-size: xx-small!important;}
     #menu .first-level li {padding-right: inherit!important;padding-left: inherit!important;}  
     .zen-menu.zen-menu-horizontal ul ul {padding: 5px!important;}
     .cabinet p {width: 100%!important;}
     .coord.flex .custom,#bottom2 .moduletable {font-size: 18px!important}
      #bottomwrap * {font-size: small;}
}
@media only screen and (max-width:1024px){
   #bottomwrap * {font-size: small;}
}
@media only screen and (max-width: 768px) {  
  h1 {font-size: x-large!important;margin:auto;}
  h2,h3 {font-size: large!important;margin:auto;}
  .article-teaser {width: 100%;height:unset;}  
  .box-outils{padding: 10px;width: 100%;}
  #rsform-map27 {max-width: 300px!important;}
  #topwrap ul.first-level.zen-menu-89 {height: auto;line-height: normal!important;font-size: initial;}
  #logo {width: 50%;max-height: 100px;margin-top: -10px;padding: 0;top: 0;}
  #logo img{max-height:100px}
  div#top1 {width: 50%;top: 0;position: absolute;right: 0;text-align: right;}
  .coord.flex .custom,#bottom2 .moduletable {padding: inherit!important;}
  .banner h1 {font-size: 60px!important;}
  .banner h2 {font-size: 40px!important;}
  .botticone {display: none;}
  .moduletable.takecontact {font-size: initial;height: 75px;line-height: 75px;}
  .cabinet {padding: 45px 20px!important;}
 
}
.fixed.c19 {position: fixed;right: 0;background-color: #827cc2;height: fit-content;width: 100px;top: 50%;color: white!important;text-transform: uppercase;font-weight: bold;}
.c19 a{color: white!important;text-align:center;margin: auto auto;display: block;padding: 10% 0;}

a.white-link{color:white!important}
#bannerwrap {background-position: center;}
.home #banner {height: 400px;}

.chif {width: 45%;margin: 0 auto;}
#off-canvas-menu * {color: white!important;}
.bloc-title p {
    /* float: left; */
    position: absolute;
    left: 0;
    bottom:  0;
    background: #827cc2;
    /* color: white; */
    margin-bottom: 0!important;
    padding: 10px;
    font-size: 35px;
    padding-left: 5%;
    border-right: 18px solid transparent;
    border-bottom: 30px solid #ffffff;
    border-top-right-radius: 20px;
    width: 50%!important;
}

#grid7 {margin-top: 55px;}

.bloc.whiyel:hover {border-color: #827cc2;}

.form-group.rsform-block.rsform-block-coordonnee {margin-left: initial;}
#userForm h2 {text-align: center;margin-bottom: 50px;}

article h2.fil{padding-left: 15px;}

#grid1 h2 a {color: white!important;text-shadow: 1px 1px black;}

span.zen-menu-heading {color: #827cc2!important;}

/*form*/
form#userForm {
    margin-top: 50px;
}
.form-group.rsform-block.rsform-block-coordonnee {
    margin-left: initial;
}
.coordonnees {
    display: block;
    width: 80%;
    height: 190px;
    margin: auto;
}
.coordonnees h3 {
    /* background: #827cc2; */
    padding: 0 5px 10px 0;
    /* color: white; */
    border-bottom: 1px dotted;
}
/*search*/
nav.navbar-general {
    background: rgba(130, 124, 194, 0.3);
    display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-evenly;
}

input.searchterm.ng-pristine.ng-invalid.ng-invalid-required {
    height: 30px;
    padding-top: 3px;
    width: 200px;
}
/*missions*/
.img-right {float: right;margin: 0;}
.img-left {float: left;margin: 0;}
.txt-right li, .txt-left li {padding: 14px;list-style-type: none;text-align: center;border-bottom: 1px dotted #827cc2;font-size: 15px;}
.txt-right li:hover, .txt-left li:hover {background-color: #827cc287;color: white;}
.txt-left h2, .txt-right h2 {margin-top:  0;background-color: #827cc2;padding: 10px;color: white;}
.row.mission {margin: 50px auto;}

/**** PAGE ACTUALITES BASE DOCUMENTAIRE ****/
.article-full h1.ng-binding {
    clear: unset;
}

.article-full img {
    width: unset!important;
}

.article-full h3 {
    color: #827cc2!important;
}
h1.ng-binding {
    color: #827cc2!important;
}
p.ng-binding { text-align: justify;}

.article-teaser {
    width: 48%;
    float: left;
    margin: 1%;
    height: 250px;
}
.moduletabledocu h3>a {
    color: white!important;
}


a.read {
    background: #827cc2;
    color: white!important;
    padding: 5px 10px;
}
a.btn {color: white!important;}
ul.module-eplus {margin-left: 0;}
ul.module-eplus li {border-bottom: 1px dotted #3c618b;}
.lookfor input {height: 36px; width: 80%;}
.premier-article .padding{clear:both}
.tease {margin-top: 5px;}
.premier-article .readmore:before {background-color: transparent!important;}
.premier-article img {margin: 0;float: right;}
.wrap-resume {
    margin: 5px;
    height: initial;
    padding: 5px  0px  39px 10px!important;
    top: 0;
}
.premier-article img {
    margin: auto;
    text-align: center;
    float: none;
    display: block;
}
.readmore img {
    text-align: right;
    float: right!important;
    margin-right: 0!important;
}
.actus article .documentation h3{color: #fff;}
.actus .zoom{margin: 0 0 40px 0;}
.actus .premier-article{
    margin-bottom: 40px;
}
.actus .article-teaser h3{
    text-transform: none;
    margin-bottom: 5px;
}
.article-links li{
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
}
.article-links li a{
    color: #ea6161
}

.module-eplus{
    margin-bottom: 30px;
}
.module-eplus > li{
    list-style: none;
    border-bottom: 1px solid rgba(114,112,111,.05);
    padding-top: 20px;
    padding-bottom: 20px;
}
.module-eplus > li:last-child{
    border-bottom:none;
}



/*other*/
#bottomwrap {
  border-top: 4px dotted white;
}
ul#footernav {
    /* display: flex; */
    /* justify-content: space-between; */
}
p.border {border-bottom:  1px dotted;padding-bottom: 10px;}
.dotted-violin {border-top: 1px dotted #827cc2;}
.dotted-violin-bottom {border-bottom: 1px dotted #827cc2;margin-bottom: 15px;}
#bannerwrap {min-height: 550px;}
#menu ul ul > li.active > a, #menu ul ul > li.active > span.zen-menu-heading, 
#menu ul ul > li.active > span.zen-icon:before, #menu ul ul > li.active > span.zen-menu-caption{color:white!important}
.mission .boxy ul {
    list-style-type: none;
    text-align: center;
    margin: 20px;
    font-size: large;
}

.mission .boxy li {
    padding: 10px;
    border-bottom: 1px solid #80808096;
}

.flex.mission .boxy {
    border-bottom: 3px solid #827cc2!important;
}
.flex {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}
.flex .boxy {
    border: 1px solid #827cc2;
    margin: 20px;
    padding: 20px;
    width: 40%;
}
.outils h3 {color: #3c608b;}
.icone-side {float: left;padding-right: 20px;}
.uk-text-right{text-align:right}
a {color: #827cc2!important;}
p.readmore a {color: white!important;}
#bottomwrap a {color: white!important;font-size: 15px;}
/*outils*/
.box-outils:hover {border-top-color: #3c618b;}
.box-outils:hover h2 {color:#3c618b}
.box-outils {border: 1px solid #80808052;padding: 20px;border-top: 5px solid #827cc2;width: 21%;margin: 0 1%;}
.box-outils h2 {font-size: 25px;border-bottom: 1px solid #827cc2;padding-bottom: 10px;}
/*pages*/
.mainwrap article {
    max-width: 1200px;
    margin: 35px auto;
}
/*actus*/
.domaine {
    background: #827cc226;
    padding: 20px;
}

.fil-actus {
    margin-top:  30px;
    clear: both;
    display: block;
}

.ressource {
    display: block;
    clear: both;
    height: -webkit-fill-available;
}
.file-wrap {border-color:#3c608b!important}
.file-wrap:hover {border-color: #7c71a5!important;}
.flexy {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 30px;
}
.ressource h3 {
    font-size: 19px;
    font-weight: normal;
    padding: 10px 0 0;
}

.ressource img {
    max-height: 230px;
}

/*form*/
.formControls .btn {
    background-color: #827cc2;
    border-color: #827cc2;
}
.bord {display: none!important;}
#rsform-map27 {z-index: 50;}
.formControls {margin: auto auto;-webkit-display: flex;-moz-display: flex;-ms-display: flex;-o-display: flex;display: flex;justify-content: center;}
input#Envoyer {width: 30%;}
.moduletable.hdx {
    height: 400px;
}

section#grid5wrap {
    background-position:  center;
    max-height: 384px!important;
}

.hdx h3 {
    line-height: 450px;
    margin:  auto;
    /* padding-left: 5%; */
    font-size: 45px;
    text-shadow: 1px 1px black;
    text-align: center;
}
/**/
.boxed {
    text-align: center;
    border: 1px solid;
    width: 300px;
    height: 300px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.flexy>div {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-around;
    margin: unset;
}





#bannerwrap h1 {color: #ffffff;}
/*footer*/
footer#footerwrap {
    border-top: 1px dotted;
    padding-top: 10px;
}
#bottom1 p {
    font-size: 15px;
}
.coord.flex .custom,
#bottom2 .moduletable {
    /* padding: 10% 25% 0; */
    font-size: 15px;
}

#footernav li {
    padding: 7px;
    text-transform: uppercase;
    list-style-type: none;
}

.coord .custom div {
    padding: 0 10px;
}

.coord.flex .custom {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;

}
/**/

p.bord {
    border-bottom: 1px solid white;
    padding-bottom: 15px;
}

.ccf_field_box_156 label.creativecontactform_field_name {
    display: none!important;
}

.creativecontactform_title {
  
    text-align: center!important;
    width: 50%;
}

.creativecontactform_title {
 
}

input.creativecontactform_send {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
}

p.readmore {
    padding: 0;
    margin: 0;
}

a.btn {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0;
}

.cabinet {
    background-color: #f8f8f9;
    padding: 40px 65px;
}

.cabinet p {
    padding: 3px;
    /* width: 75%; */
    text-align: justify;
}

.expert h3 {
    font-size: 25px;
    padding: 0 5% 0 0;
    letter-spacing: 2px;
    text-transform: none;
    color: #827cc2;
    margin-bottom: 50px;
}

/*.moduletable.expert {
width: 90%;
margin: 0 5%;
}*/

#grid6 {
    margin-bottom: 50px;
}

.dbborder {
    border: 2px solid;
    height: max-content;
    position: absolute;
}

.dbborder img {
    visibility: hidden;
}

.dbborder.bb {
    border-color: #3c618b;
    z-index: 2;
    margin-top: 5%;
    margin-left: -5%;
}

.dbborder.bo {
    border-color: #827cc1;
    margin-top: -5%;
    margin-left: 5%;
}

.map {
    position: relative;
    z-index: 0;
}

.map img {
    z-index: 3;
    position: relative;

}

/*top*/

.navbar-header {
    width: 100%;
}

.icones {
    height: 85px;
    padding: 25px 0;
}

.icones a {
    padding: 5px;
}

#topwrap {
    padding: 30px 0 0 0;
    height: 130px;
    display: block;
    background-repeat:  repeat-x;
    clear: both;
}

#topwrap #menu {
    margin: auto;
    font-size: 18px;
}

#menu span.zen-menu-heading,#topwrap #menu a {
   /* font-family: 'Brookhouse'!important;*/
    text-transform: uppercase;
    /* color: #827cc2!important; */
}


#topwrap ul.first-level.zen-menu-89 {
    line-height: 84px;
    padding: 0;
    margin: 0;
}

#topwrap #menu .current.active {
    background-color: #f8f8f9;
    border-bottom: 5px solid #827cc1;
}

#banner .custom {
    /* height: 600px; */
}



/*#banner .custom {height: 600px;}*/

/**/
.moduletable.banner {/* height: 600px; */text-align: center;}
.botticone {position: absolute;width: 100%;}
.banner h1 {font-size: 65px;letter-spacing: 3px;margin-top: 3%;text-shadow: 1px 1px #827cc2;}
h1,h2,h3,h4,h5,h6 {/*font-family: 'Brookhouse'!important;speak: none;*/font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.banner h2 {color: white!important;text-transform: uppercase;font-size: 40px;letter-spacing: 2px;text-shadow: 0px 1px 0px #446a92;}
#grid2 {margin: 55px 0;}
.outils img {margin: 10px;max-width: 70px;}

/*takecontact*/
.takecontact {font-size: 35px;text-align: center;font-weight: bold;background: #f8f8f9;height: 120px;line-height: 120px;margin: 0;}
span.bleuc {color: #bdd3e1;}
span.bleuf {color: #3c618b;}
#grid1 {border-bottom: 5px dotted #827cc1;}
/**/
.align h2 {line-height: 330px;color: white;text-transform: uppercase;font-size: 45px;/*font-family: 'Brookhouse';*/word-spacing: normal;}

/*menu*/

#off-canvas-menu li.active a, #menu li.activ ea {color: white!important;}
li.item-131 {}
span.zen-menu-heading {list-style-type:  none;/* font-size: initial; */}
#menu ul > li a:before, #menu ul > li span.zen-menu-heading:before {border: none;}
#menu li {padding: 32px 10px;}
li.item-103 ul {/* margin-top: -69px; */}
ul.zen-menu-child li{padding: 0!important;}
li.item-103 a {
    color:  white!important;
    text-transform:initial!important;
    font-weight:normal!important;
    padding-bottom:0;
    font-size:15px;
    padding:0;line-height:17px;
}


/*ligne bloc*/
.bloc p {padding: 20px;text-align: justify;}
.bloc.whiyel {border-color: #cacfd3;}
.bloc.yelwhi {border-color: #827cc1;background-color: #827cc1;color: white;}
.bloc.yelwhi h3 {color: white;}
.bloc.whiyel h3 {color: #3c608b;}
.bloc.yelwhi h3,
.bloc.whiyel h3 {text-transform:initial;/*font-family: 'Bauhaus';*/!important;font-weight:normal;}
.center {text-align: center;}
.bloc {border: 1px solid;padding: 20px;}
.bloc img {margin: 30px auto;max-width: 120px;}
.bgr {margin: 20px auto;}
i.fa.bgr {
    background-color: #827cc2;
    width: 56px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

a>.bgr {
    color: white;
}

.bgr::before {
    padding: 5px;
    margin-left:  5px;
}