/*
Theme Name: Olivier Delattre
Theme URI: http://www.olivier-delattre.com/
Description: Thème pour Olivier Delattre par Rémi bezeux.
Version: 1.0
Author: Rémi Bezeux
*/
/* Généralités */
body {margin:0;padding:0;background:url(../images/fondgris.gif) repeat;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:center;}
button {float:right;margin-top:2px;margin-bottom:2px;border:1px solid black;cursor:pointer;width:200px;}
p {margin:0;padding:0;text-align:justify}
img {border:none}
h2 {margin:0 0 0 5px;}
a {text-decoration:none;color:#000000;}

/* Squelette */
#centrage {width:950px;margin-left:auto;margin-right:auto;text-align:left;margin-top:0;padding-top:0;}
#contenu {width:950px;border:1px solid black;float:left;background:url(../images/gris90.png);float:left;}
#entete {float:left;width:950px;min-height:193px;height:193px;
			background:url(../images/header-olivier-delattre-twitt-cool.jpg) no-repeat}
#col_gauche {float:left;width:440px;margin-left:5px;}
#col_droite {float:left;width:490px;margin-left:13px}
#footer {float:left;width:950px;}

#boite_bio, #boite_blog, #boite_photos, #wp_wall
		{background:url(../images/bg-box.png) left;width:440px;float:left;}
#boite_clip, #boite_tubes, #boite_dikta, #boite_presse {float:left;width:490px;}

/* Liens communautaires */
ul#liens_externes {float:left;width:950px;margin:0;padding:0}
ul#liens_externes li {float:left;display:inline;list-style:none;}
a.facebook, a.myspace {float:left;width:28px;height:28px;min-height:28px;}
a.facebook {background:url(../images/facebook.png) top left}
a.myspace {background:url(../images/myspace.png) top left; margin-left:5px;}
a:hover.facebook {background:url(../images/facebook.png) 0px -28px;}
a:hover.myspace  {background:url(../images/myspace.png) 0px -28px;}
a.dossier_presse {float:left;width:582px;height:28px;min-height:28px;margin-left:5px;
				background:url(../images/dossier-presse-olivier-delattre.png) no-repeat 0px 4px;} 
/* Intro */
#boite_twitter {float:left;width:360px;margin-top:38px;margin-left:85px;height:28px;min-height:28px;line-height:28px;}
#twitt {float:left;width:330px;font-size:10px;font-style:italic;}
#boite_twitter a {float:left;display:block;width:28px;height:28px;margin-left:2px;}

#texte_entete {float:left;width:600px;height:86px;min-height:86px;margin-left:100px;margin-top:12px;padding:0}

/* Boites gauche */
#header-bio {float:left;width:440px;height:45px;min-height:45px;background:url(../images/header-bio.png);margin-top:10px}
#boite_blog p:first-letter, #boite_bio p:first-letter 
			{font-weight:bold;color:#3a3d54;font-size:14px;}
#boite_blog p, #boite_bio p
			{margin-top:5px;}
#header-blog {float:left;width:440px;height:52px;min-height:52px;background:url(../images/header-blog.png);margin-top:10px}
#header-blog a, #header-photos a
			   {display:block;float:right;width:110px;height:15px;min-height:15px;margin-top:25px;margin-right:25px;
				background:url(../images/lien-cat.png);}
#header-blog a:hover, #header-photos a:hover {background:url(../images/lien-cat.png) 0px -15px;}
						
#header-photos {float:left;width:440px;height:45px;min-height:45px;
				background:url(../images/header-photos.png);margin-top:10px}
#header-avis {float:left;width:440px;height:45px;min-height:45px;background:url(../images/header-avis.png);margin-top:10px}				
.bas-box {float:left;width:440px;height:12px;min-height:12px;background:url(../images/bas-box.png);}

/* Sliders */
#boite_bio p, #boite_blog p, #boite_photos p
		{width:430px;margin-left:5px;}
#boite_bio li, #boite_blog li, #boite_photos li
		{margin:0;font-size:14px;font-weight:normal;cursor:pointer;float:right;
		 display:block;width:15px;height:15px;color:#000000;line-height:15px;text-align:center;
		 border:1px solid black;margin:1px}
#boite_bio li.current, #boite_blog li.current, #boite_photos li.current
		{margin:0;font-size:14px;font-weight:normal;cursor:default;float:right;
		 display:block;width:15px;height:15px;color:#CCCCCC;line-height:15px;text-align:center;
		  border:1px solid #CCCCCC;margin:1px}
#boite_bio div.masque, #boite_blog div.masque, #boite_photos div.masque
		{display:none;color:#000;font-size:12px;text-align:justify}
#boite_bio div.masque h3, #boite_blog div.masque h3, #boite_photos div.masque h3
		{font-weight:normal;font-size:16px;color:#999;}
#boite_bio ul, #boite_blog ul, #boite_photos ul {display:inline;list-style:none;width:100%}

/* Video */
.titre_video {background:url(../images/fond-tube.png) no-repeat;width:485px;height:35px;min-height:35px;text-align:center;}
.titre_video img {margin-left:20px;margin-top:5px;}


/* Tubes */
.tube {background:url(../images/fond-tube.png) no-repeat;width:485px;height:35px;min-height:35px;}
#boite_tubes {margin-top:10px;}
#boite_tubes h3 {float:left;margin:0;padding:0;font-size:14px;font-variant:small-caps;width:250px;line-height:28px;	
				padding-left:10px}
.tube a {text-decoration:none;color:#333333;}
#boite_tubes div.mp3 {float:left;width:165px;}

/* Diktaphone */
#boite_dikta {background:url(../images/diktaphone.png) no-repeat;width:480px;height:145px;min-height:145px;}
a.diktatitre {display:block;float:left;text-decoration:none;width:480px;margin-top:95px;
			  text-align:center;font-size:16px;color:#333333;font-variant:small-caps;font-weight:bold;}
.diktamp3 {float:left;margin-left:150px;width:165px;}

/* Pleine largeur */
#wrapper {width:100%;float:left;}
.resume p, .texte p {width:940px;margin-left:5px;margin-top:5px;}
.post-cat h2 {display:block;float:left;width:950px;text-align:center;height:30px;line-height:30px;margin:0;padding:0;
			  border-top:2px dashed #999999;border-bottom:1px dotted #CCCCCC;
			  font-family:Georgia, "Times New Roman", Times, serif;}
.post-cat h2 a {color:#3a3d54;}
.resume {font-style:italic}
.texte {font-size:14px}
ul.navigation {width:480px;float:left;margin:0;padding:0;display:inline;margin-top:5px;margin-left:40px;}
li.precedent, li.suivant {float:left;list-style:none;list-style:none;width:200px}
li.precedent a, li.suivant a
			{display:block;height:20px;width:200px;background-color:#3a3d54;text-align:center;line-height:20px;color:#FFFFFF;
			border:1px solid #FFFFFF;}
li.suivant a {margin-left:5px;}
li.precedent a:hover, li.suivant a:hover {color:#3a3d54;background-color:#FFFFFF;border:1px solid #3a3d54}

/* Morceaux dikta */
#aff-unique-g {width:480px;float:left;}
#aff-unique-d {float:left;margin-left:5px;}
div.single-diktamp3 {}
div.morceau-dikta {float:left;width:480px;height:145px;min-height:145px;margin-top:20px;
					background:url(../images/diktaphone.png) no-repeat}
div.morceau-dikta p {text-align:center;width:100%;font-size:14px;}

/* Scrollable depuis Jquery tools */
div.scrollable.vertical {position:relative;overflow:hidden;height:460px;width: 400px;float:left;}
/* root element for scrollable items */
div.scrollable.vertical div.items {position:absolute;height:20000em;margin: 0px;}
/* override item style defined in scrollable.css */
div.scrollable div.items p {float:none;margin:10px 0px;width:400px;}
/* single scrollable item */
div.scrollable div.items p {float:left;color:#999;text-align:center;width:400px;padding:5px 0px;
		margin-right: 10px;cursor:pointer;}
/* mouseover state */
div.scrollable div.items p:hover {background-position:-178px 0px;}
/* clicked state */
div.scrollable div.items p:active {background-position:-356px 0;}
/* active item */
div.scrollable div.items p.active {background-position:-534px 0;cursor:default;
}


/* Footer */
#footer {float:left;background-color:#3a3d54;color:white;margin-top:20px;width:100%}
#footer ul {float:left;width:948px;display:inline;margin:0;padding:0;}
#footer ul li.linkcat-2, li.linkcat 
		{float:left;list-style:none;margin:0;padding:0;width:948px;height:20px;line-height:20px;background-color:#FFFFFF;
		border:1px solid #000000;}
#footer ul li.linkcat h2
		{float:left;display:block;width:150px;height:20px;line-height:20px;color:#990000;border-right:1px dotted #CCCCCC;
		text-align:center;}
#footer ul.xoxo {float:left;list-style:none;display:inline;margin:0 0 0 5px;padding:0;width:700px;}
#footer ul.xoxo li {float:left;width:200px;}
#footer ul.xoxo li a {float:left;width:200px;color:#990000}
#credits {float:left;width:100%;text-align:center;margin-top:10px;}