@CHARSET "UTF-8";

ul#nav {
	list-style-type: none;
	position: relative;
	background: url('/medias/images/whatwedo-nav-bg.jpg') repeat-x 0% 7px;
	margin: 20px auto 0px auto;
	width: 950px;
	height: 32px;
}

ul#nav a {
	display: block;
	font-family: Tahoma;
	font-size: 13px;
	text-decoration: none;
	color: #ADADAD;
	padding-top: 15px;
	background: url('/medias/images/whatwedo-nav-cube.jpg') no-repeat 0px 1px;
}

ul#nav li.current a {
	color: #FF9600;
	background-image: url('/medias/images/whatwedo-nav-cube2.jpg');
}

ul#nav li {
	float: left;
	width: 158px;
}

ul#nav ul {
	list-style-type: none;
	position: absolute;
	top: 45px;
	left: 0px;
	background: url('/medias/images/whatwedo-nav-bg2.jpg') repeat-x 0% 3px;
	width: 950px;
	height: 27px;
}

ul#nav li.current li {
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	padding-right: 23px;
	width: auto;
}

ul#nav li.current li.current {
	padding-top: 10px;
	color: #FF9600;
	background: url('/medias/images/whatwedo-nav-puce2.jpg') no-repeat 0px 0px;
}

ul#nav li.current li.currentA {
	padding-top: 0px;
	color: #FF9600;
	background: url('/medias/images/whatwedo-nav-puce2.jpg') no-repeat 0px 0px;
}

ul#nav li.current li a {
	font-size: 12px;
	display: block;
	padding-top: 10px;
	text-decoration: none;
	color: #ADADAD;
	background: url('/medias/images/whatwedo-nav-puce.jpg') no-repeat 0px 0px;
}

ul#nav li.current li.currentA a {
	font-size: 12px;
	display: block;
	padding-top: 10px;
	text-decoration: none;
	color: #FF9600;
	background: none;
}

div#text {
	margin-top: 50px;
	padding-left: 27px;
	padding-right: 27px;
	padding-right: 350px;
	background: no-repeat 99% 0%;
}

div#text div#title {
	margin: 0 0 20px 0;
}

div#text h1 {
	font-size: 27px;
	font-weight: normal;
	font-family: Tahoma;
	color: #555555;
	margin-bottom: 15px;
}

div#text h2 {
	font-size: 13px;
	font-weight: bold;
	color: #555555;
	margin-top: 16px;
}

div#text p {
	font-size: 12px;
	color: #555555;
	margin-top: 20px;
}

div#text ul {
	font-size: 12px;
	color: #555555;
	margin-top: 5px;
	margin-left: 13px;
}

div#text a {
	color: #FF9600;
}

div#text a:hover {
	text-decoration: none;
}

/* Ajout navigation page What we do */
div#text div#whatwedo-menu {
	width: 470px;
	float: left;
}

div#text div#whatwedo-menu div.cube {
	width: 143px;
	height: 142px;
	float: left;
	margin: 0 10px 10px 0;
}

div#text div#whatwedo-menu div.cube a {
	display: block;
	width: 142px;
	height: 142px;
	background-image: url('/medias/images/whatwedo-sprite.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#text div#whatwedo-menu div.consulting a:hover {
	background-position: 0 -142px;	
}

div#text div#whatwedo-menu div.webdesign a {
	background-position: -141px 0;
}

div#text div#whatwedo-menu div.webdesign a:hover {
	background-position: -141px -142px;
}

div#text div#whatwedo-menu div.webdev a {
	background-position: -283px 0;
}

div#text div#whatwedo-menu div.webdev a:hover {
	background-position: -283px -142px;
}

div#text div#whatwedo-menu div.referencement a {
	background-position: -424px 0;
}

div#text div#whatwedo-menu div.referencement a:hover {
	background-position: -424px -142px;
}

div#text div#whatwedo-menu div.produwebtv a {
	background-position: -566px 0;
}

div#text div#whatwedo-menu div.produwebtv a:hover {
	background-position: -566px -142px;
}

div#text div#whatwedo-menu div.natives a {
	background-position: -707px 0;
}

div#text div#whatwedo-menu div.natives a:hover {
	background-position: -707px -142px;
}

/* CONSULTING */

div#main div.cslt {
	padding-right: 27px;
}

div#main div.cslt div#leftCol {
	width: 600px;
	float: left;	
}

div#main div.cslt div#leftCol div#left {
	width: 360px;
	padding-right: 20px;
	border-right: 1px solid #E3E3E3;
	float: left;	
}

div#main div.cslt div#leftCol div#right {
	margin-left: 400px;
}

div#main div.cslt div#leftCol div#right ul {

}

div#main div.cslt div#rightCol {
	margin-left: 640px;
	width: 287px;
}

div#main div.cslt div#rightCol div.head {
	background-image: url('/medias/images/cslt-head.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#main div.cslt div#rightCol h2 {
	margin: 0;
	padding: 12px 0 13px 10px;
}

div#main div.cslt div#rightCol div.body {
	background-image: url('/medias/images/cslt-body.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	padding: 5px 0;
}

div#main div.cslt div#rightCol div.body p {
	margin: 0;
	padding: 5px 15px;
}

div#main div.cslt div#rightCol div.body img {
	float: left;
	margin: 5px 5px 0 15px;	
}

div#main div.cslt div#rightCol div.bottom {
	background-image: url('/medias/images/cslt-bottom.jpg');
	background-position: top left;
	background-repeat: repeat-y;
}

div#main div.cslt div#rightCol div.bottom h2 {
	padding: 13px 0 14px 10px;
}

div#main div.cslt div#rightCol div.bottom h2 a {
	color: #5F5F5F;
	text-decoration: none;
	padding-left: 20px;
	background-image: url('/medias/images/cslt-link.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

div#main div.cslt div#rightCol div.bottom h2 a:hover {
	text-decoration: underline;
}

div#main div.cslt p.devis {
	float: right;	
	margin-right: 15px;
}

/* WEV DEVELOPEMENT */

div#main div.dev {
	padding-right: 27px;
}

div#main div.dev div#leftCol {
	width: 635px;
	float: left;	
}

div#main div.dev div#leftCol h2,
div#main div.dev div#rightCol p {
	font-size: 14px;
	font-weight: bold;
}

div#main div.dev div#rightCol {
	margin-left: 645px;
}

/* Site internet */


/* REFERENCEMENT */

div#main div.ref {
	padding-right: 27px;	
}

div#main div.ref div.block {
	width: 460px;
	margin-right: 5px;
	float: left;
}

div#main div.ref div.block div.head {
	padding: 8px 10px 9px 10px;
	background-image: url('/medias/images/ref-header.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#main div.ref div.block div.head h3 {
	font-size: 17px;
	color: #555555;	
}

div#main div.ref div.block div.body {		
	height: 260px;
	min-height: 260px;
	height: auto !important;
	background-image: url('/medias/images/ref-body.jpg');
	background-position: top left;
	background-repeat: repeat-y;
}

div#main div.ref div.block div.body p {
	margin-top: 0;
	padding: 10px;
}

div#main div.ref div.block div.bottom {
	background-image: url('/medias/images/ref-bottom.jpg');
	background-position: top left;
	background-repeat: repeat-y;
}

div#main div.ref div.block div.bottom h2 {
	padding: 13px 0 14px 10px;
	margin-top: 0;
}

div#main div.ref div.block div.bottom h2 a {
	color: #5F5F5F;
	text-decoration: none;
	padding-left: 20px;
	background-image: url('/medias/images/cslt-link.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

div#main div.ref div.block div.bottom h2 a:hover {
	text-decoration: underline;
}

/* PRODUWEB TV */

div#main div.pdwtv {
	padding-right: 20px;	
}

div#main div.pdwtv div#leftCol h2,
div#main div.pdwtv div#rightCol h2 {
	font-size: 20px;	
	margin-top: 30px;
}

div#main div.pdwtv p {
	margin-top: 5px;
	margin-bottom: 10px;
}

div#main div.pdwtv div#leftCol {
	width: 320px;
	padding: 0 10px 10px 0;
	float: left;
	padding-bottom: 420px;
	background-image: url('/medias/images/pdwtv.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#main div.pdwtv div#rightCol {
	float: right;
	width: 600px;
	padding: 0 0 10px 0;
}

div#main div.pdwtv div#rightCol div.cols {
	height: 150px;
}

div#main div.pdwtv div#rightCol div.cols div {
	width: 285px;
	float: left;
	margin-right: 15px;
}

/* NATIVES */

div#main div.natives {
	padding-right: 0;
}

div#main div.natives div.branding,
div#main div.natives div.block {
	width: 460px;
	float: left;
	margin-right: 20px;
	height: 150px;
	min-height: 150px;
	height: auto !important;
}

div#main div.natives div.branding {
		
}

div#main div.natives div.block {
	background-image: url('/medias/images/coinpresse-bottom.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#main div.natives div.block h2 {
	font-size: 20px;
	font-weight: normal;
	width: 440px;
	padding: 8px 10px 8px 10px;
	background-image: url('/medias/images/coinpresse-header.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

div#main div.natives div.block p {
	margin-top: 0;
	padding: 10px;
	background-image: url('/medias/images/natives-block-body.jpg');
	background-position: top left;
	background-repeat: repeat-y;
}

div#main div.natives div.branding img {
	margin: 50px 0 0 120px;
}

/* NARROWCASTING */

#narrowLeft {
	float: left;	
}

#narrowRight {
	margin: 0 20px 0 300px;	
}

#narrowRight #block {
	background: url('/medias/images/narrow-bottom.png') left bottom no-repeat;
	padding-bottom: 15px;
}

#narrowRight #block h2 {
	background: url('/medias/images/narrow-header.png') left top no-repeat;
	padding: 16px 10px;
}

#narrowRight #blockContent {
	background: url('/medias/images/narrow-content.png') left top repeat-y;
}

#narrowRight #block ul {	
	margin: 0 0 0 15px;
	padding: 10px 0  10px 15px;
}

#narrowRight #block li {
	margin-bottom: 6px;	
}



#text #social-media p{
	margin-top:10px;
	text-align:justify!important;
	margin-right:20px;
}