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

}

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

}

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

}

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

}

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

}

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

}

div#FontLoad {
	font-family: 'TEAMLatoRegular';
	float: left;
	display: none;
}

/* Reset pour utilisation avec font-face */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal!important;
	text-shadow: none;
}

strong {
	font-weight: normal!important;
}

/*****************************************/
/* CONTAINERS							 */
/*****************************************/

 html {
	width: 100%;
	height: 100%;
	margin-left: 0!important;
 }
 
 body{	
	background-color: #fff;
	color:#000;
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	/*min-width: 960px;*/
	min-width: 320px;
	-webkit-text-size-adjust: none;
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: middle;
	_vertical-align: middle;
	position: relative;
}

sup {
	bottom: 1ex;
	font-size: 8px;
}

sub {
	top: .5ex;
}

li {
	zoom: 1;
	list-style: none;
}

a {
	color: #f58021;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
}

object embed, embed {
	margin-bottom: 24px;
}

table {
	width: 100%;
	margin-bottom: 24px;
}

input {
	background-color: #eaeaea;
	display: block;
	height: 48px;
	border: none!important;
	color: #000000;
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 48px;
	text-transform: uppercase;
	margin: 0;
	width: 93%;
	margin-right: 3%;
	padding-left: 2%;
	padding-right: 2%;
	-webkit-border-radius: 0;
}

textarea{
	border: none!important;
	background-color: #eaeaea;
	color: #000000!important;
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	width: 95%!important;
	height: 100px;
	padding: 1%;
	margin: 0;
	border: none!important;
	border-color: tansparent!important; 
	overflow: auto;
	-webkit-border-radius: 0;
}

.NoDisplay {
	display: none;
}

a.BoutonNoir {
 	background: url('./images/bouton.png') no-repeat scroll right -144px transparent;
	display: block;
	width: 35px;
	height: 35px;
	margin-bottom: 24px;
}

a.BoutonNoirPrev {
 	background: url('./images/bouton_precedent.png') no-repeat scroll right -144px transparent;
}

a.BoutonNoir:hover {
	text-decoration: none;	
}

a.BoutonBlanc {
 	background: url('./images/bouton.png') no-repeat scroll right -180px transparent;
	display: block;
	width: 35px;
	height: 35px;
	margin-bottom: 24px;
}

a.BoutonBlanc:hover {
	text-decoration: none;
}

a.BoutonUp {
 	background: url('./images/bouton_up.png') no-repeat scroll right top transparent;
	display: block;
	width: 35px;
	height: 35px;
	margin-bottom: 24px;
	cursor: pointer;
}

/*****************************************/
/* HEADER								 */
/*****************************************/

div#HeaderWrap{
	width: 100%;
}

div#Header {
	position: relative;
	width: 93%;
	max-width: 2560px;
	margin: 0 auto 72px;
}

div.HeaderSecondaire div#Header {
	width: 95%;
}

div#Header div#Logo {
	float: left;
	margin-left: 0%;
	margin-right: 24px;
	margin-top: 24px;
}

div#Header div#Logo a {
	background: url('./images/logo.png') no-repeat scroll left top transparent;
	width: 288px; 
	height: 144px;
	display: block;
}

/* Menu */

div#Header div#MenuHeader {
	float: right;
	margin-top: 132px;
}

div#Header div#MenuHeader ul li a.PrincipalMenu {
	display: block;
	font-family: TEAMRalewaySemiBold, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	text-transform: uppercase;
	padding: 12px 24px 0px 24px;
	border-right: 1px dotted #000000;
}

div#Header div#MenuHeader ul li a.PrincipalMenu:hover, div#Header div#MenuHeader ul li.SelectedMenu a.PrincipalMenu {
	text-decoration: none;
	color: #f58021;
}

div#Header div#MenuHeader ul li.LastMenuItem a {
	border-right: none;
}

div#Header div#BoutonResponsive {
	display: none;
	background: url('./images/bouton_menu.png') no-repeat scroll left top transparent;
	width: 48px;
	height: 48px;
	cursor: pointer;
	position: absolute;
	z-index: 50;
	top: 24px;
	right: 0px;
}

body.MainPage div#Header div#BoutonResponsive {
	background: url('./images/bouton_menu_principal.png') no-repeat scroll left top transparent;
}

/*****************************************/
/* HEADER - SECONDAIRE					 */
/*****************************************/

div#HeaderWrap.HeaderSecondaire {
	background-color: #000000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 48px;
	z-index: 2000;
	margin: 0;
}

div#HeaderWrap.HeaderSecondaire div#Logo {
	margin-top: 9px;
}

div#HeaderWrap.HeaderSecondaire div#Logo a {
	background: url('./images/logo_mini.png') no-repeat scroll left top transparent;
	width: 53px; 
	height: 30px;
}

div#HeaderWrap.HeaderSecondaire div#MenuHeader {
	margin-top: 0px;
}

div#HeaderWrap.HeaderSecondaire div#MenuHeader ul li a.PrincipalMenu {
	font-size: 12px;
	color: #ffffff;
	border-color:  #ffffff;
}

div#HeaderWrap.HeaderSecondaire div#MenuHeader ul li a.PrincipalMenu:hover, div#HeaderWrap.HeaderSecondaire div#MenuHeader ul li.SelectedMenu a.PrincipalMenu {
	color: #f58021;
	text-decoration: none;
}

div#HeaderWrap.HeaderSecondaire div#BoutonResponsive {
	top: 0px;
}

/* MEDIA QUERIES MENU + MENU SECONDAIRE */

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

	div#Header div#MenuHeader {
		margin-right: 0%;
	}

	div#Header div#MenuHeader ul li a.PrincipalMenu {
		padding: 12px 12px 0;
		font-size: 12px;
	}

}

@media screen and (min-width: 1024px) { 

	div#Header div#MenuHeader, div#HeaderWrap.HeaderSecondaire div#MenuHeader {
		display: block!important;
	}

}

@media screen and (max-width: 1023px) { 
	
	div#Header div#BoutonResponsive, div#HeaderWrap.HeaderSecondaire div#BoutonResponsive  {
		display: block;
	}
	
	div#Header div#MenuHeader { 
		background-color: #000000;
		position: fixed;
		left: 0;
		top: 48px;
		width: 100%;	
		margin-top: 0px;
		z-index: 200;
	}
	
	div#HeaderWrap div#MenuHeader {
		background-color: #000000;
		position: fixed;
		left: 0;
		top: 48px;
		width: 100%;
	}
	
	body.MainPage div#Header div#MenuHeader {
		top: 72px;
		width: 40%;
		left: 60%;
		position: absolute;		
	}	
	
	div#HeaderWrap div#MenuHeader ul li a.PrincipalMenu {
		padding: 6px 12px;
		font-size: 12px;
		color: #ffffff;
		border-right: none;
		border-top: 1px dotted #ffffff;
	}	
	
	div#HeaderWrap div#MenuHeader ul li a.PrincipalMenu:hover, div#HeaderWrap div#MenuHeader ul li.SelectedMenu a.PrincipalMenu {
		color: #f58021;
		text-decoration: none;
	}	
	
	div#Header div#MenuHeader {
		display: none;
	}
	
	div#Header div#MenuHeader ul li {
		float: none!important;
	}
	
	div#Header div#MenuHeader ul li a.PrincipalMenu {
		border-right: none;
	}	
	
	div#Header div#Logo a {
		background: url('./images/logo_small.png') no-repeat scroll left top transparent;
		width: 210px; 
		height: 108px;
		display: block;
	}	

}/*/mediaquery*/

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

	body.MainPage div#Header div#MenuHeader {
		top: 144px;
		width: 108%;
		left: 0%;
		margin-left: -4%;
		position: absolute;
	}	
	
	div#Header {
		margin-bottom: 48px;	
	}


}

@media 
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (   min--moz-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (     -o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 767px) and (        min-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (                min-resolution: 192dpi),
only screen and (max-width: 767px) and (                min-resolution: 2dppx) {

	/*div#Header div#Logo a {
		background: url('./images/logo_small_retina.png') no-repeat scroll left top transparent;
		background-size: 210px 108px;
	}*/
	
}

/*****************************************/
/* SLIDER								 */
/*****************************************/

div#ContentWrap div#Slider {
	width: 100%;
	max-width: 2560px;
	margin-bottom: 72px;
	position: relative;
	z-index: 100;	
}

div#ContentWrap div#Slider div#LayerSlider {
	/*width: 100%;
	max-width: 960px;	
	height: 100%;*/
	position: relative;
	max-width: 100%!important;		
}

div#ContentWrap div#Slider div#LayerSlider h2{
	font-family: TEAMLatoBlack, Arial, Helvetica, Sans-serif;
	font-size: 66px;
	line-height: 66px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;
}

div#ContentWrap div#Slider div#LayerSlider h3 {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;	
}

div#ContentWrap div#Slider a.CallToAction {
	font-family: TEAMLatoBlack, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 36px;
	padding-right: 48px;
	height: 36px;
	display: inline-block;
	margin-top: 24px;
	text-transform: uppercase;
}

div#ContentWrap div#Slider a.CallToAction.Orange {
 	background: url('./images/bouton.png') no-repeat scroll right top transparent;
	color: #f58021;
}

div#ContentWrap div#Slider a.CallToAction.Bleu {
 	background: url('./images/bouton.png') no-repeat scroll right -36px transparent;
	color: #38afe6;	
}

div#ContentWrap div#Slider a.CallToAction.Vert {
 	background: url('./images/bouton.png') no-repeat scroll right -72px transparent;
	color: #8ed033;	
}

div#ContentWrap div#Slider a.CallToAction:hover {
 	background: url('./images/bouton.png') no-repeat scroll right -108px transparent;
	color: #000000;
	text-decoration: none;
	
}

a.ls-nav-prev {
	background: url('./images/slide_back.png') no-repeat scroll left top transparent;
	display: none!important;
	width: 31px;
	height: 48px;
	position: absolute;
	left: 0px;
	top: 48%;
	z-index: 5000;
} 
 
a.ls-nav-next {
 	background: url('./images/slide_next.png') no-repeat scroll left top transparent;
	display: none!important;
	width: 31px;
	height: 48px;
	position: absolute;
	right: 0px;
	top: 48%;
	z-index: 5000;	
}
 
a:hover.ls-nav-prev , a:hover.ls-nav-next {
	background-position: 0px -49px;
}

div.ls-lt-container {
	overflow: hidden;
}
 
 div.ls-bottom-nav-wrapper {
	height: 12px;
	margin-top: 0px;
	margin-right: 48px;
	position: relative;
	z-index: 23000;
	bottom: -12px;	
}

span.ls-bottom-slidebuttons {
	height: 12px;
	display: block;
	text-align: center;
}

span.ls-bottom-slidebuttons a {
 	background: url('./images/bouton_slider.png') no-repeat scroll left top transparent;
	display: inline-block;
	width: 12px;
	height: 13px;
	margin-right: 4px;
	margin-left: 4px;
	
}

span.ls-bottom-slidebuttons a:hover, span.ls-bottom-slidebuttons a.ls-nav-active {
	background-position: 0px -14px;
}

div.ls-l2 {
	width: 700px!important;
	position: absolute!important;
	top: 0px!important;
	left: 3.5%!important;
}

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

	div.ls-l2 {
		width: 500px!important;
		position: absolute!important;
		top: 0px!important;
		left: 3.5%!important;
	}

	div#ContentWrap div#Slider div#LayerSlider h2{
		font-size: 46px;
		line-height: 46px;
	}

	div#ContentWrap div#Slider div#LayerSlider h3 {
		font-size: 38px;
		line-height: 46px;
	}

}


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

	div#ContentWrap div#Slider {
		margin-bottom: 36px;
	}

	div.ls-l2 {
		width: 300px!important;
		position: absolute!important;
		top: 0px!important;
		left: 3.5%!important;
	}

	div#ContentWrap div#Slider div#LayerSlider h2{
		font-size: 26px;
		line-height: 26px;
	}

	div#ContentWrap div#Slider div#LayerSlider h3 {
		font-size: 18px;
		line-height: 26px;
	}
	
	div#ContentWrap div#Slider a.CallToAction {
		font-size: 18px;
		line-height: 36px;
		margin-top: 0px;		
	}

}

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

	div#ContentWrap div#Slider {
		/*width: 200%!important;*/
		/*margin-left: -25%!important;*/
		margin-bottom: 12px;
		/*display: none;*/
	}
	
	div.ls-l2 {
	 	background: url('./images/fond_blanc_80.png') repeat scroll left top transparent;
		width: 90%!important;
		max-width: 480px;
		position: absolute!important;
		top: 0px!important;
		left: 0%!important;
		padding-left: 5%!important;
		padding-right: 5%!important;
	}	
	
	div#ContentWrap div#Slider a.CallToAction {
		display: none;
	}	
	
	 div.ls-bottom-nav-wrapper {
		display: none;
	 }
	 
	div#ContentWrap div#Slider div#LayerSlider h2{
		font-size: 26px;
		line-height: 26px;
		margin-top: 24px;
	}

	div#ContentWrap div#Slider div#LayerSlider h3 {
		font-size: 18px;
		line-height: 26px;
	} 
	
	/*div#ContentWrap div#Slider, div#ContentWrap div#LayerSlider {
		height: 480px!important;
	}	
	
	div#ContentWrap div#Slider .ls-bg {
		height: 480px!important;	
	}	*/	

}

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

	div#ContentWrap div#Slider div#LayerSlider h2{
		font-size: 21px;
		line-height: 24px;
		margin-top: 24px;
	}

	div#ContentWrap div#Slider div#LayerSlider h3 {
		font-size: 16px;
		line-height: 21px;
	} 

}

/*****************************************/
/* CONTENT								 */
/*****************************************/

div#ContentWrap {
	width: 100%;
	overflow: hidden;
}

div#Content {
	width: 93%;
	/*max-width: 1296px;*/
	margin: 48px auto 0;
	padding-bottom: 24px;
}

div#Content.ContentAccueil {
	margin-top: 0px;
	max-width: 1536px;	
}

div#Content h1 {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;
}

div#Content h2 {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;
}

div#Content h3 {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;
}

div#Content h4 {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 24px;
	color: #000000;
	text-transform: uppercase;
}

div#Content h5 {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 6px;
	color: #000000;
}

div#Content p {
	font-family: TEAMLatoLight, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 24px;
	color: #505050;
}

div#Content p strong {
	font-family: TEAMLatoBold, Arial, Helvetica, Sans-serif;
	color: #000000;  
}

div#Content table td {
	font-family: TEAMLatoLight, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 32px;
	color: #505050;
	vertical-align: top;
	padding: 6px;
}


div#Content ul, div#Content ol {
	margin-bottom: 36px;
}

div#Content ul li:before {
	/*background: url("images/liste_puce.png") no-repeat scroll left top transparent;
	width: 18px;
	height: 32px;
	position: absolute;
	left: -18px;
	top: 0px;
	content: "";*/
}

div#Content ul li {
	position: relative;
	font-family: TEAMLatoLight, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 36px;
	border-bottom: 1px solid #c4c4c4;
	color: #404040;
}

div#Content ol li {
	font-family: TEAMLatoLight, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 36px;
	border-bottom: 1px solid #c4c4c4;	
	color: #404040;	
}

div#Content div.template-commun, div#Content div.template-plan-du-site {
	text-align: center;
	max-width: 1296px;
	margin: 0 auto;
}

div#Content div.template-commun table {
	width: 50%;
	margin: 0 auto 24px;
}

div#Content div.template-commun table td {
	width: 50%;
}

div#Content div.template-commun table tr.AltTD td {
	background-color: #f6f6f6;
}

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

	div#Content div.template-commun table {
		width: 100%;
	}

}

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



	div#Content h2 {
		font-size: 36px;
		line-height: 36px;
	}

	div#Content h3 {
		font-size: 21px;
		line-height: 24px;
	}

	div#Content h4 {
		font-size: 20px;
	}
	
	div#Content p {
		font-size: 16px;
		line-height: 24px;
	}
	
	div#Content ul li:before, div#Content ol li:before {
		margin-top: 6px;	
	}
	
	div#Content ul li, div#Content ol li {
		font-size: 16px;
		line-height: 24px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
}


/*****************************************/
/* ACCUEIL								 */
/*****************************************/

div#Content div.ZoneServices {
	max-width: 1536px;
	width: 100%;
	margin: 0 auto;
	display: table;
}

div#Content  div.ZoneRowServices {
	display: table-row;
	height: 100%;
}

div#Content div.ZoneServices div.InsideRow {
	display: inline-block;
	/*float: left;*/
	width: 50%;
	height: 100%;
	/*padding-bottom: 48px;*/
	vertical-align: top;	
}

div#Content div.TypesServices {
	position: relative;
	width: 45%;
	height: 100%;	
	padding-right: 5%;
	padding-bottom: 24px;
	/*display: table-cell;*/
	float: left;
}

div#Content div.TypesServices.TypeDerniereRealisation {
	padding-right: 0%;
	width: 50%;
}

div#Content div.TypesServices a.ServiceLien {
	display: block;
	width: 126px;
	height: 126px;
	margin-bottom: 12px;	
}

div#Content div.TypesServices div.ImageTitreService {
	width: 124px;
	height: 126px;
	margin-bottom: 12px;
}

div#Content div.TypesServices div.ListingServices img {
	width: 100%;
}

div#Content div.TypesServices div.ImageTitreService_marketing {
	background: url("images/lettrage_mwd.png") no-repeat scroll left top transparent;	
}

div#Content div.TypesServices div.ImageTitreService_web {
	background: url("images/lettrage_mwd.png") no-repeat scroll left -127px transparent;	
}

div#Content div.TypesServices div.ImageTitreService_design {
	background: url("images/lettrage_mwd.png") no-repeat scroll left -254px transparent;	
}

div#Content div.TypesServices  div.TitreService {
	border-bottom: 1px solid #000000;
	font-family: TEAMLatoBold, Arial, Helvetica, Sans-serif;
	font-size: 15px;
	line-height: 24px;	
	margin-bottom: 24px;
	text-transform: uppercase;
}

div#Content div.TypesServices ul li:before {
	background: url("images/liste_puce.png") no-repeat scroll left top transparent;
	width: 18px;
	height: 32px;
	position: absolute;
	left: -18px;
	top: 0px;
	content: "";
}

div#Content div.TypesServices ul li {
	position: relative;
	margin-left: 18px;
	font-family: TEAMLatoLight, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 32px;
	border-bottom: 1px solid #505050;
}

div#Content div.TypesServices ul li a {
	color: #000000;
	text-decoration: none;
}

div#Content div.TypeServices0 ul li a:hover {
	color: #f58021;
	text-decoration: none;
}

div#Content div.TypeServices1 ul li a:hover {
	color: #38afe6;
	text-decoration: none;
}

div#Content div.TypeServices2 ul li a:hover {
	color: #8ed033;
	text-decoration: none;
}

div#Content div.TypesServices div.TypesBoutons {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

div#Content div.TypesServices div.TypesBoutons a.BoutonNoir {
	margin-bottom: 0px;
}

div#Content div.BandeauNoir {
	max-width: 1536px;
	width: 95%;
	margin: 24px auto;
	padding: 24px 2.5%;
	background-color: #000000;
	position: relative;
	text-align: center;
}

div#Content div.BandeauNoir:before {
	background-color: #000000;
	content: "";		
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;	
}

div#Content div.BandeauNoir:after {
	background-color: #000000;
	content: "";	
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	top: 0;
}

div#Content div.BandeauNoir h1 {
	font-family: TEAMLatoBold, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 36px;
	color: #ffffff;
	text-transform: uppercase;
}

div#Content div.BandeauNoir p {
	font-family: TEAMLatoLight, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #505050;
}

div#Content div.BandeauNoir hr {
	color: #505050;
	margin: 24px 0px;
}

div#Content div.BandeauNoir a.BoutonBlanc {
	margin: 0 auto;
}

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

	div#Content div.ZoneServices div.InsideRow {
		float: none;
		width: 100%;	
		height: auto;
		padding-bottom: 0px;
	}

	div#Content div.TypesServices {
		display: inline-block;
		vertical-align: top;
		margin: 0px 0% 24px;
		float: none;
		height: auto;
		padding-bottom: 24px;
	}	
	
	div#Content div.TypesServices.TypeServices1 {
		padding-right: 0%;
	}
	
	div#Content  div.ZoneRowServices {
		display: table-row;
	}

}

@media screen and (max-width: 479px) {
		
	div#Content div.TypesServices {
		display: block;
		vertical-align: top;
		width: 100%;
		margin: 0px 0% 48px;
		padding-right: 0px;
		padding-bottom: 0px;
	}
	
	div#Content div.TypesServices.TypeDerniereRealisation div.ImageTitreService {
		display: none;
	}	
	
	div#Content div.TypesServices.TypeDerniereRealisation {
		width: 100%;
	}

	div#Content div.BandeauNoir h1 {
	font-size: 34px;
	line-height: 34px;
	}
}

/*****************************************/
/* SERVICES								 */
/*****************************************/

div#Content div.AncreService {
	visibility: hidden;
	height: 48px;
	margin-top: -48px;
}

div#Content div.BandeauService {
	width: 100%:
	height: 168px;
	position:relative;
}

div#Content div.BandeauService div.BandeauAnimation {
	/*display: inline-block;*/
	/*opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";	  
	position: relative;
	-webkit-transition: all .55s ease-in;
	-moz-transition: all .55s ease-in;
	-ms-transition: all .55s ease-in;
	-o-transition: all .55s ease-in;
	transition: all .55s ease-in;*/
	/*display: none;*/
}

div#Content div.BandeauService div.BandeauAvant {		
	position: absolute;
	width: 621px;
	height: 168px;
	left: -100%;
	top: 0;	
	z-index: 50;	
}

div#Content div.BandeauService div.BandeauApres {	
	position: absolute;
	width: 621px;
	height: 168px;
	right: -100%;
	top: 0;	
	z-index: 50;	
}

div#Content div.BandeauService div.BandeauAvant.Viewed {		
	left: -7%!important;
}

div#Content div.BandeauService div.BandeauApres.Viewed {	
	right: -7%!important;
}

div#Content div.Bandeau_marketing div.BandeauAvant {
	background: url("images/bandeau_service.jpg") no-repeat scroll left top transparent;
}

div#Content div.Bandeau_marketing div.BandeauApres {
	background: url("images/bandeau_service.jpg") no-repeat scroll left -507px transparent;
}

div#Content div.Bandeau_web div.BandeauAvant {
	background: url("images/bandeau_service.jpg") no-repeat scroll left -169px transparent;
}

div#Content div.Bandeau_web div.BandeauApres {
	background: url("images/bandeau_service.jpg") no-repeat scroll left -676px transparent;
}

div#Content div.Bandeau_design div.BandeauAvant {
	background: url("images/bandeau_service.jpg") no-repeat scroll left -338px transparent;
}

div#Content div.Bandeau_design div.BandeauApres {
	background: url("images/bandeau_service.jpg") no-repeat scroll left -845px transparent;
}

div#Content div.CarreService {
	width: 168px;
	height: 168px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

div#Content div.CarreService.Carre_marketing {
	background: url("images/carre_mwd.png") no-repeat scroll left top transparent;
}

div#Content div.CarreService.Carre_web {
	background: url("images/carre_mwd.png") no-repeat scroll left -169px transparent;
}

div#Content div.CarreService.Carre_design {
	background: url("images/carre_mwd.png") no-repeat scroll left -338px transparent;
}

div#Content div.CarreService.Carre_ea {
	background: url("images/carre_ea.png") no-repeat scroll left top transparent;
}

div#Content div.BandeauTitreService {
	width: 168px;
	margin: 0 auto 24px;
	position: relative;
	z-index: 100;
	font-family: TEAMRalewaySemiBold, Arial, Helvetica, Sans-serif;
	font-size: 15px;
	line-height: 34px;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
}


div#Content div.IconesServiceWrap {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 24px;
}

div#Content div.IconesServiceWrap a.IconeService {
	display: table-cell!important;
	font-family: TEAMRalewayRegular, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	text-align: center;	
	cursor: pointer;
	padding: 0px 6px;
	position: relative!important;
	visibility:visible!important;
}

div#Content div.IconesServiceWrap  a.cycle-sentinel {
	display:none!important;
}

div#Content div.IconesServiceWrap a.IconeService div.IconeImage {
	width: 72px;
	height: 48px;
	margin: 0 auto 6px;
}

div#Content div.IconesServiceWrap a.IconeService:hover { 
	text-decoration: none;
	color: #000000;
}

div#Content div.Cycle {
	max-width: 1296px;
	width: 100%;
	margin: 0 auto 0px;
	text-align: center;
	overflow: hidden;	
}

div#Content div.Cycle.Cycle_marketing h2 {
	color: #f58021;
}

div#Content div.Cycle.Cycle_web h2 {
	color: #38afe6;
}

div#Content div.Cycle.Cycle_design h2 {
	color: #8ed033;
}

div#Content div.Cycle span.IconeWrap {
	background-color: #ffffff;
	display: block;
	width: 100%;
	height: 48px;
	position: relative;
	margin-bottom: 96px;
}

div#Content div.Cycle span.IconeWrap span.IconeIcon {
	background-color: #ffffff;
	display: block;
	width: 72px;
	height: 48px;
	position: relative;
	margin: 0 auto;
	z-index: 20;
}

div#Content div.Cycle span.IconeWrap span.IconeIcon:before {
	background-color: #ffffff;
	content: "";		
	position: absolute;
	width: 10%;
	height: 100%;
	left: -10%;
	top: 0;	
}

div#Content div.Cycle span.IconeWrap span.IconeIcon:after {
	background-color: #ffffff;
	content: "";		
	position: absolute;
	width: 10%;
	height: 100%;
	left: 100%;
	top: 0;	
}

div#Content div.Cycle span.IconeLigne {
	background-color: #505050;
	position: absolute;
	left: 0px;
	top: 23px;
	width: 100%;
	height: 1px;
	z-index: 10;
}

div#Content div.Cycle div.ContenuService {
	width: 100%;
	padding-bottom: 24px;
}

div#Content div.Cycle span.NavigationCycle {
	display: block;
	width: 100px;
	height: 35px;
	position: absolute;
	top: 144px;
	left: 50%;
	margin-left: -50px;
	margin-bottom: 24px;
	z-index: 600;
}

div#Content div.Cycle span.NavigationCycle a {
	float: left;
	margin: 0 6px;
}

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

	div#Content div.IconesServiceWrap {
		text-align: center;	
	}

	div#Content div.IconesServiceWrap a.IconeService {
		display: inline-block!important;
		width: 20%;
		padding: 0 2.5%;
		margin-bottom: 24px;
	}
	
	div#Content div.IconesServiceWrap a.cycle-sentinel {
		display: none!important;
	}

}

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

	div#Content div.BandeauService div.BandeauAvant.Viewed  {		
		left: -25%;
	}

	div#Content div.BandeauService div.BandeauApres.Viewed  {	
		right: -25%;
	}

}

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

	div#Content div.BandeauService div.BandeauAvant.Viewed  {		
		left: -50%;
	}

	div#Content div.BandeauService div.BandeauApres.Viewed  {	
		right: -50%;	
	}

}

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

	div#Content div.BandeauService div.BandeauAvant.Viewed {		
		left: -85%;
	}

	div#Content div.BandeauService div.BandeauApres.Viewed  {	
		right: -85%;	
	}

	div#Content div.IconesServiceWrap {
		text-align: center;	
	}

	div#Content div.IconesServiceWrap a.IconeService {
		display: inline-block;
		width: 30%;
		padding: 0 1.66%;
		margin-bottom: 24px;
	}
	
	div#Content div.Cycle span.IconeWrap {
		margin-bottom: 24px;
	}
	
	div#Content div.Cycle span.NavigationCycle {
		display: none;
	}

}

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

	div#Content div.BandeauService div.BandeauAvant {		
		display: none!important;
	}

	div#Content div.BandeauService div.BandeauApres {	
		display: none!important;	
	}

	div#Content div.IconesServiceWrap {
		text-align: center;	
	}

	div#Content div.IconesServiceWrap a.IconeService {
		display: inline-block;
		width: 100%;
		padding: 0 0 6px 0;
		margin-bottom: 12px;
		border-bottom: 1px dotted #505050;
	}

	div#Content div.IconesServiceWrap a.IconeService div.IconeImage {
		float: left;
		width: 72px;
		height: 48px;
		margin: 0 24px 6px 0px;
	}	
	
	div#Content div.IconesServiceWrap a.IconeService span.IconeTitre {
		float: left;
		line-height: 48px;		
	}
	
}

/*****************************************/
/* EQUIPE								 */
/*****************************************/

div#Content.ContentEquipe {
	width: 100%;
	margin: 48px auto 0px;
	padding-bottom: 0px;
	max-width: 2560px;
}

div#Content div.UnEquipeWrap {
	display: inline-block;
	width: 25%;
	float: none!important;
	border: none!important;
	line-height: 0!important;
	vertical-align: top!important;
	margin-bottom: 0px!important;	
	position: relative;
	overflow: hidden;
	max-width: 640px;
	max-height: 400px;
}

div#Content div.UnEquipe_marketing div.UnEquipeDescWrap {
	background: url("images/bandeau_equipe_m.png") no-repeat scroll left top #ffffff;		
	background-size: contain!important;
	background-image: none\9;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.equipeteam.com/wp-content/themes/teampress/images/bandeau_equipe_m.png',
	sizingMethod='scale');
}

div#Content div.UnEquipe_web div.UnEquipeDescWrap {
	background: url("images/bandeau_equipe_w.png") no-repeat scroll left top #ffffff;		
	background-size: contain!important;
	background-image: none\9;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.equipeteam.com/wp-content/themes/teampress/images/bandeau_equipe_w.png',
	sizingMethod='scale');
}

div#Content div.UnEquipe_design div.UnEquipeDescWrap {
	background: url("images/bandeau_equipe_d.png") no-repeat scroll left top #ffffff;		
  background-size: contain!important;
	background-image: none\9;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.equipeteam.com/wp-content/themes/teampress/images/bandeau_equipe_d.png',
	sizingMethod='scale');
}

div#Content div.UnEquipeDescWrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: -100%;
}

div#Content div.UnEquipeDesc {
	position: absolute;
	right: 24px;
	bottom: 24px;
	/*width: 45%;*/
}

div#Content div.UnEquipeDesc p {
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 12px;
	margin-top: 12px;
}

div#Content div.UnEquipeDesc p a {
	color: #000000;
	text-transform: none;
}

div#Content div.UnEquipeDesc p a:hover {
	color: #f58021;
	text-decoration: none;
}

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

	div#Content.ContentEquipe {
		max-width: 1920px;
	}
	
	div#Content div.UnEquipeWrap {
		display: inline-block;
		width: 33.333333%;
	}	

	div#Content div.UnEquipeDesc {
		right: 12px;
		bottom: 12px;
	}

	div#Content div.UnEquipeDesc h3 {
		font-size: 21px;
	}

	div#Content div.UnEquipeDesc p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 6px;
		margin-top: 6px;
	}

}


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

	div#Content div.UnEquipeWrap {
		display: inline-block;
		width: 50%;
	}	
	
	div#Content.ContentEquipe {
		width: 100%;
		margin: 0 auto 48px;
		padding-bottom: 0px;
		max-width: 1280px;
	}	
	

	div#Content div.UnEquipeDesc {
		right: 12px;
		bottom: 12px;
	}

	div#Content div.UnEquipeDesc h3 {
		font-size: 24px;
	}

	div#Content div.UnEquipeDesc p {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 12px;
		margin-top: 12px;
	}	

}

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

	div#Content div.UnEquipeDesc {
		right: 12px;
		bottom: 12px;
	}

	div#Content div.UnEquipeDesc h3 {
		font-size: 18px;
	}

	div#Content div.UnEquipeDesc p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 6px;
		margin-top: 6px;
	}		

}

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

	div#Content div.UnEquipeWrap {
		display: inline-block;
		width: 100%;
	}	
	
	div#Content.ContentEquipe {
		width: 100%;
		margin: 0 auto 48px;
		padding-bottom: 0px;
		max-width: 640px;
	}	

	div#Content div.UnEquipeDesc {
		right: 12px;
		bottom: 12px;
	}

	div#Content div.UnEquipeDesc h3 {
		font-size: 24px;
	}

	div#Content div.UnEquipeDesc p {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 12px;
		margin-top: 12px;
	}		

}

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

	div#Content div.UnEquipeDesc {
		right: 12px;
		bottom: 6px;
	}

	div#Content div.UnEquipeDesc h3 {
		font-size: 14px;
		line-height: 24px;
	}

	div#Content div.UnEquipeDesc p {
		font-size: 10px;
		line-height: 18px;
		margin-bottom: 6px;
		margin-top: 6px;
	}	
	
}

/*****************************************/
/* NOUS JOINDRE							 */
/*****************************************/

div#Content.ContentContact, div#Content.Content404{
	width: 100%;
	margin: 72px 0 0 0;
	padding-bottom: 0px;
}

/* **** MapPress **** */

div#Content div.LeftContent {
	float: left;
	width: 33.333333%;
}

div#Content div.RightContent {
	float: left;
	width: 66.666666%;
	height: 100%;
}

div#Content div.LeftContent div.ContactContenu{
	margin-left: 48px;
}

div#Full_Google_Map {
	display: inline-block;
	width: 100%!important;
	height: 100%;
}

div#Full_Google_Map iframe {
	width: 100%;
	height: 100%;
}


div#Content div.mapp-container {
	margin-bottom: 24px!important;
}

div#mapp0_poweredby {
	display: none!important;
}

div#Content div#Full_Google_Map img {
    max-width: none !important;
}

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

	div#Content div.LeftContent {
		width: 50%;
	}
	
		
	div#Content div.RightContent {
		width: 50%;
	}		
}

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

	div#Content div.LeftContent {
		width: 100%;
	}
	
		
	div#Content div.RightContent {
		width: 100%;
	}	

	div#Full_Google_Map {
		height: 400px!important;
	}
	
}

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

	div#Full_Google_Map {
		height: 200px!important;
	}
	
	div#Content div.LeftContent div.ContactContenu {
		margin-left: 2.5%;
		margin-right: 2.5%;
		width: 95%;
	}
	
}

/*****************************************/
/* EMPLOIS								 */
/*****************************************/

div#Content div.template-emplois-deux-pages {
	max-width: 1296px;
	margin: 0 auto;
	text-align: center;
}

div#Content div.Bandeau_ea {
	margin-bottom: 48px;
}

div#Content ul.ListeEmploi li{
	text-align: center;
	position: relative;
	cursor: pointer;
	padding-bottom: 6px;
	padding-top: 6px;
}

div#Content ul.ListeEmploi li span.Icone{
	background: url("images/liste_puce.png") no-repeat scroll left top transparent;
	padding-left: 18px;
	font-size: 18px;
	line-height: 32px;
	display: inline-block;
}

div#Content ul.ListeEmploi li.Opened span.Icone {
	background: url("images/liste_puce_ouvert.png") no-repeat scroll left top transparent;
}

div#Content ul.ListeEmploi li.Opened {
	font-family: TEAMLatoBold, Arial, Helvetica, Sans-serif;
}

div#Content ul.ListeEmploi li span.ContenuEmploi {
	displaY: none;
	width: 100%!important;
	margin-top: 12px;
}

div#Content ul.ListeEmploi li span.ContenuEmploi, div#Content ul.ListeEmploi li span.ContenuEmploi li {
	cursor: default;
}

div#Content ul.ListeEmploi li p{
	display: inline-block;
}

p.BoutonCV a.Hovering {
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

div#Content div.ContactFormBanqueCV {
	text-align: left;
}

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

	div#Content ul.ListeEmploi li span.Icone {
		font-size: 16px;
	}

}	
	
/*****************************************/
/* RÉALISATIONS							 */
/*****************************************/

div#Content.ContentRealisation{
	width: 100%;
	margin: 48px 0 0 0;
	padding-bottom: 0px;
}

div#Content div.royalSlider  {
	width: 100%;
	height: auto!important;
}

div#Content div.rsOverflow {
	/*display: none!Important;*/
	/*width: 800px!important;
	height: 800px!important;
	background-color: red;*/
}

div#Content div.rsThumbs {
	position: relative;
	width: 100%;
	height: 100%;
}

div#Content div.rsThumbsContainer {
	width: 100%!important;
	height: auto!important;
}

div#Content div.rsThumb {
	width: 25%;
	height: auto!important;
	display: inline-block!Important;
	float: none!important;
	border: none!important;
	line-height: 0!important;
	vertical-align: top!important;
	margin-bottom: 0px!important;	
}

div#Content div.rsThumb img:hover {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

div#Content div.GridDescription h3 {
	margin-bottom: 6px;
}

div#Content div.GridDescription p {
	margin-bottom: 12px;
}

/* Fullscreen */

div#Content div.rsFullscreen div.rsOverflow {
	width: 100%!important;
}

div#Content div.rsFullscreen div.rsThumbs {
	display: none!Important;
}

div#Content div.rsFullscreen div.rsThumb {
	width: 96px!important;
	height: 72px!important;
}

div#Content div.rsFullscreen div.rsThumbs {
	width: 96px!important;
	position: absolute!important;
}

.rsFullscreen .rsNav {
    display:none!important;
    height: 0!important;
	width: 0!important;
}

div#Content div.rsFullscreen div.rsThumbsArrow {
	display: block!important;
}

.rsUni.rsHor .rsArrowLeft .rsArrowIcn {
	background: url("images/bouton.png") no-repeat scroll 0 -251px transparent!important;
	width: 35px;
	height: 35px;
}

.rsUni.rsHor .rsArrowRight .rsArrowIcn {
	background: url("images/bouton.png") no-repeat scroll 0 -108px transparent!important;
	width: 35px;
	height: 35px;
}

div#Content div.rsFullscreen img.rsImg {
	/*width: 100%!important;
	height: 100%!important;*/
	/*max-width: 100%!important;*/
	/*margin-left: 0px!important;*/
	/*margin-top: 0px!important;*/
}

div.GridDescription {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .90);
	position: absolute;
	right: 10%;
	bottom: 0%;
	width: 35%;
	z-index: 500;
	padding: 48px 24px 0px 24px;
}

span.Delete {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 500;
	right: 12px;
	top: 12px;
}

div.GridDescription.OpenDesc span.Delete {
	background: url("images/delete.png") no-repeat scroll left top transparent;
}

div.GridDescription span.Delete {
	background: url("images/delete.png") no-repeat scroll left bottom transparent;
}

.rsUni.rsFullscreen .rsFullscreenIcn {
	background-color: #000;
}

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

	div#Content div.rsThumb {
		width: 33.333333%;
		height: auto!important;
		display: inline-block!Important;
		float: none!important;
		border: none!important;
		line-height: 0!important;
		vertical-align: top!important;
		margin-bottom: 0px!important;	
	}

}

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

	div#Content div.rsThumb {
		width: 50%;
		height: auto!important;
		display: inline-block!Important;
		float: none!important;
		border: none!important;
		line-height: 0!important;
		vertical-align: top!important;
		margin-bottom: 0px!important;	
	}
	
	div.GridDescription {
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.9);
		position: absolute;
		right: 10%;
		bottom: 0%;
		width: 60%;
		z-index: 500;
		padding: 48px 24px 0px 24px;
	}	
	
	div#Content div.GridDescription h3 {
		font-size: 18px;
	}
	
	div#Content div.GridDescription p, div#Content div.GridDescription ul li {
		font-size: 14px;
		line-height: 21px;
	}	
	
	div.GridDescription p {
		display: none;
	}

}

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

	div#Content div.rsThumb {
		width: 100%;
		height: auto!important;
		display: inline-block!Important;
		float: none!important;
		border: none!important;
		line-height: 0!important;
		vertical-align: top!important;
		margin-bottom: 0px!important;	
	}
	
	div#Content .rsArrow {
		display: none!important;
	}
	
	div.GridDescription {
		z-index: 2500;
		cursor: pointer;
	}

}

/*****************************************/
/* FOOTER								 */
/*****************************************/

div#FooterWrap {
	width: 100%;
}

div#Footer {
	width: 93%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 48px;
}

div#Footer div#FooterAdresse, div#Footer div#FooterNotes  {
	text-align: center;
	margin-bottom: 24px;
}

div#Footer div#FooterAdresse p {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #505050;
}

div#Footer div#FooterAdresse p strong {
	font-family: TEAMLatoBold, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	color: #000000;
}

div#Footer div#FooterAdresse p a {
	color: #000000;
}

div#Footer div#FooterAdresse p a:hover {
	text-decoration: none;
	color: #f58021;
}

div#Footer div#FooterNotes {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

div#Footer div#FooterNotes div#MediaShare {
	float: left;
	margin-right: 12px;
}

div#Footer div#FooterNotes div#MediaShare  p {
	float: left;
	margin-right: 12px;
}

div#Footer div#FooterNotes p {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #505050;
}

div#Footer div#FooterNotes p strong {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	color: #000000;
}

div#Footer div#FooterNotes div#PlanSite {
	float: left;
	margin-right: 12px;
}

div#Footer div#FooterNotes div#PlanSite a {
	color: #000000;
}

div#Footer div#FooterNotes div#PlanSite a:hover {
	color: #f58021;
	text-decoration: none;
}

div#Footer div#FooterNotes div#Rights {
	float: left;
}

div#Footer div#FooterNotes a {
	color: #505050;
}

div#Footer div#FooterNotes a:hover {
	text-decoration: none;
	color: #f58021;
}

div#Footer div#FooterAdresse span {
	display: inline-block;
	margin-right: 12px;
}

div#Footer span.st_facebook_large a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 3px;
	background: url("images/facebook_32.png") no-repeat scroll left top transparent;
	opacity: 1;
}

div#Footer span.st_facebook_large a:hover {
	opacity: 0.75;
}

div#Footer span.st_twitter_large a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 3px;
	background: url("images/twitter_32.png") no-repeat scroll left top transparent;
	opacity: 1;
}

div#Footer span.st_twitter_large a:hover {
	opacity: 0.75;
}

div#Footer span.st_googleplus_large a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 3px;
	background: url("images/googleplus_32.png") no-repeat scroll left top transparent;
	opacity: 1;
}

div#Footer span.st_googleplus_large a:hover {
	opacity: 0.75;
}

div#Footer span.st_pinterest_large a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 3px;
	background: url("images/pinterest_32.png") no-repeat scroll left top transparent;
	opacity: 1;
}

div#Footer span.st_pinterest_large a:hover {
	opacity: 0.75;
}


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


	div#Footer div#FooterNotes div#MediaShare {
		width: 300px;
		float: none;
		margin: 0 auto 3px;
	}
	
	div#Footer div#FooterNotes div#PlanSite span {
		display: none;
	}

	div#Footer div#FooterNotes div#PlanSite {
		float: none;
	}
	
	div#Footer div#FooterNotes div#Rights {
		float: none;
	}	

}

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

	div#Footer div#FooterAdresse span {
		display: block;
	}

}

/*****************************************/
/* FOOTER - SECONDAIRE					 */
/*****************************************/

div#FooterWrap.FooterSecondaire {
	background-color: #000000;
	padding-top: 24px;
}

div#FooterWrap.FooterSecondaire div#FooterNotes p strong, div#FooterWrap.FooterSecondaire  div#FooterAdresse a , div#FooterWrap.FooterSecondaire  div#FooterAdresse p strong {
	color: #ffffff;
}

div#FooterWrap.FooterSecondaire  div#Footer div#FooterNotes div#PlanSite a {
	color: #ffffff;
}

div#FooterWrap.FooterSecondaire  div#Footer div#FooterNotes div#PlanSite a:hover {
	color: #f58021;
	text-decoration: none;
}

/*****************************************/
/* CONTACT FORM 7						 */
/*****************************************/

span.wpcf7-not-valid-tip {
	position: absolute;
	width: 90%;
	border: 1px solid red;
	background-color: #ffffff;
	top: 6px;
	left: 6px;
	padding: 2px;
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 14px!important;
	line-height: 28px;
	color: #000000!important;
	text-transform: none;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #000000!important;
	border-color: red!important;
	margin-bottom: 12px!important;
	margin-top: 12px!important;
	text-align: left;
}

div#ContainerBanqueCV p {
	display: inline-block;
	width: 49%;
	text-transform: uppercase;
}

div#ContainerBanqueCV p.Textarea {
	width: 100%;
}

div#ContainerBanqueCV p.BoutonCV {
	width: 90%;
}

div#ContainerBanqueCV p.BoutonCV a {
	background: url("images/bouton.png") no-repeat scroll right -144px transparent;
	display: inline-block;
	min-height: 36px;
	padding-right: 48px;
}

span.wpcf7-form-control-wrap {
	display: inline-block;
	width: 100%;
}

/*.selectbox .text {
	color: #f58021;
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 48px;
	text-transform: uppercase;
}

.selectbox .display .arrow_btn {
	background: url("images/bouton.png") no-repeat scroll right -216px transparent!important;
}

ul.selectbox li.hover {
	background-color: #ededed;
}

ul.selectbox li.selected {
	background-color: #ededed;
}*/

.selectric {
	width: 96%!important;
	height: 36px!important;	
}

.selectric .button {
	height: 36px!important;
}

.selectric .label {
	margin-bottom: 0px!important;
	line-height: 24px!important;
	width: 80%!important;
	height: 24px!important;
	padding-bottom: 6px!important;
	padding-top: 6px!important;
	padding-left: 12px!important;
	font-family: TEAMLatoRegular, Arial, Helvetica, Sans-serif!important;
	font-size: 18px!important;	
	color: #000000!important;
}

div.selectric-scroll ul {
	margin-bottom: 0px!important;
}

div.selectric-scroll li {
	line-height: 18px!important;
	font-size: 14px!important;
	padding: 6px!Important;
}

div.hover .arrow_btn {
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

div.wpcf7{
	position: relative;
}

div.EmploiUnePage div.wpcf7{
	display: none;
}

div#Content div#Contacts div.wpcf7{
	display: block;
}

div.wpcf7 div.HiddenInput {
	display:none;
}

/* Pour bouton file  */

div.FileSpecial {
	width: 45%;
	margin-right: 5%;
	height: 48px;
	line-height: 24px;
	margin-bottom: 3px;
	float: right;
}

div.FileSpecial input.file {
	display: none!important;
}

div.FileSpecial div input{
	#width: 232px!important;
	#display: block!important;
}

div.FileSpecial span.resume {
	overflow: hidden;
}

div.FileSpecial span.text {
	float: left;
	padding-left: 6px;
	margin-top: -32px;
}

div.FileSpecial input.wpcf7-file {
	#right: 0px!important;
}

/* Fin bouton file */

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

	div#ContainerBanqueCV p {
		width: 100%;
		margin-bottom: 12px;
	}
	
	div#ContainerBanqueCV p input {
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	div#Content p.PosteDesire {
		width: 100%;
	}

	div.FileSpecial { 
		width: 95%;
		margin-bottom: 30px;
	}

	/*.selectbox div.item .text {
		font-size: 12px!important;
		line-height: 24px;
	}*/

	div#Content p.BoutonCV {
		font-size: 14px;
		line-height: 34px;
	}
	
	/*.selectbox .display {
		height: 40px!important;
		line-height: 40px!important;
	}
	
	.selectbox .display .text {
		font-size: 14px!important;
	}*/
	
	.selectric .label { 
		font-size: 16px!important;	
		padding-left: 6px!important;
	}

}



/*****************************************/
/* COMMONS								 */
/*****************************************/

/* PLACEOLDER COLOR */

::-webkit-input-placeholder {
   color: #404040;
   opacity : 1;   
}

:-moz-placeholder { /* Firefox 18- */
   color: #404040;
   opacity : 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #404040;  
   opacity : 1; 
}

:-ms-input-placeholder {  
   color: #404040; 
   opacity : 1;   
}


/*ICONE MARKETING*/

div#Content a.IconeService div.Icone_redaction-et-traduction {
	background: url("images/icone_services.png") no-repeat scroll left top transparent;
}

div#Content a.IconeService:hover div.Icone_redaction-et-traduction, div#Content span.Icone_redaction-et-traduction, div#Content a.IconeService.cycle-slide-active div.Icone_redaction-et-traduction {
	background: url("images/icone_services.png") no-repeat scroll -73px top transparent;
}

div#Content a.IconeService div.Icone_campagne-publicitaire {
	background: url("images/icone_services.png") no-repeat scroll left -49px transparent;
}

div#Content a.IconeService:hover div.Icone_campagne-publicitaire, div#Content span.Icone_campagne-publicitaire, div#Content a.IconeService.cycle-slide-active div.Icone_campagne-publicitaire  {
	background: url("images/icone_services.png") no-repeat scroll -73px -49px transparent;
}

div#Content a.IconeService div.Icone_gestion-de-la-marque {
	background: url("images/icone_services.png") no-repeat scroll left -98px transparent;
}

div#Content a.IconeService:hover div.Icone_gestion-de-la-marque, div#Content span.Icone_gestion-de-la-marque, div#Content a.IconeService.cycle-slide-active div.Icone_gestion-de-la-marque  {
	background: url("images/icone_services.png") no-repeat scroll -73px -98px transparent;
}

div#Content a.IconeService div.Icone_plan-de-communication {
	background: url("images/icone_services.png") no-repeat scroll left -147px transparent;
}

div#Content a.IconeService:hover div.Icone_plan-de-communication, div#Content span.Icone_plan-de-communication, div#Content a.IconeService.cycle-slide-active div.Icone_plan-de-communication  {
	background: url("images/icone_services.png") no-repeat scroll -73px -147px transparent;
}

div#Content a.IconeService div.Icone_plan-marketing {
	background: url("images/icone_services.png") no-repeat scroll left -196px transparent;
}

div#Content a.IconeService:hover div.Icone_plan-marketing, div#Content span.Icone_plan-marketing, div#Content a.IconeService.cycle-slide-active div.Icone_plan-marketing  {
	background: url("images/icone_services.png") no-repeat scroll -73px -196px transparent;
}

/* ICONE WEB */

div#Content a.IconeService div.Icone_strategie-digitales {
	background: url("images/icone_services.png") no-repeat scroll left -245px transparent;
}

div#Content a.IconeService:hover div.Icone_strategie-digitales, div#Content span.Icone_strategie-digitales, div#Content a.IconeService.cycle-slide-active div.Icone_strategie-digitales  {
	background: url("images/icone_services.png") no-repeat scroll -73px -245px transparent;
}

div#Content a.IconeService div.Icone_site-web-adaptatif {
	background: url("images/icone_services.png") no-repeat scroll left -294px transparent;
}

div#Content a.IconeService:hover div.Icone_site-web-adaptatif, div#Content span.Icone_site-web-adaptatif, div#Content a.IconeService.cycle-slide-active div.Icone_site-web-adaptatif  {
	background: url("images/icone_services.png") no-repeat scroll -73px -294px transparent;
}

div#Content a.IconeService div.Icone_referencement-naturel {
	background: url("images/icone_services.png") no-repeat scroll left -392px transparent;
}

div#Content a.IconeService:hover div.Icone_referencement-naturel, div#Content span.Icone_referencement-naturel, div#Content a.IconeService.cycle-slide-active div.Icone_referencement-naturel  {
	background: url("images/icone_services.png") no-repeat scroll -73px -392px transparent;
}

div#Content a.IconeService div.Icone_medias-sociaux {
	background: url("images/icone_services.png") no-repeat scroll left -343px transparent;
}

div#Content a.IconeService:hover div.Icone_medias-sociaux, div#Content span.Icone_medias-sociaux, div#Content a.IconeService.cycle-slide-active div.Icone_medias-sociaux  {
	background: url("images/icone_services.png") no-repeat scroll -73px -343px transparent;
}

div#Content a.IconeService div.Icone_strategie-publicitaire-web {
	background: url("images/icone_services.png") no-repeat scroll left -441px transparent;
}

div#Content a.IconeService:hover div.Icone_strategie-publicitaire-web, div#Content span.Icone_strategie-publicitaire-web, div#Content a.IconeService.cycle-slide-active div.Icone_strategie-publicitaire-web {
	background: url("images/icone_services.png") no-repeat scroll -73px -441px transparent;
}

div#Content a.IconeService div.Icone_analyse-des-performances {
	background: url("images/icone_services.png") no-repeat scroll left -490px transparent;
}

div#Content a.IconeService:hover div.Icone_analyse-des-performances, div#Content span.Icone_analyse-des-performances, div#Content a.IconeService.cycle-slide-active div.Icone_analyse-des-performances  {
	background: url("images/icone_services.png") no-repeat scroll -73px -490px transparent;
}

div#Content a.IconeService div.Icone_hebergement {
	background: url("images/icone_services.png") no-repeat scroll left -931px transparent;
}

div#Content a.IconeService:hover div.Icone_hebergement, div#Content span.Icone_hebergement, div#Content a.IconeService.cycle-slide-active div.Icone_hebergement  {
	background: url("images/icone_services.png") no-repeat scroll -73px -931px transparent;
}

/* ICONE DESIGN */

div#Content a.IconeService div.Icone_signaletique {
	background: url("images/icone_services.png") no-repeat scroll left -539px transparent;
}

div#Content a.IconeService:hover div.Icone_signaletique, div#Content span.Icone_signaletique, div#Content a.IconeService.cycle-slide-active div.Icone_signaletique {
	background: url("images/icone_services.png") no-repeat scroll -73px -539px transparent;
}

div#Content a.IconeService div.Icone_affichage-commercial {
	background: url("images/icone_services.png") no-repeat scroll left -882px transparent;
}

div#Content a.IconeService:hover div.Icone_affichage-commercial, div#Content span.Icone_affichage-commercial, div#Content a.IconeService.cycle-slide-active div.Icone_affichage-commercial  {
	background: url("images/icone_services.png") no-repeat scroll -73px -882px transparent;
}

div#Content a.IconeService div.Icone_affichage-sur-vehicule {
	background: url("images/icone_services.png") no-repeat scroll left -833px transparent;
}

div#Content a.IconeService:hover div.Icone_affichage-sur-vehicule, div#Content span.Icone_affichage-sur-vehicule, div#Content a.IconeService.cycle-slide-active div.Icone_affichage-sur-vehicule  {
	background: url("images/icone_services.png") no-repeat scroll -73px -833px transparent;
}

div#Content a.IconeService div.Icone_materiel-dexposition {
	background: url("images/icone_services.png") no-repeat scroll left -784px transparent;
}

div#Content a.IconeService:hover div.Icone_materiel-dexposition, div#Content span.Icone_materiel-dexposition, div#Content a.IconeService.cycle-slide-active div.Icone_materiel-dexposition  {
	background: url("images/icone_services.png") no-repeat scroll -73px -784px transparent;
}

div#Content a.IconeService div.Icone_documents-corporatifs {
	background: url("images/icone_services.png") no-repeat scroll left -735px transparent;
}

div#Content a.IconeService:hover div.Icone_documents-corporatifs, div#Content span.Icone_documents-corporatifs, div#Content a.IconeService.cycle-slide-active div.Icone_documents-corporatifs  {
	background: url("images/icone_services.png") no-repeat scroll -73px -735px transparent;
}

div#Content a.IconeService div.Icone_emballage {
	background: url("images/icone_services.png") no-repeat scroll left -686px transparent;
}

div#Content a.IconeService:hover div.Icone_emballage, div#Content span.Icone_emballage, div#Content a.IconeService.cycle-slide-active div.Icone_emballage  {
	background: url("images/icone_services.png") no-repeat scroll -73px -686px transparent;
}
div#Content a.IconeService div.Icone_conception-publicitaire {
	background: url("images/icone_services.png") no-repeat scroll left -637px transparent;
}

div#Content a.IconeService:hover div.Icone_conception-publicitaire, div#Content span.Icone_conception-publicitaire, div#Content a.IconeService.cycle-slide-active div.Icone_conception-publicitaire  {
	background: url("images/icone_services.png") no-repeat scroll -73px -637px transparent;
}

div#Content a.IconeService div.Icone_identite-corporative {
	background: url("images/icone_services.png") no-repeat scroll left -588px transparent;
}

div#Content a.IconeService:hover div.Icone_identite-corporative, div#Content span.Icone_identite-corporative, div#Content a.IconeService.cycle-slide-active div.Icone_identite-corporative  {
	background: url("images/icone_services.png") no-repeat scroll -73px -588px transparent;
}

/* Bouton */

p.Bouton{
	height: 24px;
	float: left;
}

p.BoutonDroite{
	float: right!important;
}

p.Bouton span{
	font-family: Arial, Helvetica, Sans-serif;
	line-height: 24px;
	font-size: 14px;
	display: block;
	cursor: pointer;
}

p.Bouton a{
	color: #ffffff!important;
	text-decoration: none!important;
}

p.Bouton a:hover span.BoutonMilieu {
	color: #ffffff;
	text-decoration: none!important;
}

p.Bouton a:hover span {
	cursor: pointer;
}

p.Bouton a.SubmitSpecial {
	font-family: TEAMLatoBlack, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 36px;
	padding-right: 48px;
	height: 36px;
	display: inline-block;
 	background: url('./images/bouton.png') no-repeat scroll right top transparent;
	color: #f58021!important;	
	cursor: pointer;
}

p.Bouton a.SubmitSpecial:hover {
 	background: url('./images/bouton.png') no-repeat scroll right -108px transparent;
	color: #000000!important;
	text-decoration: none;
}

/* style td */

td.CornerTopLeft {
	width: 6px;
	height: 6px;
	background: url('./images/corner-top-left.png') no-repeat bottom right transparent;
}

td.CornerTopRight {
	width: 6px;
	height: 6px;
	background: url('./images/corner-top-right.png') no-repeat bottom left transparent;
}

td.CornerBottomLeft {
	width: 6px;
	height: 6px;
	background: url('./images/corner-bottom-left.png') no-repeat top right transparent;
}

td.CornerBottomRight {
	width: 6px;
	height: 6px;
	background: url('./images/corner-bottom-right.png') no-repeat top left transparent;
}

td.SideTop {
	height: 6px;
	background: url('./images/border-top.png') repeat-x bottom left transparent;
}

td.SideBottom {
	height: 6px;
	background: url('./images/border-bottom.png') repeat-x top left transparent;
}

td.SideLeft {
	width: 6px;
	background: url('./images/border-left.png') repeat-y top right transparent;
}

td.SideRight {
	width: 6px;
	background: url('./images/border-right.png') repeat-y top left transparent;
}

td.MiddleCenter {
	background-color: #ffffff;
}

/* TIMYMCE */

.Capitale, .capitale {
	text-transform: uppercase;
}

/* autres */

.empty {
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

.clear {
	clear: both!important;
	line-height: 0px!important;
	font-size: 0px!important;
	overflow: hidden!important;
	width: 0!important;
	height: 0!important;
	float: none!important;
	margin: 0!important;
	padding: 0!important;
}