/*
Theme Name: MPG
Theme URI: http://www.hotcakes.fr/
Author: HotCakes
Author URI: http://www.hotcakes.fr/
Description: Morgan Philips Group
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
input
{
	outline: none;
}

/* FONTS
-------------------------------------------------------------- */

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/opensans-regular-webfont.woff2') format('woff2'),*/
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
       /*  url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),*/
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* SPRITES
-------------------------------------------------------------- */

.sprite { background-image: url('images/sprite.png');}


.sprite-back { width: 53px; height: 53px; background-position: 0px 0px;}
.sprite-chiffre-m { width: 12px; height: 49px; background-position: 0px -53px;}
.sprite-chiffre { width: 6px; height: 43px; background-position: 0px -102px;}
.sprite-deco-left-m { width: 210px; height: 2px; background-position: 0px -145px;}
.sprite-deco-left { width: 210px; height: 150px; background-position: 0px -147px;}
.sprite-deco-right-m { width: 210px; height: 2px; background-position: 0px -297px;}
.sprite-deco-right { width: 210px; height: 150px; background-position: 0px -299px;}
.sprite-fleche-bas-s { width: 16px; height: 10px; background-position: 0px -449px;}
.sprite-fleche-bas { width: 26px; height: 17px; background-position: 0px -459px;}
.sprite-fleche-blanc { width: 20px; height: 10px; background-position: 0px -476px;}
.sprite-fleche-bleu-m { width: 38px; height: 20px; background-position: 0px -486px;}
.sprite-fleche-bleu { width: 20px; height: 10px; background-position: 0px -506px;}
.sprite-fleche-haut-s { width: 16px; height: 10px; background-position: 0px -516px;}
.sprite-fleche-haut { width: 32px; height: 20px; background-position: 0px -526px;}
.sprite-fyte { width: 76px; height: 25px; background-position: 0px -546px;}
.sprite-linkedin-b { width: 25px; height: 26px; background-position: 0px -571px;}
.sprite-linkedin { width: 15px; height: 15px; background-position: 0px -597px;}
.sprite-menu-b { width: 24px; height: 20px; background-position: 0px -612px;}
.sprite-menu-black { width: 24px; height: 18px; background-position: 0px -632px;}
.sprite-menu-close { width: 16px; height: 16px; background-position: 0px -650px;}
.sprite-menu { width: 24px; height: 18px; background-position: 0px -666px;}
.sprite-mpes { width: 135px; height: 15px; background-position: 0px -684px;}
.sprite-pin-on { width: 44px; height: 44px; background-position: 0px -699px;}
.sprite-pin { width: 44px; height: 44px; background-position: 0px -743px;}
.sprite-twitter-b { width: 30px; height: 25px; background-position: 0px -787px;}
.sprite-twitter { width: 19px; height: 15px; background-position: 0px -812px;}
.sprite-zoom-in { width: 45px; height: 45px; background-position: 0px -827px;}
.sprite-zoom-out { width: 45px; height: 45px; background-position: 0px -872px;}


/* SITE
-------------------------------------------------------------- */


body
{
	-webkit-backface-visibility:hidden;
	line-height: 1;
}

body, a
{
	font-family: 'open_sansregular';
}


img
{
	max-width: 100%;
}

.row:after
{
	clear: both;
	content: '';
	display: table;
}

a
{
	text-decoration: none;
}

.wrap
{
	width: 1330px;	
	max-width: 100%;
	margin: 0 auto;
}

a[href^="tel"]
{
	color: black;
}

p strong
{
	/*font-family: 'open_sansbold';
	font-weight: normal;
	*/
	font-family: 'Open Sans';
	font-weight: bold;
}

.site-main
{
	padding-bottom: 100px;
	//background: url(images/footer.jpg) no-repeat;
	//background-position: center bottom -197px;
	max-width: calc(100% - 80px);
}

body:not(.home) .site-main
{
	padding: 102px;
}

#masthead .logo
{
	margin-bottom: 50px;
}

#bannerpage
{
	position: relative;
	margin-bottom: 30px;
}

#bannerpage h1
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 60px;
	font-family: 'Open Sans';
	font-weight: bold;;
	color: #fff;
	text-align: center;
}

#bannerpage h1 span.trait
{
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	width: 30%;
	margin-left: 10%;
	margin-right: 60px;
}

.page-template-contact #bannerpage
{
	margin-bottom: 0;
}

.page-template-contact #primary
{
	margin-top: -120px;
	margin-left: 110px;
	margin-right: 110px;
	padding: 84px;
	background: #fff;
	position: relative;
}

#page
{
        background: url(images/footer.jpg) no-repeat;
        background-size:contain;
        background-position:left 80px bottom 100px;
}

@media (max-width: 1317px)
{
	.page-template-contact #primary
	{
		margin-left: 60px;
		margin-right: 60px;
	}
}

.page-template-contact #bannerpage h1 span.trait
{
	margin-right: 0;
}

.page-template-contact #bannerpage h1 span.label
{
	background: #066dc6;
	color: #fff;
	padding: 100px 80px;
	display: inline-block;
	vertical-align: middle;
}

.page-template-contact #bannerpage h1
{
	top: 20%;
}

.page-template-contact form .selectcontainer
{
	width: 273px;
	height: 44px;
	line-height: 44px;
	margin-top: 0px;
	float: right;
}

.page-template-contact form .selectcontainer .wpcf7-form-control-wrap
{
	position: static;
}

.page-template-contact form .selectcontainer span.select
{
	left: 0;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #f6f6f6 url(images/select_light.png) no-repeat right 20px;
	font-size: 13px;
}

.page-template-contact .half
{
	width: calc(50% - 25px);
	float: left;
}

.page-template-contact .half.left
{
	margin-right: 50px;
}

.page-template-contact input[type=text], .page-template-contact input[type=email]
{
	width: 100%;
	height: 35px;
	border: 0;
	border-bottom: 1px solid #d0d0d0;
	font-family: 'open_sansregular';
	font-size: 16px;
}

.page-template-contact textarea
{
	width: 100%;
	height: 90px;
	border: 0;
	border-bottom: 1px solid #d0d0d0;
	resize: none;
	font-family: 'open_sansregular';
	font-size: 16px;
}

.page-template-contact input[type=submit]
{
	font-size: 13px;
	color: #fff;
	border: 0;
	padding: 15px 56px;
	text-transform: uppercase;
	background: #0067c6;
	font-family: 'Open Sans';
	font-weight: bold;
	margin-top: 12px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

div.wpcf7-validation-errors, div.wpcf7-spam-blocked
{
	border: 2px solid red;
	color: red;
}

div.wpcf7-mail-sent-ok
{
	border: 2px solid #398f14;
	color: #398f14;
}

.page-template-contact form label
{
	color: #1b6cbd;
	font-size: 13px;
	font-family: 'Open Sans';
	font-weight: bold;
}

.page-template-contact form .row
{
	margin-bottom: 25px;
}

.page-template-contact form .row.last
{
	padding-top: 20px;
	margin-bottom: 0;
}

.page-template-contact form .row.objet
{
	margin-bottom: 50px;
}

.page-template-contact form .objet > span
{
	color: #3b3d3f;
	font-size: 24px;
	display: inline-block;
	line-height: 44px;
	font-family: 'Open Sans';
	font-weight: bold;
}

.introwidthimg
{
	margin-top: 238px;
}

.introimg
{
	position: relative;
}

.introimg .wpb_single_image
{
	position: absolute;
	left: 15px;
	top: -345px;
	width: 100%;
}

.introimg .wpb_single_image img
{
	max-width: 90%;
}

@media (max-width: 1490px) and (min-width: 869px)
{
	.wrap
	{
		max-width: calc(100% - 80px);
		margin-left: 80px;
		margin-right: 0;
	}
}


.bx-wrapper .bx-viewport
{
	box-shadow: none;
	background: none;
	left: 0;
	border: 0;
}

#navleft img
{
	max-width: 237px;
}

#navleft .title
{
	font-size: 25px;
	font-family: 'Open Sans';
	font-weight: bold;
}

#navleft > ul
{
	padding-left: 66px;
	margin-top: 40px;
}

#navleft > ul > li
{
	margin-bottom: 58px;
}

#navleft > ul > li.lang
{
	display: none;
}

/*
#lang-navigation li.lang-item-es
{
	display: none;
}
*/


#navleft ul ul
{
	margin-top: 46px;
	padding-left: 46px;
}

#navleft ul ul li
{
	margin-bottom: 36px;
}

body.home #banner
{
	background-repeat: no-repeat;
	background-size: cover;	
	position: relative;
}

body.home #banner .cal
{
	display: none;
}

body.home #banner video
{
	width: 100%;
}

body.home #banner .inner
{
	position: absolute;
	left: 40px;
	top: 0;
	width: calc(100% - 40px);
	height: 100%;
	padding: 78px 133px;
}

body.home #banner .text .h2mobile
{
	display: none;
}

body.home #banner .text
{
	color: #fff;
	text-align: center;
}

body.home #banner .text .more a, .more a
{
	background: #0067c6;
	font-size: 18px;
	padding: 15px 35px;
	display: inline-block;
	color: #fff;
	transition: all 1s;
}

body.home #banner .text .more a:hover, .more a:hover
{
	background: #fff;
	color: #0067c6;
}


body.home #banner .slider
{
	margin-top: 40px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	height: 180px;
	overflow: hidden;
}

body.home #banner .slider li
{
	display: none;
}

body.home #banner .slider li:first-child, body.home #banner .slider .bx-viewport li
{
	display: block;
}

body.home #banner .slider p
{
	padding-bottom: 20px;
}

body.home #banner .top
{
	margin-bottom: 150px;
}

body.home #banner h2, body.home #banner .text .h2mobile
{
	float: right;
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}

body.home #banner h1
{
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 40px;
	line-height: 60px;
}

body.home #banner img.cal
{
	width: 100%;
}

body.home .bloc1
{
	position: relative;
	max-width: 1005px;
	margin: 80px auto 75px auto;
	padding: 65px 117px 50px 117px;
	text-align: center;
}

body.home .bloc1 p, body.home .titlebloc p
{
	font-size: 18px;
	line-height: 27px;
}

body.home .bloc1 a.more, body.home .titlebloc a.more
{
	display: inline-block;
	margin-top: 50px;
	color: #0067c6;
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 14px;
}

body.home .bloc1 a.more span, body.home .titlebloc a.more span
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
}

body.home .bloc1 a.more:hover, body.home .carte .pave .more:hover
{
	text-decoration: underline;
}

body.home .bloc1 .left
{
	position: absolute;
	left: 0;
	top: 0;
}

body.home .bloc1 .right
{
	position: absolute;
	right: 0;
	bottom: 0;
}

.titlebloc{
    max-width: 1060px;
    margin: 0 auto;
}
body.home .titlebloc h2{
    width:50%;
    color:#000000;
}
body.home .titlebloc p{
    width:45%;
}
body.home .titlebloc a.more{
    margin-top:0;
}
body.home .titlebloc a.more span{
    margin-left:8px;
}
body.home .sprite-deco-left-m, body.home .sprite-deco-right-m
{
	display: none;
}

body.home .sites
{
	margin-bottom: 140px;
}

body.home .blocksite.left
{
	float: left;
	text-align: right;
}

body.home .blocksite.right
{
	float: right;
	text-align: left;
}
body.home .blocksite.left:nth-child(2)
{
	margin-top: 95px;
}


body.home .blocksite
{
	position: relative;
	width: 50%;
	/*
	min-width: 531px;
	*/
	height: 391px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

body.home .blocksite.space1
{
	//height:296px;
        height: 230px;
}

body.home .blocksite.space2
{
	height: 104px;
}
body.home .blocksite.space3
{
	height: 113px;
}

body.home .blocksite, body.home .blocksite a
{
	color: #fff;
}

body.home .blocksite picture
{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

body.home .blocksite picture img
{
	display: block;
}

body.home .blocksite .content
{
	position: relative;
	max-width: 531px;
	min-width: 531px;
	display: inline-block;
	vertical-align: top;
}

body.home .blocksite .content .body
{
	position: relative;
	text-align: left;
	padding: 45px 60px 0 30px;
}

body.home .blocksite .logo
{
	position: relative;
	padding-left: 60px;
	margin-bottom: 25px;
}

body.home .blocksite .logo span
{
	display: block;
	position: absolute;
	left: 0;
	top: 22px;
	width: 38px;
	height: 2px;
	background: #fff;
}

body.home .blocksite .baseline
{
	font-family: 'open_sanslight_italic';
	font-size: 42px;
	line-height: 50px;
	transition: all 0.5s;
}

body.home .blocksite .zone
{
	position: relative;
	margin-bottom: 30px;
}

body.home .blocksite .zone .texte
{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	line-height: 25px;
	transition: all 0.5s;
}

body.home .blocksite .more
{
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

body.home .blocksite .more span
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
}


body.home .chiffres
{
	text-align: center;
	margin-bottom: 75px;
}

body.home .chiffres li
{
	display: inline-block;
	vertical-align: top;
	margin-left: 60px;
	margin-right: 60px;
}

body.home .chiffres li span
{
	display: inline-block;
}

body.home .chiffres li .chiffre
{
	font-size: 35px;
	color: #0067c6;
	font-family: 'Open Sans';
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}

body.home .chiffres li .chiffre .cal
{
	opacity: 0;
}

body.home .chiffres li .chiffre .v
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}

body.home .chiffres li .legende
{
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-family: 'open_sanslight_italic';
	margin-top: 25px;
}

body.home h2
{
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 50px;
	font-weight: normal;
	color: #0067c6;
	margin-bottom: 45px;
}

body.home .chiffres h2
{
	margin-bottom: 80px;
}

body.home .carte
{
	min-height: 656px;
	background: url(images/carte.png) no-repeat center 40px;
	text-align: center;
}

body.home .carte, body.home .carte a
{
	color: #fff;
}

body.home .carte .pave
{
	display: inline-block;
	width: 709px;
	height: 376px;
	max-width: 90%;
	margin-top: 138px;
	padding: 70px 20px 0 20px;
	background: rgba(0, 103, 198, 0.95);
}

body.home .carte .pave h2
{
	color: #fff;
	font-size: 33px;
	margin-top: 0;
	margin-bottom: 27px;
	font-family: 'open_sansregular';
}

body.home .carte .pave h2 strong
{
	font-weight: normal;
	font-family: 'Open Sans';
	font-weight: bold;
}

body.home .carte .pave .texte
{
	line-height: 23px;
}

body.home .carte .pave .more
{
	margin-top: 45px;
	font-size: 13px;
	display: inline-block;
	font-family: 'Open Sans';
	font-weight: bold;
}

body.home .carte .pave .more span
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 18px;
}

#overallmenu
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	z-index: 8;
	background: rgba(255, 255, 255, 0.6);
	display: none;
}


#menu
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	width: 80px;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	transition: all 1s;
}



#triggermobile
{
	display: none;
}

body.admin-bar #menu, body.admin-bar #menuleft
{
	top: 32px;
}

#menu.open
{
	width: 638px;
	background: #fff;
}

#menu *
{
	white-space: normal;
}


#menuleft
{
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	border-right: 1px solid #a29c96;
	transition: background 1s;
	z-index: 2;
}

body.home #menuleftbottom
{
	position: fixed;
	left: 0;
	top: 0;
	width: 80px;
	border-right: 1px solid #e0e0e0;
	z-index: 1;
	height: 100%;
}


body.home #menuleft
{
	background: rgba(0, 0, 0, 0.5);
	height: 500px;
}

#menuleft.on
{
	border-right: 1px solid #e0e0e0;
	background: #fff;
}

#menu .left
{
	width: 80px;
	height: 100%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	
}



#menu.open .left, body:not(.home) #menu .left
{
	border-right: 1px solid #e0e0e0;
}

#menu .body
{
	display: inline-block;
	vertical-align: top;
	padding-top: 83px;
	padding-left: 67px;
}

#menu, #menu a
{
	color: #fff;
}

#menu.open, #menu.open a, body:not(.home) #menu a
{
	color: #000;
}

#menu.open a.title:hover
{
	text-decoration: underline;
}


#menu .trigger, #triggermobile .trigger
{
	font-size: 9px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

#menu .trigger.on, #triggermobile .trigger.on
{
	display: none;
}

#menu.open .trigger.on, body.menu #triggermobile .trigger.on
{
	display: inline-block;
}

#menu.open .trigger.off, body.menu #triggermobile .trigger.off
{
	display: none;
}

#menu .trigger div.sprite
{
	margin-top: 15px;
	display: inline-block;
}

#menu .trigger .on, #triggermobile .trigger .on
{
	display: none;
}

#menu .trigger.under, body:not(.home) #menu .trigger
{
	color: #000;
}



@media (max-height: 950px)
{
	#navleft ul ul li
	{
		margin-bottom: 15px;
	}	
	
	#navleft > ul > li
	{
		margin-bottom: 17px;
	}
	
	#navleft ul ul
	{
		margin-top: 26px;
	}
}


@media (max-height: 770px)
{
        #navleft .title{
            font-size:16px!important;
        }
        
	#navleft > ul > li
	{
		margin-bottom: 8px!important;
	}
	
	#menu .body
	{
		padding-top: 23px;
	}
	
	#navleft ul ul li
	{
		margin-bottom: 8px!important;	
	}
	
	#navleft ul ul
	{
		margin-top: 16px;
	}
	
        .globalmarques li .l1{
            font-size:13px!important;
            padding-bottom:0!important;
        }
	body.home #banner .top
	{
		margin-bottom: 50px;
	}
	
	body:not(.home) .site-main
	{
		padding-top: 30px;
	}
	
	#masthead .logo
	{
		margin-bottom: 20px;
	}
}

#primary
{
	line-height: 26px;
}

#primary p
{
	padding-bottom: 26px;
}

#primary h2, .page-template-page-hudson #primary h1, .titlebloc h2
{
	font-size: 50px;
	font-family: 'Open Sans';
	font-weight: bold;
	line-height: 64px;
	padding-bottom: 10px;
	background: url(images/h2.png) left bottom no-repeat;
}

#lang-navigation
{
	display: inline-block;
	width: 40px;
	margin-bottom: 150px;
	margin-top: 76px;
}

#lang-navigation a
{
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #999;
}

#lang-navigation .current-lang a
{
	color: #fff;
}

#lang-navigation.under a
{
	transition: all 0.5s;
	color: #999;;
}

#lang-navigation.under .current-lang a
{
	color: #000;
}

#lang-navigation a:hover
{
	color: #066dc6;
}

#lang-navigation li
{
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 8px;
	border-bottom: 2px solid #fff;
}


#lang-navigation li:last-child
{
	border: 0;
}

#lang-navigation li:first-child
{
	
	padding-top: 0;
}

#menu.open #lang-navigation li, #menu #lang-navigation.under li, body:not(.home) #menu #lang-navigation li
{
	border-bottom: 2px solid #000;
}

#menu.open #lang-navigation li:last-child, #menu #lang-navigation.under li:last-child, body:not(.home) #menu #lang-navigation li:last-child
{
	border: 0;
}

#left-menu{
    margin-bottom:150px;
}

#left-social a{
    display:block;
    margin:0 auto;
    width:20px;
    height:30px;
    margin-bottom:5px;
    background-size:18px 18px;
    background-position:top left;
    font-size:0;
    text-decoration:none;
}

#left-social a:first-child{
    border-bottom:2px solid #FFF;
    padding-bottom:8px;
}

#left-linkedin  {
    background:url('images/linkedin_n.png') no-repeat;
}

.home #menu.open #left-linkedin{
	background:url('images/linkedin_n.png') no-repeat;
	background-size:18px 18px;
    background-position:top left;
}

#left-fb{
    background:url('images/facebook_n.png') no-repeat;
}

.home #menu.open #left-social a:first-child{
	border-bottom: 2px solid #000;
}

.home #menu.open #left-fb{
    background:url('images/facebook_n.png') no-repeat;
    background-size:18px 18px;
    background-position:top left;
}


.home #left-social.under a:first-child, #left-social a:first-child{
    border-bottom:2px solid #000;
}

.home #left-social a:first-child{
    border-bottom:2px solid #FFF;
}

.home #left-linkedin {
    background-image:url('images/linkedin.png');
}

.home #left-fb {
    background-image:url('images/facebook.png');
}
.home #left-social.under #left-linkedin{
    background-image:url('images/linkedin_n.png');
}
.home #left-social.under #left-fb{
    background-image:url('images/facebook_n.png');
}

#right-social{
    display:none;
}
#lang-navigation li.lang-item-zh
{

}

#prefooter
{
	height: 197px;
	//background: url(images/footer.jpg) no-repeat center -350px;
}

#prefooter .inner
{
	position: relative;
	height: 100%;
}

#prefooter ul
{
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	text-align: center;
}

#prefooter li
{
	display: inline-block;
	vertical-align: top;
	width: calc(15% - 20px);	
}


#bureaux
{
	position: relative;
}

#bureaux .fiches .choix
{
	display: none;
}

#bureaux #map
{
	width: calc(100% - 300px);
	height: 667px;
	margin-left: 300px;
}


#bureaux .liste
{
	width: 300px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #fff;
	padding: 45px 35px;
	z-index: 1;
}

#bureaux .liste li
{
	cursor: pointer;
	font-size: 14px;
	font-family: 'Open Sans';
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 2px;
	transition: all 0.5s;
}

#bureaux .liste a, #bureaux .liste a:visited, #bureaux .liste a:hover, #bureaux .liste a:active{
    color:#000000;
    text-decoration:none;
}
#bureaux .liste li.on, #bureaux .liste li:hover
{
	color: #0067c6;
	text-decoration: underline;
}

#bureaux .fiche
{
	width: 431px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	background: #fff;
	z-index : 0;
	transition: all 1s;
}



#bureaux .fiche.visible
{
	opacity: 1;
	z-index: 2;
}

#bureaux .zoomButtons
{
	margin-right: 60px;
	margin-bottom: 90px;
}

#bureaux .zoomButtons .sprite
{
	cursor: pointer;
}

#bureaux .zoomButtons .sprite-zoom-out
{
	margin-top: 12px;
}

#bureaux .fiche .img
{
	position: relative;
}

#bureaux .fiche .img img
{
	display: block;
}

#bureaux .fiche .img .sprite
{
	position: absolute;
	left: 20px;
	top: 20px;
	cursor: pointer;
}

#bureaux .fiche .pays
{
	padding: 30px;
}

#bureaux .fiche .pays > .nom
{
	font-size: 25px;
	font-family: 'Open Sans';
	font-weight: bold;
	margin-bottom: 25px;
}

#bureaux .fiche .marque .bureaux
{
	display: none;
	color: #393838;
	font-size: 14px;
	margin-left: 10px;
	line-height: 18px;
	border-top: 1px solid transparent;
	padding-left: 17px;
	padding-top: 20px;
}

#bureaux .fiche .marque .bureaux .bureau
{
	margin-bottom: 20px;
}
#bureaux .fiche .marque .bureaux .bureau .nombureau
{
	font-family: 'Open Sans';
	font-weight: bold;
}

#bureaux .fiche .marque .nom
{
	line-height: 40px;
	color: #393838;
	font-size: 17px;
	cursor: pointer;
}

#bureaux .fiche .marque .nom .sprite
{
	display: inline-block;
	float: right;
	margin-top: 15px;
}

#bureaux .fiche .marque .nom .on
{
	display: none;
}

#bureaux .fiche .marque.open .nom .on
{
	display: inline-block;
}
#bureaux .fiche .marque.open .nom .off
{
	display: none;
}

#bureaux .fiche .marque.open .bureaux
{
	border-top: 1px solid #c1c1c1;
}

.dirigeants
{
	display: flex;
	justify-content: center;
}

.dirigeant
{
	width: 379px;
	max-width: 90%;
	margin: 0 50px;
	position: relative;
}


.dirigeant .nom
{
	font-size: 25px;
	font-family: 'open_sanslight_italic';
	margin-top: 10px;
	margin-bottom: 10px;
}

.dirigeant .fonction
{
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 15px;
	color: #0067c6;	
}

.dirigeant .texte
{
	margin-top: 17px;
	margin-bottom: 37px;
	font-size: 14px;
}

.dirigeant .links
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.dirigeant .links span
{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.dirigeant .links span.mobile
{
	display: none;
}

.globalmarques li, #bureaux .fiche .marque .nom
{
	padding-left: 27px;
	position: relative;
	text-align: left;
}

.globalmarques li a
{
	font-size: 15px;
	font-family: 'open_sanslight_italic';
}

#prefooter .globalmarques li a
{
	font-size: 12px;
}

.globalmarques li .l1, #bureaux .fiche .marque .nom .l1
{
	display: block;
	font-size: 13px;
	font-family: 'Open Sans';
	font-weight: bold;
	padding-bottom: 5px;
}


#bureaux .fiche .marque .nom .l1
{
	font-size: 15px;
}

.globalmarques li span, #bureaux .fiche .marque .nom span
{
	display: inline-bloc;
	vertical-align: top;
}

.globalmarques li .r, #bureaux .fiche .marque .nom .r
{
	position: absolute;
	left: 10px;
	top: 4px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 14px;
	transition: all 0.3s;
}

#bureaux .fiche .marque .nom .r
{
	top: 17px;
}

.globalmarques li.mpes .r, #bureaux .fiche .marque.mpes .r 
{
	background: #711271;
}

.globalmarques li.f-hudson .r, #bureaux .fiche .marque.f-hudson .r , .globalmarques li.mph .r, #bureaux .fiche .marque.mph .r
{
	background: #179C9F;
}

body[lang=zh] .globalmarques li.mpes .l1, body[lang=zh] #bureaux .fiche .pays.china .marque.fyte .nom .l1, body[lang=zh] #bureaux .fiche .pays.taiwan .marque.fyte .nom .l1, body[lang=zh] #bureaux .fiche .pays.hong-kong .marque.fyte .nom .l1, body[lang=zh] #bureaux .fiche .pays.china .marque.mpes .nom .l1, body[lang=zh] #bureaux .fiche .pays.taiwan .marque.mpes .nom .l1, body[lang=zh] #bureaux .fiche .pays.hong-kong .marque.mpes .nom .l1
{
	padding-left: 40px;
	background: url(images/logo-zh.png) no-repeat;
	background-size: 30px;
}

body[lang=zh] #bureaux .fiche .pays.china .marque.fyte .nom .l1, body[lang=zh] #bureaux .fiche .pays.taiwan .marque.fyte .nom .l1, body[lang=zh] #bureaux .fiche .pays.hong-kong .marque.fyte .nom .l1,    body[lang=zh] #bureaux .fiche .pays.china .marque.mpes .nom .l1, body[lang=zh] #bureaux .fiche .pays.taiwan .marque.mpes .nom .l1, body[lang=zh] #bureaux .fiche .pays.hong-kong .marque.mpes .nom .l1
{
	background-position: left center;
}

/*
body[lang=zh] .globalmarques li.mpes a
{
	background: url(images/mpes_zh.png) no-repeat;
	background-size: 85%;
	display: block;
	height: 33px;
}
*/


.globalmarques li.mpim .r, #bureaux .fiche .marque.mpim .r
{
	background: #374961;
}

.globalmarques li.mpo .r, #bureaux .fiche .marque.mpo .r
{
	background: #F29412;
}

.globalmarques li.mpe .r, #bureaux .fiche .marque.mpe .r
{
	background: #F27C12;
}


.globalmarques li.fyte
{
	width: 126px;
}

.globalmarques li.fyte .r, #bureaux .fiche .marque.fyte .r
{
	background: #FD5B3F;
}

#menu .globalmarques li.fyte a
{
	white-space: nowrap;
}

.globalmarques a
{
	color: #282626;
}

@media (min-width: 869px)
{
	.globalmarques li a:hover .r,  #bureaux .fiche .marque .nom:hover .r, #bureaux .fiche .marque.open .nom .r
	{
		width: 14px;
		height: 14px;
		left: 6px;
		top: 0px;
	}


	#bureaux .fiche .marque .nom:hover .r, #bureaux .fiche .marque.open .nom .r
	{
		top: 13px;
	}
}

.ca
{
	color: #fff;
	cursor: pointer;
	font-size: 23px;
	line-height: 35px;
	position: relative;
	margin-bottom: 55px;
}

/*
.ca strong
{
	font-family: 'open_sansbold';
}
*/

#primary .ca p
{
	padding-bottom: 0;
}

#primary h3
{
	color: #0067c6;
	font-size: 30px;
	font-family: 'Open Sans';
	font-weight: bold;
}

#primary h4
{
	color: #0067c6;
	font-size: 21px;
	font-family: 'Open Sans';
	font-weight: bold;
}

.ca .cal
{
	width: 100%;
	float: left;
}

.ca .inner
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
}

.ca a
{
	font-size: 14px;
	color: #fff;
	display: block;
	margin-top: 25px; 
}

.ca a .sprite
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.ca span.sprite.logo
{
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 10px;
}




.ca_fyte
{
	/*
	background: url(images/ca_fyte.jpg) no-repeat;
	background-size: 100%;
	height: 236px;
	*/
	overflow: hidden;
	
}

.ca .wpb_content_element 
{
	margin-bottom: 0;
}

#footer
{
	height: 100px;
	line-height: 100px;
	background: #282626;
	padding: 0 135px;
        width:calc(100% - 80px);
        margin-left:80px;
}

#footer, #footer a
{
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
}

#footer a.empty
{
	cursor: default;
}

#footer .left
{
	display: inline-block;
	width: 30%;
}

#footer .left li
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

#footer .right
{
	display: inline-block;
	width: 70%;
	text-align: right;
}

#footer .left li a
{
	border: 1px solid #fff;
	color: #fff;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	
}

#footer .right li
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.selectcontainer
{
	position: relative;
	height: 70px;
	width: 100%;
	margin-top: 15px;
}

.selectcontainer select.select
{
    position:relative;
    z-index:10;
    width: 100%;
    height:44px;
    line-height:44px;
}

.selectcontainer span.select
{
    position:absolute;
    top: 0;
    /*
    bottom:0;
    */

    float:left;
    left:15%;
    width: 70%;
	-webkit-appearance:none;
	background: #fff;
	height: 70px;	
	line-height: 70px;	
    background: #fff url(images/select.png) no-repeat right center;
    text-indent:20px;
    cursor:default;
    z-index:1;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0067c6;
    font-size: 26px;
    font-family: 'Open Sans';
	font-weight: bold;
}


@media (max-width: 1500px)
{
	#main
	{
		width: calc(100% - 100px);
		margin: 0 20px 0 80px;
	}
}

@media (max-width: 1410px)
{
	.site-main
	{
		margin-left: 80px;
	}
}


@media (max-width: 1230px)
{
	body.home #banner .top
	{
		margin-bottom: 70px;
	}
	
	#bannerpage h1 span.trait
	{
		width: 20%;
		margin-left: 0;
	}
	
	.introimg .wpb_single_image img
	{
		max-width: 80%;
	}
	
	.introimg .wpb_single_image
	{
		top: -259px;
	}
	
	.introwidthimg
	{
		margin-top: 176px;
	}
	
	body:not(.home) .site-main
	{
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.vc_row.ca
	{
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (max-width: 1130px)
{
	body.home #banner h1
	{
		font-size: 32px;
		line-height: 42px;
	}
	
	body.home #banner .slider
	{
		font-size: 16px;
		line-height: 23px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}


@media (max-width: 1085px)
{
	body.home .blocksite
	{
		min-width: 0;
	}
	
	.ca
	{
		font-size: 17px;
		line-height: 25px;
	}
	
	.page-template-contact #primary
	{
		margin-top: -80px;
		margin-left: 40px;
		margin-right: 40px;
		padding: 30px;
	}
	
	.page-template-contact #bannerpage h1 span.label
	{
		padding: 50px 60px;
	}
	
	
}

@media (max-width: 1000px)
{
	body.home #banner h1
	{
		font-size: 26px;
		line-height: 32px;
	}
	
	body.home #banner .top
	{
		margin-bottom: 37px;
	}
	
	body.home #banner .top img
	{
		max-width: 246px;
	}
	
	body.home #banner .inner
	{
		left: 20px;
		width: calc(100% - 40px);
	}
	
	#footer
	{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.page-template-contact form .selectcontainer
	{
		float: none;
		width: 100%;
		margin-top: 25px;
		margin-bottom: 0px;
	}
	
	.page-template-contact form .objet > span
	{
		display: block;
		text-align: center;
		font-family: 'Open Sans';
	font-weight: bold;
	}
}

@media (max-width: 1025px)
{
	body.home #banner .cal
	{
		display: block;
	}
	
	body.home #banner video
	{
		display: none;
	}

}

@media (max-width: 868px)
{
	
        #right-social{
            display:block;
        }
        #right-social img{
            width:20px;
            margin-right:8px;
        }
        
	body.home #menuleftbottom
	{
		display: none;
	}
	
        #page{
            background-position: left bottom 100px;
        }
        
	.ca span.sprite.logo.sprite-mpes
	{
		background: url(images/mpes.png) no-repeat;
		background-size: 100%;
		width: 100px;
	}
	
	.ca span.sprite.logo.sprite-fyte
	{
		background: url(images/fyte4u-logo.png) no-repeat right center;
		background-size: 100%;
	}
	
	.page-template-contact .half.left
	{
		margin-right: 0;
	}
	
	.page-template-contact .half.right
	{
		margin-top: 35px;
	}
	
	.page-template-contact .half
	{
		width: 100%;
		text-align: left;
	}
	
	.page-template-contact form .row
	{
		text-align: left;
		margin-bottom: 35px;
	}
	
	.page-template-contact form .row.last
	{
		
	}
	
	.page-template-contact form .row.last .half
	{
		text-align: center;
	}
	
	.g-recaptcha
	{
		display: inline-block;
	}
	
	.page-template-contact input[type="submit"]
	{
		width: 80%;
		margin-left: 20px;
	}
	
	.page-template-contact form label
	{
		font-size: 20px;
	}
	
	.page-template-contact form .row.objet
	{
		padding: 20px;
	}
	
	.page-template-contact form .objet > span
	{
		line-height: normal;
	}
	
	#map
	{
		display: none;
	}
	
	#bureaux
	{
		padding-bottom: 150px;
	}
	
	#bureaux .liste
	{
		display: none;
	}
	
	#bureaux .fiche
	{
		background: none;
		display: none;
	}
	
	#bureaux .fiche.visible
	{
		display: block;
	}
	
	
	
	#bureaux .fiches .choix
	{
		display: block;
		position: absolute;
		z-index: 3;
		left: 0;
		top: 60px;
		width: 100%;
	}
	
	.vc_row.bureaux
	{
		margin-left: -20px;
		margin-right: -20px;
	}
	
	#bureaux .fiche .marque .nom .l1
	{
		position: relative;
		padding-right: 30px;
	}
	
	#bureaux .fiche .marque .nom .sprite
	{
		position: absolute;
		float: none;
		right: 0;
		top: 0;
		margin-top: 9px;
	}
	
	#bureaux .fiche .marque .bureaux
	{
		text-align: left;
	}
	
	#bureaux .fiche .marque .nom .r
	{
		width: 8px;
		height: 8px;
		top: 9px;	
	}
	
	#bureaux .fiche .pays > .nom
	{
		display: none;
	}
	
	#bureaux .fiche .img .sprite-back
	{
		display: none;
	}
	
	#bureaux .fiche
	{
		position: relative;
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
	}
	
	#bureaux .fiche .marque .nom
	{
		line-height: 24px;
	}
	
	.dirigeants
	{
		display: block;
	}
	
	.dirigeant
	{
		display: block;
		margin-bottom: 100px;	
		margin-left: auto;
		margin-right: auto;
		vertical-align: top;
	}
	
	.dirigeant .links
	{
		position: relative;
	}
	
	.dirigeant .links span
	{
		display: none;
		margin: 0 20px;
	}
	
	.dirigeant .links span.mobile
	{
		display: inline-block;
	}
	
	.ca_fyte 
	{
		background: url(images/ca_fyte_mobile.jpg) no-repeat;
		height: auto;
		min-height: 250px;
	}
	
	.ca_mpes 
	{
		background: url(images/ca_mpes_mobile.jpg) no-repeat;
		height: auto;
		min-height: 250px;
	}
	
	.ca .cal
	{
		display: none;
	}
	
	
	.vc_row.ca
	{
		background-size: cover;
	}
	
	#bannerpage h1 span.trait
	{
		display: none;
	}
	.titlebloc
        {
            text-align:center;
        }
        body.home .titlebloc h2
        {
            width:70%;
            text-align:center;
            line-height:26px;
            margin-left:auto;
            margin-right:auto;
        }
        body.home .titlebloc p
        {
            width:50%;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
            margin-bottom:30px;
        }

	#primary h2, .page-template-page-hudson #primary h1, body.home .titlebloc h2
	{
		font-size: 40px;
		font-family: 'Open Sans';
	font-weight: bold;
		line-height: 54px;
		padding-bottom: 25px;
		background: url(images/h2_mobile.png) center bottom no-repeat;
	}
	
	.introimg .wpb_single_image
	{
		display: none;
	}
	
	.introwidthimg
	{
		margin-top: 0
	}
	
	
	#primary
	{
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	
	#primary .vc_col-sm-6
	{
		width: 100%;
	}
	
	.site-main
	{
		max-width: 100%;
		margin-left: 0;
	}
	
	body:not(.home) .site-main
	{
		padding: 0;
	}
	
	#masthead
	{
		display: none;
	}
	
	body.home .bloc1 .sprite-deco-left, body.home .bloc1 .sprite-deco-right
	{
		display: none;
	}
	
	body.home .blocksite.space
	{
		display: none;
	}
	
	body.home .sites
	{
		margin-bottom: 73px;
		text-align: center;
	}
	
	body.home .chiffres
	{
		margin-bottom: 0;
	}
	
	body.home .chiffres li
	{
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 40px;
	}
	
	body.home .bloc1
	{
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 70px;
	}
	
	body.home .blocksite.left, body.home .blocksite.right
	{
		width: 750px;
		height: auto;
		text-align: center;
		float: none;
		
	}
	
	body.home .blocksite picture
	{
		position: relative;
	}
	
	body.home .blocksite .content
	{
		min-width: 0;
	}
	
	body.home .blocksite .content .body
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 2;
	}
	
	body.home .blocksite.left:nth-child(2)
	{
		margin-top: 0;
	}
	
	body.home .blocksite .baseline
	{
		display: none;
	}
	
	body.home .blocksite .zone .texte
	{
		opacity: 1;
		position: relative;
		
	}
	
	body.home .bloc1 p br
	{
		display: none;
	}
	
	body.home .sprite-deco-left-m, body.home .sprite-deco-right-m
	{
		display: block;
		position: relative;
		max-width: 100%;
	}
	
	body.admin-bar.home #banner .inner
	{
		top: 32px;
		height: calc(100% - 32px);
	}
	
	body.home #banner .text .more
	{
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 60px;
	}
	
	body.home #banner .inner
	{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 25px;
	}
	
	body.home #banner .top
	{
		display: none;
	}
	
	body.home h2
	{
		font-size: 38px;
	}
	
	body.home #banner .text h2, body.home #banner .text .h2mobile
	{
		display: block;
		float: none;
		margin-bottom: 25px;
	}
	
	body.home #banner .text .h2mobile
	{
		text-transform: none;
		font-style: italic;
	}
	
	body.home #banner .slider {
		display: none;
	}
	
	body.home #banner .top img {
		display: none;
	}
	
	#menuleft {
		display: none;
	}	
	
	#lang-navigation {
		display: none;
	}
	
	#navleft > ul > li.lang {
		display: block;
	}
	
	#menu .left {
		display: none;
	}
	
	#menu {
		width: 0;
		transition: none;
	}
	
	.emptycalage {
		margin-top: 90px;
	}
	
	#triggermobile {
		display: block;
		position: absolute;
		right: 20px;
		top: 30px;
		z-index: 10;
		color: #fff;
		width: calc(100% - 20px);
		text-align: left;
	}
	
	#triggermobile .logo {
		float: left;
		margin-left: 40px;
		max-width: 60%;
		margin-top: 1px;
	}
	
	body.menu #triggermobile .logo {
		display: none;	
	}
	
	#triggermobile .logo img
	{
		
	}
	
	body.menu {
		overflow: hidden;
	}
	
	body.menu #page {
		display: none;
	}
	
	body.menu #menu {
		overflow: visible;
	}
	
	
	body.menu #triggermobile {
		position: fixed;	
	}
	
	#triggermobile .txt {
		height: 18px;
		line-height: 18px;
		font-size: 22px;
		margin-right: 8px;
	}
	
	
	#triggermobile .on .txt {
		height: 16px;
		line-height: 16px;
		font-size: 19px;	
	}
	
	#triggermobile div {
		display: inline-block;
		vertical-align: top;
	}
	
	#triggermobile > div {
			float: right;
	}
	
	body.admin-bar #triggermobile {
		top: 62px;
	}
	
	#menu.open {
		width: 100%;
	}
	
	body.menu #triggermobile .txt {
		color: #000;
	}
	
	#menu .body {
		padding-top: 80px;
		padding-left: 32px;
	}
	
	#navleft > ul {
		padding-left: 26px;
		margin-top: 15px;
	}
	
	#navleft ul ul li {
		margin-bottom: 12px;
	}
	
	#navleft ul ul {
		margin-top: 15px;
		padding-left: 26px;
	}
	
	#navleft > ul > li {
		margin-bottom: 26px;
	}
	
	body.home .carte
	{
		min-height: 0;
		background-size: 120%;
	}
	
	body.home .carte .pave
	{
		margin-top: 61px;
		margin-bottom: 150px;
	}
	
	#prefooter
	{
		display: none;
	}
	
	#footer
	{
		padding-left: 25px;
		padding-right: 25px;
		//height: auto;
                width:100%;
                margin:0 auto;
	}
	
	#footer .left, #footer .right
	{
		vertical-align: top;
	}
	
	#footer .left li a {
		white-space: nowrap;	
	}
	
	#footer .right ul
	{
		margin-top: 40px;
	}
	
	#footer .right li
	{
		line-height: normal;
		display: block;
		margin-bottom: 10px;
	}
	
	body.page-template-contact:not(.home) .site-main
	{
		padding-bottom: 150px;
	}
}

@media (max-width: 763px)
{
	body.home .carte .pave
	{
		margin-bottom: 120px;
	}
}

@media (max-width: 750px)
{
	body.home .blocksite.left, body.home .blocksite.right
	{
		width: 100%;	
	}
	
	body.home .blocksite .content
	{
		width: 100%;
		max-width: none;
	}
	
	body.home .blocksite picture img
	{
		max-width: 100%;
	}
	
	body.home .blocksite .content .body
	{
		padding: 25px 20px 0 20px;
	}
	
	body.home .blocksite .logo span
	{
		height: 4px;
		top: 14px;
	}
	
	body.home .carte
	{
		background-size: 900px;
		margin-bottom: 60px;
	}
	
	
	.site-main
	{
		background-position: center bottom -114px;
	}
	
	#bannerpage h1
	{
		font-size: 40px;
	}
}

@media (max-width:642px)
{
	.ca br
	{
		display: none;
	}
	
	#primary .ca p
	{
		font-size: 13px;
		line-height: 20px;	
	}	
	
	.dirigeants
	{
		margin-bottom: 100px;
	}
}

@media (max-width:561px)
{
	body.home #banner h2, body.home #banner .text .h2mobile
	{
		font-family: 'open_sansregular';	
		font-size: 12px;
	}
	
	body.home .bloc1 a.more span
	{
		margin-left: 8px;
	}
	
	.page-template-contact form .row
	{
		padding: 0 20px;
	}
	
	.page-template-contact form .row.objet
	{
		margin-bottom: 20px;
	}
	
	.page-template-contact #primary
	{
		margin-top: -50px;
		margin-left: 30px;
		margin-right: 30px;
		padding: 0 0 30px 0;
	}
	
	.page-template-contact form .objet > span
	{
		font-size: 18px;
	}
	
	.page-template-contact form label
	{
		font-size: 16px;
	}	
	
	.page-template-contact .g-recaptcha
	{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:46% 0;
		-webkit-transform-origin:46% 0;
	}
	
	#bureaux .fiches .choix
	{
		top: 20px;
	}
	
	
	.selectcontainer, .selectcontainer select.select, .selectcontainer span.select
	{
		height: 40px;
		line-height: 40px;
		font-size: 17px;
		background-size: 30px;
	}
	
	#triggermobile .logo {
		margin-left: 10px;
		margin-top: 5px;
	}
	
	#triggermobile .txt {
		font-size: 17px;
	}
	
	body.home .carte .pave
	{
		height: auto;
		padding-top: 40px;
		padding-bottom: 30px;
	}
	
	body.home .carte .pave h2
	{
		font-size: 27px;
	}
	
	body.home .carte .pave h2 br
	{
		display: none;
	}
	
	#bannerpage h1
	{
		font-size: 30px;
	}
	
	#primary h2, .page-template-page-hudson #primary h1, .titrebloc h2
	{
		font-size: 26px;
		line-height: 34px;
	}
	
	#primary p
	{
		font-size: 15px;
	}
}

@media (max-width:500px)
{
	body.home #banner h1
	{
		font-size: 16px;
		line-height: 26px;
	}
	
	body.home #banner .text
	{
		padding-bottom: 40px;
	}
	
	body.home .carte .pave .texte
	{
		font-size: 15px;
	}
	
	body.home .carte .pave .texte br
	{
		display: none;
	}
	
	body.home #banner .text .more a
	{
		padding: 10px 25px;
		font-size: 14px;
	}
	
	body.home .bloc1
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.home h2
	{
		font-size: 21px;
		margin-bottom: 57px;
	}
	
	body.home .bloc1 p
	{
		font-size: 15px;
		line-height: 24px;
	}
	
	body.home .blocksite .logo
	{
		margin-bottom: 5px;
		padding-left: 50px;
	}
	
	body.home .blocksite .zone
	{
		margin-bottom: 0px;
		font-size: 13px;
	}
	
	body.home .blocksite .zone .texte, body.home .blocksite .more
	{
		line-height: 16px;
		font-size: 12px;
		padding-top: 10px;
	}
	
	body.home .blocksite .zone .texte
	{
		font-style: italic;
		padding-top: 10px;
	}
	
	body.home .blocksite .content .body
	{
		padding: 15px 20px 0 20px;
	}
	
	body.home .chiffres li .chiffre
	{
		font-size: 24px;
	}
	
	body.home .chiffres li .legende
	{
		font-size: 15px;
	}
	
	body.home .blocksite .logo img
	{
		max-width: none;
		max-height: 25px;
	}
	
	body.home .blocksite .logo span
	{
		top: 7px;
		height: 3px;
		width: 30px;
	}
}

@media (max-width:468px)
{
	body.home .carte .pave h2
	{
		font-size: 20px;
	}
	
	body.home .chiffres li
	{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#menu .body
	{
		padding-top: 60px;
	}
	
	#navleft > ul > li
	{
		margin-bottom: 10px;
	}
	
	#navleft .title
	{
		font-size: 19px;
	}
	
}

@media (max-width: 375px)
{
	.page-template-contact .g-recaptcha
	{
		transform-origin:23% 0;
		-webkit-transform-origin:23% 0;
	}
}

@media (max-width: 350px)
{
	
	.page-template-contact .g-recaptcha
	{
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		transform:scale(0.67);
		-webkit-transform:scale(0.7);
	}
	
}

@media (min-height: 1000px)
{
	#navleft > ul > li
	{
		margin-bottom: 40px;
	}
	
	#navleft ul ul li
	{
		margin-bottom: 40px;	
	}
	
	#navleft ul ul
	{
		margin-top: 40px;
	}
}

/*Modifs Muriel*/
.image_haut{
	text-align: center;
	padding: 20px 0;
}

.page-template-pagegroup h1{
	text-transform: uppercase;
	color: #0067c6;
	text-align: center;
	font-size: 44px;
	line-height: 55px;
	padding: 30px 0;
}

.page-template-pagegroup h1:after{
	content: "";
	width: 100px;
	height: 1px;
	margin: 0 auto;
	background: #0067c6;
	display: block;
	margin-top: 20px;
}

.page-template-pagegroup #primary h2{
	color: #0067c6;
	background: none;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px!importants;
}

.page-template-pagegroup .more{
	margin-top: 30px;
}

.page-template-pagegroup  .site-main{
	padding-bottom: 220px!important;
}

#china
{
	width: 100%;
	height: 95px;
	background: url(images/fond.png) #fff no-repeat 85% center;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	border: 10px solid #267ece;
}

#china.none, .page-template-pagegroup #china{
	display: none;
}

/*A enlever lorsqu'on enlèvera le bandeau*/
#pxHeader{
	top: 0;
}

#china .close
{
	width: 29px;
	height: 32px;
	background: url(images/banner-close2.png);
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

#china .texte
{
	font-family: Helvetica;
	font-size: 25px;
	color: #267ece;
	display: block;
	float: left;
	width: 35%;
	margin-left: 5%;
	line-height: 28px;
}

html[lang="zh-CN"] #china .texte{
	font-size: 21px;
	line-height: 26px;
}

#china .texte p{
	margin: 10px 0;
}

#china a
{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	height: 38px;
	line-height: 38px;
	font-family: 'Helvetica';
	font-size: 18px;
	background: #267ece;
	padding: 0 23px;
	margin-top: 20px;
	float: right;
	margin-right: 5%;

}

#china a:hover
{
	opacity: 0.8;
}

/*A enlever lorsqu'on enlèvera le bandeau*/

	body.admin-bar #menu{
		top: 32px;
	}

	body.home #banner .inner{
		top: 0;
	}

    #menu .left{
		margin-top: 0;
	}
	@-moz-document url-prefix() { 
	   #menu .left{
			margin-top: 0;
		}
	}

@media screen and (max-width: 1220px){
	#china .texte p{
		margin-top: 10px;
	}

	#china .texte{
		width: 55%;
	}
}

@media screen and (max-width: 900px){

	#china .texte{
		width: 45%;
	}

	#china{
		height: 140px;
	}

/*A enlever lorsqu'on enlèvera le bandeau*/

	body.home #banner .inner{
		top: 0;
	}

	body.admin-bar #menu{
		top: 32px;
	}
}

@media screen and (max-width: 868px){

	.page-template-pagegroup #triggermobile{
		color: #000;
	}

	body.admin-bar #triggermobile{
		top: 62px;
	}
        
}

@media screen and (max-width: 740px){
	#china a{
		display: block;
		float: none;
		clear: both;
		text-align: center;
		width: 115px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
		margin: 0 auto;
	}

	#china{
		background: url(//www.morganphilipsevolution.com/wp-content/themes/the_moon-child/images/fond.png) #fff no-repeat 144% bottom;
		background-size: 57%;
		height: 180px;
	}

	#china .texte{
		width: 60%;
	}


/*A enlever lorsqu'on enlèvera le bandeau*/
	body.admin-bar #triggermobile{
		top: 62px;
	}

}

@media screen and (max-width: 530px){
	#china .texte{
		font-size: 20px;
		width: 50%;
		line-height: 26px;
	}

	#china{
		background: url(//www.morganphilipsevolution.com/wp-content/themes/the_moon-child/images/fond.png) #fff no-repeat 170% bottom;
		background-size: 68%;
	}
}

@media screen and (max-width: 490px){
	#china .texte{
		font-size: 16px;
		width: 60%;
		line-height: 20px;
	}

	#china{
		background: url(//www.morganphilipsevolution.com/wp-content/themes/the_moon-child/images/fond.png) #fff no-repeat 235% center;
		background-size: 75%;
		height: 140px
	}

	html[lang="zh-CN"] #china{
		height: 160px;
	}

/*A enlever lorsqu'on enlèvera le bandeau*/
	body.admin-bar #triggermobile{
		top: 62px;
	}

}

@media screen and (max-width: 350px){
	#china .texte{
		width: 65%;
	}
}

.page-template-page-hudson #menu .left{background-color:#FFFFFF;}
.page-template-page-hudson #bannerpage{
    position:relative;
    z-index:2;
    font-size:0;
}
.page-template-page-hudson #bannerpage img{
    position:relative;
}
.page-template-page-hudson #bannerpage::before{
    content:'';
    position:absolute;
    width:100vw;
    height:70%;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    background:#f6f6f6;
    z-index:0;
}
.page-template-page-hudson #primary .vc_row{
    width:80%;
    margin:0 auto;
    position:relative;
    z-index:3;
}
.page-template-page-hudson #primary .vc_row.white_bg{
    margin:-123px auto 0;
    padding-top:40px;
    background-color:#FFFFFF;
}
.page-template-page-hudson #primary .vc_row .vc_column-inner {
    padding-left:45px;
    padding-right:45px;
}
.page-template-page-hudson #primary h3{
    color:#000000;
    line-height:120%;
    margin-bottom:0.5em;
}
.page-template-page-hudson #primary ul{
    //list-style-image: url(images/bullet_h.png);
    list-style-type:disc;
    list-style-position: inside;
    color:#009c9f;
    font-size:22px;
    line-height:200%;
    font-weight:700;
}
.page-template-page-hudson #primary li a,
.page-template-page-hudson #primary li a:visited,
.page-template-page-hudson #primary li a:hover,
.page-template-page-hudson #primary li a:active{
    font-family: 'Open Sans';
    color:#000000;
}

.page-template-page-hudson #primary li a:hover{
    color:#009c9f;
}

@media screen and (max-width:868px){
    .page-template-page-hudson #primary ul{
        list-style-type:none;
    }
    .page-template-page-hudson #primary .vc_row .vc_column-inner {
        padding-left:15px;
        padding-right:15px;
    }
    .page-template-page-hudson #primary h3{
        font-size:20px;
    }
    .page-template-page-hudson #primary ul{
        font-size:16px;
    }


@media screen and (max-width:868px){
    .page-template-page-hudson #primary ul{
        list-style-type:none;
    }
}