@media screen and (max-width: 770px) {
a.back-to-top {margin-right: 0;right: 0;}
.container {width: 100%; margin: auto ;}
article {padding: 30px;}
body {font-size: 15px; line-height: 20px; }
h1.site-title {font-size: 25px; line-height: 25px;  margin: 0; padding: 9px 15px ;}
h1 {font-size: 28px; line-height: 30px; margin: 0; }
h2 {font-size: 30px; line-height: 26px;  }
h3 {font-size: 24px; }
.toc_list {font-size: 20px; line-height: 28px; list-style: none; padding: 0px; }
.toc_list li:before { font-family: "FontAwesome"; content: "\f054"; margin-right: 7px; font-size: 17px; color: #d34d00; }
.carre {  font-size: 0.40em;}	
.burger {  width: 3em; height: 3em;}
.burger .middle { width: 23px; height: 3px; }
.burger:after, .burger:before { width: 23px; height: 3px;  }
.main-menu .navtoggle { top: -43px; }
.main-menu li.sociaux  { top:-43px;	left: 42px ;}
.main-menu .sociaux li a { width: 43px; height: 43px; font-size: 22px; line-height :43px; }
.burger:after { bottom: 0px !important; }
.carre.tom .burger.cross:after { bottom: 1.35em !important; }
.carre.active .burger.cross:before, .carre.tom .burger.cross:before { top: 1.05em !important; }
.recherche  { height: 45px; width: 250px; margin: 15px auto !important; border-radius: 25px; margin-top: 30px; margin-bottom: 25px; padding-left: 20px; } 
.recherche  { background-color: #fff;  }
.recherche input  { height: 43px; width: 160px; color: #00b0c4; outline: none; font-size: 23px ;}
.recherche input::-webkit-input-placeholder { color:#00b0c4; }
.recherche input::-moz-placeholder { color:#00b0c4; } .recherche input:-ms-input-placeholder { color:#00b0c4; } .recherche input:-moz-placeholder { color:#00b0c4; }
.main-menu a  {clear: both; font-size: 24px; line-height: 26px}
.main-menu { position: relative; }
.main-menu .menu ul li.sociaux { overflow: hidden;max-height: 0em;}
.main-menu .active + ul li.sociaux { max-height: 90em;}
}
@media screen and (min-width: 771px) {
a.back-to-top {margin-right: -386px;right: 50%;}
.container {width: 771px; margin: auto ;}
article {padding: 63px;}
body {font-size: 15px; line-height: 22px; }
h1.site-title {font-size: 40px ; line-height: 46px;  margin: 0; padding: 7px 15px ;}
h1 {font-size: 34px; line-height: 36px; margin: 0; }
h2 {font-size: 30px; line-height: 26px;  }
h3 {font-size: 24px; }
.toc_list {font-size: 20px; line-height: 28px; list-style: none; padding: 0px; }
.toc_list li:before { font-family: "FontAwesome"; content: "\f054"; margin-right: 7px; font-size: 17px; color: #d34d00; }
#toc_container {display:block; float: left; padding-right: 20px;}
p .introgo {display:block; padding-top: 25px; }
.carre {  font-size: 0.60em;}
.burger {  width: 2.6em; height: 2.6em;}
.burger {  top: 4px;  }
.burger .middle { width: 32px; height: 4px; }
.burger:after, .burger:before { width: 32px; height: 4px; }
.carre.tom .burger.cross:after { bottom: 1.15em !important; }
.carre.active .burger.cross:before, .carre.tom .burger.cross:before { top: 0.77em !important; }
.main-menu .navtoggle { top: -62px; }
.main-menu li.sociaux li.fb  { top:-66px;	left: 281px ; position: absolute}
.main-menu li.sociaux li.tw  { top:-66px;	left: 347px ; position: absolute }
.main-menu .sociaux li a { width: 65px; height: 65px; font-size: 30px; line-height :70px;}
.main-menu li.rech { position: absolute; top:-75px; left:60px; }
.recherche  { height: 59px; width: 201px; margin: 15px auto !important; border-radius: none; margin-top: 0px; margin-bottom: 0px; padding-left: 20px; } 
.recherche  { background-color: #00c9d3; }
.recherche:focus  { background-color: #fff; }
.recherche input  { height: 57px; width: 150px;  color: #fff; outline: none; font-size: 22px ;}
.recherche input::-webkit-input-placeholder { color:#fff; }
.recherche input::-moz-placeholder { color:#fff; } .recherche input:-ms-input-placeholder { color:#fff; } .recherche input:-moz-placeholder { color:#fff; }
header {position: relative}
.main-menu {position: absolute; width: 281px !important; top:60px;}
.main-menu .subMenu { position: absolute; display: block; background-color: #00c9d3;}
.main-menu a  { float: left !important}
.main-menu .subMenu {margin-left: 281px}
.main-menu .subMenu li  {width: 245px; float: left !important}
.main-menu a {clear: both; font-size: 34px; line-height: 20px; margin-top: 10px}
.menu ul li a  { padding: 10px 20px;}
.subMenu {width: 490px; padding: 20px 0;}
.subMenu ul li a  { padding: 0px 25px; float: left !important;}
.subMenu ul li a, .subMenu ul li a:hover  {  line-height: 30px; margin-top: 0px;}
footer h2 {font-size: 26px;}
}   p .introgo { color:#005c66; }
p .introgo a, p .introgo a:visited { color:#005c66}
.copyright {font-size: 10px; color: #00b0c4; padding-top: 30px;	}
.copyright a, .copyright a:visited { color: #00b0c4; }    body {background-color: #00373a; color: #000;}
.container {background-color: #005c66; }
.content {background-color: #fff;} a, a:active, a:visited { color: #d34d00; text-decoration: none }
a:hover { color: #b94400; }
a:link { -webkit-tap-highlight-color: #00b0c4; } h1.site-title a, h1.site-title a:active, h1.site-title a:visited  {color : #fff; }
h1, h2, h3, h4, h5, h6 {color : #00b0c4;  }
footer ul a, footer ul a:visited {	color: #fff}
footer li {line-height: 25px;}    a.back-to-top {background-color: #d34d00; width: 50px; height: 50px; padding: 5px; font-family: "BebasNeueRegular", Impact, Helvetica, sans-serif; color: #fff; font-size: 25px; text-align: center; 
display: none;
position: fixed;
z-index: 999;
bottom: 50px; line-height: 20px 
}
.ic-top { font-family: "FontAwesome";font-size: 30px; } .main-menu { background: #00b0c4; }
.main-menu a, .main-menu a:active, .main-menu a:visited  { color: #fff;  }
.main-menu .open a, .main-menu .open a:hover, .main-menu a:hover { color: #005c66 !important; }
.main-menu a:before { font-family: "FontAwesome"; content: "\f0da"; margin-right: 10px; }
.main-menu .open a:before  { content: "\f0d7"; }
.main-menu .sociaux a:before  { content: ""; margin-right: 0px; }
.subMenu { background-color: #005c66 !important; }
.toggleSubMenu li a, .toggleSubMenu li a:hover { color: #fff !important; font-size: 20px; line-height: 20px;  }
.toggleSubMenu li a:before, .toggleSubMenu.open li a:before  { content: ""; margin-right: 0px;  }
.toggleSubMenu li:hover  	{ background-color: #005054; }
.toggleSubMenu .current-menu-item , .toggleSubMenu .current-menu-ancestor  { background-color: #005054;  }
.toggleSubMenu.open li a, .toggleSubMenu.open li a:hover { color: #fff !important;   }
.toggleSubMenu.open li a:hover { background-color:  #005054 !important; color: #00b0c4 !important; }
.toggleSubMenu.open  li.current-menu-item a { background-color:  #005054 !important; color: #00b0c4 !important; }
.copyright {clear: both}
footer ul {	margin: 0; padding-left: 0; list-style: none;}
footer {padding: 25px; }
.widget-container {width: 160px; float: left; display: block; padding-right: 20px;} .recherche  { border: none;  }
.recherche input  {
background-color: transparent;
margin: auto ;
border: none;	
cursor: text;
outline: none;
}
.go { font-family: "FontAwesome"; content: "\f002" ; color: #005c66; width: 35px; height: 35px; font-size: 25px; background-color: transparent; border: none;}  h1, h2, h3, h4, h5, h6, .toc_list, .menu {font-family: "BebasNeueRegular", Impact, Helvetica, sans-serif; letter-spacing: 0.05em }
.ic-facebook, .ic-twitter, .ic-search { font-family: "FontAwesome"; }
@font-face {
font-family: 'FontAwesome';
src: url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/font-awesome/fontawesome-webfont.eot?v=4.4.0);
src: 	url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/font-awesome/fontawesome-webfont.woff2?v=4.4.0) format('woff2'), 
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/font-awesome/fontawesome-webfont.woff?v=4.4.0) format('woff'), 
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/font-awesome/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), 
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BebasNeueRegular';
src: url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue/bebasneue_regular-webfont.eot);
src: url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue/bebasneue_regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue/bebasneue_regular-webfont.woff2) format('woff2'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue/bebasneue_regular-webfont.woff) format('woff'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue/bebasneue_regular-webfont.ttf) format('truetype'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue/bebasneue_regular-webfont.svg#bebas_neue_regularregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bebas_neuebold';
src: url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue-bold/bebasneue_bold-webfont.eot);
src: url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue-bold/bebasneue_bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue-bold/bebasneue_bold-webfont.woff2) format('woff2'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue-bold/bebasneue_bold-webfont.woff) format('woff'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue-bold/bebasneue_bold-webfont.ttf) format('truetype'),
url(//guideduparisien.fr/wp-content/themes/GDP-2015/fonts/bebas-neue-bold/bebasneue_bold-webfont.svg#bebas_neuebold) format('svg');
font-weight: normal;
font-style: normal;
}   .site-title {
margin: .67em 0;
font-weight: bold;
float: right;
}
.site-description {
margin: 0 0 1em;
font-weight: normal;
}   .navaccordeon li a { padding: 10px 30px;}
.main-menu {
display: block;
float: left;
width: 100%;
}
.main-menu ul {
margin: 0;
padding-left: 0;
list-style: none;
} .main-menu li.sociaux  { position:  absolute ; }
.main-menu .sociaux li { float: left !important; }
.main-menu .sociaux li a {
background-color: #d34d00;
padding: 0;
margin: 0 0 0 1px;
text-align: center;	
}
.main-menu .sociaux li a:hover { background-color: #f95300; }
.main-menu a {
display: block;
text-decoration: none;
}
.main-menu .sub-menu,
.main-menu .children {
position: absolute;
max-height: 0;
overflow: hidden;
list-style: none outside none;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
background: rgb(51, 51, 51);
}
.main-menu .sub-menu li,
.main-menu .children li {
float: none;
}
.main-menu .sub-menu a,
.main-menu .children a {
white-space: nowrap;
color: #fff;
} .main-menu li:hover .sub-menu,
.main-menu li:hover .children,
.main-menu li.hover .sub-menu,
.main-menu li.hover .children {
max-height: 30em;
} .main-menu { z-index: 1000;}
.main-menu .navtoggle {
background: none;
border: none;
cursor: pointer;
position :absolute;
outline: none;	
}   .content { clear: both; }
.lteie8 .container {
width: 1024px;
} .content nav {
display: block;
overflow: hidden;
}
.content nav .nav-previous {
float: left;
width: 50%;
}
.content nav .nav-next {
float: right;
width: 50%;
text-align: right;
}
.content #nav-above {
display: none;
}
.paged .content #nav-above,
.single .content #nav-above {
display: block;
}
#nav-below {
margin: 1em 0 0;
}
.page-link {
margin: 0 0 1em;
} .content table,
.content td,
.content th {
border: 1px solid rgb(191, 191, 190);
}
.content tbody tr:nth-child(odd) {
background: #eee;
}
.entry-meta {
font-size: 0.9em;
font-style: italic;
}       img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
img.alignleft {
margin-right: 1em;
}
img.alignright {
margin-left: 1em;
}
.wp-caption {
padding: .5em;
text-align: center;
}
.wp-caption img {
margin: .25em;
}
.wp-caption .wp-caption-text {
margin: .5em;
}
.gallery-caption {
}
.gallery-item {
float: left;
width: 33%;
margin-top: 10px;
text-align: center;
} .ie7 img {
-ms-interpolation-mode: bicubic;
}    .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}    .ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
} .hidden {
display: none;
visibility: hidden;
} .invisible {
visibility: hidden;
} .assistive-text, 
.visually-hidden {
position: absolute !important;
left: -7000px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
[dir=rtl] .visually-hidden {
left: auto;
right: -7000px;
}
a.assistive-text:active,
a.assistive-text:focus {
background: #eee;
border-bottom: 1px solid #ddd;
color: #1982d1;
clip: auto !important;
font-size: 12px;
position: absolute;
text-decoration: underline;
top: 0;
left: 7.6%;
} .skip-links {
position: absolute;
}
.skip-links a {
position: absolute;
left: -9999px;
padding: 0.5em;
background: #000;
color: #fff;
text-decoration: none;
}
.skip-links a:focus {
position: static;
}   @media screen and (max-width: 6008px) {
.navtoggle,
.toggle-link {
display: block;
}
.main-menu .menu  li {
float: none;
margin: 0;
}
.js .menu > ul {
overflow: hidden;
max-height: 0em;
}
.main-menu .active + ul,
.main-menu .keyboardactive + ul {
max-height: 90em;
padding-bottom: 20px;
}           button.menu-link  {margin: 0; padding: 0 !important}
.burger {
display: inline-block;
position: relative;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-moz-transition-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
-o-transition-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
-webkit-transition-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
transition-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
}
.burger .middle {
left: -0.25em;
top: 50%;
position: absolute;
margin-top: -0.25em;
display: inline-block;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
background: #fff;
}
.burger:after, .burger:before {
content: "";
left: -0.25em;
position: absolute;
background: #fff;
-moz-transform-origin: 50% 50% 0;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.burger:after {
bottom: 2px;
}
.burger:before {
top: 1px;
}
.carre { line-height: 1em;
padding: 2em;
margin: 0 auto 0.6em;
display: inline-block;
position: relative;
background-color: #00b0c4;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.carre:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: inline-block;
position: absolute;
z-index: 0;  
}
.carre.active, .carre:hover { cursor: pointer; }
.carre.tom:before, .carre.tom:after {
-moz-animation: pointer-ball 0.3s ease 1;
-webkit-animation: pointer-ball 0.3s ease 1;
animation: pointer-ball 0.3s ease 1;
-moz-animation-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
-webkit-animation-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
animation-timing-function: cubic-bezier(0.61, 0.04, 0.17, 1.32);
}
.carre.tom .burger {
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.carre.tom .burger.cross .middle, .carre.tom .burger.cross:after, .carre.tom .burger.cross:before { background: #fff; }
.carre.tom .burger.cross .middle { opacity: 0; }
.carre.tom .burger.cross:after {
bottom: 1.35em;
height: 0.65em;
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.carre.active .burger.cross:before, .carre.tom .burger.cross:before {
top: 1.05em;
height: 0.65em;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}