/*
Theme Name: PILE-POIL theme
Theme URI: http://www.pile-poil.com/
Description: Thèmes du site internet de l'agence PILE-POIL, Communication Globale & Interactive.
Version: 1.0
Author: PILE-POIL
Author URI: http://www.pile-poil.com/
*/




/*
Initializer
*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}

.clear {
	clear:both;
}

strong {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}




/*
Containers
*/

body {
	background:#ffffff url('images/background-line.png') no-repeat;
	background-position:50% 171px;
	font-family: HelveticaNeueLTStd55Roman, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:14px;
}

.page {
	width:960px;
	margin:35px auto 0 auto;
}

.navigation {
	width:260px;
	float:left;
	font-family: HelveticaNeueLTStd35Thin, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:14px;
	text-align:right;
}

.conteneur {
	width:650px;
	float:right;
	font-family: HelveticaNeueLTStd35Thin, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:14px;
	text-align:right;
	margin-bottom:30px;
}




/*
Menu
*/

.navigation .logo {
	width:90px;
	height:65px;
	margin:0 0 0 170px;
	overflow:hidden;
	text-indent: -9999px;
	background:url('images/logo-pile-poil.png');
}

.navigation .name {
	margin-top:9999px;
}

.navigation .baseline {
	padding:35px 0 20px 0;
	font-size:13px;
	font-style:normal;
	font-weight: normal;
	text-transform:uppercase;
}

.navigation ul {
	padding:20px 0 0 0;
	font-size:13px;
	font-style:normal;
	list-style-type:none;
	text-transform:uppercase;
}

.navigation li {
	margin:0 0 20px 0;
	list-style-type:none;
}

.navigation li a:link, .navigation li a:active, .navigation li a:visited {
	text-decoration:none;
	color:#4b575f;
}

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

.navigation .vcard {
	padding:20px 0 20px 0;
	font-size:11px;
	font-style:normal;
	text-transform:uppercase;
}

.navigation .logos-partenaires {
	padding:20px 0 10px 0;
}

.navigation-bis {
	height:10px;
	font-family: HelveticaNeueLTStd35Thin, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:9px;
	text-align:right;
}

.navigation-bis a:link, .navigation-bis a:active, .navigation-bis a:visited {
	color:#4b575f;
	text-decoration:none;
}

.navigation-bis a:hover {
	color:#000000;
	text-decoration:underline;
}

.credits-link {
	height:10px;
	font-family: HelveticaNeueLTStd35Thin, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:9px;
	text-align:right;
	margin-bottom:10px;
	text-transform:uppercase;
}

.credits-link a:link, .credits-link a:active, .credits-link a:visited {
	color:#4b575f;
	text-decoration:none;
}

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

.conteneur .title {
	padding:90px 0 20px 0;
	font-size:13px;
	font-style:normal;
	font-weight: normal;
	text-transform:uppercase;
}

.conteneur .title-alt {
	padding:83px 0 20px 0;
	font-size:19px;
	font-style:normal;
	font-weight: normal;
	text-transform:uppercase;
}

.conteneur .content .article-tag-secteur {
	margin:20px 0;
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:12px;
	text-align:right;
	text-transform:uppercase;
}

.conteneur .content .article-tag-secteur a:link, .conteneur .content .article-tag-secteur a:active, .conteneur .content .article-tag-secteur a:visited {
	color:#4b575f;
	text-decoration:none;
}

.conteneur .content .article-tag-secteur a:hover {
	color:#000000;
	text-decoration:none;
}

.conteneur .content .article-tag-dispositif {
	margin:20px 0;
	font-family: HelveticaNeueLTStd55Roman, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
}

.conteneur .content .article-tag-dispositif a:link, .conteneur .content .article-tag-dispositif a:active, .conteneur .content .article-tag-dispositif a:visited {
	color:#4b575f;
	text-decoration:none;
}

.conteneur .content .article-tag-dispositif a:hover {
	color:#000000;
	text-decoration:none;
}

.conteneur .content {
	padding:20px 0 0 0;
	font-family: HelveticaNeueLTStd55Roman, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:11px;
	text-align:right;
}

.conteneur .content a:link, .conteneur .content a:active, .conteneur .content a:visited {
	color:#4b575f;
	text-decoration:underline;
}

.conteneur .content a:hover {
	color:#000000;
	text-decoration:underline;
}

.page-img-preview {
	margin-bottom:20px;
}

.no-zoom-preview {
	position:relative;
	width:650px;
	height:170px;
}

.single-header-image {
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}

.preview-projet-link {
	position:relative;
	display:block;
	width:650px;
	height:170px;
	background:url('images/zoom-mini.png') no-repeat bottom right transparent;
}

.preview-projet-link:hover {
	background:url('images/zoom.png') no-repeat bottom right transparent;
}




.conteneur .content .intro {
	margin:0 0 35px 0;
}

.conteneur .content .projets-accueil {
	margin:0 0 42px 0;
}

.conteneur .content .projets-accueil h2 {
	font-family: HelveticaNeueLTStd55Roman, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:11px;
	text-align:right;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .content .projets-accueil h2 a:link, .conteneur .content .projets-accueil h2 a:active, .conteneur .content .projets-accueil h2 a:visited {
	color:#4b575f;
	text-decoration:none;
}

.conteneur .content .projets-accueil h2 a:hover {
	color:#000000;
	text-decoration:none;
}

.conteneur .content .title-references-accueil {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:11px;
	text-align:right;
	text-transform:uppercase;
	font-weight:normal;
}

.logos-references-accueil {
	float:right;
	margin:0 0 0 15px;
}

.conteneur .content .gallery img {
	max-width:100%;
}




.conteneur .content .projets-references {
	margin:0 0 35px 0;
}

.conteneur .content .projets-references h2 {
	font-family: HelveticaNeueLTStd55Roman, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:11px;
	text-align:right;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .content .projets-references h2 a:link, .conteneur .content .projets-references h2 a:active, .conteneur .content .projets-references h2 a:visited {
	color:#4b575f;
	text-decoration:none;
}

.conteneur .content .projets-references h2 a:hover {
	color:#000000;
	text-decoration:none;
}

.references-column {
	width:450px;
	float:right;
}

.references-list {
	width:180px;
	float:left;
	font-size:10px;
}

.conteneur .content .references-list .name-list {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:11px;
	text-align:right;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .content .references-list ul {
	padding:0 0 20px 0;
	font-size:10px;
	font-style:normal;
	list-style-type:none;
	text-transform:uppercase;
}

.conteneur .content .references-list ul li {
	font-size:10px;
	list-style-type:none;
}

.conteneur .content .references-list ul li a:link, .conteneur .content .references-list ul li a:active, .conteneur .content .references-list ul li a:visited {
	text-decoration:none;
	color:#4b575f;
	font-size:10px;
}

.conteneur .content .references-list ul li a:hover {
	text-decoration:none;
	color:#000000;
	font-size:10px;
}

.conteneur .content .next-previous {
	width:450px;
	margin:0;
	float:right;
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .content .next-previous a:link, .conteneur .content .next-previous a:active, .conteneur .content .next-previous a:visited {
	text-decoration:none;
	color:#4b575f;
}

.conteneur .content .next-previous a:hover {
	text-decoration:none;
	color:#000000;
}

.alignleft, .left {
	float:left;
}

.alignright, .right {
	float:right;
}


.conteneur .page-content p {
	margin-bottom:10px;
}

.conteneur .page-content h2 {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .page-content h3 {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .page-content h4 {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .page-content h5 {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .page-content h6 {
	font-family: HelveticaNeueLTStd75Bold, Helvetica, Arial, sans-serif;
	color:#4b575f;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
}

.conteneur .page-content ul {
	margin-top:10px;	
}

.conteneur .page-content ul li {
	margin-bottom:5px;
	list-style-type:none;
}

.conteneur .page-content ul li:after{ 
  content:" •"; 
}

/*
Formulaire de Newsletter
*/

.newsletter {
	width:258px;
	margin:0 0 10px 20px;
	overflow:hidden;
	float:right;
	text-align:left;
}

.newsletter input {
	border: 1px solid #4b575f;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
	width:250px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:3px;
}

.newsletter p {
	text-align:right;
}

.newsletter .newsletter-form-label {
	text-align:left;
}

.newsletter input[type="submit"] {
	width:80px;
	float:right;
	margin:5px 0 0 0;
	padding:3px 4px;
	color:#ffffff;
	background:#4b575f;
	border: 1px solid #4b575f;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}






/*
Formulaire de Contact
*/

.contact-form {
	width:305px;
	margin:0 0 10px 20px;
	overflow:hidden;
	float:right;
	text-align:left;
}

.contact-form .form-required {
	color:#ff0000;
}

.contact-form input, .contact-form textarea {
	border: 1px solid #4b575f;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}

.contact-form .form-name, .contact-form .form-society, .contact-form .form-email, .contact-form .form-phone, .contact-form .form-message {
	width:294px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:3px;
}

.contact-form .form-subject{
	width:300px;
	border: 1px solid #4b575f;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.contact-form .form-file {
	border:none;
}

.contact-form .box1 {
	width:294px;
	overflow:hidden;
	padding:3px;
	border: 1px solid #4b575f;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.contact-form .box2 {
	position:relative;
	width:300px;
	height:24px;
	overflow:hidden;
	border: 1px solid #4b575f;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.contact-form .form-captchac, .contact-form .form-captchar {
	border:none !important;
}

.contact-form .form-captchar {
	width:220px;
	padding:3px;
}

.contact-form span.the-captcha {
	position:absolute;
	top:3px;
	left:72px;
}

.contact-form input[type="submit"] {
	float:right;
	margin:5px 3px 0 0;
	padding:3px 4px;
	color:#ffffff;
	background:#4b575f;
	border: 1px solid #4b575f;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.wpcf7-validation-errors {
	float:right;
	width:280px;
	padding:15px;
	border:none !important;
	background:#ffaa00;
	color:#ffffff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wpcf7-mail-sent-ok {
	float:right;
	width:280px;
	padding:15px;
	border:none !important;
	background:#55bb33;
	color:#ffffff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}