/*
Theme Name: Drowned
Theme URI: http://www.drowned.fr
Description: drowned theme.
Version: 3.0
Author: Thibaut Noyer
Author URI: http://www.drowned.fr
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: drowned

	drowned v3.0
	 http://www.drowned.fr

	This theme was designed and built by drowned,
	whose blog you will find at http://www.drowned.fr/
*/
/* =RESET
   ....................................... */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, img, dl, dt, dd, ol, ul, li,
form, fieldset, input, label, legend, textarea,
table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:  normal;
} 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
fieldset, img {
	border: 0;
}
img {
	display: block;
}
hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
	margin: 0 0 1.45em;
}
label { 
	font-weight: bold;
}
legend {
	left: -9999px;
	position: absolute;
	font-size: 0;
	height: 0;
}

/* =MISC STYLES
   ....................................... */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0%;
	padding: 0;
	margin: 0;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */
.clearboth {
	clear: both;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */
.clearleft {
	clear: left;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */

:focus {
	outline: none;
}/*Removes annoying outline around links in Firefox*/



/* STRUCTURE
   ....................................... */
html, body {
	background-color: #171815;		
}
body.home.page {
   background-image: url('images/drowned-agence-web.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #181815;
}
body.page, body.error404  {
	background-image: url('images/drowned-creation-sites-internet.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #181815;
}
body.blog, body.single,body.archive {
	background-image: url(images/blog.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #181815;
}

body.home.page #footer {
	height: 890px;
	clear:both;
	background-image: url(images/agence-web.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #181815;
	
} 

body.page #footer, body.blog #footer, body.single #footer,body.archive #footer, body.error404 #footer{
	background-image: url(images/drowned-agence-internet.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #161917;
}

/* Navigation/ header */
#header {
	height: 108px;
	padding: 64px 0px 0px;
}
#header.homepage {
	height: 108px;
	padding: 64px 0px 0px;
	margin: 0px;
}

.nav {
	width: 915px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 35px 0px 10px;
	height: 58px;
}

#header h1 {
	width: 169px;display: block;
	height: 63px;
	text-indent: -10000px;
}
#header.homepage h1.intro {
	display: block;
	float: right;
	display: block;
	width: 169px;
	height: 58px;
	text-indent: -10000px;
}


a#drowned {
    display: block;
	float: right;
	display: block;
	width: 169px;
	height: 58px;
	background-image: url('images/menu.png');
	text-indent: -10000px;
	padding: 0px;
	margin: 0px;
	background-position: -756px 0px;
}
a#drowned.homepage {
	display: block;
	float: none;
	}


a#drowned:hover, a#drowned:active, a#drowned:focus {
	background-position: -756px -58px;
}
ul#menu {
	margin: 0px;
	padding: 0px;
	height: 58px;
}
ul#menu li {
	text-indent: -10000px;
	list-style: none;
	display: block;
	float: left;
	height: 58px;
	}
ul#menu li a {
	padding: 0px;
	height: 58px;
	display: block;
	background-image: url('images/menu.png');
	
}
ul#menu li#services a{
	margin: 0px 26px 0px 0px;
	width: 130px;
	background-position: -10px 0px;
}
ul#menu li#services a:hover, ul#menu li#services a:active, ul#menu li#services a:focus{
		background-position: -10px -58px;
}
ul#menu li#services.current a{
	background-position: -10px -116px;
}
ul#menu li#portfolio a{
	margin: 0px 24px 0px 0px;
	width: 141px;
	background-position: -166px 0px;
}
ul#menu li#portfolio a:hover, ul#menu li#portfolio a:active, ul#menu li#portfolio a:focus{
		background-position: -166px -58px;
		}
ul#menu li#portfolio.current a{
	background-position: -166px -116px;
}		
ul#menu li#studio a{
	margin: 0px 14px 0px 0px;
	width: 120px;
	background-position: -331px 0px;
}
ul#menu li#studio a:hover, ul#menu li#studio a:active, ul#menu li#studio a:focus{
		background-position: -331px -58px;
}
ul#menu li#studio.current a{
	background-position: -331px -116px;
}
ul#menu li#blog a{
    margin: 0px 15px 0px 0px;
	width: 118px;
	background-position: -465px 0px;
	}
ul#menu li#blog a:hover, ul#menu li#blog a:active, ul#menu li#blog a:focus{
		background-position: -465px -58px;
}
ul#menu li#blog.current a{
	background-position: -465px -116px;
}
ul#menu li#contact a{
	margin: 0px 20px 0px 0px;
	width: 138px;
	background-position: -598px 0px;
}
ul#menu li#contact a:hover, ul#menu li#contact a:active, ul#menu li#contact a:focus{
		background-position: -598px -58px;
}
ul#menu li#contact.current a{
	background-position: -598px -116px;
}
.subnav-wrap {
	background-image: url('images/sub-menu.png');
	background-repeat: no-repeat;
	background-position: center top;
	height: 43px;
	display: block;
	margin: 0px;
	padding: 7px 0px 0px;
	
	}
.inner_wrap {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	height: 26px;
	}	

#sub-wrap {
	height: 26px;
	display: block;
	}
#sub-wrap.studio {
	margin-left: 310px;	
	}
#sub-wrap.portfolio {
	margin-left: 110px;	
	}	
#sub-wrap.contact {
	margin-left: 380px;	
	}		
	
.right-corner {
	background-image: url(images/inner-sub-menu.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px;
	width: 15px;
}		
.left-corner {
	background-image: url('images/inner-sub-menu.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px;
	width: 10px;
}	
#subnav {
	padding: 0px;
		}
#subnav li {
	background-image: url(images/inner-sub-menu.png);
	background-repeat: no-repeat;
	background-position: -20px 0px;
	display: block;
	margin: 0px;
	height: 23px;
	float: left;
	padding-top: 3px;
	}	
#subnav a, #subnav a:visited {
	list-style: none;
	font: small-caps normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #f0f7f5;
	text-decoration: none;
	margin: 0px 0px 0px 7px;
	padding: 0px 7px 0px 0px;
	border-right: 1px solid #68615c;
			}
#subnav a:hover, #subnav a:active, #subnav a:focus,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:none;
	color: #d7e292;
	}
/* Navigation/ Footer */
#Footerwrap {
	padding: 12px 0px 0px;
	width: 960px;
	margin: 0px auto;
}
a#drowned-footer {
	display: block;
	width: 186px;
	height: 55px;
	background-image: url('images/Sprite-footer.png');
	text-indent: -10000px;
	padding: 0px;
	margin: 0px 0px 0px 388px;
	background-position: 0px 0px;
}
a#drowned-footer:hover, a#drowned-footer:active, a#drowned-footer:focus {
	background-position: 0px -50px;
}
ul#menu-footer {
	width: 960px;
	padding: 21px 0px 0px;
	margin: 10px 0px 0px;
	list-style: none;
	display: block;
	height: 176px;
}
ul#menu-footer li {
	width: 213px;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
	height: 18px;
	margin: 0px;
	padding: 0px;
}
ul#menu-footer li ul{
	padding-top: 35px;
	list-style: none;
	width: auto;
	height: auto;
}
ul#menu-footer li ul li {
	background-image: none;
	text-indent: 0px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: none;
	height: 18px;
	width: 180px;
}
ul#menu-footer li ul li a {
	background-image: none;
	text-indent: 0px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	width: 213px;
	height: 18px;
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul#menu-footer li ul li a:hover {
	color: #7f8f4a;
	text-decoration: none;
}
ul#menu-footer li a, a.blog-footer {
	background-image: url('images/Sprite-footer.png');
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
	}
ul#menu-footer li.services-footer {
	margin: 0px;
	padding: 0px 0px 0px 68px;
	height: 170px;
}
ul#menu-footer li a#services-footer {
	background-position: -186px 0px;
	height: 29px;
	width: 74px;
}
ul#menu-footer li a#services-footer:hover, ul#menu-footer li a#services-footer:focus {
	background-position: -186px -29px;
	
}
ul#menu-footer li.portfolio-footer {
	margin: 0px;
	padding: 0px 0px 0px 26px;
	height: 170px;
}
ul#menu-footer li a#portfolio-footer {
	background-position: -260px 0px;
	height: 29px;
	width: 90px;
}
ul#menu-footer li a#portfolio-footer:hover, ul#menu-footer li a#portfolio-footer:focus {
	background-position: -260px -29px;
	
}
ul#menu-footer li.studio-footer {
	margin: 0px;
	padding: 0px 0px 0px 27px;
	height: 170px;
}
ul#menu-footer li a#studio-footer {
	background-position: -350px 0px;
	height: 29px;
	width: 64px;
}
ul#menu-footer li a#studio-footer:hover, ul#menu-footer li a#studio-footer:focus {
	background-position: -350px -29px;
	
}
ul#menu-footer li.contact-footer {
	margin: 0px;
	padding: 0px 0px 0px 28px;
	height: 170px;
	width: 150px;
}
ul#menu-footer li a#contact-footer {
	background-position: -414px 0px;
	height: 29px;
	width: 83px;
}
ul#menu-footer li a#contact-footer:hover, ul#menu-footer li a#contact-footer:focus {
	background-position: -414px -29px;
	
}
a.blog-footer {
	height: 51px;
	width: 255px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	background-position: -117px -160px;
}
a.blog-footer:hover {
	background-position: -117px -109px;
}
.featured-posts {
	height: 119px;
	width: 940px;
	margin: 0px;
	padding: 15px 10px 0px;
	border-bottom: 1px dotted #55524f;
}

.featured-posts .thumbnail{
	margin: 0px;
	padding: 0px;
	width: 235px;
	float: left;
}
#sidebar .thumbnail{
	margin: 0px;
	padding: 0px 0px 10px;
	width: 181px;	
}

.featured-posts .thumbnail img, #sidebar .thumbnail img{
	border-bottom: 1px dotted #55524f;
	padding-bottom: 1px;
}
.featured-posts .thumbnail p, #sidebar .thumbnail p {
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #d7e293;
	padding-top: 5px;
}
.featured-posts .thumbnail p a {
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #d7e293;
	text-decoration: none;
	
}
#sidebar .thumbnail p a{
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	color: #609289;
	text-decoration: none;
}
#sidebar .thumbnail p a:hover{
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	color: #d7e293;
	text-decoration: none;
}


.ref-resume {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 21px;
	}
.ref-resume .film {
	padding-right: 50px;
	padding-left: 50px;
}
.ref-resume .all {
	width: 670px;
	float: left;
	padding-left: 145px;
}
.ref-resume h2 {
	font-size: 9px;
	padding-bottom: 10px;
}
.ref-resume h2 strong {
	font-size: 14px;
	font-weight: normal;
}

.ref-resume p {
	font-size: 9px;
	font-weight: normal;
	line-height: 14px;
}
.ref-resume p a{
	color: #FFFFFF;
	text-decoration: none;
}
.ref-resume p a:hover{
	color: #999999;
	text-decoration: none;
}
.ref-resume p.mentions {
	font-size: 10px;
	font-weight: normal;
	font-variant: small-caps;
	padding-top: 20px;
	padding-bottom: 4px;
}
.ref-resume p.copyright {
	font-size: 10px;
	font-weight: normal;
	font-variant: small-caps;
	padding-top: 5px;
	padding-bottom: 10px;
}
.ref-resume p.regions {
	font-size: 9px;
	font-weight: normal;
	font-variant: small-caps;
	padding-bottom: 14px;
	line-height: 13px;
}
.ref-resume p.coordonnees {
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	padding-bottom: 4px;
	line-height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px dotted #55524f;
	padding-top: 8px;
}
.ref-resume p.coordonnees a {
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	
}
.ref-resume p.coordonnees strong {
	font-size: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;	
}
.ref-resume p.coordonnees strong.email {
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color:#FFFFFF;
}


.ref-resume p.coordonnees span {
	font-size: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #404e25;
}

.ref-resume p strong{
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
}
.ref-resume p em{
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	font-style: normal;
}
.ref-resume p u{
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	font-style: normal;
	text-decoration: none;
}
.logos-footer {
	width: 460px;
	height: 51px;
	padding: 0px;
	margin-left: auto;
	background-image: url(images/vista-vision-home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
}
.socialize {
	margin: 25px 0px 0px;
	padding: 0px;
	display: block;
	float: right;
	height: 103px;
	width: 117px;
}
.socialize a {
	background-image: url('images/Sprite-footer.png');
	background-repeat: no-repeat;
	text-indent: -10000px;
}
.socialize a#twitter {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	height: 52px;
	width: 55px;
	background-position: 0px -100px;
}


.socialize a#rss {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	height: 52px;
	width: 62px;
	background-position: -55px -100px;
}
.socialize a#facebook {
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	height: 52px;
	width: 62px;
	background-position: -55px -152px;
}
.socialize a#twitter:hover {
	background-position: 0px -102px;
}
.socialize a#facebook:hover {
		background-position: -55px -154px;
}
.socialize a#rss:hover {
	background-position: -55px -102px;
}

div.intro-wrapper {
	height: 600px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;

}
div.the-introduction {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}
div.intro-contener {
	background: url(images/intro.jpg) no-repeat -10000px 0px;
	position: absolute;
	top: 90px;
	width: 790px;
	height: 468px;
	z-index: 1;
	left: 0px;
}
div.intro-esthetisme {
	background: url('images/intro.jpg') no-repeat 0px -505px;
}
div.intro-acces {
	background: url('images/intro.jpg') no-repeat 0px -1010px;
}
div.intro-visibilite {
	background: url('images/intro.jpg') no-repeat 0px 0px;
}
div.intro-flexibilite {
	background: url('images/intro.jpg') no-repeat 0px -1515px;
}


div.popup-holder {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 690px;
	height: 468px;
	z-index: 2;
	top: 90px;
}



div.menu-intro {
	height: 177px;
	width: 275px;
	padding-top: 123px;
	margin: 0px;
	padding-left: 290px;
}


div.menu-intro h2 a  {
	text-indent: -1000px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	overflow: hidden;
}
div.menu-intro-floatleft {
	width: 130px;
	float: left;
	
}


div.menu-intro h2.accessibilite a {
	height: 49px;
	width: 130px;
	display: block;
	cursor: pointer;
	
}
div.menu-intro h2.accessibilite a:hover, div.menu-intro h2.accessibilite a:focus{
	background: url('images/menu.png') no-repeat 0px -223px;
		}
div.menu-intro h2.flexibilite a {
	height: 44px;
	width: 104px;
	display: block;
	cursor: pointer;
	
}
div.menu-intro h2.flexibilite a:hover {
	background: url('images/menu.png') no-repeat -226px -224px;
	}	
	
div.menu-intro-floatright {
	width: 109px;
	float: right;

}
div.menu-intro h2.visibilite a  {
	height: 49px;
	width: 96px;
	display: block;
	cursor: pointer;
	margin-left: 14px;
}
div.menu-intro h2.visibilite a:hover {
	background: url(images/menu.png) no-repeat -131px -223px;
	}


div.menu-intro h2.esthetisme a {
	height: 44px;
	width: 108px;
	display: block;
	cursor: pointer;
	
}	
div.menu-intro h2.esthetisme a:hover {
	background: url('images/menu.png') no-repeat -330px -224px;
	}	

div.hidden {
	display: none;
}

div.resume-acces {
	padding-left: 25px;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 20px;

}

div.resume-acces h3 a{
	margin: 0px 0px 20px;
	padding: 0px;
	height: 52px;
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -155px 0px;
	display: block;
	width: 206px;
	cursor:pointer;
	text-indent: -10000px;
}
div.resume-acces h3 a:hover{
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -155px -52px;
}
a.btn-en-savoir-plus {
	margin: 10px 0px 0px;
	padding: 0px;
	height: 31px;
	display: block;
	text-indent: -10000px;
	width: 142px;
}
a.btn-en-savoir-plus.access {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -184px -104px;
	margin-left: 235px;
}

a.btn-en-savoir-plus.access:hover {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -184px -134px;	
}


div.resume-visibilite {
	padding-left: 25px;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 20px;

}

div.resume-visibilite h3 a{
	margin: 0px;
	padding: 0px;
	height: 52px;
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 155px;
	cursor:pointer;
	margin: 0px 0px 20px;
	text-indent: -10000px;
	
}

div.resume-visibilite h3 a:hover{
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: 0px -52px;
}
a.btn-en-savoir-plus.ref {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -7px -104px;	
	margin-left: 275px;
}

a.btn-en-savoir-plus.ref:hover {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -7px -134px;	
}




div.resume-flexibilite {
	padding-left: 25px;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 20px;

}

div.resume-flexibilite h3 a{
	margin: 0px;
	padding: 0px;
	height: 52px;
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -361px 0px;
	display: block;
	width: 179px;
	cursor:pointer;
	margin: 0px 0px 20px;
	text-indent: -10000px;
}
div.resume-flexibilite h3 a:hover{
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -361px -52px;
}
a.btn-en-savoir-plus.solutions {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -396px -104px;	
	margin-left: 200px;
}

a.btn-en-savoir-plus.solutions:hover {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -396px -134px;	
}




div.resume-esthetisme {
	padding-left: 25px;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 20px;

}
div.resume-esthetisme h3 a{
	margin: 0px;
	padding: 0px;
	height: 52px;
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -567px 0px;
	display: block;
	width: 179px;
	cursor:pointer;
	margin: 0px 0px 20px;
	text-indent: -10000px;
}
div.resume-esthetisme h3 a:hover{
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -567px -53px;
}

a.btn-en-savoir-plus.design {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -582px -104px;	
	margin-left: 200px;
}

a.btn-en-savoir-plus.design:hover {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -582px -134px;	
}
/*Intro suite */
.respiration {
	margin: 10px 0px 0px;
	padding: 177px 0px 0px 0px;
	height: 303px;
	width: 960px;
	background-image: url(images/drowned-studio-.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}
.respiration h2 {
	margin: 0px;
	padding: 0px;
	width: 490px;
	display: block;
	height: 120px;
	float: left;
	text-align: left;
	text-indent: -10000px;
}

.Presentation {
	float: left;
	width: 470px;
	height: 300px;

}
.respiration p{
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c5b7;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
.respiration p.first{
	padding: 0px 126px 0px 0px;
	margin: 0px;
}
.respiration p.two{
	padding: 10px 70px 0px 0px;
	margin: 0px;
}


.respiration a.devis {
	margin: 20px 70px 0px 0px;
	padding: 0px;
	height: 31px;
	display: block;
	width: 142px;
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -7px -165px;
	float: right;

}
.respiration a.devis span{
	display: none;
}

.respiration h2 a.devis:hover {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -8px -165px;	
}

.zoom-realisations {
	margin: 0px;
	padding: 12px 0px 0px 10px;
	height: 350px;
	width: 960px;
	background-image: url(images/focus-realisations.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#slideshowHolder {
	height: 230px;
	width: 594px;
	float: left;

}
.infos-slideshowHolder {
	margin: 0px 19px 0px 0px;
	padding: 0px;
	width: 325px;
	background-image: url(images/realisation-site-internet-montpellier.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #edf6f3;
	text-align: right;
	
}
.infos-slideshowHolder h3 {
	text-indent: -100000px;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 91px;
	
}
.infos-slideshowHolder p {
	text-align: right;
	padding-top: 10px;
	
	
}



.infos-slideshowHolder p.typologie {
	color: #edf6f3;
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	text-align: center;
	width: 76px;
	float: right;
	margin: 0px;
	padding: 0px;
}

/*BLOG */
.all-navigation {
	width: 626px;
	color: #586344;
	display: block;
	width: 588px;
	padding-right: 60px;
	padding-left: 20px;

}
.all-navigation a {
	color: #609289;
	text-decoration: none;
}
.alignright {
	float:right;
	
}

.alignleft {
float:left;

}

.main-content {
	width: 960px;
	padding-left: 10px;
	padding-top: 150px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 150px;
}
.content {
	width: 671px;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #eeedee;
	text-decoration: none;
	float: left;
}
.content h2, .content h2 a{
	font: normal 24px/normal Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #738341;
	text-decoration: none;
	height: 34px;
	margin: 0px;
	padding: 15px 0px 0px;
}
.content h2 a:hover{
	color: #5B6833;	
}
.content h2.pagetitle{
	font: normal 14px/normal Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #586344;
	text-decoration: none;
	padding-right: 60px;
	padding-left: 0px;
	width: 608px;
	background-image: url('images/repeat.png');
	background-repeat: repeat-y;
	background-position: right top;
}
.content p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #eeedee;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 0px 0px 10px;
}
.content p a, .postmetadata a{
	color: #609289;
	text-decoration: none;
	}
.content p a:hover, .postmetadata a:hover, a.link-social span:hover, .sous-titre-infos .right a.link:hover, #sidebar a:hover, .all-navigation a:hover{
	color: #9CBEB8;
	
	}

.bloc-titre {
background-image: url('images/sprite-blog.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
.sous-titre-infos {
	height: 42px;
	width: 626px;
	margin: 0px;
	padding: 21px 0px 0px;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #586344;
	letter-spacing: 2px;
}
.sous-titre-infos .date{
	text-align: center;
	color:#8b8a8a;
}
.sous-titre-infos .left{
	float: left;
	height: 25px;
	padding-left: 5px;
}
.sous-titre-infos .right{
	float: right;
	padding-right: 27px;
	height: 25px;
}
.sous-titre-infos .right a.link{
	color: #609289;
	
}


.sous-titre-infos a {
	color: #00755e;
	text-decoration: none;	
}
.sous-titre-infos a:hover {
	color: #00CEA5;
	text-decoration: none;
}
.entry {
	padding-bottom: 40px;
	width: 668px;
	padding-top: 25px;
	background-image: url(images/repeat.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.entry p{
	width: 626px;
	}
.entry img {
	padding-bottom: 15px;


}		

p.tags {
	color: #586344;
	padding-top: 10px;
	margin: 0px;
	
	}
.navigation {
display:block;
text-align:center;
margin-top:20px;
margin-bottom:80px;
font-size:.8em;
}


.postmetadata {
	background-image: url('images/sprite-blog.png');
	background-repeat: no-repeat;
	background-position: 0px -138px;
	height: 40px;
	padding-top: 25px;
	color: #586344;
	padding-left: 40px;
	margin-top: 25px;
}
.postmetadata  a span{
	text-align: center;
	width: 30px;
	display: block;
	float:left;
	margin-right: 2px;
}
div.social-network {
	padding-top: 5px;
	padding-left: 13px;
	}
a.link-social {
	color: #609289;
	text-decoration: none;
	background-image: url('images/sprite-blog.png');
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: left top;
	padding-bottom: 3px;
		}
a.link-social.rss{
	background-position: 0px -203px;
	}	
a.link-social.facebook{
	background-position: -16px -203px;
	}	
a.link-social.twitter{
	background-position: -32px -203px;
	}		
a.link-social.respond{
	background-position: -48px -203px;
	padding-left: 12px;
	}		
a.link-social span {
	margin: 0px;
	padding: 0px 10px 3px 5px;
	background-color: #151a19;
}
.postmetadata.alt {
	padding-top: 0px;
	color: #586344;
	padding-left: 0px;
	margin-top: 10px;
	background-image: none;
	letter-spacing: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #2f302e;
	height: auto;
	margin-bottom: 20px;
	width: 626px;
}

h3#comments {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:14px;
	color: #586344;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#commentform textarea {
	background-color:#0F1312;
	border: 1px solid #182724;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#CCCCCC;
	padding:10px;
	width:433px;
	margin-top:4px;
	margin-bottom:4px;
}
#commentform input#submit {
	margin-top:5px;
	color:#182724;
	background-color: #182724;
	border: 1px solid #0F1312;
	width:190px;
	background-image: url('images/envoyer.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding: 4px 10px 4px 0px;
	text-indent: -10000px;
	cursor: pointer;
	margin-left: 265px;
}
#commentform input#submit:hover {
background-color: #233834;
	color: #233834;
}

.commentlist {
	padding:0;
	text-align:left;
	margin: 0px;
}
.commentlist li {
	border:1px solid #2f302e;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	color: #586344;
	font-weight:bold;
	margin:15px 0 3px;
	padding:5px 10px 3px;
	list-style:none;
	background-color: #1a2120;
	width: 604px;
}

.commentlist cite,.commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
	color:#609289;
	text-decoration: none;
}

.commentlist p {
	font-size:11px;
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
	margin:10px 0px;
	letter-spacing: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d1d1d1;
	padding: 0px;
	width: auto;
}

#commentform p {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:0px;
}

.commentmetadata {
color:#609289;
font-weight:normal;
margin:0;
display:block;
}
.commentmetadata a {
	color:#609289;
	text-decoration: none;
	font-size: xx-small;	
}
.commentmetadata a:hover {
	text-decoration: underline;
	
}
a .comment_bubble_number_single,a .comment_bubble_number,.comment_number_link{
color:#C1A045;
}

a:hover .comment_bubble_number_single,a:hover .comment_bubble_number {
color:#ffffff;
background:#ac4209;
}

.comment_bubble_outter,.entry img {
margin-bottom:10px;
}

#respond {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	letter-spacing: 0px;
	color: #586344;
	
}
#respond p {
color: #586344;
letter-spacing: 0px;

}
#respond h3 {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:14px;
	color: #586344;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	
}

/*sidebar */	
#sidebar {
	float: left;
	width: 250px;
	font: normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#586344;
	padding-left: 30px;
}
#sidebar a {
	color: #609289;
	text-decoration: none;
}
#sidebar a:hover{
	text-decoration: underline;
}

#sidebar ul {
	list-style: none;
	color:#738341;
	margin: 0px;
	padding: 0px;
}
#sidebar ul li {
list-style-type:none;
list-style-image:none;
margin-bottom:15px;
color:#586344;
}

#sidebar ul li h2 {
	color:#738341;
	font-weight: bold;	
}
#sidebar ul ul li:before {
content:"\00BB \0020";
}
#sidebar ul ul li {
	margin: 0px;
	padding: 0px;
}
#searchform {
width:200px;
}
#searchsubmit {
	margin-top:5px;
	color:#182724;
	background-color: #182724;
	border: 1px solid #0F1312;
	width:172px;
	background-image: url('images/rechercher.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding: 4px 0px;
	text-indent: -10000px;
	cursor: pointer;
}
#searchsubmit:hover{
	background-color: #233834;
	color: #233834;
	
}
input#s {
	background-color:#0F1312;
	border: 1px solid #182724;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:14px;
	color: #CCCCCC;
	width:157px;
	padding: 4px 6px 4px 8px;
}
/*Template contenus pages */
div.pages-content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;

}
.colonne-gauche {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	width: 316px;
	float: left;
}
.colonne-gauche a{
	color:#609289;
	text-decoration: none;
}
.colonne-gauche a:hover{
	color:#96BAB4;	
}
.services-intro {
	background-image: url(images/drowned-services.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px 0px 20px;
	width: 960px;
}
.contact-intro {
	background-image: url(images/contact-creation-site-internet.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
}
.studio-intro {
	background-image: url(images/studio-creation-internet-montpellier.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 500px;
}

h1.services  {
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
	display: block;
}
h1.portfolio  {
	height: 115px;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
	display: block;
}
h1.portfolio-fiche  {
	height: 105px;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
	display: block;
}
h2.services  {
	height: 274px;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
}
h3.services  {
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
}
h4 a.devis {
	padding: 0px;
	height: 31px;
	display: block;
	width: 142px;
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -7px -165px;
	text-indent: -10000px;
	float: right;
}
h4 a.devis:hover {
	background-image: url(images/sprite-content-intro.png);
	background-repeat: no-repeat;
	background-position: -8px -165px;	
}
h1.contact  {
	height: 164px;
	margin: 0px;
	padding: 0px;
	font: normal 36px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: -10000px;
	display: block;
}

h1.contact {
	height: 427px;
	
}

.portfolio-intro {
	background-image: url(images/realisations-site-internet.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px 0px 20px;
	width: 960px;
	height: 192px;
}
.agences-intro {
	background-image: url(images/agence-web-Montpellier.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px 0px 20px;
	width: 960px;
	height: 60px;
}
.agences-intro h1  {
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 10px 0px 0px 55px;
}


.portfolio-fiche{
	background-image: url(images/portfolio-fiche.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px 0px 20px;
	width: 960px;
	height: 130px;
}



.colonne-droite {
	margin: 33px 0px 0px;
	padding: 16px 0px 30px 69px;
	float: left;
	background-image: url(images/traits-contenu.png);
	background-repeat: repeat-y;
	background-position: 25px 0px;
	width: 567px;
}
.colonne-droite p {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #89ab3f;
	text-decoration: none;
	padding: 0px 30px 18px 0px;
}
.colonne-droite p.normal {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #89ab3f;
	text-decoration: none;
	padding: 0px 43px 18px 0px;
	text-align: justify;
}
.colonne-droite ul {
	list-style: none;
	padding-bottom: 15px;
}
.colonne-droite ul li {
	padding-bottom: 5px;
	color: #8CC6B8;
}
.colonne-droite ul li:before {
	content:"\00BB \0020";
	padding-bottom: 5px;
}

.colonne-droite p.avertissement {
	color:#cee7e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}
span.asterisque{
	color:#c7d795;
	font-size: 14px;
	font-weight: bold;
	}
.colonne-droite h2 {
	font: small-caps normal 18px/22px "Times New Roman", Times, serif;
	color: #cee7e1;
	text-decoration: none;
	padding-bottom: 25px;
	padding-right: 30px;
	text-align: justify;
}
.colonne-droite h2 a{
	font: small-caps normal 16px/18px "Times New Roman", Times, serif;
	color: #96BAB4;
	text-decoration: none;
	border-bottom: 1px dotted #96BAB4;
	
}
.colonne-droite h2 a:hover{
	color: #C8DBD8;
	text-decoration: none;
	border-bottom: 1px dotted #C8DBD8;
}
.colonne-droite h2.studio-home {
	background-image: url(images/drowned-studio.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 140px;
}
.colonne-droite h2.studio-home_vision {
	background-image: url(images/drowned-studio_vision.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 140px;
}
.colonne-droite h2.services_ {
	background-image: url(images/drowned-services-intro.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 180px;
}
.colonne-droite h2.services_analyses {
	background-image: url(images/drowned-services.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 160px;
}
.colonne-droite h2.contact_ {
	background-image: url(images/drowned-contact_.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 110px;
}




.colonne-droite h3 {
	font: normal 40px/22px SF Movie Poster, "AvantGarde Md BT", Times, serif;
	text-decoration: none;
	padding-bottom: 10px;
	padding-right: 0px;
	text-align: left;
		letter-spacing: 2px;
	
}
.colonne-droite h3.red {
	color: #932025;
	}
.colonne-droite h3.blue {
	color: #009999;
	}
.colonne-droite h3.green {
	color: #c9612c;
	}
.colonne-droite h3.orange {
	
	color: #cfa628;
	}

.colonne-droite .colummn {
	font: normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #89ab3f;
	width: 261px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	float: left;
}
.colonne-droite .colummn.right {
	padding: 0px 0px 0px 15px;	
}
.colonne-droite .colummn p {
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c6b7;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 18px;
	text-align: left;
}
.colonne-droite .colummn p a, .colonne-droite ul li a{
	color: #F0F7F5;
	text-decoration: none;	
}
.colonne-droite .colummn p a:hover, .colonne-droite ul li a:hover{
	color: #F0F7F5;
	text-decoration: none;
}
.colonne-droite .colummn p.more, .colonne-droite .colummn p.more a{
	color: #8CC6B8;
	text-decoration: none;
	text-align: right;
	padding-bottom: 25px;
}
.colonne-droite .colummn p.more a:hover{
		text-decoration: underline;
}

.diagramme-process {
	background-image: url(images/diagramme-process.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 459px;
	width: 519px;
	margin: 10px 0px 30px 10px;
}

div.Infos-contact {
	padding: 0px 45px 0px 0px;
	margin: 0px;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
}
h2.titre-agence {
	font-size: 12px;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: right;
	letter-spacing: 1px;
}

h3.clients {
	background-image: url(images/clients.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	margin: 15px 0px 0px 25px;
	padding: 0px;
	height: 125px;
	width: 195px;
}
div.Infos-contact a.contact-drowned {
	background-image: url(images/drowned-agence-web-print.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -100000px;
	height: 22px;
	width: 113px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	text-align: left;
}
div.Infos-contact p {
	margin: 0px;
	padding: 15px 0px 0px;
	
}

h3.des-questions {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #E0DFE3;
	text-decoration: none;
	background-image: url(images/sprite-contact.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 50px;
	width: 324px;
	text-align: left;
	text-indent: -10000px;
}
h3.estimations{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #E0DFE3;
	text-decoration: none;
	background-image: url(images/sprite-contact.png);
	background-repeat: no-repeat;
	background-position: 0px -51px;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 50px;
	width: 324px;
	text-align: left;
	text-indent: -10000px;
}
h3.partenariat{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #E0DFE3;
	text-decoration: none;
	background-image: url(images/sprite-contact.png);
	background-repeat: no-repeat;
	background-position: -324px -51px;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 50px;
	width: 338px;
	text-align: left;
	text-indent: -10000px;
}

.ServicesListHolder{
	margin-bottom:100px;
}

.serviceblock{
	height: 367px;
	width: 467px;
	float:left;
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
	background-color: #181815;
	margin-top: 20px;
}
.serviceblock.margin{
	margin: 20px 20px 0px 0px;
}

.serviceFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #333434;	
	height: 367px;
	width: 467px;
	background-color: #181815;
	
}

.serviceFlip:hover{
	border:1px solid #4A4D4D;	/* CSS3 inset shadow: */
}

.serviceFlip h2{
	height: 67px;
	display: block;
	text-indent: -10000px;
	text-align: left;
	
	
}


.serviceFlip .conseils{
	background-image: url(images/agence-web-conseils-analyses.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 367px;
	width: 421px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 28px;
	padding-left: 18px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c6b7;
	text-align: right;
	
}

.serviceFlip .webdesign{
	background-image: url(images/service-web-design.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 367px;
	width: 421px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 28px;
	padding-left: 18px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c6b7;
	text-align: left;
}
.serviceFlip .integration{
	background-image: url(images/integration-developpement-web.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 367px;
	width: 421px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 28px;
	padding-left: 18px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c6b7;
	text-align: right;
}
.serviceFlip .webmastering{
	background-image: url(images/services-hebergement-webmastering.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 367px;
	width: 421px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 28px;
	padding-left: 18px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #c9c6b7;
	text-align: left;
}

.serviceData{
	/* Hiding the .sponsorData div */
	display:none;
	
}

.serviceDescription{
	background-image: url(images/services-creation-sites-web.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: 364px;
	margin: 0px;
	padding: 188px 56px 0px 51px;
}

.serviceDescription h3{
	text-indent: -10000px;
	margin: 0px;
	padding: 0px;
	height: 44px;
	
}

.serviceDescription h3.analyses-conseils{
	background-image: url(images/analyse-conseil-site-internet.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.serviceDescription h3.design-graphisme{
	background-image: url(images/services-web-design-graphisme.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.serviceDescription h3.hebergement-gestion{
	background-image: url(images/hebergement-webmastering.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.serviceDescription h3.codage {
	background-image: url(images/codage-programmation.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.serviceDescription ul{
	margin: 0px;
	padding: 0px;
	text-align: right;
	list-style: none;
}
.serviceDescription ul.left{
	text-align: left;
	
}

.serviceDescription ul li{
	margin: 0px;
	padding: 0px;
	font: normal 16px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #b8cdc5;
	letter-spacing: 1px;
}
.agences-contenu {
	padding: 15px 0px 100px;
	width: 960px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.agences-contenu p{
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #edf6f3;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.agences-contenu p a{
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #A2A251;
	text-decoration: none;
}
.agences-contenu p a:hover{
	text-decoration: underline;
}


.agences-contenu h2{
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
	color: #84954e;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.agences-contenu h2 a{
	color: #84954e;
	text-decoration: none;	
	}
.agences-contenu h2 a:hover{
	color: #84954e;
	text-decoration: underline;	
	}
	

.agences-contenu h3{
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #5c9d8e;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.agences-contenu h3 a{
	color: #5c9d8e;
	text-decoration: underline;	
}
.agences-contenu h3 a:hover{
	color: #5c9d8e;
	text-decoration: none;	
}

.agences-contenu ul {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #A2A251;
	text-decoration: none;
	list-style: none;
}
.agences-contenu ul li {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.agences-contenu ul li a{
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.agences-contenu ul li a:hover{
	text-decoration: underline;
}

.agences-contenu ul li ul {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #A2A251;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.agences-contenu ul li ul li {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #A2A251;
	
}
.agences-contenu ul li ul li a {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #A2A251;
	
}

.portfolio-listing {
	padding: 0px 0px 100px;
	width: 960px;
}
.portfolio-visuels {
	padding: 10px;
	width: 938px;
	margin: 0px 0px 20px;
	border: 1px solid #54544D;
}
.portfolio-desc {
	padding: 10px 0px 100px;
	width: 960px;
	margin: 0px;
}
.portfolio-desc .rightbar  {
	width: 590px;
	float: right;
	padding-left: 30px;
	padding-right: 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #eef6f3;
}
.portfolio-desc .rightbar p {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #eef6f3;
	padding: 5px 0px;
}

.portfolio-desc .sidebar  {
	margin: 0px;
	padding: 0px 19px 0px 0px;
	width: 310px;
	border-right: 1px solid #4a453e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eef6f3;
	float: left;
}
.portfolio-desc .sidebar p {
	margin: 0px;
	padding: 5px 0px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eef6f3;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: right;
}
.portfolio-desc .sidebar p a {
	margin: 0px;
	padding: 5px 0px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d7e292;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: right;
	font-variant: small-caps;
	text-decoration: none;
}
.portfolio-desc .sidebar p a:hover {
	text-decoration: underline;
}

.portfolio-desc .sidebar h2  {
	margin: 0px;
	padding: 0px;
	width: 310px;
	height: 100px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: left top;
}
.portfolio-desc .sidebar h2.eroutage {
	background-image: url(images/realisations/eroutage/realisation-eroutage.png);
	
}
.portfolio-desc .sidebar h2.bioactif {
	background-image: url(images/realisations/bioactif/creation-site-internet-bioactif.png);	
}
.portfolio-desc .sidebar h2.gazelletouch {
	background-image: url(images/realisations/gazelle-touch/realisation-site-internet-gazelle-touch.png);
}
.portfolio-desc .sidebar h2.bouju {
	background-image: url(images/realisations/etape-de-bouju/design-web-etape-de-bouju.png);
}
.portfolio-desc .sidebar h2.age-et-vivre {
	background-image: url(images/realisations/age-et-vivre/design-site-internet-age-et-vivre.png);
}

.portfolio-desc .sidebar h2.shark-cms{
	background-image: url(images/realisations/shark-cms/design-shark-cms.png);
}
.portfolio-desc .sidebar ul {
	list-style: none;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	padding-left: 10px;
	text-align: right;
	padding-top: 10px;
}
.portfolio-desc .sidebar ul li{
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
}
.portfolio-desc .sidebar ul li ul{
	margin: 0px;
	padding: 5px 0px 20px 5px;
}
.portfolio-desc .sidebar ul li ul li{
	margin: 0px;
	padding: 2px 0px 0px;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
}


.realisation {
	margin: 0px;
	padding: 0px;
	height: 177px;
	width: 320px;
	float: left;
}
.realisation a img {
	padding: 9px;
	border: 1px solid #6f6c62;
	margin: 10px;
}
.realisation a:hover img  {
	border: 1px solid #8E8B80;
}
/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#slider {
	position:relative;
	background:#171815 url('images/loading.gif') no-repeat 50% 50%;
	height: 480px;
	width: 940px;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url('images/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url('images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}
.breadcrumb {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #eef6f3;
	margin: 0px;
	padding: 0px;
}
.breadcrumb a{
	color: #d7e292;
	text-decoration: none;
}
.breadcrumb a:hover{
	color: #d7e292;
	text-decoration: underline;
}