/*
Theme Name: lestroisproducteurs
Theme URI: http://www.lestroisproducteurs.com
Description: Th&egrave;me personalis&eacute; pour Les trois producteurs. (Par <a href="http://www.agenceweblounge.com">Hugo Laporte</a>)
Author: Hugo Laporte
Author URI: http://www.agenceweblounge.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body				{background-color:#000;font-family:Arial, Helvetica, sans-serif;background-image:url(images/body_bg.gif);
					background-repeat:repeat-x;background-position:top;margin:0; color:#fff; }
img					{border:0;}
h1					{font-size:26px;color:#FFF;padding:13px 0 13px 0;}
h2					{font-size:16px;color:#FF0000;margin:10px 0 10px 0;}
a					{color:red;text-decoration:none;}
.clear				{clear:both;}

/*Formulaires*/
input[type="text"],
textarea,
input[type="file"]	{color:#fff;background:#181818;border:0; font-family:arial;overflow:hidden;}
input[type="submit"]{color:gray;background:url(images/ombre-form.png) repeat-x; border:1px solid #111;display:block; 
					font-size:13px;padding:3px 10px;}
input:hover, 
textarea:hover		{background:#222;}
input:hover, 
textarea:hover		{background:#222;}
input[type="image"]:hover	{background:none;}
input[type="submit"]:hover{cursor:pointer;color:#fff;background:#222 url(images/ombre-form.png) repeat-x;}	

.pointille			{border:1px dotted #333; border-top:0; border-left:0; border-right:0;margin:30px 0 30px 0;}
.cufon-ready h1 	{font-size: 32px;}
.cufon-ready h2 	{font-size: 17px;}
h2 span 			{color: #fff;}
h2 a:hover,h3 a:hover{text-decoration:none;}	
#colLeft			{margin-top:40px;width:205px;height:auto; color:#fff;}
#colLeft small		{color:gray; font-style:italic;}
.side-home input.contact,
.side-home textarea.contact	{width:100%;background:#222;}
.side-home input[type="submit"]	{border:1px solid #000;}
.side-home h2,
#colLeft h2			{color:#fff;}
.side-home h2 span,	
#colLeft h2	span	{color:red;font-size:19px;}
.side-home #wpcf7-f2-t1-o1		{padding:0 25px 0 10px;}
textarea.contact	{height:80px;}

input.contact,
textarea.contact	{width:200px; border:0; font-size:12px; font-weight:bold;padding:5px;}
input[type="submit"].soumettre {width:100px; display:block; font-size:12px;padding:3px 10px; margin-top:10px;}

/*Header*/
#header				{width:950px;height:130px;position:relative;background-image:url(images/header_bg.jpg);
					 background-repeat:no-repeat;background-position:top left;margin:auto auto 15px; z-index:1000;}
.logo a				{width:230px; height:100px; position:absolute; text-indent:-9999px;}
.f-recherche		{position:absolute; right:0; top:50px;}
.f-recherche input	{float:right;}
.f-recherche #s		{border:1px solid #282828; background:#222; padding:2px; margin-right:3px; width:150px; color:gray;}
.screen-reader-text	{display:none;}


/*Content*/
#topMenu			{width:950px;height:25px;padding-top:15px;}
#content			{width:950px;padding-top:15px;background:url(images/bg-content.png) repeat-x;margin:auto;}
.social-box			{float:right;}
.social				{list-style:none;overflow:hidden;}
.social li			{display:inline;}
.social li a		{float:left;display:block;background:url(images/compte-medias-sociaux.png) no-repeat;width:28px;height:28px;
					 text-indent:-9999px;margin-left:5px;}
#i-facebook			{background-position:0 0;}
#i-facebook:hover	{background-position:0 -28px;}
#i-twitter			{background-position:-28px 0;}
#i-twitter:hover	{background-position:-28px -28px;}
#i-youtube			{background-position:-56px 0;}
#i-youtube:hover	{background-position:-56px -28px;}
#i-linkedin			{background-position:-84px 0;}
#i-linkedin:hover	{background-position:-84px -28px;}
#i-flickr			{background-position:-112px 0;}
#i-flickr:hover		{background-position:-112px -28px;}
#i-rss				{background-position:-140px 0;}
#i-rss:hover		{background-position:-140px -28px;}
.sub-top-menu		{float:right;color:#fff;overflow:hidden;margin:-5px 20px 0 0;}
.sub-top-menu ul li	{font-size:10px;display:inline;border-right:1px solid #fff;margin:0;padding:0 4px 0 2px;}
#mainMenu			{position:absolute; right:0; top:100px;}
#ligne				{border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:#333;width:100%;float:right;
					margin-bottom:15px;}
.laligne			{border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:#333;width:100%;margin:5px 0;}
#submenu			{width:205px;font-size:12px;}
#submenu ul li		{border-bottom:1px dotted #fff;border-top:0;border-right:0;border-left:0;padding:10px 0;}
#footer				{position:relative;width:950px;text-align:center;font-size:11px;color:#fff;padding-top:20px;
					 margin:auto auto 20px;}
#footer ul li		{display:inline;padding:5px;}
#homeColLeft ul		{margin-left:15px;}
#homeColLeft li		{margin-bottom:2px;list-style-type:disc;}
#comments li		{font-size:12px;font-style:italic;line-height:20px;margin:0;padding:0;}
#comments a			{color:#fe000c;text-decoration:none;font-style:normal;}
#comments a:hover	{color:#fe000c;text-decoration:underline;font-style:normal;}
#homeContainer		{font-size:12px; color:#fff; width:950px;background:url(images/bg-content.png) repeat-x;margin:auto;}
#s3slider			{width:890px;position:relative;float:left; margin:15px 30px 15px 30px;}
#homeColLeft		{float:left; width:480px; margin:0 10px 0 30px;}
#homeColRight		{float:right; width:380px; margin-right:30px;}
.side-home			{padding:10px; background:#111; border:1px solid #222; margin-bottom:20px;position:relative;
					-moz-border-radius:7px; -webkit-border-radius:7px;}
#side-form			{height:110px;}				
.heading			{margin-top:15px;}
.roue				{float:left;width:62px;height:62px;background:url(images/roue.png) no-repeat;}
.heading h1			{float:left;width:70%;margin:0 0 0 15px;}
.separation			{width:665px;height:2px;background:url(images/ligne-separation.gif) no-repeat;float:left;margin:7px 0 10px;}
#innerText 			{margin: 0px 10px 0px 20px;}
#innerText ul		{padding-left:10px;}
#innerText img		{max-width:670px;height:auto;}
#innerText img:first-child		{margin-top:0;}
#innerContainer		{width:950px;position:relative;color:#fff;background:#000;margin:auto auto 15px;}
.real				{width:293px;float:left;font-size:12px;margin-bottom:10px;border-right-width:1px;border-right-color:#fff;
					 border-right-style:dotted;margin-right:8px;padding:5px 7px 5px 0;}
.real img			{margin-bottom:5px;margin-top:5px;border-width:3px;}
#sidebar			{padding-left:20px;width:210px;float:left;}
.sidebar-module		{padding:10px; background:#111; border:1px solid #222; margin-top:20px;position:relative;
					-moz-border-radius:7px; -webkit-border-radius:7px;}
#colLeft .sidebar-module a{color:red; font-weight:normal;}
#colLeft li			{display:block;padding-top:2px;padding-bottom:2px;list-style:none;width:100%;}
#colLeft li:hover	{background-image:url(images/fleche.gif);background-position:center right;background-repeat:no-repeat;}
#colLeft li a		{font-size:12px;font-weight:700;text-decoration:none;color:#fff;}
#colRight			{min-height: 584px; width:685px;padding-left:10px;float:right;border-left-width:1px;border-left-color:#333;
					 border-left-style:dotted;}
#colRight h2		{font-size:16px; font-weight:bold;padding:5px 0 10px 0;}
.cap-image			{margin-top:5px;}
#topphoto			{width:660px; position:relative; z-index:1;}
#topphoto img		{position:relative; z-index:1;}
.collabox			{height:100px;width:200px;float:left;text-align:center;border-style:solid;margin:5px;padding:5px;}
#inner_contenu		{padding-top:10px;color:#FFF;font-size:0.9em;font-family:Arial, Helvetica, sans-serif;line-height:18px;}
#inner_contenu ul	{list-style-type:circle;}
#topMenu a			{color:#fe000c;text-decoration:none;}
#topMenu a:hover	{color:#fe000c;text-decoration:underline;}
#topMenu .here		{font-weight:700;text-decoration:underline;}
#footer a			{color:#fff;text-decoration:none;}
#footer a:hover		{color:#fff;text-decoration:underline;}
#homeColLeft p		{line-height:20px;margin:15px 0 0;padding:0;}
#homeColLeft a		{line-height:20px;color:#fe000c;text-decoration:underline;}
#homeColRight p		{color:#fff;}
#comments p			{font-style:italic;line-height:20px;margin-top:15px;}
#colRight p			{color:#fff;line-height:20px;padding-top:5px;text-align:justify;margin:0 0 10px;}
#colLeft p			{color:#fff;line-height:20px;padding-top:10px;margin:0;}
.input 				{float:left; padding:2px; margin:0}
input.texte 		{height:20px;}
textarea.textarea 	{height:80px;}
input.texte, 
textarea.textarea 	{display:block;width:380px;border:1px solid black;font-size:13px;font-weight:bold;padding:3px 8px;}
.champs				{clear:both;}
.requis				{background: url(images/required.png) no-repeat top right;}
.champs label		{width:150px;float:left;text-align:right;margin: 5px 15px 5px 0;}
.champs label small	{display:block; color:gray; font-style:italic;}
.action img			{cursor:pointer;}
#jHelperTipAttrContainer
					{background:#333;border:1px solid #000;color:#FFF;display:none;margin:0 10px 10px;padding:10px;}
#jHelperTipContainer{display:none;}
pre					{border:1px dashed #999;padding:10px;}
.uneBoite			{width:300px;height:50px;float:left;font-size:10px;color:fff;font-weight:700;border-color:#858585;
					 border-style:solid;border-width:1px;margin:5px;padding:10px;}
.uneBoite:hover		{background-color:#333;}
.col_entreprise		{width:205px; float:left; margin:5px; padding:5px; min-height:300px; background:0e0e0e; }
.col_entreprise li	{padding-bottom:5px;list-style-type:circle;}
.col_entreprise img	{padding-bottom:15px; display:block;}
.unTitreRouge		{color:#fe000c;font-size:14px;font-weight:700;}
.post-edit-link		{color:#FF0;}
a:hover,
#colLeft li a:hover	{text-decoration:underline;}
form,#colLeft ul	{margin:0;padding:0;}
.sub-top-menu ul li:last-child,
#mainMenu ul li:last-child{border-right:0;}
#mainMenu ul li a:hover,
#submenu a:			{color:red;text-decoration:underline;}
#submenu a,
#col1 a:hover,
#col2 a:hover,
#col3 a:hover		{color:#FFF;}
#col1,#col2,#col3	{font-family:Geneva, Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;}
#col1 a,
#col2 a,
#col3 a,
.texte_rouge		{color:red;}
#innerText li		{list-style:disc; margin:5px 0 5px 15px;}
#innerText li li	{list-style:circle;}
#innerText ol,
.col_entreprise ul	{padding-left:15px;}
.plus				{text-align:center; padding:6px; border:1px dotted #fff; border-left:0; border-right:0; margin-top:10px;}
.post,.cclients,.ex-realisation		{border-left:0;border-top:0;border-right:0;margin-bottom:15px;padding-bottom:10px;}
.derniere-nouvelle {border-bottom:1px dotted #333;}

.ex-realisation		{font-size:12px;}
.lasuite			{text-align:right;}
#homeColLeft img 	{float:left; width:150px; height:150px; padding:0px 15px 15px 0px;}
#links-social {margin-bottom:10px;}

/*** Commentaires ***/

#innerText .commentlist			{list-style-type:none; margin:0;padding:0;}
#innerText .commentlist li		{list-style-type:none; border:1px solid #262626; margin:15px 0 0 15px; position:relative;}
.avatar							{position:absolute; left:-25px; border:5px solid #262626;}

.comment-body .comment-author	{font-size:16px;background:#181818;padding:5px;}
.comment-body .comment-meta		{background:#181818; padding:5px;}
.comment-body 				 	{padding:10px; width:580px; margin-left:50px;}
.comment-body p 				{}

#innerText .publication			{margin:50px 0 20px 0;}
#innerText .horloge				{width:16px; height:16px; float:left;background:url(images/temps.png) no-repeat; margin-right:10px;}
.temps							{color:#gray;}

#respond						{margin-top:15px;}

#commentform input[type="text"] {width:300px; border:0; font-size:12px;font-weight:bold;padding:5px;}
#comment						{width:480px;background:#181818; border:0; color:#fff;font-size:12px;font-weight:bold;padding:5px;}

/* DROPDOWN */
#nav, #nav ul	{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;
				z-index:1000;}
#nav a			{color:#fff;display:block;padding:0px 3px;color:#fff;text-decoration:none;font-size:13px;height:auto;}

#nav a:hover{
color:red;
}

#nav li{
float:left;
position:relative;
border-right:1px dotted #fff;
padding:0 10px;
z-index:1000;
}

#nav li:hover{background:#390003;}
#nav li:active{background:#390003;}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
margin-left:-10px;
}
#nav li ul li{
background:#390003;
border-right:0;
}	

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
margin-left:-10px;
}
#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


#nav li.current_page_ancestor {background:#390003;}
#nav li.current_page_ancestor a{color:red;}
#nav li.current_page_item {background:#390003;}
#nav li.current_page_item a{color:red;}
#submenu li.current_page_item a{color:red;}
ol.commentlist		{list-style-type:none; margin:0;}

/* Twitter */
ul#twitter_update_list li a:last-child{ 
	display:block;
}
ul#twitter_update_list li{ 
	color: white;
	padding:10px 0 10px 0;
	border:1px dotted #888; border-top:0; border-left:0; border-right:0;
}
.twit-holder {
	width:330px;
	padding:10px;
}
#follow-us		{float:right; margin-right:20px;}
#twitter-img	{position:absolute; right:10px; top:-50px}
#write-img		{position:absolute; right:10px; bottom:5px;}

/* Cat�gories */
li.cat-item		{padding:2px 0 2px 10px;}

/* Archives */
#arch-loop 			{}
#arch-loop .post	{border:0; padding:15px 0 0 0;}
#arch-loop h2 		{padding:0; margin:0;}
.post-navigat		{text-align:center;}
a.pagesuiv			{margin-left:20px;}
a.pageprec			{margin-right:20px;}

/* Slideshow Flickr */
.slickr-flickr-slideshow