/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


@font-face {
  font-family: 'SegoeUI';
  src:    url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SegoeUI.woff') format('woff'),
          url('../fonts/SegoeUI.ttf')  format('truetype'),
          url('../fonts/SegoeUIt.svg#SegoeUI') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Bold';
  src:    url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SegoeUI-Bold.woff') format('woff'),
          url('../fonts/SegoeUI-Bold.ttf')  format('truetype'),
          url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Italic';
  src:  url('../fonts/SegoeUI-Italiceot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Italic.woff') format('woff'),
        url('../fonts/SegoeUI-Italic.ttf')  format('truetype'),
        url('../fonts/SegoeUI-Italic.svg#SegoeUI-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ====================================================================================================== */
/* =general */
/* ====================================================================================================== */

html{
    -ms-overflow-style:-ms-autohiding-scrollbar;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    height:100%;
    webkit-appearance: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

@supports (-moz-appearance:meterbar)  {
  html {
    font-weight: lighter!important;
  }
}

body {
	overflow-x:hidden;
    font-family: 'SegoeUI', sans-serif;
	font-size:13px;
    font-weight:normal!important;
    font-style:normal!important;
    color:#333;
    background-color:#ffffff;
    height:100%;
    -webkit-backface-visibility: hidden;
    padding:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:relative;
    display:none;
	margin:0;
	color:#2C3E50;
	width:100vw;
}



main{
	overflow-x:hidden;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F0F0F0 100%);
	min-height:calc(100vh - 290px);
}
*{-webkit-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}

a{
  color:inherit;
  text-decoration:underline;
  font-family: 'SegoeUI-Bold';
  }

sup{font-size:0.6em;vertical-align:0.2em;}
strong{font-family:'SegoeUI-Bold';}

img {width:100%;height:auto;vertical-align:middle;display:block;}
.clear{clear:both!important;}
:focus {outline:0!important;}


section{background:transparent;}
.content_hide_menu{
  opacity:1;
  transition:0.5s opacity ease-in-out;
  }

.main_width{
    width:65%;
	margin:0 auto;
    }

label{
	font-size:13px;
}

section{
	margin:50px 0 20px;
	padding:35px 0 80px;
}

.fleche{
	height:18px;
	width:auto;
	margin-left:15px;
}

.transparency{
	height:inherit;
	width:inherit;
	background:rgba(255,255,255,0.5);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .content_width{width:85%;}
  .content_full{width:100%;}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
  .content_width{width:85%;}
  .content_full{width:100%;}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
  .content_width{width:85%;}
  .content_full{width:100%;}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
  .content_width{width:90%;}
  .content_full{width:100%;}
}



/* ====================================================================================================== */
/* =fonts */
/* ====================================================================================================== */
.h1,
h1{
    line-height:1.3;
	font-size:17px;
	font-weight:800;
	color:#00629B;
	margin:0 0 30px;
	position:relative;
	display:inline-block;
	font-family:'SegoeUI-Bold';
    }

h2, h3{
    line-height:1.2;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
	color:#2C3E50;
	margin-bottom:20px;
	position:relative;
	display:inline-block;
	font-family:'SegoeUI-bold';
	position:relative;
   }

.login h1 a {
	background-image: url('../img/logo_epa_senart_orange.jpg') !important;
}

.page_accueil h2{
	margin:0 0 18px 25px;
	font-size:21px;
	font-weight:initial;
	color:#ED6B53;
}

.page_accueil h2:before{
	width:12px;
	height:12px;
	content:'';
	position:absolute;
	left:-25px;
	bottom:5px;
	background-color:#ED6B53;
}

h3{
	font-size:16px;
}

h4{
    font-size:13px;
    margin:0;
    line-height:1.5;
	color:#4594C5;
	margin-bottom:10px;
    }
h5{
    font-size:0.46em;
    margin:0;
    line-height:1.5;
    }
h6{
    font-size:0.4em;
    margin:0;
    line-height:1.5;
    }
ul{
    font-size:13px;
	margin-left: 18px;
    margin-bottom: 14px;
    padding-left:0;
    line-height:1.5;
    }
    li{
      list-style:disc;
      position:relative;
	  margin-bottom:5px;
      }
p{
    font-size:13px;
    margin:0 0 14px 0;
    line-height:1.5;
    }

.ctabf{
	color: #ffffff;
    font-size: 13px;
    padding:10px 25px;
    margin: 0 15px;
    display: inline-block;
	background-color:#005674 ;
	box-shadow: 0px 3px 6px #00000029;
	text-decoration:none;
    font-family: 'SegoeUI';
}
.ctabf:hover{
	color:#005674;
    background-color: #ffffff;
	-webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.8s ease;
    -ms-transition:     all 0.8s ease;
    -o-transition:      all 0.8s ease;
    transition:         all 0.6s ease;
}
.page_contact input[type="submit"],
.single_offre .sidebar_offre input[type="submit"],
.ctar{
	color: #ffffff;
    font-size: 13px;
    padding:10px 25px;
    margin: 0 15px;
    display: inline-block;
	background-color:#ED6B53 ;
	box-shadow: 0px 3px 6px #00000029;
	text-decoration:none;
    font-family: 'SegoeUI';
	border:none;
	border-radius:0;
}

.hub_recherche input[type="submit"],
.page_contact input[type="submit"],
.single_offre .sidebar_offre input[type="submit"]{
	-webkit-appearance:default-button;
}

.ctar:hover{
	color:#ED6B53;
    background-color: #ffffff;
	-webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.8s ease;
    -ms-transition:     all 0.8s ease;
    -o-transition:      all 0.8s ease;
    transition:         all 0.6s ease;
}
.ctabc{
	color:#fff;
    font-size: 13px;
    padding:10px 25px;
    margin: 0 15px;
    display: inline-block;
	background-color:#ED6B53;
	box-shadow: 0px 3px 6px #00000029;
	text-decoration:none;
    font-family: 'SegoeUI';
}
.ctabc:hover{
	color:#ED6B53;
    background-color: #ffffff;
	-webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.8s ease;
    -ms-transition:     all 0.8s ease;
    -o-transition:      all 0.8s ease;
    transition:         all 0.6s ease;
}
.ctared{
	color:#EF3E22;
	position:relative;
	padding-right:30px;
	font-family:'SegoeUI';
}

.ctared:hover{
	font-weight:bold;
	-webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.8s ease;
    -ms-transition:     all 0.8s ease;
    -o-transition:      all 0.8s ease;
    transition:         all 0.6s ease;
}

.ctared:after{
    background-image: url(../img/small_arrow.png);
    position: absolute;
    right: 0;
    background-size: 100%;
    background-position: center;
    top: 1px;
    width: 18px;
    height: 18px;
    content: '';
}