/*

Theme Name: Djay et Roze

*/

div#text-7.widgets { background:none; top:-30px; margin-bottom:0}
div#text-7.widgets h2 { display:none}
div#text-7.widgets .widgetsContent {min-height:0; margin:0}
div#text-7 .fdWidgets {display:none}
div#text-7 .textwidget {width:180px; margin:auto}

.alignleft { float:left}

.alignright {float:right}



* { padding:0; margin:0}

.clearer { clear:both}

body { font-family:Georgia, "Times New Roman", Times, serif; background:url(img/bg-bord.jpg) #8eb43a repeat-x;}

a { outline:none}

.fl { float:left}

.fr { float:right}

a img { border:0}



#logo { width:635px; height:130px; margin:auto; z-index:200; position:relative; top:90px; left:-70px}

#logo h1 a { display:block; background-image:url(img/logo.png); width:635px; height:130px; text-indent:-9000px; position:relative}

#logo h1 a:hover { background-position:0 -130px ;}

#logo p { display:none}



.content { /*width:950px*/ width:940px; background:#FFFFFF url(img/bg-content.gif) bottom center no-repeat; margin:100px auto -130px auto; padding:20px 0 60px 0; position:relative; z-index:100; min-height:1480px}

span.txtRose { color:#78347a}

span.txtRose a { color:#78347a}

span.txtRose a:hover { text-decoration:none; color:#34617a}



span.txtBleu { color:#34617a}

span.txtBleu a { color:#34617a}

span.txtBleu a:hover { text-decoration:none; color:#78347a}



span.txtGris { color:#767676}

span.txtGris a { color:#767676}

span.txtGris a:hover { text-decoration:none}



h2 { font-size:30px; color:#78347a; font-weight:normal; margin-bottom:15px}

h2 a { color:#78347a; text-decoration:none}

h2 a:hover { color:#34617a}



/*** image de fond ***/

.imgHaut {  background:url(img/bg-haut.jpg) center 0 no-repeat scroll; width:100%; height:1200px; position:absolute; top:0; z-index:3;}

.imgMilieu { background:url(img/bg-milieu.jpg) top center no-repeat; width:100%; height:520px; position:absolute; z-index:2; top:1200px;}

.imgBas { background:url(img/bg-bas.jpg) top center no-repeat; width:100%; height:300px; position:relative; z-index:2;}



/*** colonne gauche ***/

.colGauche { width:720px; float:left}



/* bloc hello */

.hello { font-size:11px; background-image:url(img/bg-hello.jpg); background-position:bottom center; background-repeat:no-repeat; padding-bottom:50px; line-height:1.8em}

img#hello { float:left; position:relative; top:-5px; left:13px}

.hello p { margin-left:110px}



/* bloc posts */

.post { padding:30px 0 10px 112px; position:relative}

.postArt { padding:0 10px 10px 30px; position:relative}

img#dernierArt { position:absolute; left:26px}

.infoPost { font-size:12px; background:url(img/img-kikiPost.jpg) center left no-repeat; padding-left:40px; margin-bottom:15px}

.postContent { margin-bottom:40px}

.postContent p { font-size:14px; color:#1e1e1b; text-align:justify}

.postContent ul li  { font-size:14px; text-align:justify; list-style-type:none}

.postContent ol li { font-size:14px; text-align:justify; list-style-position:inside}



div.wp-caption {margin-bottom:20px}

p.wp-caption-text { font-style:italic; color:#78347a; text-align:center}



.suiteComs { padding:0 0 60px 112px; background:url(img/bg-hello.jpg) bottom center no-repeat; clear:both}



a.lireSuite { background:url(img/txt-lireSuite.jpg) no-repeat; height:21px; display:block; text-indent:-9000px}

a.lireSuite:hover { background-position:left -21px}



a.commentaires { background:url(img/txt-commentaires.jpg) no-repeat; height:31px; display:block; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; padding-left:6px}

a.commentaires:hover { background-position:left -31px}



a.more-link { background-color:#78347a; color:#fff; text-decoration:none; padding:0 2px}

a.more-link:hover { background-color:#34617a}



/* bloc commentaires */

h2.comments { font-size:22px}

ul.com { border:1px dashed #ccc; padding:15px 15px 0 15px; margin-top:-10px}

ul.com li { font-size:12px; list-style-type:none; padding:0 0 40px 110px; position:relative; min-height:106px; text-align:justify; line-height:1.5em; background:url(img/img-kikiCom.gif) no-repeat bottom center}

ul.com li img.avatar { position:absolute; top:0; left:0}

.comment { margin-bottom:20px}

.dateCom { color:#34617a; font-weight:bold; margin-bottom:5px}

.fn, .fn a { color:#78347a}

.formCommentaire { margin-top:30px}



form#commentform { border:1px dashed #ccc; padding:15px; margin-top:-10px; font-size:12px}

form#commentform p { margin-bottom:10px}

form#commentform p a { color:#34617a; text-decoration:none; font-style:italic; font-weight:bold}

form#commentform p a:hover { text-decoration:underline}

form#commentform label { width:100%; display:block; float:left; margin-bottom:10px}

form#commentform label span { width:150px; display:block; float:left; text-align:right; margin-right:5px; padding-top:3px}

form#commentform input { display:block; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; height:20px; padding:2px 0 0 2px}

form#commentform textarea { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding:2px; width:640px; height:200px}

form#commentform #submit { background:url(img/bt-envoyer.gif) no-repeat; height:38px; width:114px; text-indent:-9000px; display:block; border:none}

form#commentform #submit:hover { background-position:left -38px; cursor:pointer}



.enAttente { color:#fff; background-color:#78347a; padding:3px; display:inline-block; margin-bottom:10px}





/* bloc navigation */

.navigation { margin:20px; border-top:#ccc dashed 1px; padding:20px; position:relative}

.navigation .alignleft a {background:url(img/txt-articlesPrecedents.jpg) no-repeat; height:35px; display:block; width:161px; text-indent:-9000px}

.navigation .alignleft a:hover { background-position:left -35px}

.navigation .alignright a {background:url(img/txt-articlesSuivants.jpg) no-repeat; height:35px; display:block; width:174px; text-indent:-9000px}

.navigation .alignright a:hover { background-position:left -35px}

.listeArticles { width:340px}

h3.artRecents { background:url(img/txt-artRecents.jpg) top center no-repeat; height:28px; text-indent:-9000px; margin-bottom:15px}

h3.artPopulaires { background:url(img/txt-artPopulaires.jpg) top center no-repeat; height:35px; text-indent:-9000px; margin-bottom:8px}

.listeArticles ul li { list-style-type:none; margin-bottom:20px}

.listeArticles ul li img { float:left; margin-right:6px}

.listeArticles ul li span.txtGris { font-size:11px; display:block; margin-bottom:-10px}

.listeArticles ul li span.txtRose { font-size:12px; text-align:justify}

.pagination { width:320px; position:absolute; margin:auto; display:block; left:50%; margin-left:-160px; top:25px}

.pagination a { color: rgb(120, 52, 122); display:block; float:left; width:32px; height:25px; text-decoration:none; text-align:center; padding-top:2px}

.pagination a:hover { background: url(img/pagination.gif) 0 0; color:#fff }

.current { background:url(img/pagination.gif) 0 -26px; color:#FFFFFF; width:32px; height:25px; text-decoration:none; float:left; display:block; text-align:center; padding-top:2px}



/* bloc qui sommes-nous? */


#roze h3 { margin:20px 0 10px 0; display:block}

#roze img { margin-right:10px}

#djay h3 { margin:20px 0 10px 0; display:block}

#djay img { margin-right:10px}


/*** colonne droite ***/

.colDroite { width:198px; float:right; margin-right:7px}

.widgets { position:relative; background-image:url(img/bg-basColdroite.png); background-repeat:repeat-y; margin-bottom:60px}

span.fdWidgets { background:url(img/bg-coldroite.png) repeat-x center top; width:198px; height:240px; display:block; position:absolute; top:-37px; left:0; z-index:0;}

.widgetsContent { position:relative; top:-15px; z-index:1; padding-bottom:10px; margin:0 15px; color:#FFFFFF; font-size:13px; line-height:1.2em;  min-height:199px;}

.widgetsContent a { color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none}

.widgetsContent a:hover { text-decoration:underline}

.widgetsContent ul li { list-style-type:none; margin:0 0 10px 0}

.widgetsContent h2, .widgetsContent h2 a { font-size:18px; color:#fff; font-family:"Trebuchet MS"; font-weight:bold}

.widgetsContent h2 a:hover { color:#fff; text-decoration:underline}



a#rssArt { background-image:url(img/txt-rssArticles.png); width:118px; height:22px; text-indent:-9000px; display:block}

a#rssArt:hover { background-position:left -22px}



a#rssCom { background-image:url(img/txt-rssCommentaires.png); width:165px; height:24px; text-indent:-9000px; display:block}

a#rssCom:hover { background-position:left -24px}



/*le voyage*/

#categoryposts-5 h2 a { background:url(img/txt-leVoyage.png) no-repeat top center; text-indent:-9000px; display:block; height:35px; margin-bottom:-10px}

#categoryposts-5 h2 a:hover { opacity:0.7; filter:alpha(opacity=70)}

/*hébergements*/

#categoryposts-3 h2 a { background:url(img/txt-hebergements.png) no-repeat top center; text-indent:-9000px; display:block; height:40px; margin-bottom:-10px}

#categoryposts-3 h2 a:hover { opacity:0.7; filter:alpha(opacity=70)}

/*nos coups de coeur*/

#categoryposts-6 h2 a { background:url(img/txt-coeur.png) no-repeat top center; text-indent:-9000px; display:block; height:30px; margin-bottom:-10px}

#categoryposts-6 h2 a:hover { opacity:0.7; filter:alpha(opacity=70)}

/*notre fouilli*/

#categoryposts-4 h2 a { background:url(img/txt-fouilli.png) no-repeat top center; text-indent:-9000px; display:block; height:30px; margin-bottom:-10px}

#categoryposts-4 h2 a:hover { opacity:0.7; filter:alpha(opacity=70)}

/*newsletter*/

#newsletter h2 { background:url(img/txt-newsletter.png) no-repeat top center; text-indent:-9000px; display:block; height:25px}

/*nos flux rss*/

#text-5 h2 { background:url(img/txt-fluxRss.png) no-repeat top center; text-indent:-9000px; display:block; height:30px}

/*mots clefs*/

#tag_cloud-5 h2 { background:url(img/txt-motsClefs.png) no-repeat top center; text-indent:-9000px; display:block; height:35px}

/*amis et famille*/

#linkcat-10 h2 { background:url(img/txt-amisFamille.png) no-repeat top center; text-indent:-9000px; display:block; height:30px}

/*commentaires récents*/

#recent-comments-3 h2 { background:url(img/txt-comRecents.png) no-repeat top center; text-indent:-9000px; display:block; height:40px}



/*ancien bloc droit

a#infoP { background:url(img/txt-infoP.png) no-repeat; text-indent:-9000px; display:block; height:24px}

a#infoP:hover { background-position:left -24px}

a#qui { background:url(img/txt-qui.png) no-repeat; text-indent:-9000px; display:block; height:18px; margin-bottom:10px}

a#qui:hover { background-position:left -18px}

a#contact { background:url(img/txt-contact.png) no-repeat; text-indent:-9000px; display:block; height:18px; margin-bottom:10px}

a#contact:hover { background-position:left -18px}

*/



#newsletter input { margin-bottom:10px}

.blogroll li { border-bottom:1px dashed #fff; font-size:10px; padding-bottom:10px}

.blogroll li a { font-weight:bold; clear:both; display:block; font-size:12px}

.blogroll li a:hover { text-decoration:underline}



li.recentcomments { border-bottom:1px dashed #fff; font-size:10px; padding-bottom:10px }

li.recentcomments a { font-weight:bold; font-size:12px; }

li.recentcomments a[rel] {font-weight:normal; font-size:10px;}





/** footer **/

#labubulle { opacity:0.3; filter:alpha(opacity=30); position:absolute; bottom:-60px; right:10px}

#labubulle:hover { opacity:1; filter:alpha(opacity=100)}



#wordpress { opacity:0.3; filter:alpha(opacity=30); position:absolute; bottom:-60px; left:10px}

#wordpress:hover { opacity:1; filter:alpha(opacity=100)}