/* CSS Document */
/* www.cimeos.com */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input, img, textarea {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}
.display_none {
	display: none;
}
a {
	text-decoration: none;
	color: #000000;
}
img.flottante-gauche {
	float: left;
	margin: 5px;
}
img.flottante-droite {
	float: right;
	margin: 5px;
}
div.seph1 {
	clear: both;
	display: block;
	float: none;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	visibility: hidden;
}
body {
	font-family: Arial;
	font-variant: normal;
	background-attachment: fixed;
	/*background-position: center;
	text-align: center;
*/
	background-repeat: no-repeat;
}
#video, #object {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
	display: block;
}
/** Hack SAFARI 3 et + ***/
@media screen and (-webkit-min-device-pixel-ratio:0) {
object#object {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	padding: auto;
	margin: auto;
}
}
/**** Page ****/
div#page {
	width: 908px;
	height: auto;
	margin: 0px auto 0px auto;
	position: relative;
}
/**** Div avec les deux boutons Afficher Element et Cacher Element ****/
div#controler-objet {
	position: absolute;
	top: 0;
	left: 374px;
	height: 50px;
	width: 178x;
	display: block;
	background: url(../img/header/fond-controler-video.png) no-repeat scroll;
	z-index: 30;
}
div#controler-objet-content {
	position: relative;
	float: left;
	width: 178px;
	height: auto;
	text-align: center;
	padding-left: 3px;
	padding-top: 1px;
}
div#controler-objet-bottom {
	position: relative;
	float: left;
	width: 178px;
	height: 13px;
	text-align: center;
	top: -2px;
	clear: left;
}
div#controler-objet-bottom a {
	display: block;
	height: 12px;
	width: auto;
}
div#controler-objet-bottom a img {
	border: none;
}
div#controler-objet-content div {
	position: relative;
	float: left;
	width: 86px;
	height: 21px;
	padding: 1px;
}
div#controler-objet div a {
	display: block;
	text-align: center;
	font-size: 9px;
	color: black;
}
div#controler-objet div a:hover {
	color: white;
}
/*****************/
/**** Header ****/
/****************/
div#header {
	width: 908px;
	height: 98px;
	margin: 0px;
	position: relative;
	margin-bottom: 7px;
  /* Hack IE */
  z-index:1000\9; 
}
div#header_logo {
	position: relative;
	width: 187px;
	margin: 0px;
	height: 98px;
	float: left;
	left: -15px;
}
div#header_logo-boule {
	background: url(../img/header/boule-logo-cimeos.png) scroll no-repeat;
	width: 82px;
	height: 86px;
	position: absolute;
	top: 8px;
	left: -1px;
}
div#header_logo-texte {
	background: url(../img/header/texte-logo-cimeos.png) scroll no-repeat;
	width: 158px;
	height: 55px;
	position: absolute;
	top: 19px;
	left: 29px;
}
div#header_logo a {
	width: 187px;
	height: 82px;
	display: block;
	/*margin-top: 2px;
*/
	position: absolute;
	z-index: 20;
}
/**** Menu du Header ****/
div#header_menu {
	position: relative;
	width: 579px;
	height: 62px;
	margin: 0px;
	float: left;
	padding-top: 36px;
	padding-left: 68px;
  /* Hack IE */
  z-index:1000\9; 
}
div#header-menu-top {
	position: relative;
	background: url(../img/header/header-menu-top.png) scroll no-repeat;
	width: 579px;
	height: 11px;
	float: left;
}
div#header-menu-center {
	position: relative;
	background: url(../img/header/header-menu-fond.png) scroll repeat;
	width: 579px;
	height: 22px;
	float: left;
  /* Hack IE */
  z-index:1000\9;
}
/** Effet slide du menu ***/
#slidemenu-accueil, #slidemenu-agence, #slidemenu-metiers, #slidemenu-contact {
	overflow: hidden;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
#slidemenu-metiers a {
	width: 100%;
	height: 100%;
}
#unlock-bottom-accueil, #unlock-bottom-agence, #unlock-bottom-metiers, #unlock-bottom-contact {
	position: relative;
	height: 100%px;
	width: 100%;
}
#slide-to-unlock-accueil, #slide-to-unlock-agence, #slide-to-unlock-metiers, #slide-to-unlock-contact {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	height: 22px;
	padding-left: 25px;
	text-transform: uppercase;
}
.unlock-slider {
	width: 100%;
	height: 22px;
}
#unlock-handle-accueil, #unlock-handle-agence, #unlock-handle-metiers, #unlock-handle-contact {
	position: absolute;
	z-index: 20;
	height: 22px;
	width: 18px;
	top: 0px;
	left: 0px;
	background: url(../img/header/header-puce-menu.png)no-repeat scroll center left;
/** Hakc IE **/
	background-image: url(../img/header/header-puce-menu.png)\9;
	background-repeat: no-repeat\9;
	background-position: 0px center\9;
}
#unlock-handle-accueil:hover, #unlock-handle-agence:hover, #unlock-handle-metiers:hover, #unlock-handle-contact:hover, #unlock-handle-accueil:active, #unlock-handle-agence:active, #unlock-handle-metiers:active, #unlock-handle-contact:active {
	position: absolute;
	z-index: 20;
	height: 22px;
	width: 18px;
	top: 0px;
	left: 0px;
	background: url(../img/header/header-puce-menu-hover.png)no-repeat scroll center left;
/** Hack IE **/
	background-image: url(../img/header/header-puce-menu-hover.png)\9;
	background-repeat: no-repeat\9;
	background-position: 0px center\9;
}
.lien-puce-menu {
	width: 18px;
	height: 18px;
}
div#conteneur-slidemenu-accueil, div#conteneur-slidemenu-agence, div#conteneur-slidemenu-metiers, div#conteneur-slidemenu-contact {
	display: block;
	height: 22px;
	position: relative;
	float: left;
}
div#conteneur-slidemenu-accueil {
	width: 110px;
}
div#conteneur-slidemenu-agence {
	width: 120px;
}
div#conteneur-slidemenu-metiers {
	width: 150px;
}
div#conteneur-slidemenu-contact {
	width: 180px;
}
/********************************/
/**** Liste du menu header ****/
div#header-menu-center ul#menu-horizontal {
	width: 555px;
	height: 22px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding-left: 10px;
  /* Hack IE */
  z-index:1000\9;
}
div#header-menu-center ul#menu-horizontal li#menu-accueil, div#header-menu-center ul#menu-horizontal li#menu-agence, div#header-menu-center ul#menu-horizontal li#menu-metiers, div#header-menu-center ul#menu-horizontal li#menu-contact {
	line-height: 22px;
	/*clear: right;
*/
	font-weight: bold;
	font-size: 14px;
	float: left;
	text-align: left;
}
div#header-menu-center ul#menu-horizontal li#menu-accueil {
	width: 110px;
}
div#header-menu-center ul#menu-horizontal li#menu-agence {
	width: 120px;
  /* Hack IE */
  z-index:1000\9;

}
div#header-menu-center ul#menu-horizontal li#menu-metiers {
	width: 150px;
  /* Hack IE */
  z-index:1000\9;
}
div#header-menu-center ul#menu-horizontal li#menu-contact {
	width: 170px;
}
/** Menu dÚroulant **/
div#menu-roll {
	display: none;
	width: 140px;
	z-index: 20;
	top: -10px;
	left: 235px;
	position: absolute; 
  cursor : pointer;
  /* Hack IE */
  z-index:1000\9;

}
#header-menu-center ul div#menu-roll ul#menu-roll-list {
	list-style-type: none;
	position: relative;
	float: left;
	list-style-type: outside;
	width: 140px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.li-menu-roll {
	background: url(../img/header/roll/menu-roll-fond-li.png) scroll repeat-x left bottom;
	display: block;
	position: relative;
	float: left;
	width: 140px;
	padding-bottom: 8px;
	padding-top: 3px;
	margin: 0;
}
.puce-menu-roll {
	position: relative;
	float: left;
	width: 30px;
}
#puce-marketing {
	background: url(../img/header/roll/puce-marketing.gif) scroll no-repeat 20px 7px;
}
#puce-com {
	background: url(../img/header/roll/puce-com.gif) scroll no-repeat 20px 7px;
}
#puce-web {
	background: url(../img/header/roll/puce-web.gif) scroll no-repeat 20px 7px;
}
#puce-apps {
	background: url(../img/header/roll/puce-apps.gif) scroll no-repeat 20px 7px;
}
.txt-menu-roll {
	position: relative;
	float: left;
	width: 110px;
}
#txt-marketing, #txt-com {
	width: 104px;
	padding-left: 6px;
}
#txt-web, #txt-apps {
	width: 102px;
	padding-left: 8px;
}
ul#menu-roll-list li#titre-nos-metiers {
	background: url(../img/header/roll/menu-roll-puce-grise.png) scroll no-repeat 5px 0px;
	width: 140px;
	height: 25px;
}
ul#menu-roll-list li#titre-nos-metiers a {
	display: block;
	width: 140px;
	height: 25px;
}
ul#menu-roll-list li#titre-nos-metiers p {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 30px;
	top: -2px;
	font-size: 14px;
	font-weight: bold;
	line-height: auto;
}
#header-menu-center ul div#menu-roll #menu-roll-top {
	width: 140px;
	height: 12px;
	background: url(../img/header/roll/menu-roll-top.png) scroll no-repeat;
	float: left;
	position: relative;
}
#header-menu-center ul div#menu-roll #menu-roll-center {
	width: 140px;
	background: url(../img/header/roll/menu-roll-fond.png) scroll repeat-y;
	float: left;
	position: relative;
}
#header-menu-center ul div#menu-roll #menu-roll-bottom {
	width: 140px;
	height: 11px;
	background: url(../img/header/roll/menu-roll-bottom.png) scroll no-repeat;
	float: left;
	position: relative;
}
/**** fin du menu dÚroulant ****/
/** Menu dÚroulant agence **/
div#menu-roll-agence {
	display: none;
	width: 120px;
	z-index: 20;
	top: -10px;
  cursor:pointer;
  left: 115px;    
  position: absolute;
  /* Hack IE*/
  left : 115px\9;
  
}
#header-menu-center ul div#menu-roll-agence ul#menu-roll-list-agence {
	list-style-type: none;
	position: relative;
	float: left;
	list-style-type: outside;
	width: 120px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.li-menu-roll-agence {
	background: url(../img/header/roll/menu-roll-fond-li.png) scroll repeat-x left bottom;
	display: block;
	position: relative;
	float: left;
	width: 110px;
	padding: 3px 0 5px 8px;
	margin: 0;
}
.txt-menu-roll-agence {
	position: relative;
	float: left;
	width: 110px;
}
#txt-marketing, #txt-com {
	width: 104px;
	padding-left: 6px;
}
#txt-web, #txt-apps {
	width: 102px;
	padding-left: 8px;
}
ul#menu-roll-list-agence li#titre-l-agence {
	background: url(../img/header/roll/menu-roll-puce-grise.png) scroll no-repeat 5px 0px;
	width: 120px;
	height: 25px;
}
ul#menu-roll-list-agence li#titre-l-agence a {
	display: block;
	width: 120px;
	height: 25px;
}
ul#menu-roll-list-agence li#titre-l-agence p {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 30px;
	top: -2px;
	font-size: 14px;
	font-weight: bold;
	line-height: auto;
}
#header-menu-center ul div#menu-roll-agence #menu-roll-top-agence {
	width: 120px;
	height: 12px;
	background: url(../img/header/roll/menu-roll-top-agence.png) scroll no-repeat;
	float: left;
	position: relative;
}
#header-menu-center ul div#menu-roll-agence #menu-roll-center-agence {
	width: 120px;
	background: url(../img/header/roll/menu-roll-fond-agence.png) scroll repeat-y;
	float: left;
	position: relative;
}
#header-menu-center ul div#menu-roll-agence #menu-roll-bottom-agence {
	width: 120px;
	height: 11px;
	background: url(../img/header/roll/menu-roll-bottom-agence.png) scroll no-repeat;
	float: left;
	position: relative;
}
/**** fin du menu dÚroulant ****/
div#header-menu-center ul li a {
	display: block;
	float: left;
	text-align: left;
}
div#header-menu-bottom {
	position: relative;
	background: url(../img/header/header-menu-bottom.png) scroll no-repeat;
	width: 579px;
	height: 18px;
	float: left;
}
/**** fin menu header ****/
div#header_cadenas {
	position: relative;
	background: url(../img/header/header-cadenas.png) scroll no-repeat 25px 36px;
	width: 47px;
	height: 100px;
	margin: 0;
	float: left;
	padding-left: 24px;
}
div#header_cadenas a {
	display: block;
	height: 47px;
	width: 47px;
	position: absolute;
	top: 40px;
}
/************************/
/**** fin du header ****/
/************************/
/****************************/
/**** contenu principal ****/
/***************************/
div#contenu {
	position: relative;
	width: 908px;
	float: left;
}
/**********************/
/**** bloc metiers ****/
/**********************/
div#metiers {
	width: 908px;
	height: 365px;
	float: left;
	position: relative;
	background: url(../img/bloc-metiers/fond-bloc-metiers.png) scroll no-repeat;
	margin-bottom: 17px;
}
/**** contenu du bloc mÚtiers ****/
div#metiers-contenu {
	width: 905px;
	float: left;
	position: relative;
	z-index: 10;
	/*background: url(../img/bloc-metiers/bloc-metiers-fond.png) scroll repeat-y;
*/
}
	/**** bloc marketing;
communication, web et apps du bloc mÚtiers ****/
div#metiers-contenu div#marketing, div#metiers-contenu div#communication, div#metiers-contenu div#web, div#metiers-contenu div#apps {
	width: 225px;
	position: relative;
	float: left;
	margin: 0px;
}
/**** titre des diffÚrents blocs du bloc mÚtiers ****/
div#metiers-contenu div#marketing div#marketing-titre, div#metiers-contenu div#communication div#communication-titre, div#metiers-contenu div#web div#web-titre, div#metiers-contenu div#apps div#apps-titre {
	width: 225px;
	height: 60px;
	float: left;
	top: 7px;
	position: relative;
	margin: 0px;
}
div#metiers-contenu div#marketing div#marketing-titre h1, div#metiers-contenu div#communication div#communication-titre h1, div#metiers-contenu div#web div#web-titre h1, div#metiers-contenu div#apps div#apps-titre h1 {
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	float: left;
	padding-top: 13px;
}
div#metiers-contenu div#marketing div#marketing-titre h1#marketing-h1 {
	padding-left: 57px;
}
div#metiers-contenu div#communication div#communication-titre h1#communication-h1 {
	padding-left: 57px;
	text-align: center;
}
div#metiers-contenu div#web div#web-titre h1#web-h1 {
	padding-left: 57px;
}
div#metiers-contenu div#apps div#apps-titre h1#apps-h1 {
	padding-left: 57px;
}
div#metiers-contenu div#marketing div#marketing-titre, div#metiers-contenu div#communication div#communication-titre, div#metiers-contenu div#web div#web-titre, div#metiers-contenu div#apps div#apps-titre {
	background: url(../img/bloc-metiers/bloc-metiers-titre-marketing.png) scroll no-repeat;
}
div#metiers-contenu div#communication div#communication-titre {
	background: url(../img/bloc-metiers/bloc-metiers-titre-communication.png) scroll no-repeat;
}
div#metiers-contenu div#web div#web-titre {
	background: url(../img/bloc-metiers/bloc-metiers-titre-web.png) scroll no-repeat;
}
div#metiers-contenu div#apps div#apps-titre {
	background: url(../img/bloc-metiers/bloc-metiers-titre-apps.png) scroll no-repeat;
}
/**** contenu des diffÚrents blocs du bloc mÚtiers ****/
div#metiers-contenu div#marketing div#marketing-contenu, div#metiers-contenu div#communication div#communication-contenu, div#metiers-contenu div#web div#web-contenu, div#metiers-contenu div#apps div#apps-contenu {
	width: 172px;
	height: 242px;
	float: left;
	position: relative;
	padding: 8px 32px 5px 22px;
	font-size: 12px;
	/*font-weight: bold;
	margin-bottom: 10px;
*/
	text-align: justify;
	overflow: hidden;
}
div#metiers-contenu div#marketing div#marketing-contenu a, div#metiers-contenu div#communication div#communication-contenu a, div#metiers-contenu div#web div#web-contenu a, div#metiers-contenu div#apps div#apps-contenu a {
	color: #999999;
}
div#metiers-contenu div#marketing div#marketing-contenu a:hover {
	color: #DA0071;
}
div#metiers-contenu div#communication div#communication-contenu a:hover {
	color: #EAC600;
}
div#metiers-contenu div#web div#web-contenu a:hover {
	color: #00cbf0;
}
div#metiers-contenu div#apps div#apps-contenu a:hover {
	color: #00cd00;
}
/**** liens en savoir plus du bloc mÚtiers ****/
div#metiers-contenu div#metiers-liens-savoir-plus {
	position: relative;
	float: left;
	width: 905;
	height: 15px;
	padding: 10px 0 23px 0;
}
div#metiers-contenu div#metiers-liens-savoir-plus div#marketing-liens, div#metiers-contenu div#metiers-liens-savoir-plus div#communication-liens, div#metiers-contenu div#metiers-liens-savoir-plus div#web-liens, div#metiers-contenu div#metiers-liens-savoir-plus div#apps-liens {
	width: 225px;
	height: 15px;
	float: left;
	position: relative;
	margin: 0px;
	padding-bottom: 5px;
}
/*div#metiers-contenu div#metiers-liens-savoir-plus div#marketing-liens a, div#metiers-contenu div#metiers-liens-savoir-plus div#communication-liens a, div#metiers-contenu div#metiers-liens-savoir-plus div#web-liens a, div#metiers-contenu div#metiers-liens-savoir-plus div#apps-liens a {
	width: 120px;
	display: block;
	padding-left: 22px;
}
div#metiers-contenu div#metiers-liens-savoir-plus div#marketing-liens {
	background: url(../img/bloc-metiers/bloc-metiers-marketing-liens.png) scroll no-repeat;
}
div#metiers-contenu div#metiers-liens-savoir-plus div#communication-liens {
	background: url(../img/bloc-metiers/bloc-metiers-communication-liens.png) scroll no-repeat;
}
div#metiers-contenu div#metiers-liens-savoir-plus div#web-liens {
	background: url(../img/bloc-metiers/bloc-metiers-web-liens.png) scroll no-repeat;
}
div#metiers-contenu div#metiers-liens-savoir-plus div#apps-liens {
	background: url(../img/bloc-metiers/bloc-metiers-apps-liens.png) scroll no-repeat;
}
*/
/**************************/
/**** fin bloc metiers ****/
/**************************/
/*************************/
/**** Page intÚrieure ****/
/*************************/
div#indoor {
	width: 905px;
	/*height: 452px;
*/
	float: left;
	position: relative;
	margin-bottom: 11px;
}
div#indoor-top {
	width: 905px;
	height: 22px;
	float: left;
	position: relative;
	background: url(../img/bloc-page/contenu-indoor-top.png) scroll no-repeat;
}
div#indoor-contenu {
	width: 905px;
	/*height: 379px;
*/
	float: left;
	position: relative;
	background: url(../img/bloc-page/contenu-indoor-fond.png) scroll repeat-y;
	padding-top: 15px;
}
/**** Colonne Ó gauche des pointillÚs ****/
div#indoor-colonne-gauche {
	position: relative;
	float: left;
	width: 42px;
	padding-right: 4px;
	/*height: 379px;
*/
	z-index: 30;
}
div#indoor-colonne-gauche div#contenu-colonne-gauche {
	width: 38px;
	padding: 2px;
	/*height: 375px;
*/
}
div#contenu-colonne-gauche p {
	text-align: left;
	font-weight: bold;
}
/**** menu gauche des pages intÚrieures ****/
div#indoor-colonne-centre {
	position: relative;
	float: left;
	width: 319px;
	/*height: 379px;
*/
}
.indoor-menu-titre {
	width: 319px;
	height: 29px;
	position: relative;
	float: left;
	margin-left: 10px;
}
/**** titre du menu gauche des pages intÚrieures ****/
#menu-gauche-titre-marketing.indoor-menu-titre {
	background: url(../img/bloc-page/marketing/menu-gauche-titre-marketing.png) scroll no-repeat 11px;
}
#menu-gauche-titre-marketing.indoor-menu-titre a {
	width: 170px;
	height: 29px;
	display: block;
}
#menu-gauche-titre-communication.indoor-menu-titre {
	background: url(../img/bloc-page/communication-digitale/menu-gauche-titre-communication.png) scroll no-repeat 11px;
}
#menu-gauche-titre-communication.indoor-menu-titre a {
	width: 310px;
	height: 29px;
	display: block;
}
#menu-gauche-titre-web.indoor-menu-titre {
	background: url(../img/bloc-page/web/menu-gauche-titre-web.png) scroll no-repeat 11px;
}
#menu-gauche-titre-web.indoor-menu-titre a {
	width: 95px;
	height: 29px;
	display: block;
}
#menu-gauche-titre-apps.indoor-menu-titre {
	background: url(../img/bloc-page/apps/menu-gauche-titre-apps.png) scroll no-repeat 11px;
}
#menu-gauche-titre-apps.indoor-menu-titre a {
	width: 100px;
	height: 29px;
	display: block;
}
#menu-gauche-titre-contact.indoor-menu-titre {
	background: url(../img/bloc-page/contact/menu-gauche-titre-contact.png) scroll no-repeat 11px;
}
#menu-gauche-titre-contact.indoor-menu-titre a {
	width: 150px;
	height: 29px;
	display: block;
}
/**** liste menu gauche des pages intÚrieures ****/
div#indoor-liste {
	position: relative;
	float: left;
	padding-left: 45px;
	width: 274px;
}
div#indoor-liste ul {
	list-style-type: none;
	list-style-position: outside;
	text-align: left;
	margin-top: 22px;
}
div#indoor-liste ul li {
	margin-bottom: 25px;
	height: 21px;
}
div#indoor-liste ul li a.liste-menu-hover {
	height: 21px;
	display: block;
	width: auto;
}
/**** gestion des ÚvÞnement HOVER sur le menu gauche des pages intÚrieures ****/
/**** menu de la page marketing ****/
a#mark-strategie-hover.liste-menu-hover {
	background: url(../img/bloc-page/marketing/notre-strategie/liste-notre-strategie.png) scroll no-repeat 0 bottom;
}
a#mark-strategie-hover:hover, a#mark-strategie-visited {
	background: url(../img/bloc-page/marketing/notre-strategie/liste-notre-strategie-hover.png) scroll no-repeat 0 bottom;
}
a#mark-etude-hover.liste-menu-hover {
	background: url(../img/bloc-page/marketing/etude-de-marche/liste-etude-de-marche.png) scroll no-repeat 0 bottom;
}
a#mark-etude-hover:hover, a#mark-etude-visited {
	background: url(../img/bloc-page/marketing/etude-de-marche/liste-etude-de-marche-hover.png) scroll no-repeat 0 bottom;
}
a#mark-brand-hover.liste-menu-hover {
	background: url(../img/bloc-page/marketing/brand-content/liste-brand-content.png) scroll no-repeat 0 bottom;
}
a#mark-brand-hover:hover, a#mark-brand-visited {
	background: url(../img/bloc-page/marketing/brand-content/liste-brand-content-hover.png) scroll no-repeat 0 bottom;
}
a#mark-audit-hover.liste-menu-hover {
	background: url(../img/bloc-page/marketing/audit-de-site/liste-audit-de-site.png) scroll no-repeat 0 bottom;
}
a#mark-audit-hover:hover, a#mark-audit-visited {
	background: url(../img/bloc-page/marketing/audit-de-site/liste-audit-de-site-hover.png) scroll no-repeat 0 bottom;
}
a#mark-positionement-hover.liste-menu-hover {
	background: url(../img/bloc-page/marketing/positionement/liste-positionement.png) scroll no-repeat 0 bottom;
}
a#mark-positionement-hover:hover, a#mark-positionement-visited {
	background: url(../img/bloc-page/marketing/positionement/liste-positionement-hover.png) scroll no-repeat 0 bottom;
}
/**** Fin du menu de la page Markating ****/
/**** Menu de la page Communication Digitale ****/
a#com-strategie-hover.liste-menu-hover {
	background: url(../img/bloc-page/communication-digitale/notre-strategie/liste-notre-strategie.png) scroll no-repeat 0 bottom;
}
a#com-strategie-hover:hover, a#com-strategie-visited {
	background: url(../img/bloc-page/communication-digitale/notre-strategie/liste-notre-strategie-hover.png) scroll no-repeat 0 bottom;
}
a#com-etude-hover.liste-menu-hover {
	background: url(../img/bloc-page/communication-digitale/etude-de-marche/liste-etude-de-marche.png) scroll no-repeat 0 bottom;
}
a#com-etude-hover:hover, a#com-etude-visited {
	background: url(../img/bloc-page/communication-digitale/etude-de-marche/liste-etude-de-marche-hover.png) scroll no-repeat 0 bottom;
}
a#com-brand-hover.liste-menu-hover {
	background: url(../img/bloc-page/communication-digitale/brand-content/liste-brand-content.png) scroll no-repeat 0 bottom;
}
a#com-brand-hover:hover, a#com-brand-visited {
	background: url(../img/bloc-page/communication-digitale/brand-content/liste-brand-content-hover.png) scroll no-repeat 0 bottom;
}
a#com-audit-hover.liste-menu-hover {
	background: url(../img/bloc-page/communication-digitale/audit-de-site/liste-audit-de-site.png) scroll no-repeat 0 bottom;
}
a#com-audit-hover:hover, a#com-audit-visited {
	background: url(../img/bloc-page/communication-digitale/audit-de-site/liste-audit-de-site-hover.png) scroll no-repeat 0 bottom;
}
a#com-positionement-hover.liste-menu-hover {
	background: url(../img/bloc-page/communication-digitale/positionement/liste-positionement.png) scroll no-repeat 0 bottom;
}
a#com-positionement-hover:hover, a#com-positionement-visited {
	background: url(../img/bloc-page/communication-digitale/positionement/liste-positionement-hover.png) scroll no-repeat 0 bottom;
}
/**** Fin du menu de la page Communication digitale ****/
/**** Menu de la page Contact ****/
a#contact-formulaire-hover.liste-menu-hover {
	background: url(../img/bloc-page/contact/formulaire-contact/liste-formulaire-contact.png) scroll no-repeat 0 bottom;
}
a#contact-formulaire-hover:hover, a#contact-formulaire-visited {
	background: url(../img/bloc-page/contact/formulaire-contact/liste-formulaire-contact-hover.png) scroll no-repeat 0 bottom;
}
a#contact-besancon-hover.liste-menu-hover {
	background: url(../img/bloc-page/contact/agence-besancon/liste-agence-besancon.png) scroll no-repeat 0 bottom;
}
a#contact-besancon-hover:hover, a#contact-besancon-visited {
	background: url(../img/bloc-page/contact/agence-besancon/liste-agence-besancon-hover.png) scroll no-repeat 0 bottom;
}
a#contact-montbeliard-hover.liste-menu-hover {
	background: url(../img/bloc-page/contact/agence-montbeliard/liste-agence-montbeliard.png) scroll no-repeat 0 bottom;
}
a#contact-montbeliard-hover:hover, a#contact-montbeliard-visited {
	background: url(../img/bloc-page/contact/agence-montbeliard/liste-agence-montbeliard-hover.png) scroll no-repeat 0 bottom;
}
/*** fin des ÚvÞnement HOVER sur le menu marketing ****/
/**** contenu de droite des pages intÚrieures ****/
#indoor-contenu-droite {
	position: relative;
	float: left;
	width: 534px;
/*height: 379px;        */

	padding-right: 1px;
}
.indoor-contenu-droite-titre-et-bloc-gris {
	width: 534px;
	height: 365px;
/*	overflow: hidden;
*/
}
.indoor-contenu-titre {
	position: relative;
	width: 534px;
	height: 74px;
	background: url(../img/bloc-page/fond_titre_bloc.png) scroll no-repeat;
	text-align: right;
	text-transform: uppercase;
	/*height: auto;
*/
/**** Hack IE 6 7 8 ****/
	width: 530px\9;
	overflow: hidden\9;
}
.indoor-contenu-titre h1 {
	font-family: Helvetica, Arial;
	font-size: 30px;
	font-weight: normal;
	line-height: 32px;
	margin-right: 10px;
}
.titre_contenu_haut {
	float: right;
	clear: none;
	margin-top: 7px;
}
.couleur_strategie {
	color: #da0071;
}
.couleur_communication {
	color: #e4c600;
}
.couleur_web {
	color: #00cbf0;
}
.couleur_apps {
	color: #00cd00;
}
.couleur_agence {
	color: #00648b;
}
.titre_contenu_bas {
	float: right;
	clear: right;
	color: #000000;
}
/**** titre du contenu de droite des pages intÚrieures ****/
#communication-titre-communication.indoor-contenu-titre {
	background: url(../img/bloc-page/communication-digitale/titre-communication-digitale.png) scroll no-repeat;
}
#apps-titre-apps.indoor-contenu-titre {
	background: url(../img/bloc-page/apps/titre-apps.png) scroll no-repeat;
}
#web-titre-web.indoor-contenu-titre {
	background: url(../img/bloc-page/web/titre-web.png) scroll no-repeat;
}
.indoor-contenu-bloc-gris {
	width: 534px;
	width: 530px\9;
	height: 277px;
/*	overflow: auto;   */
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
	background: url(../img/bloc-page/fond-bloc-gris.png) scroll repeat;
}
div#indoor-contenu-bloc-gris-texte {
	height: 265px;
	/*font-size: 14px;
	font-weight: bold;
*/
	font-size: 12px;
	line-height:14px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	text-align: left;
/**** Hack IE 6 7 8 ****/
	padding-bottom: 10px\9;
}
div#indoor-contenu-bloc-gris-texte a {
	text-decoration: none;
}
div#indoor-contenu-bloc-gris-texte ul{
	margin-left:20px;
}
.contenu-marketing a {
	color: #da0071;
}
.contenu-communication a {
	color: #eAc600;
}
.contenu-apps a {
	color: #00cd00;
}
.contenu-web a {
	color: #00cdf0;
}
div#indoor-contenu-forme-ronde {
	width: 535px;
	height: 79px;
	position: relative;
	float: left;
	margin-top: 20px;
	left: -7px;
}
.forme-ronde {
	position: relative;
	float: left;
	width: 79px;
	height: 79px;
	margin-right: 35px;
	background: url(../img/bloc-page/forme-ronde.png) scroll no-repeat;
}
#derniere-forme-ronde.forme-ronde {
	margin-right: 0px;
}
div#indoor-bottom {
	width: 905px;
	height: 29px;
	float: left;
	position: relative;
	background: url(../img/bloc-page/contenu-indoor-bottom.png) scroll no-repeat;
	margin-bottom: 9px;
}
/*************************/
/**** Formulaire de contact ****/
/*************************/
div#formulaire-contact {
	position: relative;
	float: left;
	width: 496px;
	height: auto;
}
form#formcontact {
	width: 395px;
	height: 275px;
}
#texte-bloc-gris-contact.indoor-contenu-droite-titre-et-bloc-gris {
	width: 534px;
	height: 379px;
	overflow: hidden;
}
fieldset#formcontact-fieldset {
	height: 275px;
	width: 395px;
	border: none;
}
.label-formcontact {
	width: 115px;
	height: 30px;
	margin-right: 10px;
	position: relative;
	text-align: right;
	float: left;
	font-family: helvetica;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
}
.formcontact-div {
	/*width: 365px;
*/
	height: 30x;
	line-height: 30px;
	margin-bottom: 19px;
	position: relative;
	float: right;
}
input.formcontact-input {
	width: 225px;
	height: 29px;
	background: url(../img/bloc-page/contact/champs-formulaire-inline.png) scroll no-repeat;
	border: none;
	position: relative;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
/*** Hack IE ***/
	padding-top: 7px\9;
}
textarea#formcontact-textarea-message {
	width: 225px;
	height: 80px;
	background: url(../img/bloc-page/contact/champs-formulaire-texte.png) scroll no-repeat;
	border: none;
	padding: 10px;
/* Empeche le redimensionnement de la zone de texte */
	resize: none;
}
input#formcontact-bouton-envoyer {
	width: 67px;
	height: 20px;
	float: right;
	margin-top: 5px;
	border: none;
}
div#form-contact-fieldset-envoyer {
	width: 365px;
	height: 30x;
	line-height: 30px;
	float: right;
	position: relative;
	top: -13px;
}
/******* fin formulaire de contact **********/
/********************************************/
/******** Contact Agence Besanþon-MontbÚliard ***********/
/********************************************************/
#bloc-gris-contact.indoor-contenu-bloc-gris {
	height: 300px;
	padding-top: 0px;
}
.text-contact {
	width: 494px;
	height: auto;
	min-height: 80px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}
h1.titre-text-contact {
	color: #2BA4BF;
	font-size: 14px;
}
.text-contact p {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin: 0;
	padding: 1px;
}
.map-contact {
	width: 494px;
	height: auto;
	min-height: 185px;
	position: relative;
	float: left;
}
div#google-maps-contact {
	position: relative;
	float: right;
	width: 290px;
	height: 184px;
	background: url(../img/bloc-page/contact/fond-google-maps.png) scroll no-repeat;
	padding-top: 6px;
	padding-left: 6px;
}
/************************/
/**** bloc blog actu ****/
/************************/
div#blog_actu {
	width: 908px;
	height: 147px;
	float: left;
	position: relative;
	margin-bottom: 10px;
}
/**** contenu du bloc blog actu ****/
div#blog_actu-contenu {
	width: 908px;
	float: left;
	position: relative;
	/*background: url(../img/bloc-blog-actu/bloc-blog-actu-fond.png) scroll repeat-y;
*/
	text-align: left;
}
div#blog_actu-contenu div#blog, div#blog_actu-contenu div#actu {
	background: url(../img/bloc-blog-actu/fond-bloc-actu-blog.png) scroll no-repeat;
	width: 452px;
	height: 147px;
	padding-top: 10px;
	position: relative;
	float: left;
}
div#blog_actu-contenu div#actu {
	margin-left: 4px;
}
/*** titre blog et titre actu ****/
div#blog_actu-contenu div#blog div#blog-titre, div#blog_actu-contenu div#actu div#actu-titre {
	width: 374px;
	height: 40px;
	line-height: 40px;
	background: url(../img/puce-rond-plus.png) scroll no-repeat 20px;
	position: relative;
	float: left;
	padding-left: 70px;
}
div#blog_actu-contenu div#blog div#blog-titre h2, div#blog_actu-contenu div#actu div#actu-titre h2 {
	font-size: 24px;
	font-weight: bold;
}
/**** contenu blog et contenu actu ****/
div#blog_actu-contenu div#blog div#contenu-blog, div#blog_actu-contenu div#actu div#contenu-actu {
	width: 357px;
	position: relative;
	float: left;
	padding-left: 72px;
	padding-right: 15px;
	font-size: 11px;
}
div#blog_actu-contenu div#blog div#contenu-blog h3, div#blog_actu-contenu div#actu div#contenu-actu h3 {
	width: 359px;
	color: #0086a8;
	font-size: 11px;
}
.txt-actu_blog {
	font-size: 11px;
	color: #999999;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	height: 30px;
	overflow: hidden;
}
.txt-actu_blog p {
	margin: 0px;
}
.txt-actu_blog a {
	color: #555555;
}
.txt-actu_blog a:hover {
	color: #0086a8;
}
/**** liens lire la suite ****/
div#blog_actu div#blog div#contenu-blog div#lien-lire-suite-blog, div#blog_actu div#actu div#contenu-actu div.lien-lire-suite-actu {
	width: 357px;
	position: relative;
	float: left;
	padding-top: 15px;
	padding-bottom: 5px;
}
div#blog_actu div#blog div#contenu-blog div#lien-lire-suite-blog a, div#blog_actu div#actu div#contenu-actu div#lien-lire-suite-actu a {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}
/****************************/
/**** fin bloc blog actu ****/
/****************************/
/**********************/
/**** bloc infos ****/
/**********************/
div#infos {
	width: 908px;
	height: 435px;
	background: url(../img/bloc-infos/fond-bloc-infos.png) scroll no-repeat;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-bottom: 40px;
	display: none;
}
div#infos-contenu {
	width: 905px;
	height: 415px;
	float: left;
	position: relative;
	overflow: hidden;
	/*background: url(../img/bloc-infos/bloc-infos-fond.png) scroll repeat-y;
*/
	margin: 0px;
	text-align: left;
}
/**** titre du bloc infos ****/
div#infos-contenu div#infos-titre {
	width: 830px;
	height: 40px;
	line-height: 40px;
	background: url(../img/puce-rond-plus.png) scroll no-repeat 20px;
	position: relative;
	float: left;
	padding-left: 70px;
}
/**** contenu du bloc infos ****/
div#infos-contenu div#contenu-infos {
	width: 813px;
	height: 354px;
	font-size: 11px;
	color: #999999;
	text-align: left;
	font-weight: bold;
	padding: 10px 15px 11px 72px;
	position: relative;
	float: left;
	overflow: hidden;
}
div#infos-contenu div#contenu-infos a {
	color: #555555;
}
div#infos-contenu div#contenu-infos a:hover {
	color: #348888;
}
div#infos-contenu div#infos-titre h2 {
	font-size: 24px;
	font-weight: bold;
}
/************************/
/**** fin bloc infos ****/
/************************/
/******************************************************************************* *                                               C O N T A C T  ******************************************************************************/
.powermail_mandatory, .tx_powermail_pi1_fieldwrap_html_label {
	color: #ff0000;
}
.powermail_mandatory_js {
	color: #9d2d77;
	margin-top: 4px;
}
.powermail_text {
	border: 1px solid #c9c9c9;
	width: 240px;
}
.tx-powermail-pi1 legend {
	display: none;
}
.tx-powermail-pi1 input {
	font-size: 12px;
}
/*#uid290 {
	width: 120px;
}
#uid291 {
	width: 120px;
}
*/
.tx-powermail-pi1_fieldset {
	margin: 10px;
	border: solid 0 #ed6d12;
	width: 530px;
}
.tx_powermail_pi1_fieldwrap_html {
	/*width: 450px;
*/
	margin: 5px 0 5px 0;
}
.tx-powermail-pi1 textarea {
	border: 1px solid #c9c9c9;
	width: 240px;
	font-size: 12px;
}
.tx_powermail_pi1_fieldwrap_html label {
	display: block;
	clear: left;
	padding-right: 5px;
	text-align: left;
	width: 130px;
	float: left;
}
/*.tx_powermail_pi1_fieldwrap_html label.uid304 {
	width: 100%;
	text-align: left;
}
#uid304 {
	margin-left: 79px;
}
.tx_powermail_pi1_fieldwrap_html label.uid305 {
	width: 100%;
	text-align: left;
}
#uid305 {
	margin-left: 79px;
}
.tx_powermail_pi1_fieldwrap_html label.uid306 {
	width: 100%;
	text-align: left;
}
#uid306 {
	margin-left: 79px;
}
.tx_powermail_pi1_fieldwrap_html label.uid314 {
	width: 100%;
	text-align: left;
}
#uid314 {
	margin-left: 79px;
}
.tx_powermail_pi1_fieldwrap_html label.uid294 {
	width: 33%;
	text-align: left;
}
#uid294 {
	width: 192px;
}
.tx_powermail_pi1_fieldwrap_html label.uid297 {
	width: 23%;
	text-align: left;
}
#uid297 {
	width: 229px;
}
.tx_powermail_pi1_fieldwrap_html label.uid298 {
	width: 100%;
	text-align: left;
}
#uid298 {
	margin-left: 79px;
}
*/
.tx_powermail_pi1_fieldwrap_html select {
	width: 240px;
	border: 1px solid #c9c9c9;
	font-size: 12px;
}
.tx_powermail_pi1_fieldwrap_html_submitgraphic input {
	display: block;
	float: right;
	margin: 10px 153px 0 0;
}
/******************************************************************************* *                                               A C T U A L I T E S ******************************************************************************/
#actualites {
	float: left;
	clear: none;
	width: 264px;
	height: 143px;
	background: url(../img/cadre_actus.jpg) no-repeat left top;
	margin-top: 10px;
}
#header_actus {
	float: left;
	clear: none;
	width: 264px;
	height: 35px;
}
#actualites h2 {
	float: left;
	clear: none;
	margin: 15px 20px;
	width: 150px;
	font-size: 18px;
}
#rss_actus {
	float: right;
	clear: none;
	width: 23px;
	height: 23px;
	margin: 12px 10px;
}
#contenu_actus {
	float: left;
	clear: none;
	margin: 15px 20px;
}
#contenu_actus p {
	margin-bottom: 5px;
}
#contenu_actus h3 {
	font-size: 13px;
	color: #720e4e;
	margin-bottom: 5px;
}
#pscroller1 {
	height: 90px;
}
.news-list-item {
	margin-bottom: 10px;
}