/******* Do not edit this file *******/
/*
My Custom CSS - by Salvatore Noschese
aka L'AltroWeb - https://laltroweb.it/
/*
Saved: Feb 24 2021 | 08:05:41 (am)
/*
/******* Do not edit this file *******/

/******************* Header ***********************/

.ie_alert_top {
  z-index: 11;
  opacity: 0.8;
  padding-top: 8%;
  padding-bottom: 3%;
  padding-left: 10%;
}
h1 {
font-size: 2.75em;
display: none;
}
body {
  font-family: "gill sans MT", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
#menu-item-93 .sub-menu {
margin-left: -43%;
}
html, body { 
  background-color: #FFFFFF; 
  font-size: 100%; 
  width: 100%; 
}
body.custom-background {
    background-attachment: fixed;
    background-color: #033F87 !important;
    background-image: none;
    background-position: left top;
    background-repeat: repeat;
}
a img { border: none; width: 30%; margin-bottom: 2%; margin-top: 2%; position: absolute; top: 0%; z-index: 1; margin-left: 3%;}
#branding {
z-index: 9999;
background-color: #033F87;
padding-bottom: 3.1%;
margin-top: 1%;
position: absolute;
background-repeat: repeat-x;
background-image: none;
width: 100%;
opacity: 1;
}
#navmenu ul {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
margin-left: -31%;
margin-bottom: -3%;
position: absolute;
width: 100%;
margin-left: -98.5%;
padding-left: 17%;
  margin-top: -0.2%;
}
#copyright, #navmenu ul li ul li, #today, #menu_wrap2 {
background-color: #033F87!important;
}
.view a.info:hover, #navmenu ul > li ul li:hover, #submit:hover, .midbutton:hover {
background-color: #899BFC!important;
background: #899BFC!important;
}
#navmenu ul li ul {
    display: none;
    left: -32%;
    margin-left: 0;
    margin-top: 0%;
    padding-left: 0;
    position: absolute;
    width: 180px;
    z-index: 999999;
}
.title {
margin-top: 34%;
margin-left: 3%;
}
#navmenu li a {
font-size: 1em;
color: #fff;
font-weight: 500;
}
#navmenu ul > li:hover::before,
#navmenu ul > li:focus::before {
  display:none;
}
.extranet {
  position: absolute;
margin-top: 0.1%;
margin-left: 92%;
z-index: 9999999;
font-size: 0.8em;
}


/*********** Body  *************/



	/*slider*/

.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
background-color: #033F87;
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
max-height: 100% !important;
margin-bottom: -24.4% !important;
}
#slider {
width: 100%;
float: left;
max-height: 100%;
position: relative;
overflow: hidden;
border-bottom: 1px solid rgb(213, 213, 213);
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.nivo-controlNav a {
display: inline-block;
width: 22px;
height: 20.8px;
text-indent: -9999px;
border: 0;
margin: 0 2px;
background-image: none;
background-repeat: no-repeat;
}
.nivo-directionNav a {
position: absolute;
top: 34%;
z-index: 9;
cursor: pointer;
opacity: 0.6;
width: -1%;
}


/* blocs liens */

.blocklink {
display: none;
width: 36px;
height: 32px;
background: url(images/blocklink.png) no-repeat;
}
.shadow {
display: none;
}
.midrow_blocks_wrap:hover {
background: #5C75FC !important;
color: #666;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.6s ease-out;
}
.midrow_block:hover h3 {
color: #fff;
}
.midrow_blocks_wrap {
width: 100%;
float: left;
border: 4px solid #FFFFFF;
background-color: #033F87;
height: 72%;
overflow: hidden;
}
.mid_block_content h3 {
text-align: center;
font-size: 100%;
color: #fff;
padding-top: 3%;
}
p {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #E2E2E2;
}
.midrow {
width: 100%;
float: left;
margin-bottom: -3.3%;
margin-top: 1%;
margin-left: 1.3%;
}
.midrow_block p {
text-align: center;
font-size: 85%;
}
.mid_block_content {
margin-top: -11%;
overflow: hidden;
padding-top: 7%;
padding-right: 4%;
padding-bottom: 0;
padding-left: 3%;
font-size: 1vw;
margin-top: -8%;
padding: 7% 4% 0 3%;
}
form {
margin: 0 0 1em;
margin-left: 33%;
}
select {
width: 50%;
}
.fa-3x {
font-size: 300%;
padding-left: 0;
margin-left: 42.1%;
color: #fff;
}

/* blog */

.envoyer {
display: inline-block;
margin-left: 10.9%;
}
body.custom-background {
background-color: #262688;
background-image: none;
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}
#sub_banner {
text-align: center;
padding: 15px 0;
background-color: #FFFFFF;
background-image: url(images/menu-bg.png);
background-repeat: repeat-x;
background-position: center bottom;
margin-top: 6%;
}
#content p {
  color: #000 !important;
}
.post_info_wrap {
width: 70%;
background-color: #FFF;
text-align: left;
font-size: none;
margin-top: 5px;
-ms-word-wrap: none;
word-wrap: none;
margin-top: -30%;
margin-left: 23%;
padding-right: 0;
}
.isis_fullwdth_body #content .top-content {
width: 100%;
padding-bottom: 0;
background-size: 100%;
background-repeat: no-repeat;
height: auto;
}
#content {
margin-top: 3%;
}
.post_info_wrap p {
    color: #E2E2E2;
    font-size: 1em;
    font-weight: 400;
    line-height: 160%;
}
a {
line-height: inherit;
color: #FFF;
}
a:hover {
color: #fff;
}

	/*********************** footer ***********************/

#copyright {
width: 100%;
padding: 15px;
float: left;
background-color: #033F87 !important;
  position: relative;
}


/***************** Responsive design ***********************/

@media screen and (min-device-width: 768px){
 #menu-item-141 {
    display: none !important;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 980px){
/*header*/
#menu_wrap {
    float: right;
    padding-top: 0;
}
  #navmenu li a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
}
  #navmenu ul li ul {
    display: none;
    left: -41%;
    margin-left: 0;
    margin-top: 9%;
    padding-left: 0;
    position: absolute;
    width: 180px;
    z-index: 999999;
}
  
  /*body*/
  html {
    font-size: 10px;
  }
  p {
    font-size: 1rem;
  }
  .mid_block_content h3 {
    font-size: 1.5rem;
  }
  .midrow {
    float: left;
    margin: 2% 0.4% -4%;
    width: 100%;
}
    .midrow_blocks {
    float: left;
    height: auto;
    margin-bottom: 2% !important;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0;
    position: relative;
    width: 22.5%;
  }
.post_info_wrap {
    font-size: 75%;
}
  .slidesociete img {
    margin-left: -3.8%;
}
  /*footer*/
  #copyright {
    background-color: #033F87 !important;
    float: left;
    margin-top: 3.4%;
    width: 100%;
}
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1527px){
 .post_info_wrap {
    font-size: 78%;
  }
  .slidesociete img {
    margin-left: -2.9%;
}
}
@media screen and (min-device-width: 1143px) and (max-device-width: 1200px){
  .post_info_wrap {
    font-size: 74%;
}
}
@media screen and (min-device-width: 980px) and (max-device-width: 1203px){
  .extranet {
    font-size: 0.6em;
    margin-left: 92%;
    margin-top: 1%;
    position: absolute;
    z-index: 9999999;
}
  .post_info_wrap {
    font-size: 63%;
}
  .midrow_blocks {
    float: left;
    height: auto;
    margin-bottom: 2% !important;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0;
    position: relative;
    width: 22.5%;
}
  .slidesociete img {
    margin-left: -2.9%;
}
  .mid_block_content {
    font-size: 1.3vw;
    margin-top: -8%;
    overflow: hidden;
    padding: 7% 4% 0 3%;
}
 #copyright {
    background-color: #033F87 !important;
    float: left;
    margin-top: 2.4%;
    width: 100%;
} 
}
@media (max-device-width: 1024px) and (orientation: landscape) { 
  .midrow_block p {
    font-size: 1.5vw;
    margin-top: -8%;
    overflow: hidden;
    padding: 7% 4% 0 3%;
}
  .mid_block_content h3 {
    font-size: 2vw;
}
}
@media screen and (orientation:portrait) {
  .midrow_blocks {
    float: left;
    height: auto;
    margin-bottom: 2% !important;
    margin-left: 6px;
    margin-right: 6px;
    padding: 0;
    position: relative;
    width: 98%;
}
}
@media screen and (min-device-width: 878px) and (max-device-width: 980px) {
  .midrow_block p {
    font-size: 1.2em;
    text-align: center;
}
  .mid_block_content h3 {
    font-size: 1.6rem;
}
}
@media screen and (min-device-width: 786px) and (max-device-width: 877px) {
.midrow_block p {
    font-size: 100%;
    text-align: center;
}
}

@media screen and (max-width: 768px){
  /*page404*/
  .large-11 h1, h2, h3, h4, h5, h6, #site-title a, .ch-info a, #site-title a {
    font-family: 'Raleway' !important;
    font-size: 1em;
    font-weight: normal !important;
    text-transform: none !important;
}
  /*Header*/
 h1 {
    display: block;
    font-size: 2em;
    margin-left: 30%;
    margin-top: -35%;
    position: absolute;
}
  body #navmenu ul.menu ul {
    background: inherit;
    border: medium none;
    display: block;
    margin-left: 7%;
    margin-top: 0;
    position: static;
    width: auto;
}
  a img {
    width: 16%;
    margin-left: 0;
  }
  body #navmenu ul.menu a, body #topmenu ul.menu ul a {
    border: medium none;
    color: #043E86;
    display: inline;
    padding: 0;
}
body #navmenu ul.menu {
    background-color: #333333;
    border: 1px solid #999999;
    clear: both;
    display: none;
    margin-left: 1%;
    margin-top: 5px;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 10000;
    padding-left: 0;
}
  body #menu_wrap #navmenu ul.menu {
    background-color: #FFFFFF;
    color: #043E86;
    border: 0 none;
    clear: both;
    display: none;
    margin-left: 22%;
    margin-top: -10px;
    opacity: 0.9;
    position: absolute;
    top: 42px;
    width: 60%;
    z-index: 10000;
}
#navmenu ul > li::before {
  content: '';
  }
  #branding {
z-index: 9999;
background-color: transparent;
padding-bottom: 20px;
position: relative;
background-repeat: repeat-x;
background-image: url(images/menu-bg.png);
background-position: bottom;
}
  .row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
background-color: transparent;
}
#menu-icon {
    background-color: #FFFFFF;
    border: 0 none;
    cursor: pointer;
    display: block !important;
    font-size: 20px;
    margin-left: -7%;
    opacity: 0.8;
    padding: 0;
    width: 114%;
}
  .extranet {
  display: none;
}
  /*body*/
  #slider {
width: 100%;
float: left;
max-height: 100%;
position: relative;
overflow: hidden;
border-bottom: 1px solid rgb(213, 213, 213);
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
margin-top: -88px;
}
  .nivo-directionNav a {
    cursor: pointer;
    opacity: 0.6;
    position: absolute;
    top: 34%;
    width: 0;
    z-index: 9;
}
.icon {
    margin-bottom: 2%;
    margin-left: 47%;
    margin-top: 3%;
}
.post_info_wrap {
    background-color: #FFFFFF;
    font-size: 100%;
    margin-left: 0;
    margin-top: -27%;
    max-width: 100%;
    padding-right: 0;
    text-align: left;
    width: 92%;
}
  *, *:before, *:after {
    -moz-box-sizing: inherit;
}
  #imageaerienne {
    display: none;
  }
    .slidesociete {
    display: none;
  }
    .midrow_block p {
    font-size: 2vw;
    margin-top: -8%;
    overflow: hidden;
    padding: 7% 4% 0 3%;
}
  .mid_block_content h3 {
    font-size: 2.5vw;
}
.midrow_blocks {
    float: left;
    height: 100%;
    margin-bottom: 10px;
    margin-left: 0.5%;
    margin-right: 6px;
    padding: 0;
    position: relative;
    width: 90%;
}
  /*footer*/
  #copyright {
    background-color: #033F87 !important;
    float: left;
    margin-top: 4%;
    padding: 15px;
    width: 100%;
}
}
@media screen and (max-width: 480px){
  /*header*/
   h1 {
    display: block;
    font-size: 2em;
    margin-left: 15%;
    margin-top: -35%;
    position: absolute;
}
a img {
    border: medium none;
    margin-bottom: 0;
    margin-left: -32%;
    margin-top: 1.5%;
    position: absolute;
    top: 0;
    width: 16%;
    z-index: 1;
} 
#menu-icon {
    background-color: #FFFFFF;
    border: 0 none;
    cursor: pointer;
    display: block !important;
    font-size: 20px;
    margin-left: -7%;
    margin-top: -8%;
    opacity: 0.8;
    padding: 0;
    width: 114%;
}
  .icon {
    margin-bottom: 1%;
    margin-left: 38%;
    margin-top: 2%;
  }
  /*body*/
    .midrow_block p {
    font-size: 4vw;
    margin-top: -8%;
    overflow: hidden;
    padding: 7% 4% 0 3%;
}
  .mid_block_content h3 {
    font-size: 5vw;
}
  .nivo-directionNav a {
    cursor: pointer;
    opacity: 0.6;
    position: absolute;
    top: 34%;
    width: 0;
    z-index: 9;
}

  
  /*Footer*/
  #copyright {
    background-color: #033F87 !important;
    float: left;
    margin-top: 4%;
    padding: 15px;
    width: 100%;
}
  .copytext {
    float: left;
    padding: 5px 10px;
    width: 100%;
}
  /*pageentreprise*/
  #parallax #slide1 {
    background: url("http://192.168.150.48/wordpress/wp-content/uploads/2014/05/newslidemobile.jpg") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    margin-top: -19% !important;
    padding-bottom: 25%;
    padding-top: 13%;
}
}