/*
Theme Name: Poste23
Theme URI: http://wordpress.org/
Description: À venir.
Author: Guillaume Joly
Version: 3.0
*/


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

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

/* =Layout
-------------------------------------------------------------- */

#wrapper,
#footer-wrapper {
	margin: 0 auto;
	width: 960px;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background-image: url(_img/bkg_page.png);	
	}
	body.page-template-accueil-php 		{ background-position: 0 0; background-repeat: repeat-x;}
	body.page-template-services-php 		{ background-position: 0 -135px; background-repeat: repeat-x;}
	body.page-template-service-php		{ background-position: 0 -105px; background-repeat: repeat-x;}
	body.page-template-portfolio-php 	{ background-position: 0 -135px;	background-repeat: repeat-x;}
	body.page-template-departement-php	{ background-position: 0 -145px;	background-repeat: repeat-x;}
	body.page-template-projet-php 		{ background-position: 0 -135px;	background-repeat: repeat-x;}
	body.page-template-contact-php		{ background-position: 0 -130px;	background-repeat: repeat-x;}	
	body.page-template-accompagnement-php {background-position: 0 -30px;	background-repeat: repeat-x;}
	body.page-template-a-propos-php		{ background-position: 0 0px;	background-repeat: repeat-x;}	
	body.blog,
	body.single,
	body.archive,
	body.search
	 {
		background-image: url(_img/bkg_blogue.png);
		}
body,
input,
textarea {
	
}

body .home {}

/* Text elements */
h1 {
	color: #FFFFFF;
	font-size: 2.2em;
	margin-bottom: 40px;
}

h1.page-title {
	margin-top: 40px;
	}

h2 {
	font-size: 1.35em;
	line-height: 1.1em;
	}

h2.accueil {	
	margin-bottom: 20px;		
}

h2.mandat {
	font-size: 1.8em;
	margin-bottom: 10px;
	}

h2.statement {
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	}

h2.entry-title {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-top: 20px;
	}
	
	h2.entry-title a {
		color: #1A1718;
		text-decoration: none;
		}

h2.services-box {
	font-size: 1.15em;
	line-height: 1.25em;
	}

h2.contactez-nous {
	color: #FFFFFF;
	width: 500px;
	float: left;
	position: relative;
	}

h2.a-propos {
	color: #FFFFFF;
	width: 500px;
	float: left;
	position: relative;
	}

h3 {
	text-transform: uppercase;
	color: #444444;
	padding: 10px 0 10px 0;
	font-size: 0.85em;
	font-weight: bold;
	margin: 30px 0 5px 0;
	border-top: 5px solid #F4F4F4;
	}

h3.action {
	/*border-top: 5px solid #1A1718;*/
	}

h3.section-title {
	border-top: none;
	color: #1A1718;
	margin-top: 0;
	}

h3.section {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #1A1718;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	font-size: 1em;
	border-top: none;
	margin: 5px 0 5px 0;
	line-height: 1.4em;
	}
	
h3.mandat {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #999999;
	font-style: italic;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 0.85em;
	border-top: none;
	font-weight: normal;
	text-transform: none;
	}

h3.hint {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #666666;
	font-style: italic;
	margin: 15px 0 5px 0;
	padding: 0;
	font-size: 0.85em;
	border-top: none;
	font-weight: normal;
	text-transform: none;
	line-height: 1.5em;
	}

h3#comments {
	font-size: 1em;
	}

h4 {
	color: #444444;
	padding: 10px 0 5px 0;
	font-size: 0.9em;
	font-weight: bold;
	}

p {
	margin-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.5em;
}

p.date-auteur {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #AAAAAA;
	font-style: italic;
	font-size: 0.85em;
	}

p.auteur,
p.commentaires {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #1A1718;
	font-style: italic;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	}

p.tags,
p.comment-nb {
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	}

p.read-more {
	margin-top: 25px;
	}

p.tel {	
	font-size: 1em;
	margin-bottom: 0;
	font-weight: bold;
	}

p.service-details {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #1A1718;
	font-style: italic;
	font-size: 0.85em;
	margin-top: 10px;
	}

p.service-offert {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #1A1718;
	font-style: italic;
	font-size: 0.85em;
	padding: 0;
	margin: 0;
	}

p.client {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #999999;
	font-style: italic;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	}

p.mandat {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #999999;
	font-style: italic;
	font-size: 0.85em;
	padding: 15px 0 15px 0;
	margin: 0;
	border-top: 5px solid #F4F4F4;
	border-bottom: 5px solid #F4F4F4;
	font-size: 0.8em;
	}
	
	p.mandat strong{
		color: #1A1718;
		}

p.compte-plus {
	margin-top: 20px;
	}

p.ailleurs {
	font-size: 0.7em;
	}

p.primary-contact {
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	p.primary-contact span {
		font-size: 1.4em;
		}

a:link {
	color: #de9034;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	/*color: #BF7D2F;*/
	color: #de9034;
	text-decoration: none;
	font-weight: bold;
}
.breadcrumb a:visited {
	color: #de9034;
	}
a:active,
a:hover {
	color: #000000;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.breadcrumb {
	color: #FFFFFF;
	font-size: 0.8em;
	margin-bottom: 10px;
	}

.clearfix {display:inline-block;}


/* =Header
-------------------------------------------------------------- */

div#header {
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #FFFFFF;
	height: 45px;
	margin-bottom: 30px;
	}
	
	div#branding {
		float: left;
		position: relative;
		width: 200px;
		margin-top: 5px;
		}
	
	div#access {
		float: right;
		position: relative;
		width: 450px;
		text-align: right;
		margin-top: 25px;
		}


/* =Navigation
-------------------------------------------------------------- */

ul#menu-primaire {
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: lighter;
	text-align: left;
	} 	
	
	ul#menu-primaire li{
		display: inline;
		}	
			
		ul#menu-primaire li a {
			text-decoration: none;
			color: #de9034;
			display: block;
			float: left;
			position: relative;
			width: 80px;
			height: 20px;		
			font-weight: normal;
			margin-left: 10px;
			font-size: 1em;	
			letter-spacing: 0;
			text-align: center;
			padding-top: 5px;
			font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
			font-style: italic;
			}
		
		ul#menu-primaire li a:hover {
			color: #FFFFFF;
			} 
		
		ul#menu-primaire li a span {
			font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
			color: #999999;
			font-style: italic;
			font-size: 0.65em;	
			letter-spacing: 0;	
			
			}			
		
		ul#menu-primaire li a:hover span {
			color: #CCCCCC;		
			}
		
		ul#menu-primaire li.current-page-ancestor a,
		ul#menu-primaire li.current_page_item a {
			text-decoration: none;
			color: #FFFFFF;
			}
		
		ul#menu-primaire li.current-page-ancestor a span,
		ul#menu-primaire li.current_page_item a span {
			text-decoration: none;
			color: #CCCCCC;
			}


/* =Content
-------------------------------------------------------------- */

.entry-content h2 {
	margin-bottom: 5px;
	margin-top: 35px;
	padding-top: 5px;
	border-top: #999999 solid 1px; 
	}

.entry-content h2.first {
	margin-top: 0px;
	}



/* =Asides
-------------------------------------------------------------- */


/* =Comments
-------------------------------------------------------------- */


/* =Footer
-------------------------------------------------------------- */

div#footer {
	background-color: #f4f4f4;
	padding-top: 30px;
	height: 180px; 
	font-size: 0.85em;
	margin-top: 60px;
	}

div#footer ul {
	font-size: .8em;
	}
	
	div#footer ul li {
		line-height: 1.55em;
		}
	
div.bloc {
	float: left;
	position: relative;
	margin-right: 75px;
	}

div.bloc-droit {
	float: right;
	position: relative;
	}

div#footer-contact .branded{
	background-image: url(_img/23.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	}
	
	
/* =Home
-------------------------------------------------------------- */

.home h1 {
	margin-bottom: 20px;
	}

#home_slideshow { 
	position: relative; 
	width: 960px; 
	height: 400px; 
	overflow: hidden;
	}
	
#home_slideshow #home_slideshow_violator {
	z-index:1000; 
	background-color:#1A1718; 
	width:520px; 
	height:60px; 
	float:left; 
	position:relative; 
	top:-60px; 
	left: 0px;
	}
	
#home_slideshow #home_slideshow_violator #project_caption {
	display:none; 
	padding:10px 10px; 
	color:#CCCCCC; 
	float:left; 
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-style: italic;
	}
	
#home_slideshow #home_slideshow_violator #project_caption a {
	font-size: 1.2em;	
	font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-style: normal;
	line-height: 1.3em;
	}
#home_slideshow #home_slideshow_violator #project_caption a:hover {
	text-decoration:none; 
	background-repeat:repeat-x; 
	background-position:bottom;
	color: #FFFFFF;
	}
#home_slideshow #home_slideshow_violator #slide_navigation {
	position:absolute;
	right:10px;
	top:10px;
	}
#home_slideshow #home_slideshow_violator #slide_navigation a{ 
	text-indent:-9999px; 
	overflow:hidden; 
	display:block; 
	background-color:#666666; 
	width:15px; 
	height:15px; 
	float:left; 
	margin-left:10px; 
	cursor:pointer; 
	overflow:hidden;
	}
#home_slideshow #home_slideshow_violator #slide_navigation a:hover { 
	background-color:#de9034;
	}
#home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide{ 
	background-color:#de9034;
	}
#home_slideshow #home_slideshow_violator #slide_navigation a{
	outline:none;
	}

#home_slideshow li span.slide_caption {
	display:none;
	}

#home_slides {
	background-color:#F4F4F4; 
	overflow:hidden; 
	height:400px;
	}
	
	
.accueil-gauche {
	float: left;
	position: relative;
	width: 520px;
	}

.accueil-droit {
	float: right;
	position: relative;
	width: 385px;
	}
	
div#services {
	margin-top: 50px;
	}
	
	.btn a{
		display: block;
		width: 385px;
		height: 50px;		
		margin-bottom: 12px;
		}
		.dev a {
			background-image: url(_img/btn-experience-utilisateur.gif);		
			}
		.dev a:hover {
			background-position: 0 50px;		
			}
		.sem a {
			background-image: url(_img/btn-consultation-coaching-web.gif);					
			}
		.sem a:hover {
			background-position: 0 50px;		
			}
		.con a {
			background-image: url(_img/btn-strategie-de-referencement.gif);		
	
			}
		.con a:hover {
			background-position: 0 50px;		
			}

div#latest-projects {
	padding:15px;
	background-color: #F4F4F4;
	}
	
	div#latest-projects a img.wp-post-image {
		float: left;
		position: relative;
		border: 1px solid #999999;
		margin: 5px 15px 30px 0;
		}
		
	div#latest-projects a:hover img.wp-post-image {
		border: 1px solid #333333;
		}

p.lire-etude {
	text-align: right;
	padding-right: 5px;
	}

div.featured-project {
	border-bottom: 10px solid #1A1718;
	padding-top: 10px;
	}

div.premiere-etude {
	border-top: 10px solid #1A1718;
	}

div.client-list {
	width: 250px;
	float: left;
	position: relative;
	}



/* =Services
-------------------------------------------------------------- */

div#service-dev {
	margin-right: 30px;
	}

div.service-bloc {
	width: 270px;
	position: relative;
	background-color: #FFFFFF;
	padding: 15px 15px 0 15px;
	border-bottom: 10px solid #1A1718;
	height: 470px;	
	}

	div.service-bloc h2 {
		font-size: 1.5em;
		margin-top: 10px;
		}

	div.service-bloc ul {
		font-size: 0.8em;
		margin-top: 20px;
		}
		
		div.service-bloc ul li {
			
			}
			
			div.service-bloc ul li a {
				border-top: 1px solid #CCCCCC;
				display: block;
				float: left;
				width: 265px;
				height: 25px;
				
				padding: 10px 0 0 5px;
				background-image: url(_img/chevron.png);
				background-position: 255px 10px;
				background-repeat: no-repeat;
				}
			
			div.service-bloc ul li a:hover {
				background-position: 255px -35px;
				background-color:#F4F4F4;
				color: #1A1718;
				}

div.a-gauche {
	float: left;
	}

div.a-droite {
	float:right;
	}
	
div#ateliers-formations {
	margin-top: 50px;
	}

.ateliers-titre {
	width: 270px;
	float: left; 
	position: relative;	
	}

.ateliers {
	width: 635px;
	float: right;
	position: relative;
	text-align: right;
	}

.atelier {
	float: left;
	position: relative;
	width: 575px;
	text-align: left;
	margin-left: 6px;
	margin-bottom: 5px;
	padding: 0 15px 10px 40px;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: 10px 20px;
	}

.atelier h3 {
	padding-top: 0;
	margin-top: 15px;
	}

.un {
	background-image: url(_img/1.png);	
	}
.deux {
	background-image: url(_img/2.png);	
	}
.trois {
	background-image: url(_img/3.png);	
	}
.quatre {
	background-image: url(_img/4.png);	
	}

.acc-strat-more {
	width: 720px;
	float: right;
	position: relative;
	}

/* =Département
-------------------------------------------------------------- */

div#dep-statement {
	width: 400px;
	position: relative;
	background-color: #FFFFFF;
	padding: 15px 15px 25px 15px;
	border-bottom: 10px solid #1A1718;
	/*height: 250px;	*/
	float: left;
	position: relative;
	}

div#sous-services {
	float: right;
	position: relative;
	width: 520px;
	}

div.dep-service {
	float: left;
	position: relative;
	
	
	margin-left: 35px;
	margin-bottom: 30px;
	
	}
	
	div.dep-service a.a-dpt-service {
		display: block;
		width: 195px;
		height: 100px;
		font-weight: normal;
		padding: 15px;
		background-color: #f4f4f4;
		border-bottom: #1A1718 10px solid;
		}
		
	div.dep-service a:hover{
		border-bottom: #de9034 10px solid;
		}

div.btn-retour-services {
	margin-top: 50px;
	float: left;
	position: relative;
	}

div.btn-retour-services a {
	display: block;
	width: 265px;
	height: 37px;
	background-image: url(_img/bnt-voir-tous-les-services.png);
	}
	
div.btn-retour-services a:hover {
	background-position: 0 37px;	
	}

/* =Service
-------------------------------------------------------------- */
div#service-menu {
	width: 270px;
	position: relative;
	background-color: #FFFFFF;
	padding: 0 15px 20px 15px;
	border-bottom: 10px solid #1A1718;
	float: left;
	position: relative;
	
	}
	
	div#service-menu ul {
		font-size: 0.8em;
		}
	
		div#service-menu ul li {
			}
							
			div#service-menu ul li a {
				border-top: 1px solid #CCCCCC;
				display: block;
				float: left;
				width: 265px;
				height: 25px;				
				padding: 10px 0 0 5px;
				background-image: url(_img/chevron.png);
				background-position: 255px 10px;
				background-repeat: no-repeat;
				}
			
			div#service-menu ul li a:hover {
				background-position: 255px -35px;
				background-color:#F4F4F4;
				color: #1A1718;
				}
			
			div#service-menu ul li.current_page_item a {
				background-color:#F4F4F4;
				background-position: 255px -35px;
				color: #1A1718;
				}
				
			div#service-menu ul li.current_page_item ul li a,
			div#service-menu ul li.current_page_ancestor ul li a,
			div#service-menu ul li ul li a {
				font-size: 1.2em;
				padding-left: 20px;	
				width: 250px;		
				color: #de9034;	
				}
			div#service-menu ul li.current_page_ancestor ul li.current_page_item a {
				color: #1A1718;
				}
			
			div#service-menu ul li.current_page_item ul li a {
				background-position: 255px 10px;
				background-color:#FFFFFF;
				}
				
				div#service-menu ul li.current_page_item ul li a:hover {
					background-position: 255px -35px;
					background-color:#F4F4F4;
				}

div#service-menu ul.topnav {
			list-style: none;
			padding: 0 20px;
			margin: 0;
			float: left;
			width: 920px;
			background: #222;
			font-size: 1.2em;
			background: url(topnav_bg.gif) repeat-x;
		}
div#service-menu  ul.topnav li {
			float: left;
			margin: 0;
			padding: 0 15px 0 0;
			position: relative; /*--Declare X and Y axis base for sub navigation--*/
		}
div#service-menu ul.topnav li a{
			padding: 10px 5px;
			color: #fff;
			display: block;
			text-decoration: none;
			float: left;
		}
div#service-menu ul.topnav li a:hover{
			background: url(topnav_hover.gif) no-repeat center top;
		}
div#service-menu ul.topnav li span { /*--Drop down trigger styles--*/
			width: 17px;
			height: 35px;
			float: left;
			background: url(subnav_btn.gif) no-repeat center top;
		}
div#service-menu ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
div#service-menu ul.topnav li ul.subnav {
			list-style: none;
			position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
			left: 0; top: 35px;
			background: #333;
			margin: 0; padding: 0;
			display: none;
			float: left;
			width: 170px;
			border: 1px solid #111;
		}
div#service-menu ul.topnav li ul.subnav li{
			margin: 0; padding: 0;
			border-top: 1px solid #252525; /*--Create bevel effect--*/
			border-bottom: 1px solid #444; /*--Create bevel effect--*/
			clear: both;
			width: 170px;
		}
		html div#service-menu ul.topnav li ul.subnav li a {
			float: left;
			width: 145px;
			background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
			padding-left: 20px;
		}
		html div#service-menu ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
			background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
		}

div.service-content {
	float: right;
	position: relative;
	width: 580px;
	background-color: #FFFFFF;
	padding: 15px 15px 0 15px;
	}
	
	div.service-content img.main-image{
		margin-bottom: 20px;
		}
	
	div.service-content h2 {
		width: 450px;
		}
		
	div.service-content p.action-explications {
		font-size: 0.8em;	
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		font-style: italic;
		margin-top: 10px;
		}
	
	div.service-content p.action-explications a.call-to-action-contact {
		margin-left: 15px;
		display: block;
		float: right;
		position: relative;
		width: 250px;
		height: 80px;
		margin-bottom: 50px;
		background-image: url(_img/btn-prenez-rv.png);
		color:#CCCCCC; 
		padding:10px 35px 10px 15px; 	
		font-weight: lighter;
		}
	div.service-content p.action-explications a.call-to-action-contact:hover {
		background-position: 0 100px;
		}
		
	div.service-content ul,
	div.service-content ol {
		font-size: 0.8em;
		margin-left: 30px;
		}
	
	div.service-content ul{
		list-style-type: disc;
		}
	
	div.service-content ol{
		list-style-type: decimal;
		}
	
	div.service-content li{
		line-height: 1.3em;
		margin-bottom: 7px;
		}
	
div#left-content {
	width: 270px;
	position: relative;
	float: left;
	background-color: #F4F4F4;
	padding: 5px 15px 0 15px;
	margin-top: 45px;
	}
	
	div#left-content ul {
		font-size: 0.8em;
		margin-top: 10px;
		}
		
		div#left-content ul li{
			margin-bottom: 5px;
			}



		







.left-content-chunk {
	margin-bottom: 15px;
	}	

div.btn-contact {
	margin-bottom: 20px;
	}

a.btn-contact {
	display: block;
	width: 270px;
	height: 40px;
	background-image: url(_img/btn-contactez-nous.png);
	margin-top: 10px;
	}
	
a.btn-contact:hover {
	background-position: 0 40px;	
	}

/* =Portfolio
-------------------------------------------------------------- */

div.etude {
	width: 270px;
	position: relative;
	background-color: #FFFFFF;
	padding: 15px 15px 0 15px;
	border-bottom: 10px solid #1A1718;
	height: 470px;	
	float: left;
	position: relative;
	margin-left: 30px;
	}
	
	div.etude img {
		border: 1px solid #F4F4F4;
		}

div.etude-firt {
	margin-left: 0;
	}

div.etude h2 {
	border-top: none;
	margin-top: 10px;
	}

div#comptes {
	background-color: #1A1718;
	padding: 15px;
	margin-top: 60px;
	color: #FFFFFF;
	text-align: left;
	height: 180px;
	}
	
	div#comptes p a:hover {
		color:#FFFFFF;
		}

div#nos-clients {
	margin-top: 60px;
	}
div.nos-clients-titre {
	width: 200px;
	float: left;
	position: relative;
	}

div.liste-client {
	width: 300px;
	float: right;
	position: relative;
	}
	
	div.liste-client ul {
		font-size: 0.8em;
		}
		
		div.liste-client ul li {
			padding: 5px;
			}

div.un-compte {
	float: left;
	position: relative;
	width: 220px;
	text-align: right;	
	margin-top: 25px;
	margin-right: 12px;
	}
	
div#autres-projets {
	margin-top: 100px;
	}
	
div.projet {
	width: 450px;
	float: left;
	position: relative;
	margin-right: 30px;
	margin-bottom: 10px;
	}
	
	div.projet img {
		padding: 10px;
		background-color: #f4f4f4;
		float: left;
		position: relative;
		}
	
div.details-projet {
	float:right;
	position: relative;
	width: 280px;
	}
	
/* =Projet
-------------------------------------------------------------- */
div#projet-menu {
	width: 270px;
	position: relative;
	background-color: #FFFFFF;
	padding: 0 15px 0 15px;
	border-bottom: 10px solid #1A1718;
	float: left;
	position: relative;
	padding-bottom: 20px;
	}
	
	div#projet-menu ul {
		font-size: 0.8em;
		margin-top: 0px;
		}
	
		div#projet-menu ul li a {
				border-top: 1px solid #CCCCCC;
				display: block;
				float: left;
				width: 265px;
				height: 25px;				
				padding: 10px 0 0 5px;
				background-image: url(_img/chevron.png);
				background-position: 255px 10px;
				background-repeat: no-repeat;
				}
			
			div#projet-menu ul li a:hover {
				background-position: 255px -35px;
				background-color:#F4F4F4;
				color: #1A1718;
				}
			
			div#projet-menu ul li.current_page_item a {
				background-color:#F4F4F4;
				background-position: 255px -35px;
				}
				
div#projet-content {
	float: right;
	position: relative;
	width: 580px;
	background-color: #FFFFFF;
	padding: 15px 15px 0 15px;
	}
	
	div#projet-content .featured-image{
		margin-bottom: 15px;
		}
		
		div#projet-content .featured-image img{
			border: #F4F4F4 solid 1px;
			}
	/*
	div#projet-content h3 {
		text-transform: uppercase;
		color: #1A1718;
		border-bottom: 1px solid #1A1718;
		padding: 0 0 10px 0;
		font-size: 0.8em;
		font-weight: bold;
		margin: 35px 0 10px 0;
		}
	*/
	div#projet-content ul,
	div#projet-content ol {
		font-size: 0.8em;
		margin-left: 30px;
		}
	
	div#projet-content ul{
		list-style-type: disc;
		}
	
	div#projet-content ol{
		list-style-type: decimal;
		}
	
	div#projet-content li{
		line-height: 1.3em;
		margin-bottom: 7px;
		}

/* =Accompagnement
-------------------------------------------------------------- */
div#logo-compte {
	text-align: right;
	margin-bottom: 20px;
	}
	
div#accompagnement-menu {
	width: 270px;
	position: relative;
	padding: 0 15px 15px 15px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	border-bottom: 10px solid #1A1718;
	padding-bottom: 20px;
	}
	
	div#accompagnement-menu ul {
		font-size: 0.8em;
		margin-top: 15px;
		}
		
	div#accompagnement-menu ul li a {
		border-top: 1px solid #CCCCCC;
		display: block;
		float: left;
		width: 265px;
		height: 25px;				
		padding: 10px 0 0 5px;
		background-image: url(_img/chevron.png);
		background-position: 255px 10px;
		background-repeat: no-repeat;
		}
			
		div#accompagnement-menu ul li a:hover {
			background-position: 255px -35px;
			background-color:#F4F4F4;
			}
			
			div#accompagnement-menu ul li.current_page_item a {
				background-color:#F4F4F4;
				background-position: 255px -35px;
				}
	
div#left-content-acc {
	width: 270px;
	position: relative;
	float: left;.
	padding: 5px 15px 0 15px;
	margin-top: 10px;
	color: #1A1718;
	margin-left: 15px;
	}
	
	div#left-content-acc p strong {
		color: #000000;
		}
	
	div#left-content-acc h4 {
		color: #1A1718;
		margin-bottom: 5px;
		}
				
div.accompagnement-content {
	float: right;
	position: relative;
	width: 580px;
	padding: 15px 15px 0 15px;
	color: #1A1718;
	background-color: #FFFFFF;
	}
	
	div.accompagnement-content .featured-image{
		margin-bottom: 15px;
		}
		
		div.accompagnement-content .featured-image img{
			}
	
	div.accompagnement-content h2 {
		color: #1A1718;
		width: 450px;
		}
	
	div.accompagnement-content h3 {
		/*color: #333333;
		border-top: none;
		margin-bottom: 20px;*/
		}
	
	div.accompagnement-content ul,
	div.accompagnement-content ol {
		font-size: 0.8em;
		margin-left: 30px;
		}
	
	div.accompagnement-content ul{
		list-style-type: disc;
		}
	
	div.accompagnement-content ol{
		list-style-type: decimal;
		}
	
	div.accompagnement-content li{
		line-height: 1.3em;
		margin-bottom: 7px;
		}

/* =Contact
-------------------------------------------------------------- */

div#formulaire {
	width: 400px;
	float: right;
	position: relative;
	background-color: #FFFFFF;
	padding: 15px 15px 20px 15px;
	border-bottom: 10px solid #1A1718;
	}

div#coordonnees {
	width: 500px;
	margin-top: 70px;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	}

span.required {
		color: #de9034;
		}

form.contact-form,
p.information {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #666666;
	font-style: italic;
	}

p.error,
p.success {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #de9034;
	font-style: italic;
	font-weight: bold;
	background-color: #F4F4F4;
	padding: 10px;
	}

p.success {
	color: #1A1718;
	}

p.merci {
	font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, "Nimbus Sans L", sans-serif;
	color: #1A1718;
	padding: 5px 10px 5px 10px;
	margin: 0;
	}
	
	p.merci em {
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #666666;
		font-style: italic;
		padding-right: 20px;
		}

	form.contact-form label {
		font-size: 0.9em;
		}
	
	form.contact-form input.text {
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #1A1718;
		font-style: italic;
		font-size: 0.9em;
		height: 1.2em;
		margin: 5px 0 10px 0;
		padding: 3px;
		width: 300px;
		}
	
	form.contact-form legend {
		color: #1A1718;
		}
	
	form.contact-form textarea {
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #1A1718;
		font-style: italic;
		font-size: 0.9em;		
		margin: 5px 0 10px 0;
		padding: 3px;
		width: 370px;
		}
		
	form.contact-form .form-option label {
		font-size: 0.8em;
		}
	
	form.contact-form .form-submit input.button {
		width: 118px;
		height: 37px;
		background-image: url(_img/envoyer.png);
		border: none;
		margin: 10px 0 10px 0;
		color: #FFFFFF;
		text-align: left;
		font-size: 0.9em;
		font-weight: bold;
		padding-left: 15px; 
		}




/* =A propos
-------------------------------------------------------------- */

div#branding-p23 {
	width: 300px;
	float: right;
	position: relative;
	padding: 15px 15px 70px 15px;
	border-bottom: none;
	background-image: url(_img/bkg_blogue.png);
	background-repeat: repeat-x repeat-y;
	}

div#a-propos-statement {
	width: 500px;
	float: left;
	position: relative;
	}

div#a-propos-content {
	width: 465px;
	margin-top: 60px;
	float: left;
	position: relative;
	padding: 15px 15px 20px 15px;
	background-color: #FFFFFF;
	}
	
	div#a-propos-content div.membre {
		float: left;
		position: relative;
		width: 210px;		
		font-size: 1.2em;
		}
	
	div#a-propos-content div.membre span{
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #1A1718;
		font-style: italic;	
		font-size: 0.8em;	
		}
	
	div#a-propos-content div.social-references a.social-icon {
		display: block;
		width: 20px;
		height: 20px;
		float: left;
		background-image: url(_img/social.gif);
		margin: 2px;		
		}
		
		div#a-propos-content div.social-references a.linkedin 		{ background-position: 0 20px; }
		div#a-propos-content div.social-references a.linkedin:hover	{ background-position: 0 0px;	}
		
		div#a-propos-content div.social-references a.wp 		{ background-position: 20px 20px; }
		div#a-propos-content div.social-references a.wp:hover	{ background-position: 20px 0px;	}
		
		div#a-propos-content div.social-references a.twitter 		{ background-position: 40px 20px; }
		div#a-propos-content div.social-references a.twitter:hover	{ background-position: 40px 0px;	}
		


/* =Blogue
-------------------------------------------------------------- */

h1.titre-article-single {
	color: #1A1718;
	padding: 10px 0 0 0;
	margin: 0;
	}

p.date-article {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #666666;
	font-style: italic;
	font-size: 0.8em;
	line-height: 2em;
	float: left;
	position: relative;
	width: 200px;
	}

p.twitter-button {
	float: right;
	position: relative;
	width: 200px;
	text-align: right;
	}

div#blog-search {
	text-align: right;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 0.8em;
	margin-bottom: 10px;
	}
	
div#blog-wrapper {
	width: 930px;
	background-color: #FFFFFF;
	padding: 5px 15px 20px 25px;
	}

div#blog-content {
	width: 580px;	
	float: left;
	position: relative;	
	}

div.single-post {
	border-top: 5px solid #F4F4F4;
	padding-top: 10px;
	}

div.post-abstract h3{
	font-size: 0.95em;
	margin-bottom: 5px;
	border-top: none;
	text-transform: none;
	color: #1A1718;
	font-weight: normal;
	margin: 15px 0 10px 0;
	padding: 0;
	font-size: 1.1em;
	}
	
div.post-abstract	img.alignright,
div.post img.alignright{
	float: right;
	position: relative;
	margin: 0 0 10px 10px;
	}

div.post-abstract ul,
div.post-abstract ol,
div.post ul,
div.post ol {
	font-size: 0.8em;
	margin: 20px 0 20px 30px;
	}

div.post-abstract ul,
div.post ul{
	list-style-type: disc;
	}

div.post-abstract ol,
div.post ol{
	list-style-type: decimal;
	}

div.post-abstract li,
div.post li{
	line-height: 1.3em;
	margin-bottom: 7px;
	}
	


div.meta-data {
	border-top: 3px solid #F4F4F4;
	padding: 5px 5px 5px 25px;
	border-bottom: 3px solid #F4F4F4;
	background-image: url(_img/23-blogue.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-bottom: 40px;
	}

div.author-tags {
	float: left;
	position: relative;
	width: 410px;
	}
div.comment-number {
	float: right;
	position: relative;
	width: 65px;
	}

div#blog-sidebar {
	width: 270px;
	float: right;
	position: relative;
	margin-top: 30px;
	}
	
	div#blog-sidebar ul {
		font-size: 0.8em;
		}
		
		div#blog-sidebar ul li {
			margin-bottom: 5px;
			}
		
div#blog-sidebar div.info-auteur {
	background-color: #F4F4F4;
	padding: 10px;
	}
	
	div#blog-sidebar div.info-auteur p{
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #666666;
		font-style: italic;
		font-size: 0.75em;
	}
	
	div#blog-sidebar div.info-auteur p.writer {
		font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, "Nimbus Sans L", sans-serif;
		font-style: normal;
		font-size: 0.7em;	
		}
	
	div#blog-sidebar div.info-auteur p.writer a img {
		float: left;
		position: relative;
		margin-right: 5px;		
		}
		
.pagination {
	text-align: right;
	font-size: 0.75em;
	}

.entry-content {
	margin-top: 35px;
	}

	.entry-content h3 {
		font-size: 1.5em;
		margin-bottom: 5px;
		border-top: none;
		text-transform: none;
		color: #1A1718;
		font-weight: bold;
		margin: 25px 0 10px 0;
		padding: 0;
		font-size: 1.1em;
		}
	
	.entry-content h4 {
		margin: 15px 0 10px 0;
		border-bottom: none;
		color: #1A1718;
		}

div#stay-updated {
	font-size: 0.7em;
	}

blockquote {
	padding: 0 15px 15px 15px;
	background-color: #F4F4F4;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #666666;
	font-style: italic;
	font-size: 0.8em;
	font-weight: bold;
	}	

h3#comments-title {
	
	}

h3#reply-title {
	border-top: none;
	text-transform: none;
	padding: 0;
	margin: 20px 0 0 0;
	}

div#respond {
	background-color: #F4F4F4;
	padding:1px 0 5px 20px;
	}

div#respond form {
	margin-top: 20px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #666666;
	font-style: italic;
	}
	
	div#respond p.comment-notes,
	div#respond p.form-allowed-tags {
		color: #666666;
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		font-style: italic;
		font-size: 0.7em;
		}
	div#respond form#commentform p label {
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		vertical-align:top;
		}
	div#respond form#commentform p input#author,
	div#respond form#commentform p input#email,
	div#respond form#commentform p input#url {
		float: right;
		position: relative;
		width: 250px;
		margin-right: 150px;
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #1A1718;
		font-style: italic;
		font-size: 0.9em;
		height: 1.2em;
		padding: 3px;
		}
			
	div#respond form#commentform textarea {
		margin-left: 72px;
		font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		color: #1A1718;
		font-style: italic;
		font-size: 0.9em;
		width: 380px;
		}

	div#respond code {
		font-size: 0.9em;
		font-style: normal;
		}
		
	duv#respons form p.form-submit {
		margin-bottom: 30px;
		}
	
	div#respond form#commentform p.subscribe-to-comments {
		margin-top: 20px;
		}
	
	div#respond form#commentform p.subscribe-to-comments input.subscribe{
		float: none;
		width: 15px;
		margin-right: 0;
		}	
		 

h4#pings {
	border-top: none;
	text-transform: none;
	padding: 0;
	font-size: 0.8em;
	margin: 60px 0 0 0;
	}

div.comment-content {
	background-color: #F4F4F4;
	padding: 10px 5px 5px 5px;
	}

div.comment-author {
	color: #666666;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-style: italic;
	font-size: 0.7em;
	padding: 3px 0 0 15px;
	}

div#stay-updated {
	background-color: #F4F4F4;
	padding: 10px 5px 5px 5px;
	}

div.abonnement {
	font-size: 1.2em;
	color: #666666;
	}
	
	div.abonnement img {
		float: left;
		position: relative;
		margin-right: 5px;
		}