@font-face {
	font-family: 'TEAMArimoBoldWebfont';
	src: url('fonts/arimo-bold-webfont.eot');
	src: local('?'), url('fonts/arimo-bold-webfont.woff') format('woff'), url('fonts/arimo-bold-webfont.ttf') format('truetype'), url('fonts/arimo-bold-webfont.svg#webfontkaFbJ8zs') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TEAMArimoItalicWebfont';
	src: url('fonts/arimo-italic-webfont.eot');
	src: local('?'), url('fonts/arimo-italic-webfont.woff') format('woff'), url('fonts/arimo-italic-webfont.ttf') format('truetype'), url('fonts/arimo-italic-webfont.svg#webfontkaFbJ8zs') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TEAMArimoRegularWebfont';
	src: url('fonts/arimo-regular-webfont.eot');
	src: local('?'), url('fonts/arimo-regular-webfont.woff') format('woff'), url('fonts/arimo-regular-webfont.ttf') format('truetype'), url('fonts/arimo-regular-webfont.svg#webfontkaFbJ8zs') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TEAMNovecentowideBoldWebfont';
	src: url('fonts/novecentowide-bold-webfont.eot');
	src: local('?'), url('fonts/novecentowide-bold-webfont.woff') format('woff'), url('fonts/novecentowide-bold-webfont.ttf') format('truetype'), url('fonts/novecentowide-bold-webfont.svg#webfontkaFbJ8zs') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TEAMNovecentowideDemibold';
	src: url('fonts/novecentowide-demibold-webfont.eot');
	src: local('?'), url('fonts/novecentowide-demibold-webfont.woff') format('woff'), url('fonts/novecentowide-demibold-webfont.ttf') format('truetype'), url('fonts/novecentowide-demibold-webfont.svg#webfontkaFbJ8zs') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TEAMNovecentowideNormalWebfont';
	src: url('fonts/novecentowide-normal-webfont.eot');
	src: local('?'), url('fonts/novecentowide-normal-webfont.woff') format('woff'), url('fonts/novecentowide-normal-webfont.ttf') format('truetype'), url('fonts/novecentowide-normal-webfont.svg#webfontkaFbJ8zs') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

strong {
	font-weight: normal!important;
}

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

 html {
	width: 100%;
	height: 100%;
 }
 
 body{
	color:#000;
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #f8f8f8;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	min-width: 960px;
}

*::-moz-selection{
	background: #fd6c01!important;
	color: #fff;
} 

*::selection {
	background: #fd6c01!important;
	color: #fff;
}

*::-webkit-selection {
	background: #fd6c01!important;
	color: #fff;
}

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;
}

h1 sup {
	top: -0.5em;
	font-size: 0.5em;
}

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

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

div#uds-billboard-settings {
    display: none;
}

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

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

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

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

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

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

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

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

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

span.LeftRoundedBorder{
	background: url("images/left_input.png") no-repeat scroll left top transparent;
	float: left;
	display: block;
	height: 35px;
	padding-left: 6px;
	margin-bottom: 12px;
}

span.RightRoundedBorder{
	background: url("images/right_input.png") no-repeat scroll right top transparent;
	float: left;
	display: block;
	height: 35px;
	padding-right: 6px;
}

span.LeftRoundedBorder span.RightRoundedBorder input {
	background: url("images/middle_input.png") repeat-x scroll 0 0 transparent;
	display: block;
	height: 35px;
	border: none!important;
	color: #555555!important;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	line-height: 18px;
	#margin-top: -1px!important;
	#padding-top: 6px;
	margin: 0;
	width: 436px;
	color: #000000;
}

table textarea{
	border: none!important;
	background-color: #e8ebed;
	color: #555555!important;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	line-height: 18px;
	width: 436px!important;
	margin: 0;
	#margin-top: -1px!important;
	#padding-top: 6px;
	#margin-bottom: -1px!important;
	border: none!important;
	border-color: tansparent!important; 
	overflow: auto;
}

div.ContactForm table, div.ContactFormBanqueCV table {
	#margin-top: -24px;
	margin-bottom: 12px;
}

.NoDisplay {
	display: none;
}

div#Content div.ContactForm input.watermark, div#Content div.ContactForm textarea.watermark {
	text-transform: uppercase;
}

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

div#HeaderWrap{
	width: 100%;
}

div#Header {
	width: 960px; height: 168px;
	margin: 0 auto;
}

div#logo {
	float: left;
	width: 336px;
	margin-top: 8px;
}

div#logo a {
	background: url('./images/logo.png') no-repeat;
	width: 192px; height: 72px;
	margin-top: 48px;
	display: block;
}

div#Header div#Menu {
	float: right;
	width: 624px;
	margin-top: 24px;
}

div#Header div#Menu div#Top {
	/*float: left;*/
	/*width: 533px;*/
	margin-top: 3px;
}

div#Header div#Social {
	float: right;
	width: 90px;
	display: none;
}

div#Header div#Social li {
	float: left;
}

div#Header div#Menu div#Top li.FirstMenuItem {
	border-right: 1px dotted #555555;
	padding-right: 14px;
}

div#Header div#Menu div#Top li.LastMenuItem {
	padding-left: 14px;
}

div#Header div#Social li#Facebook {
	margin-right: 6px;
	margin-left: 24px;
}

div#Header div#Social li#Facebook a {
	background: url('./images/facebook.png') top left no-repeat;
	width: 18px; height: 18px;
	display: block;
}

div#Header div#Social li#Facebook a:hover {
	background-position: 0px -19px;
}

div#Header div#Social li#Twitter {
	margin-right: 6px;
}

div#Header div#Social li#Twitter a {
	background: url('./images/twitter.png') top left no-repeat;
	width: 18px; height: 18px;
	display: block;
}

div#Header div#Social li#Twitter a:hover {
	background-position: 0px -19px;
}

div#Header div#Social li#LinkedIn a {
	background: url('./images/linked_in.png') top left no-repeat;
	width: 18px; height: 18px;
	display: block;
}

div#Header div#Social li#LinkedIn a:hover {
	background-position: 0px -19px;
}

div#Header div#Principal div#teammenupages-4 li {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	border-right: 1px dotted #555555;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	height: 11px;
	padding-top: 17px;
	margin-top: 24px;
}

div#Header div#Principal div#teammenupages-4 li.LastListItem {
	border-right: none;
}

div#Header div#Principal div#teammenupages-4 li.col1 {
	width: 94px;
	text-align: left;
}

div#Header div#Principal div#teammenupages-4 li.col2 {
	width: 149px;
}

div#Header div#Principal div#teammenupages-4 li.col3 {
	width: 155px;
}

div#Header div#Principal div#teammenupages-4 li.col4 {
	width: 109px;
}

div#Header div#Principal div#teammenupages-4 li.col5 {
	width: 113px;
	text-align: right;
}

div#Header div#Principal div#teammenupages-4 li a {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	color: #aaa;
}

div#Header div#Menu div#Principal div#teammenupages-4 li.SelectedMenu a, 
div#Header div#Menu div#Top div#teammenupages-5 li.SelectedMenu a, 
div#Header div#Principal div#teammenupages-4 li a:hover {
	color: #000000;
	
}

div#Header div#Menu div#Top div#teammenupages-5 ul {
	float: right;
	width: auto!important;
}

div#Header div#Menu div#Top div#teammenupages-5 li {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 2px;
	height: 12px;
}

div#Header div#Menu div#Top div#teammenupages-5 li a {
	color: #aaa;
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	line-height: 14px;
}

div#Header div#Menu div#Top div#teammenupages-5 li a:hover {
	color: #000000;
}

div#Header div#Menu div#Principal div#teammenupages-6 {
	margin-top: 16px;
}

div#Header div#Principal div#teammenupages-6 li {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
}

div#Header div#Principal div#teammenupages-6 li a {
	width: 196px; height: 18px;
	padding-left: 12px;
	display: block;
	color: #ffffff;
}

div#Header div#Principal div#teammenupages-6 li.col1 a {
	background: #fd6c01;
}

div#Header div#Principal div#teammenupages-6 li.col2 a {
	background: #1aafe6;
}

div#Header div#Principal div#teammenupages-6 li.col3 a {
	background: #8ed033;
}


div#Header div#Principal div#teammenupages-6 li a:hover {
	background: #555555;
}

div#Content div#SousMenu {
	#margin-bottom: 24px!important;
}

div#Content div#SousMenu ul {
	margin-left: -22px;
}

div#Content div#SousMenu ul li {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	border-right: 1px dotted #000000;
	background: none;
	float: left;
	font-size: 10px;
  height: 10px;
  padding: 3px 22px;
	margin: 3px 0;
}

div#Content div#SousMenu ul li a {
	color: #000000;
}

div#ContentWrap div#Content div#SousMenu ul li.LastMenuItem,
div#Content div#SousMenu ul li.LastListItem {
	border-right: none;
	
}

div#Header div#Menu div#Principal div#teammenupages-4 ul li.LastMenuItem {
	border-right: none;
}

/*
div#Header div#Principal ul.SousPages {
	background: #ffffff;
	display: none;
	position: absolute;
    z-index: 10;
	padding: 10px;
	border: 1px solid #000000;
}

div#Header div#Principal ul.SousPages li {
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #000000;
}

div#Header div#Principal ul.SousPages li a {
	
}

div#Header div#Principal ul.SousPages li a:hover {
	color: #fd6c01;	
}

div#Header div div#Principal ul.SousPages li.LastListItem {
	border-bottom: none;
}*/

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

div.ImgReponse1 {
	background: url('./images/fond-accueil-orange.jpg') repeat-x center top #FD5E0D;
}

div.ImgReponse2 {
	background: url('./images/fond-accueil-bleu.jpg') repeat-x center top #1AAFE7;
}

div.ImgReponse3 {
	background: url('./images/fond-accueil-vert.jpg') repeat-x center top #A0C80F;
}

div#Content h1 {
	font-family: TEAMNovecentowideDemibold,Arial,Helvetica,Sans-serif;
	line-height: 24px;
	font-size: 24px;
	margin-bottom: 24px;
}

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

div#Content {
	width: 960px;
	margin: 0 auto;
}

div#ContentRep {
	margin: 0 auto;
	width: 960px;
	height: 312px;
}

div#ContentRep div.full {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	color: #ffffff;
	padding-top: 96px;
}

div#ContentRep div.question {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	width: 348px;
	margin-right: 36px;
	float: left;
	font-size: 36px;
	color: #ffffff;
	margin-top: 72px;
	text-transform: uppercase;
}

div#ContentRep div.reponse {
	width: 576px;
	`height: 240px;
	float: right;
	margin-top: 72px;
	overflow: hidden;
}

div#ContentRep div.reponseImage {
	margin-top: 0px;
}

div#ContentRep div.reponse ul li {
	font-family: TEAMArimoBoldWebfont, Arial, Helvetica, Sans-serif;
	margin-bottom: 24px;
	letter-spacing: 1px;
}

div#ContentRep div.reponse ul li a {
	width: 552px;
	padding-left: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	display: block;
	background: #f8f8f8;
}

div.ImgReponse1 div#ContentRep div.reponse ul li a:hover, div.ImgReponse1 div#ContentRep div.reponse ul li.Highlighted a {
	background-color: #FD550E!important;
	color: #f8f8f8!important;
}

div.ImgReponse2 div#ContentRep div.reponse ul li a:hover, div.ImgReponse2 div#ContentRep div.reponse ul li.Highlighted a {
	background-color: #0CC5FE!important;
	color: #f8f8f8!important;
}

div.ImgReponse3 div#ContentRep div.reponse ul li a:hover, div.ImgReponse3 div#ContentRep div.reponse ul li.Highlighted a {
	background-color: #9CC40B!important;
	color: #f8f8f8!important;
}

div#ContentRep div.question strong {
	font-family: TEAMNovecentowideBoldWebfont, Arial, Helvetica, Sans-serif;
	font-size: 56px;
}

div#Content div#Container {
	width: 648px;
	float: left;
}

div#Content p {
	font-family: TEAMArimoRegularWebfont, Arial, Helvetica, Sans-serif;
	color: #555555;
	line-height: 24px;
	font-size: 13px;
	margin-bottom: 24px;
}

div#Content ul div.Archives ul li {
    font-family: TEAMArimoRegularWebfont, Arial, Helvetica, Sans-serif;
    font-size: 14px;
    line-height: 24px;
	margin-bottom: 0px;
}

div#Content ul div.Archives ul li a {
	color: #555555;
}

div#Content ul div.Archives ul li a:hover {
	color: #000000;
}

div#Content ul div.Archives ul li a span {
	border-right: 1px dotted #000000;
	padding-right: 12px;
	margin-right: 12px;
}

div#Content ul div.Archives ul li a span.marketing {
	color: #fd6c01;
}

div#Content ul div.Archives ul li a span.web {
	color: #1aafe6;
}

div#Content ul div.Archives ul li a span.design {
	color: #8ed033;
}

div#Content ul div.Archives ul li a:hover {
	color: #555555;
}

div#Content div#ContainerLeft p a:hover {
	color: #555555;
}

div#Content div#ContainerRight div#EcranOrdi {
	background: url('./images/ecran_ordi.png') no-repeat left top transparent;
	height: 374px;
	width: 464px;
	padding-left: 34px;
	padding-top: 23px;
}

div#Content div#ContainerLeft div.ContactForm p.button a:hover {
	color: #ffffff;
}

div#Content div#ContainerLeft div.wpcf7-response-output {
	margin-top: 0px;
}

div#Content div#Box div#Portfolio {
	margin-bottom: 24px;
}

div#Content ul.Nouvelles li {
	border-bottom: 1px dotted #000000;
	margin-bottom: 24px;
}

div#Content ul.Nouvelles div.Archives ul li.FirstListItem {
	border-bottom: none;
}

div#Content div#ContainerRight a:hover{
	text-decoration: underline;
}

p.button {
	cursor: pointer;
}

p.button a {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	background: #000000;
    color: #ffffff;
    display: block;
    height: 18px;
	font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 12px;
    width: 196px;
	text-transform: uppercase;
}

p.button a:hover {
	background: #555555;
}

div#Content strong {
	font-family: TEAMArimoBoldWebfont, Arial, Helvetica, Sans-serif;
}

div#Content ul.Cat {
	margin-bottom: 0px;
}

div#Content ul.Cat li {
	float: left;
	margin-bottom: 9px;
	text-align: center;
}

div#Content ul.Cat li a {
	font-family: TEAMNovecentowideBoldWebfont, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	width: 84px; height: 18px;
	padding-left: 12px;
	line-height: 18px;
	display: block;
	color: #ffffff;
	background: #555555;
}

div#Content ul.Cat li.marketing a:hover {
	background: #fd6c01;
}

div#Content ul.Cat li.web a.SelectedMenu,  
div#Content ul.Cat li.web a:hover {
	background: #1aafe6;
}

div#Content ul.Cat li.design a.SelectedMenu, 
div#Content ul.Cat li.design a:hover {
	background: #8ed033;
}

div#Content ul.SousCat {
	width: 982px;
	margin-top: 9px;
	margin-left: -22px;
}

div#Content ul.SousCat li {
	float: left;
	border-right: 1px dotted #000000;
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	height: 10px;
	padding: 3px 22px;
	margin-top: 3px;
	margin-bottom: 3px;
}

div#Content ul.SousCat li a {
	
}

div#Content ul.SousCat li.LastListItem {
	border-right: none;
}

div#Content div#Box div#Nouvelle {
	float: left;
	width: 467px;
}

div#Content div#Box div#Portfolio {
	float: right;
	width: 468px;
	margin-left: 24px;
	border-left: 1px dotted #000000;
	height: 144px;
}

div#Content div#Box div#Portfolio h3 {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	color: #000000;
	margin-left: 60px;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 12px;
}

div#Content div#Box div#Portfolio ul {
	margin-left: 36px;
}

div#Content div#Box div#Portfolio ul li {
	float: left;
	margin-left: 24px;
	padding-left: 0px;
}

div#Content div#Box div#Nouvelle h1  {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 24px;
}

div#Content div#Box div#Nouvelle p a {
	background: url('./images/fleche_orange.png') -7px -5px no-repeat;
	width: 12px; height: 15px;
	display: inline-block;
}

div#Content div#Box div#Nouvelle p a:hover {
	background-position: -7px -30px;
}

div#Content ul.TeamPlanSitePages {
	margin-left: 336px;
}
/*
div#Content ul.TeamPlanSitePages li {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	border-bottom: 1px dotted #000000;
	font-size: 13px;
	line-height: 24px;
}*/

div#Content ul.TeamPlanSitePages li a {
	color: #555555;
}

div#Content ul.TeamPlanSitePages li a:hover {
	color: #000000;
}

div#Content ul.TeamPlanSitePages li.LastListItem {
	border-bottom: none;
}

div#Content div#Box {
	padding-top: 24px;
	margin-top: 24px;
	margin-bottom: 24px;
	border-bottom: 1px dotted #555555;
	border-top: 1px dotted #555555;
	zoom: 1;
}

div#Content div#Box div.boxgrid {
	width: 120px; height: 120px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
div#Content div#Box div.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index: 100;
}

div#Content div#Box div.marketing {
	background: #fd6c01;
}

div#Content div#Box div.web {
	background: #1aafe6;
}

div#Content div#Box div.design {
	background: #8ed033;
}

div#Content div#ContainerLeft, div#Content ul li div.Left {
	float: left;
	width: 448px;
	margin-right: 24px;
}

div#Content div#ContainerRight, div#Content ul li div.Right {
	float: right;
	width: 464px;
}

div#Content h3 {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 24px;
}

div#Content ol li {
	font-family: TEAMArimoRegularWebfont, Arial, Helvetica, Sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #555555;
}

div#Content div#ContainerLeft h1, div#Content div.Left h1 {
	font-family: TEAMNovecentowideBoldWebfont, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 40px;
}

div#ContainerRight ul li,
div#Content ul.TeamPlanSitePages li {
	font-family: TEAMArimoRegularWebfont, Arial, Helvetica, Sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #555555;
	padding-left: 12px;
	background: url('./images/bullet-orange.png') no-repeat left top transparent;
}

/* Orange */
div.marketing div#ContainerLeft h1, div.Left h1.marketing {
	color: #fd6c01;
}

div.marketing ul li {
	background: url('./images/bullet-orange.png') no-repeat left top transparent;
}

div.marketing ol li span {
	color: #fd6c01;
}

div.marketing div#Box div#Nouvelle p a {
	background: url("./images/fleche_orange.png") no-repeat -7px -5px transparent!important;
}

div.marketing div#Box div#Nouvelle p a:hover {
	background-position: -7px -30px!important;
}

div#SousMenu ul.orange li a:hover, 
div#SousMenu ul.orange li.SelectedMenu a, 
div.marketing div#SousMenu ul li a:hover, 
div.marketing div#SousMenu ul li.SelectedMenu a,
div.marketing ul.SousCat li a:hover {
	color: #fd6c01!important;
}

/* Bleu */
div.web div#ContainerLeft h1, div.Left h1.web {
	color: #1aafe6;
}

div.web div#ContainerRight ul li {
	background: url('./images/bullet-bleu.png') no-repeat left top transparent!important;
}

div.web ol li span {
	color: #1aafe6;
}

div.web div#Box div#Nouvelle p a {
	background: url("./images/fleche_bleu.png") no-repeat -7px -5px transparent!important;
}

div.web div#Box div#Nouvelle p a:hover {
	background-position: -7px -30px!important;
}

div.web div#SousMenu ul li a:hover, 
div.web div#SousMenu ul li.SelectedMenu a,
div#Content ul.web li.SelectedMenu a,
div.web ul.SousCat li a:hover {
	color: #1aafe6!important;
}

/* Vert */
div.design div#ContainerLeft h1, div.Left h1.design {
	color: #8ed033;
}

div.design div#ContainerRight ul li {
	background: url('./images/bullet-vert.png') no-repeat left top transparent;
}

div.design ol li span {
	color: #8ed033;
}

div.design div#Box div#Nouvelle p a {
	background: url("./images/fleche_vert.png") no-repeat -7px -5px transparent!important;
}

div.design div#Box div#Nouvelle p a:hover {
	background-position: -7px -30px!important;
}

div.design div#SousMenu ul li a:hover, 
div.design div#SousMenu ul li.SelectedMenu a,
div#Content ul.design li.SelectedMenu a,
div.design ul.SousCat li a:hover {
	color: #8ed033!important;
}

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

div#Content div.Equipe {
	position: relative;
	border-top: 1px dotted #000000;
	
	width: 961px;
	padding-bottom: 24px;
}

div#Content div.Equipe ul li.FirstListItem, div#Content div.Equipe ul li.bordure {
	border-left: 1px dotted #000000;
}

div#Content div.Equipe div.CaseX2 {
	width: 383px; height: 383px;
	top: 0px;
	left: 1px;
	position: absolute;
	overflow: hidden;
	/*cursor: pointer;*/
	color: #ffffff;
}

div#Content div.Equipe div.CaseX2 h5 {
	font-family: TEAMNovecentowideBoldWebfont, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 20px;
}

div#Content div.Equipe div.CaseX2 p {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-left: 24px;
	margin-right: 24px;
	text-transform: uppercase;
	color: #ffffff;
}

div#Content div.Equipe div.CaseX2 a {
	background: url("./images/fleche_blanche.png") no-repeat -7px -5px transparent!important;
	width: 14px; height: 14px;
	margin-left: 24px;
	display: block;
	position: absolute;
	bottom: 24px;
}

div#Content div.Equipe div.CaseX2 a:hover {
	background-position: -7px -30px!important;
}

div#Content div.Equipe div.CaseX2 img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

div#Content div.Equipe div.Case {
	width: 191px; height: 191px;
	position: relative;
	overflow: hidden;
	/*cursor: pointer;*/
}

div#Content div.Equipe div.Case h5 {
	font-family: TEAMNovecentowideBoldWebfont, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 20px;
}

div#Content div.Equipe div.Case img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

div#Content div.Equipe li {
	list-style: none;
	float: left;
	width: 191px; height: 191px;
	color: #ffffff;
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
}

div#Content div.Equipe li p {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-left: 24px;
	margin-right: 24px;
	text-transform: uppercase;
	color: #ffffff;
}

div#Content div.Equipe li a {
	background: url("./images/fleche_blanche.png") no-repeat -7px -5px transparent!important;
	width: 14px; height: 14px;
	margin-left: 24px;
	display: block;
	position: absolute;
	bottom: 24px;
}

div#Content div.EquipeText span.mail a, div#Content ul.Nouvelles li div.Right a {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 15px;
	display: block;
}

div#Content div.EquipeText span.mail a {
	width: 102px; height: 14px;
}

div#Content ul.Nouvelles li div.Right a {
	width: 82px; height: 14px;
	margin-bottom: 24px;
}

div#Content div.EquipeText span.mail a:hover{
	background-position: 0px -30px;
}

div#Content div.EquipeText ul li {
	background: none;
}

div.marketing div.EquipeText span.mail a {
	background: url("./images/fleche_orange_contact.png") no-repeat 0px -5px transparent;
}

div.web div.EquipeText span.mail a {
	background: url("./images/fleche_bleu_contact.png") no-repeat 0px -5px transparent;
}

div.design div.EquipeText span.mail a {
	background: url("./images/fleche_vert_contact.png") no-repeat 0px -5px transparent;
}

div#Content ul.Nouvelles li div.marketing a {
	background: url("./images/fleche_orange_contact.png") no-repeat -25px -5px transparent;
}

div#Content ul.Nouvelles li div.web a {
	background: url("./images/fleche_bleu_contact.png") no-repeat -25px -5px transparent;
}

div#Content ul.Nouvelles li div.design a {
	background: url("./images/fleche_vert_contact.png") no-repeat -25px -5px transparent;
}

div#Content div.Equipe li a:hover {
	background-position: -7px -30px!important;
}

div#Content ul.Nouvelles li div.Right a:hover {
	background-position: -25px -30px;
}

div#Content div.Equipe div.marketing  {
	background: #fd6c01;
}

div#Content div.Equipe div.web {
	background: #1aafe6;
}

div#Content div.Equipe div.design {
	background: #8ed033;
}

div#Content div.EquipeText {
	float: left;
	width: 336px;
}

div#Content img.EquipeImage {
	float: right;
	width: 624px;
}

div#Content div.EquipeText li.FirstListItem {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 12px!important;
	line-height: 14px;
	width: 322px;
	/*border-right: 1px dotted #000000;*/
	float: left;
}

div#Content div.EquipeText li.FirstListItem p {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 18px;
}

div#Content div.EquipeText ul li p.NomEquipe {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #000;
	margin-bottom: 0px;
}

div#Content div.EquipeText li.LastListItem {
	/*width: 178px;*/
	/*float: right;*/
}

div#Content div.EquipeText ul li.LastListItem p {
	/*font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif!important;
	text-transform: uppercase!important;
	font-size: 12px!important;
	line-height: 15px; */
}

div#Content div#Box div#Portfolio h4 {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	color: #ffffff;
	font-size: 12px;
	margin: 12px;
}

div#Content div#Box div#Portfolio div.boxgrid {
	position: relative;
}

div#Content div#Box div#Portfolio div.boxgrid a {
	background: url("./images/fleche_blanche.png") no-repeat -7px -5px transparent;
	position: absolute;
	display: block;
	width: 14px; height: 14px;
	left: 12px;
	bottom: 12px;
}

div#Content div#Box div#Portfolio div.boxgrid a:hover {
	background-position: -7px -30px;
}

a.BackFirstPanel {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	background: url("./images/fleche_blanche_retour.png") no-repeat -5px -5px transparent;
	text-transform: uppercase;
	padding-left: 18px;
	line-height: 14px!important;
	height: 14px!important;
	font-size: 16px!important;
	display: block;
	color: #fff;
	width: 85px;
}

a.SpecialPanel {
	margin-top: 12px;
}

a.BackFirstPanel:hover {
	background-position: -5px -30px;
	color: #000000!important;
}

div#Content p.boutonRetour a {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	background: url("./images/fleche_retour.png") no-repeat -5px -5px transparent;
	text-transform: uppercase;
	padding-left: 18px;
	line-height: 14px;
	height: 14px;
}

div#Content p.boutonRetour a:hover {
	background-position: -5px -30px;
	color: #000000!important;
}

div#Content div#ContainerRight ul li a {
	font-size: 12px;
}

div#Content div#ContainerRight ul li a:hover {
	color: #555555;
}

div#Principal ul.TeamMenuPages li.col1 a.UnSelectedMenu:hover {
	background: #fd6c01!important;
}

div#Principal ul.TeamMenuPages li.col2 a.UnSelectedMenu:hover {
	background: #1aafe6!important;
}

div#Principal ul.TeamMenuPages li.col3 a.UnSelectedMenu:hover {
	background: #8ed033!important;
}

div.marketing div#Box div#Portfolio ul li div.boxgrid {
	background: #fd6c01!important;
}

div.web div#Box div#Portfolio ul li div.boxgrid {
	background: #1aafe6!important;
}

div.design div#Box div#Portfolio ul li div.boxgrid {
	background: #8ed033!important;
}

div #wowslider-container1 a:hover {
	color: #1aafe6;
}

div#Content div#wowslider-container1 div.ws-title div div.SlideContent h1 {
	font-family: TEAMNovecentowideDemibold, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 6px;
	color: #000000;
}

div#Content div#wowslider-container1 div.ws-title div div.SlideContent p.cat {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 24px;
}

div#Content div#wowslider-container1 div.ws-title div div.SlideContent p.cat span {
	border-right: 1px dotted #000000;
    margin-right: 12px;
    padding-right: 12px;
}

div#Content div.margin24 {
	height:24px; width: 960px;
}

div#Content div.Equipe ul li.colone5 {
	border-left: 1px dotted #000000;
}

div#Content div.Equipe ul li.pasbordure {
	border-left: none!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#Content ul.Nouvelles div.Archives {
		margin-bottom: 48px;
	}
	div#Content div.ContactForm div.FileSpecial span{
		height: 24px!important;
		margin-bottom: -12px!important;
	}
}
	
/* **** MapPress **** */

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

div#mapp0_poweredby {
	display: none!important;
}

/* **** TIMYMCE **** */

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

/*****************************************/
/* SIDEBAR								 */
/*****************************************/

div#Content div.Sidebar {
	width: 288px;
	float: right;
}

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

div#FooterWrap {
	width: 100%;
}

div#Footer {
	width: 960px;
	margin: 24px auto;
}

div#Footer ul#Coordonnees li {
	float: left;
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	height: 11px;
	padding-top: 3px;
	margin-bottom: 24px;
	color: #000000;
}

div#Footer ul#Coordonnees li.Nom {
	width: 200px;
}

div#Footer ul#Coordonnees li.Adresse {
	width: 398px;
	border-right: 1px dotted #555555;
}

div#Footer ul#Coordonnees li.Telephone {
	width: 208px;
	border-right: 1px dotted #555555;
	text-align: center;
}

div#Footer ul#Coordonnees li.Courriel {
	width: 152px;
	text-align: right;
}

div#Footer ul#Coordonnees li a{
	color: #555555;
}

div#Footer ul#Coordonnees li.Adresse sup {
	margin-top: 12px;
}

div#Footer div#teammenupages-7 li {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	border-right: 1px dotted #555555;
	text-align: center;
	font-size: 10px;
	padding-top: 4px;
	height: 12px;
	margin-bottom: 24px;
}

div#Footer div#teammenupages-7 li.col1 {width: 74px;text-align: left;}
div#Footer div#teammenupages-7 li.col2 {width: 54px;}
div#Footer div#teammenupages-7 li.col3 {width: 72px;}
div#Footer div#teammenupages-7 li.col4 {width: 90px;}
div#Footer div#teammenupages-7 li.col5 {width: 110px;}
div#Footer div#teammenupages-7 li.col6 {width: 110px;}
div#Footer div#teammenupages-7 li.col7 {width: 73px;}
div#Footer div#teammenupages-7 li.col8 {width: 101px;}
div#Footer div#teammenupages-7 li.col9 {width: 80px;}
div#Footer div#teammenupages-7 li.col10 {width: 93px;}
div#Footer div#teammenupages-7 li.col11 {width: 93px;text-align: right;border-right:none;}

div#Footer div#teammenupages-7 li a {
	color: #555555;
}

div#Footer div#teammenupages-7 li a:hover {
	color: #000000;
}

div#Footer div#Rights, div#Footer div#FooterNotes div.widget_teammenupages {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #555555;
	float: left;
	width: 340px;
}

div#Footer div#FooterNotes div.widget_teammenupages li {
	font-family: TEAMNovecentowideNormalWebfont, Arial, Helvetica, Sans-serif;
	border-left: 1px dotted #555555;
	text-align: center;
	font-size: 10px;
	padding-top: 4px;
	height: 12px;
}

div#Footer div#FooterNotes div#Rights {
	font-size: 10px;
	padding-top: 4px;
	height: 12px;
	margin-bottom: 48px;
}

div#Footer div#FooterNotes li.col1 {
	width: 72px;
}

div#Footer div#FooterNotes li.col2 {
	width: 103px;
}

div#Footer div#FooterNotes div.widget_teammenupages li a {
	color: #555555;
	font-size: 10px;
}
div#Footer div#teammenupages-7 ul.TeamMenuPages li.SelectedMenu a,
div#Footer div#FooterNotes div.widget_teammenupages li a:hover, div#Footer  ul.TeamMenuPages li.SelectedMenu a {
	color: #000000;
}

div#Footer ul#Coordonnees li.Courriel a:hover {
	color: #000000;
}

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

div.wpcf7{
	position: relative;
}

div.wpcf7 div.ContactFormPostuler .Effect, div.wpcf7 div.ContactFormBanqueCV .Effect, div.wpcf7 div.ContactForm .Effect{
	border: 1px solid #000000;
}

div.wpcf7 div.ContactFormPostuler textarea, div.wpcf7 div.ContactFormBanqueCV  textarea, div.wpcf7 div.ContactForm textarea{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
}

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

div#ContainerLeft div.wpcf7 form.wpcf7-form div.ContactForm {
	margin-top: -18px;
	#margin-top: 6px;
}

/* Pour bouton file  */
div.FileSpecial input.file {
	display: none!important;
}


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

div.FileSpecial span.resume {
	float: left;
	/*height: 24px;*/
	overflow: hidden;
}

div.FileSpecial span.text {
	float: left;
	padding-left: 24px;
}

div.FileSpecial {
	font-family: TEAMNovecentowideDemibold,Arial,Helvetica,Sans-serif;
	background: #000000;
    color: #ffffff;
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-transform: uppercase;
    width: 208px;
	margin-bottom: 12px;
	#margin-bottom: 36px!important;
	#margin-top: -24px!important;
}

div.FileSpecial p.bouton a.TexteParcourir {
	font-family: TEAMNovecentowideDemibold,Arial,Helvetica,Sans-serif;
	background: #000000;
    color: #ffffff;
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 12px;
    text-transform: uppercase;
    width: 196px;
}

div.FileSpecial p.bouton a.TexteParcourir:hover {
	background: #555555!important;
	color: #ffffff!important;
}

div.EmploiForm div.FileSpecial p.bouton {
	margin-bottom: 12px!important;
}

/* Fin bouton file */

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

/* 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 span.BoutonMilieu{
	background: url('./images/bouton_sprite_milieu.png') repeat left 0px transparent;
	height: 24px;
	line-height: 24px;
	padding-right: 6px;
	padding-left: 6px;
	color: #ffffff!important;
}

p.Bouton span.BoutonGauche{
	background: url('./images/bouton_sprite.png') no-repeat left 0px transparent;
	padding-left: 6px;
}

p.Bouton span.BoutonDroite{
	background: url('./images/bouton_sprite.png') no-repeat right -25px transparent;
	padding-right: 6px;
}

p.Bouton a:hover span.BoutonMilieu, span.BoutonMilieuOver{
	background: url('./images/bouton_sprite_milieu.png') repeat left -25px transparent!important;
}

p.Bouton a:hover span.BoutonGauche, span.BoutonGaucheOver{
	background-position: left -50px!important;
}

p.Bouton a:hover span.BoutonDroite, span.BoutonDroiteOver{
	background-position: right -75px!important;
}

/* fin bouton */

.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;
}