/*
Theme Name: Julien Simon theme
Theme URI: http://www.labubulle.com
Description: Thème créé pour l'illustre Julien Simon.
Version: 1.0
Author: Jérémie Gisserot et Rosalie Rignon
Author URI: http://www.labubulle.com
Tags: julien simon
Text Domain: labubulle
*/

* { padding:0; margin:0}
body { background-image:url(img/bg-fond.gif); background-color:#fcfaf7; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px}
.clear { clear:both}
a img { border:0}

.content { width:1030px; padding-top:45px}

/* éléments communs */
h1 a { background-image:url(img/bg-julienSimon.jpg); width:830px; height:146px; display:block; text-indent:-9000px; display:none}
h2 { font-size:30px}
h2 a { color:#000000; text-decoration:none}
.fdsansligne { background-image:url(img/bg-sansligne.gif); padding-left:90px}
a { color:#cd0303}
a:hover { text-decoration:none}
p { text-align:justify}
span { font-style:italic}
.alignleft { float:left; margin-right:10px}
.alignright { float:right; margin-left:10px}

/* colonne gauche */
.colGauche { width:830px; float:left; background-image:url(img/bg-post.gif);}
.colGauche h2 { margin-bottom:30px; width:600px}
/***bloc dynamique***/
.dynamique { padding:0}
.dynamique li { list-style-type:none}
/***bloc post***/
.post { background-repeat:repeat-y; padding-left:90px; padding-bottom:40px}
.post p { width:630px; line-height:22px}
/***bloc commentaires***/
.commentaire h2 { margin-bottom:5px}
.com { padding-bottom:40px}
.com li { list-style-type:none; margin-bottom:40px}
.com img { float:left; margin-right:10px}
.com p { width:630px!important; width:551px; *width:551px!important}
.formCommentaire { background-image:url(img/bg-formCom.gif); height:414px; margin-bottom:-70px; padding-left:90px}


.formCommentaire label { font-style:italic; width:100%; display:block; height:30px}
.formCommentaire label span {display:block; width:200px; text-align:right; float:left; padding-right:10px}

.formCommentaire input { margin-bottom:10px; width:237px; float:left }
.formCommentaire textarea { width:450px; margin-bottom:10px;}


/***bloc autres posts***/
.autresPost { padding-left:120px}
.autresPost h2 { margin-bottom:0}

.artSimilaires { float:left; margin-right:50px}


/***post précedent - post suivant***/
.navigation { padding:0 88px}
.navigation .alignleft, .navigation .alignright { width:230px; margin-bottom:60px}
.navigation .alignleft a, .navigation .alignright a { color:#000}


/*colonne droite*/
.colDroite { width:190px; float:left; margin:80px 0 0 10px}
.colDroite ul li { list-style-type:none; margin-bottom:50px}
.colDroite ul li ul li { margin-bottom:10px} 
ul.xoxo li a { color:#0077bc; text-decoration:none}
ul.xoxo li a:hover { text-decoration:underline}


/*bloc à propos*/
.aPropos { background-image:url(img/bg-apropos.jpg); height:516px; width:686px; float:left; padding:90px 0 0 217px; color:#FFFFFF; font-size:13px; position:relative}
.aPropos h2 { margin-bottom:28px}
.aPropos a { color:#FFFFFF; font-style:italic}
.aPropos p { width:332px}
.labubulle { position:absolute; bottom:25px; right:-105px; opacity:0.7; filter:alpha(opacity=60)}
a.labubulle:hover {opacity:1}