@font-face {
    font-family: 'MemphisLTStd-Medium';
    src: url('../fonts/MemphisLTStd-Medium.eot');
    src: url('../fonts/MemphisLTStd-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MemphisLTStd-Medium.woff') format('woff'),
         url('../fonts/MemphisLTStd-Medium.ttf') format('truetype'),
         url('../fonts/MemphisLTStd-Medium.svg#MemphisLTStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvelight';
    src: url('../fonts/HelveticaLTStd-Light.eot');
    src: url('../fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaLTStd-Light.woff') format('woff'),
         url('../fonts/HelveticaLTStd-Light.ttf') format('truetype'),
         url('../fonts/HelveticaLTStd-Light.svg#HelveticaLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
.listing{position: absolute;color: transparent;top: -4800px;}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
}
#headline2{display: none;}
#square-black{
    position: absolute;
    width: 90px;
    height: 38px;
    margin-left: 284px;
    margin-top: -42px;
}
#headline img{
	padding-top: 5px;
}
#maintext br{
	display: block;
	content: "";
	margin-top: 13px;

}
#ehok{
    font-family: MemphisLTStd-Medium;
    width: 2px;
    margin-left: -1px;
    margin-top: 0px;
    position: absolute;
    /* margin: 0 auto; */
}
#square-red{
	display: none;
    position: absolute;
    width: 90px;
    height: 38px;
    margin-left: 284px;
    margin-top: -42px;
}
.cb‹{line-height: 13px;}

.menuli {
    display: inline-block;
    width: 139px;
    padding: 1px;
}

#saisie {
    position: absolute;
    margin-left: 296px;
    margin-top: -35px;
}
#ok{font-family: MemphisLTStd-Medium;
    position: absolute;
    margin-left: 24px;
    margin-top: -4px;
    background: #FF5000;
    color: white;
    padding: 6px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    width: 16px;
    height: 16px;
}

#saisie input {
    width: 60px;
}   
li a {
    background-color: black;
    display: inline-block;
    color: black;
    text-align: center;
    width: 139px;
    
    line-height: 36px;
    text-decoration: none;
    font-family: Helvelight;
    font-weight: normal;
    cursor: default;
}
.droit{width: 141px;}
li a:hover {
   /* background-color: #FF5000;
    color: #FF5000;
    */
        cursor: default;
}
h1, h2 {
	font-family: MemphisLTStd-Medium;
	font-weight: normal;
}
h1{font-size: 40px;}
h2{font-size: 32px;}

#mobile{display: none;}
#mainh2 {
    font-size: 24px;
    margin-bottom: 40px;
    Line-Height: 30px;}
span {
	font-family: Helvelight;
	font-weight: normal;
} 

#conteneur{
    max-width: 1200px;
    margin: 0 auto;
    border: 1px solid black;
	height: 820px;    
    margin-top: 80px;
}
#main-text {
    width: 715px;
    display: inline-block;
    padding-right: 0;
    float: left;
    padding-left: 50px;
}
#maintext {
    font-size: 18px;
    font-family: MemphisLTStd-Medium;
    font-weight: normal;
    Line-Height: 26px;
}
.copyright {font-family: MemphisLTStd-Medium;
    float: right;
    margin-right: 20px;
    margin-top: 12px;
}
#headline {
    font-family: MemphisLTStd-Medium;
    font-weight: normal;
    border-bottom: 1px solid black;
        padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#minorsquare {
    position: absolute;
    width: 424px;
    margin-top: -2px;
    /* height: 410px; */
    margin-left: -1px;
}
.squares.little{height: 24px;margin-top: -5px;}
.squares.first {
    margin-bottom: 0;
    padding: 0px;
    height: 248px;

}
.squares.first img{width: 423px;}
.squares.third img{width: 468px;}
.squares.second {
    margin-top: 0px;
    height: 168px;
}
.squares.third {
    margin-bottom: -5px;
    height: 263px;
    width: 423px;
    padding: 0;
    margin-top: -4px;
    overflow-y: hidden;
}
.squares {
    height: 221px;
    /* float: right; */
    padding: 14px;
    border: 1px solid black;
    /* display: inline-block; */
    width: 395px;
    display: inline-block;
    /* float: right; */
    margin-bottom: -1px;
}
#wrapsquares {
    width: 424px;
    display: inline-block;
    padding-bottom: 0px;
    margin-top: -1px;
    /* margin-bottom: -3000px; */
    margin-left: 11px;
}
#squaremain{font-size: 24px;padding-top: 0;padding-bottom: 0;margin-top: 0px;}
.squaresub {
    font-size: 18px;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 0;
    text-indent: -13px;
}
coleft{width:48%;float:left;margin-left:13px;}
colright{width:48%;float:right;}
#site-navigation {
    height: auto;
  }
  #site-navigation #main-menu {
    display: block;
    width: 100%;
  }
  #site-navigation > label {
    display: none
  }
  
  #toggle-mobile-menu{display: none;}
#moblog{display: none;}  
@keyframes fadeInDown {
    from {
        transform: translate3d(0,-40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    from {
        transform: translate3d(0,-40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInDown {
    opacity: 0
}

.fadeInDown {
    opacity: 0;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
}
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}


.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
  
@media (max-width:1217px){
#headline{display:none;}
#headline2{display:block;}
.copyright {
    font-family: MemphisLTStd-Medium;

    margin-right: 0px;
    margin-top: 10px;
    margin-left: 48px;
}


	#conteneur{border: none;margin-top: -8px;}
	.squares{border: none;}
	.squares.first{display: none;}
	.squares.third{display: none;}
	#site-navigation {
	display: block;
    background: transparent;
    border-bottom: 1px solid #999;
    min-height: 40px;
    margin-bottom: -60px;
}
 
#site-navigation #main-menu,
#site-navigation > input {
  display: none;
}
 
#site-navigation > label {
	margin-left: 20px;
  display: block;
  font-size: 36px;
  color: #000;
  position: absolute;
  z-index: 600;
  left: 5px;
  top: 0px;
  width: 36px;
  padding: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 #toggle-mobile-menu{display: block;}
#site-navigation > input:checked + #main-menu {
  display: grid;
  clear: both;
  top: 40px;
  position: relative;
  background: transparent;
  color: #000;
  margin-bottom: 20px;
}
 
#site-navigation ul li {
  display: block;
  padding: 0px 10px;
      background: white;
  border-top: 1px solid #999;
}
#site-navigation ul li:last-child {
border-bottom: 1px solid #999;

} 
#site-navigation a {
  text-decoration: none;
  color: #000;
  padding-left: 6px;
}
#moblog{display: block;position: absolute;
    right: 5px;    top: 0px;}
#moblog img{width: 81px;margin-right: 20px;}    

#main-text {
    padding-left: 0px;
    max-width: 100%;
    width: 100%;
}
#wrapsquares{    
	       position: fixed;
    width: unset;
    z-index: -5;
    bottom: -744px;
    background: none;
    width: 305px;
    color: white;
    }
coleft{float: none;}
colright{float: none;}
.squares{width: 100%;padding: 0px;}
h1 {margin-left: 18px;margin-right: 18px;
    font-size: 30px;
}
#mainh2 {
    font-size: 18px;
    margin-bottom: 16px;
    Line-Height: 26px;margin-left: 18px;margin-right: 18px;
}
#mobile {
    display: block;
    padding-bottom: 0px;
}
.dks{display: none !important;}
.squares.little{height: 24px;margin-top: 16px;}
#squaremain{font-size: 18px;margin-left: 18px;margin-right: 18px;white-space: nowrap;}
.squaresub {margin-left: 18px;margin-right: 18px;
    font-size: 16px;
}

#maintext {
    font-size: 16px;
    font-family: MemphisLTStd-Medium;
    font-weight: normal;
    Line-Height: 22px;
}
#tramebas{
    background: url(http://poles.fr/symptomes/img/trame_bas_iphone.jpg);
    height: 268px;
}
#wrapmaintext{margin-left: 18px;margin-right: 18px;margin-bottom: 18px;}    
}