/*  
Theme Name: Beolive
Theme URI: http://olivierchatel.fr
Description: Thème du portfolio d'Oliver Chatel
Version: 0.1
Author: Olivier Chatel
Author URI: http://www.olivierchatel.fr
*/

* { margin: 0; padding: 0; }

body {
	background-color: #323232;
	font: 62.5%/1.2em;
	text-align: center; /* pour corriger le bug de centrage IE */
}

img {
border:0;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#ffffff;
margin-bottom:8px;
font-weight:normal;
}

#banniere {
width:1080px;
height:102px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#banniere-logo {
float:left;
width:728px;
height:102px;
margin-left:-47px;
}

#h1-titre{
display:none;
}

#menu {
float:left;
width:360px;
height:40px;
padding-top:62px;
}

#menu a {
border:0;
}

#diaporama {
height:347px;
padding-top:2px;
background-image:url(images/fond-carousel.png);
background-repeat:repeat-x;
background-color:#555555;
}


#contenu-diaporama {
width:970px;
height:347px;
margin-left:auto;
margin-right:auto;
padding-left:5px;
padding-right:5px;
background-image:url(images/fond-diapo.png);
background-repeat:repeat-y;
}

#carousel {
float:left;
width:627px;
height:347px;
}

#twitter {
float:left;
width:343px;
height:347px;
background-image:url(images/fond-twitter.jpg);
background-repeat:no-repeat;
}

#twitter-div {
margin-top:260px;
margin-left:50px;
text-align:left;
width:290px;
height:69px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
line-height:18px;
color:#d0ff6c;
}

#twitter-div ul li {
list-style: none;
}

#twitter-div a:link, a:visited, a:hover {
color:#000000;
/* background-color: #d0ff6c; */
}


#twitter-date a {
text-align:right;
display: block;
width:330px;
height:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.7em;
color:#ffffff;
}

#page-home {
width:970px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#colonne-gauche-home {
float:left;
width:627px;
}

#colonne-droite-home {
float:left;
width:343px;
margin-top:10px;
background-color:#323232;
}

#vignettes-home {
width:627px;
margin-top:8px;
margin-left:-3px;
}

.vignette {
margin-right:3px;
margin-bottom:6px;
width:306px;
height:147px;
}

#presentation-home {
width:614px;
margin-top:5px;
}

#bienvenue-home h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#ffffff;
margin-bottom:15px;
font-weight:normal;
}

#bienvenue-home {
float:left;
width:300px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#ffffff;
line-height:23px;
}

#bienvenue-home hr {
width:300px;
height:1px;
border:0;
color:#131313;
background-color:#131313;
margin-top:25px;
}

#logo-beolive {
margin-top:25px;
}

#siret {
color:#b0b0b0;
font-size:0.7em;
}

#CV {
float:left;
width:301px;
margin-left:13px;
}

#CV a:link, #CV a:visited{
color:#4973d0;
text-decoration:none;
}

#CV a:hover {
color:#ffffff;
background-color:#4973d0;
text-decoration:none;
}

.cv-vert {
color:#abf01d;
}

.ligne-cv {
width:296px;
min-height:15px;
background-color:#1f1f1f;
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
margin-bottom:1px;
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
line-height:16px;
}

#telecharger-cv {
width:291px;
height:47px;
margin-top:25px;
padding-left:5px;
}

#telecharger {
float:left;
width:230px;
height:36px;
margin-left:18px;
background-color:#1f1f1f;
border:solid 1px #434343;
text-align:center;
padding-top:11px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#ffffff;
font-weight:normal;
}


#video {
width:343px;
height:281px;
padding-top:11px;
background-image:url(images/fond-video.png);
background-repeat:no-repeat;
}

#video-work {
width:343px;
height:281px;
padding-top:11px;
background-image:url(images/fond-video-work.png);
background-repeat:no-repeat;
}

#embed-video {
width:319px;
height:256px;
margin:auto;
}

#recherche {
width:343px;
height:38px;
margin-top:10px;
padding-top:35px;
background-image:url(images/fond-recherche.png);
background-repeat:no-repeat;
}

#formulaire-recherche {
margin-left:12px;
}

#contact {
width:343px;
height:278px;
margin-top:10px;
padding-top:14px;
background-image:url(images/fond-contact.png);
background-repeat:no-repeat;
}

#formulaire-contact {
margin-left:12px;
}

#footer {
width:970px;
float:left;
margin-top:15px;
margin-bottom:40px;
border-top:solid 1px #131313;
}

#derniers-posts {
float:left;
width:300px;
margin-top:7px;
margin-right:15px;
}

#blogroll {
float:left;
width:300px;
margin-top:7px;
margin-right:15px;
}

#blogroll a:link, a:visited{
color:white;
text-decoration: none;
}

#blogroll a:hover{
color:white;
text-decoration: underline;
}

.ligne-posts {
width:300px;
min-height:15px;
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
margin-bottom:1px;
background-color:#1f1f1f;
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
line-height:16px;
text-decoration:none;
text-transform: uppercase;
}

#pied {
float:left;
background-color:#151515;
width:100%;
}

#pied-content {
margin-top:10px;
padding-bottom:100px;
width:970px;
margin-left:auto;
margin-right:auto;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
font-size:0.8em;
}

#pied-content a {
text-decoration:none;
border:0;
}

.icone-social {
float:left;
margin-right:5px;
height:40px;
width:40px;
}

.icone-social img {
float:left;
margin-right:4px;
height:40px;
}

/* ------------------- page WORK -------------------------------- */

#categories-work {
width:343px;
height:28px;
margin-bottom:5px;
}

#categorie-rea-work {
float:left;
width:85px;
height:21px;
padding-top:7px;
text-align:center;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

#categories-work a {
text-decoration:none;
border:0;
}

/* ---------------------------------------------------------------------- */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #4973d0;
	padding: 3px 3px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 4px 4px;
	background: url(bubble.png) bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*--------------------------- BLOG ------------------------------------------- */
#noir-blanc {
	height:2px;
	background-image:url(images/blog/noir-blanc.png);
	background-repeat:repeat-x;
}

#motifs-blog {
	height:347px;
	width:1650px;
	margin-left:auto;
	margin-right:auto;
	background-color:#555555;
	z-index:-1;
	position:absolute;
	overflow:hidden;
}

#page-blog {
	width:968px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:solid 1px #000;
	background-color:#f6f6f6;
	margin-top:120px;
	margin-bottom:50px;
	overflow:hidden;
		z-index:3;
}

#colonne-gauche-blog {
	float:left;
	width:627px;
}

#colonne-droite-blog {
	float:left;
	width:340px;
	background-color:#e9e9e9;
	border-left:solid 1px #c2c2c2;

}

#articles-blog {
	float:left;
	width:607px;
	padding-top:20px;
}

#pub-adsense-single {
width:468px;
height:60px;
margin-left:20px;
margin-bottom:20px;
}

.article {
width:607px;
padding-left:20px;
margin-bottom:20px;
float:left;
}

.article hr {
width:424px;
height:1px;
border:0;
color:#bfbfbf;
background-color:#bfbfbf;
margin-top:10px;
margin-bottom:15px;
}

.vignette-article {
width:141px;
height:141px;
border:solid 1px #000;
float:left;
margin-right:20px;
}

.titre-article {
width:424px;
margin-top:-7px;
margin-bottom:10px;
}

.titre-article h3 {
font-family: Verdana, "Times New Roman", Times, serif;
color: white;
font-weight: normal;
font-size: 1.2em;
}

.titre-article a:link, .titre-article a:visited {
color:white;
text-decoration:none; 
font-family:Georgia; 
}

.titre-article a:hover {
text-decoration:underline; 
}

.categorie-article {
text-align:center;
padding:1px;
background-color:#abf01d;
}

.categorie-article a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.5em;
color:#598126;
text-transform:uppercase;
text-decoration:none;
}

.extrait-article {
margin-top:15px;
margin-bottom:10px;
width:424px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:19px;
letter-spacing:-1px;
color:white;
}

.nb-commentaire-blog a:link, .nb-commentaire-blog a:visited {
margin-left:10px;
font-style:italic;
font-size:0.8em;
text-decoration:none;
color:#452e32;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lire-suite a:link, .lire-suite a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color:#452e32;
text-decoration:none;
font-size:0.8em;
letter-spacing:-1px;
}

.lire-suite a:hover {
text-decoration:underline;
}

#tags-article {
width:424px;
height:20px;
margin-top:5px;
}

#tags-article a:link, #tags-article a:visited {
color:#145c8c;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
}

#commentaires-blog {
width:587px;
margin-left:20px;
float:left;
}

#comments-nombre {
width:424px;
padding-left:163px;
margin-top:-10px;
margin-bottom:20px;
}

.comments-liste {
width:587px;
}

.first-comment {
margin-bottom:20px;
float:left;
}

.alt-comment {
margin-bottom:20px;
float:left;
}

.comments-auteur {
width:153px;
padding-right:10px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
}

.comments-auteur a:link, .comments-auteur a:visited {
text-decoration:none;
color:#115d8e;
}

.comments-auteur a:hover {
text-decoration:underline;
color:#115d8e;
}

.comments-text {
width:410px;
float:left;
border-bottom:solid 1px #dadada;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:19px;
letter-spacing:-1px;
color:#5a5a5a;
}

.comments-form {
margin-top:20px;
margin-bottom:20px;
float:left;
width:424px;
padding-left:163px;
}

.comments-form h3 {
color:#115d8e;
margin-bottom:5px;
}

#pagination-blog {
width:424px;
margin-left:20px;
margin-bottom:20px;
}

#pagination-blog a:link, #pagination-blog a:visited {
text-decoration:none;
padding:3px;
color:#115d8e;
}

#recherche-blog {
background-color:#e4e4e4;
width:340px;
height:53px;
padding-top:27px;
border-bottom:solid 1px #c0c0c0;
text-align:center;
}

#rubriques-blog {
width:150px;
background-color:#e9e9e9;
padding-left:20px;
padding-top:10px;
line-height:24px;
}

#rubriques-blog a:link, #rubriques-blog a:visited {
width:340px;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
color:#919191;
}

#rubriques-blog a:hover {
color:#115d8e;
}

#deezer {
width:280px;
margin-top:15px;
text-align:center;
padding-left:60px;
padding-top:10px;
padding-bottom:10px;
background-color:#e4e4e4;
border-top:solid 1px #c2c2c2;
border-bottom:solid 1px #c2c2c2;
}

#blogoliste {
width:320px;
margin-top:10px;
margin-bottom:10px;
padding-left:20px;
}

#lien-blog {
margin-bottom:1px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}

#lien-blog a:link, #lien-blog a:visited {
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
color:#FFFFFF;
}

#splush {
width:340px;
text-align:center;
margin-bottom:20px;
}
/*--------------------------------- SINGLE WORK -------------------------------------- */

#fiche-technique {
width:343px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#ffffff;
margin-bottom:10px;
font-weight:normal;
}

#vignette-single-work {
width:306px;
height:147px;
margin-left:-2px;
}

#content-single-work {
margin-top:12px;
width:343px;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em;
color:#ffffff;
line-height:23px;
}

#content-single-work ul {
margin-left:18px;
margin-top:15px;
list-style-image:url(images/puce.png);
}

#content-single-work li {
min-height:15px;
background-color:#1f1f1f;
padding-left:5px;
padding-top:6px;
padding-bottom:6px;
margin-bottom:1px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#ffffff;
line-height:16px;
}

#content-single-work a:link, #content-single-work a:visited {
color:#4973d0;
text-decoration:none;
}

#content-single-work a:hover {
color:#ffffff;
background-color:#4973d0;
text-decoration:none;
}

#apercu-single-work {
width:627px;
margin-top:13px;
}

#titre-single-work {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#ffffff;
text-transform:uppercase;
}

#screenshot-work {
margin-top:20px;
width:610px;
text-align:center;
background-color:#1f1f1f;
padding-top:20px;
padding-bottom:20px;
}

#screenshot-work img {
border:solid 3px black;
}

#titre-similar-posts {
margin-top: 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#ffffff;
text-transform:uppercase;
}


#similar-posts ul {
margin-top:10px;
margin-left: 16px;
list-style-type: square;
color:white;
}

#similar-posts a:link, #similar-posts a:visited {
color:#4973d0;
text-decoration:none;
}

#similar-posts a:hover {
color:#ffffff;
background-color:#4973d0;
text-decoration:none;
}


/* -------------------------------------------------------- */


/* example_6 css */
#carrousel-single {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 610px; /* important */
	height:700px; /* important */
	margin: 0;
	background: #fff;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 13440px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 485px 131px 0 131px;
}
#container_bd #example_6_frame ul li {
	margin: 0 2px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
	#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}