/*

Theme : Obeca

Message a ceux qui liront ceci : Bande de copieurs ! ^^

*/

/* basics */

*{margin:0; padding:0; }
body { background:#ffffff; font-family: arial; font-size: 12px; margin:0; padding:0; text-align:justify; }
img{ border: none; padding:0; }
img a{border:none; }
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }
blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
code{ font-family:"Courier New", Courier, monospace; }
.clear { clear:both; }
h1 { font-size:30px; font-weight:bold; color: #FF0055; padding-bottom:30px; }

/* links */

a{ color:#000; text-decoration:none; outline:none; }
a .continue { color: #FF0055; font-weight:bold; }
a:hover .continue { color: #555555; font-weight:bold; text-decoration:none; }

/* container */

#container { width: 960px; margin: 0 auto; padding:0; background:#fff; color:#000000; overflow: hidden; }


/* header */

#header { background:#000; width: 100%; height: 150px; color: #fff; }
#logocontainer { width:960px; margin:0 auto; }

/* main menu */

#logoheader { width:401px; height:88px; float:left; margin-top:35px; padding:0px 0px 0px 40px; }
#menu { float:right; margin-top:110px; }
#menu ul { margin:0; padding:0; }
#menu ul li { display:inline; }
#menu ul li a { color:#fff; padding:0px; float:left; margin-left:15px; }
#menu ul li a:hover { color:#FF0055; text-decoration:none; }

/* ---------------------  FOLLOW */

#follow-dv h2 {font-size:30px; font-weight:bold; color: #000; padding-top:10px; padding-bottom:35px;}
#follow-dv h2:hover {color: #FF0055;}
#follow-dv { display:none; position: relative; width:100%; height:210px; background-color:#f3f0f1; border-bottom:#e8e4e6 1px solid; }
#follow { cursor:pointer; color:FF0055; }
#fermer-fw { position:absolute; right:10px; top:5px; cursor:pointer; }
#contain-tweet { width:600px; padding:0px 0px 0px 40px; float:left;}
#content-follw { width:960px; height:100%; margin:0 auto; }
#content-follw .tweets { display:block; color:#000; font-weight:normal; font-size:20px;}
#content-follw p { color:#666; font-size:20px; margin:0px 0px 0px 0px;text-align:left; }


#content-follw .guillemets { color:#FF0055; font-size:20px; }



#facebookplace { width:320px; float:right; font-size:11px; text-align:right; }
#facebookplace h2:hover {color: #FF0055;}



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


/* content */

/* ------------ loader */

#loading { width:560px; background:#FFF url('images/load.gif') no-repeat center 200px; position:absolute; top:60px; z-index:9; }

/* -------- /loader */


/* Menu Display qui dechire*/

div#choixdisplay { width:100px; text-align:right; float:right; padding-bottom:30px; }
div#vignettepreview, img.wppt_float_left, div#vignettesidebar, .likecommlire { display:none; }
#content { float:left; width:555px; margin:10px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:30px 25px 0px 25px; position:relative; }
.post h2 { font-size:24px; font-weight:bold; text-transform:uppercase; }
.post h2 a{ color: #000; text-decoration: none; font-weight:bold; }
.post h2 a:hover{ color: #ff0055; text-decoration: none; font-weight:bold; }
.post ul { }
.post li { }
.post p a img { margin:10px 0px 10px 0px; }
.post p a:hover { color: #ff0055; text-decoration: none; }
.entry p{margin:12px 0; }
.postmetadata{ clear: both; margin:15px 0px 55px 0px; padding:18px 0 18px 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }

/* sidebar */

#sidebar { font: 12px arial; width:300px; height:auto; float:right; margin-top:20px; background:#f3f0f1 repeat-y; position:relative; z-index:10; }
#sidebar h2{ display:block; width:270px; font-size:18px; color: #000; padding:0; text-transform:uppercase;}
#sidebar h1.pose { display:block; width:270px; font-size:23px; color: #FFF; padding:0px 0px 0px 0px; text-transform: uppercase; background-color:#000; text-align:center;}
#sidebar h1.poselien { display:block; width:270px; font-size:23px; color: #000; padding:0px 12px 8px 0px; text-transform:uppercase;}
#sidebar h1.poselien a:hover { color:#FF0055;}
#sidebar a:hover h1.pose { color:#FFF; background-color:#CCC; }
#sidebar label{ font:normal 11pt arial, georgia, times; color: #000; margin: 0; padding: 0; }
#sidebar img {padding: 0; margin: 0; }
#sidebar ul { margin:0px 0 0 0px; padding-bottom:20px; }
#sidebar ul li { margin: 0; padding: 0; line-height: 15px; list-style-type: none; }
#sidebar ul li a:hover{ color:#FF0055; }
#sidebar ul ul { margin:0 0 30px 0; padding:0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul{ margin: 0; padding: 0; }
#sidebar ul ul ul li{ padding: 0 0 0 15px; list-style-type: square; color: #898989; }

/* The fucking slider */

table.navslider { width:260px; margin:0; }
a.lienslider img.imgslider { border:1px #BFBFBF solid; width:130px; height:103px; }
a.liensliderroll { position:relative; z-index:10; }

p.leblack { display:none; width:131px; height:103px; background-color:#000; position:absolute; top:-92px; left:3px; color:#000; -moz-opacity:0.7;opacity: 0.7;filter:alpha(opacity=70); }
p.rolloverslider { display:none; width:110px; font-size:14px; height:auto; position:absolute; top:-80px; left:7px; text-align:left; border-left:5px #FF0055 solid; padding:0px 0px 0px 3px; font-weight:bold; color:#fff; text-transform:uppercase; }

*:first-child+html p.leblack { top:0px;}
*:first-child+html p.rolloverslider { top:12px;}

a.lienslider:hover p.leblack  { display:block; }
a.lienslider:hover p.rolloverslider { display:block; }

div.scroller { width: 268px; height: 320px; padding:20px 16px 30px 16px; overflow: hidden; }
div.scroller div.section { width:635px; height:300px; overflow:hidden; float:left; }
div.scroller div.content { width: 10000px; }


#sidebar #slidersidebar { margin:0 auto; }
#sidebar #slidersidebar .container { width:267px; height:213px; margin:15px auto 0 auto; overflow:hidden; position:relative; cursor:pointer; padding:3px; border:1px #EADBE4 solid; }
#sidebar #slidersidebar .container .slides { position:absolute; top:0; left:0;  height:213px; }
#sidebar #slidersidebar .container .slides div { position:absolute; top:0; width:270px; display:none; }
#sidebar #slidersidebar .container .slides div a img { margin:0px 0px 0px 3px; }
#sidebar #slidersidebar .container .slides div table { padding-top:3px;}

/* Les liens dynamiques de la sidebar */

#sidebar #sliderliens { width:267px; }
#sidebar #sliderliens .container { overflow:hidden; position:relative; border-bottom:1px solid #808080; }
#sidebar #sliderliens .container .slides { position:absolute; top:0; left:0; width:267px; }
#sidebar #sliderliens .container .slides div { position:absolute; top:0; width:267px; }
#sidebar #sliderliens .container .slides div table { width:267px; }

#sidebar a.next { float:right; padding:6px 15px 0px 0px; }
#sidebar a.previous { float:left; padding:5px 0px 0px 15px; }

#blogrolldyn a.previous { padding:5px 0px 0px 2px; }

#posetonlien { width:267px; border-top:1px solid #808080; }
#poselien { margin:0px 0px 10px 0px; }

a#soumettre-lien { display:block; font-size:10px; text-align:right; padding:4px 12px 0px 0px; margin:4px 18px 0px 0px; color:#FF0055; border-top:1px solid #808080; }
a#soumettre-lien:hover { color:#000; text-decoration:underline; }

a:hover p.lienpos { color:#FF0055; }
p.lienpos { display:block; font-weight:bold; font-size:11px; text-align:left; padding:3px 0px 1px 0px; margin:0px 0px 0px 0px; border-top:1px solid #e8d9e0;}
p.liendesc { display:block; font-size:10px; color:#666; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
p.lienby { display:block; font-size:10px; color:#999; text-align:right; padding:0px 0px 7px 0px; margin:0px 0px 0px 0px;}

/* ---------------------- BLOGROLL Sidebar */

#slidercat1, #slidercat2 { margin:0 auto; text-align:left; }
#slidercat1 .container, #slidercat2 .container { width:262px; height:110px; overflow:hidden; position:relative; cursor:pointer; padding:3px 3px 0px 3px; border:1px #EADBE4 solid; height:auto; }
#slidercat1 .container .slides, #slidercat2 .container .slides { position:absolute; top:0; left:0; }
#slidercat1 .container .slides div, #slidercat2 .container .slides div { position:absolute; top:0; width:270px; display:none; padding-top:0px; }
#sidebar img.blogrollslide { padding:1px; }
#sidebar img.blogrollslide:hover {  -moz-opacity:0.7;opacity: 0.7;filter:alpha(opacity=70); }
#blogrolldyn h2 { padding: 30px 0px 18px 0px; }
#blogrolldyn { pading:0px 0px 30px 0px; }

/* ---------------------- /BLOGROLL Sidebar */


/* ---------------- Articles similaires */

#similar-posts h2 { padding:10px 0px 20px 0px; }
#similar-posts ul li { display:inline; float:left; margin-right:3px; }
#similar-posts ul li a img {}
.boxgridsg{	width: 177px; height: 140px; overflow: hidden; position: relative; padding:1px; border:1px solid #CCC;}

.boxgridsg img { width:177px; }

div.coversg {position:absolute; top:145px; left:2px; width:170px; height:195px; -moz-box-shadow:1px 1px 9px #171717; -webkit-box-shadow:1px 1px 9px #171717; box-shadow:1px 1px 9px #171717; }
div.boxgridsg div.coversg a { display:block; width:170px; height:45px; background-color:#000; -moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80); color:#FF0055; padding:0px 3px 0px 3px; }
div.boxgridsg div.coversg a h3 { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#FFF; text-align:left; font-size:12px; }

/* comments */

#commentform{ background:#fff; margin:0; padding:0; }
#commentform p{ color: #000; }
#commentform a{color: #000; text-decoration: none; line-height: 14pt; }
#commentform a:hover{color: #FF0055; text-decoration:underline; }
#commentform h3{ font-family: arial; font-size: 10pt; font-weight: 300; color: #000; margin:0; padding:0; }
#comment{ width:100%; }
#author, #email, #url, #comment, #submit{ background: #fff; font-family: arial; font-size: 8pt; margin:5px 5px 0 0; padding:0; border: 1px solid #000; }
#submit{margin:5px 5px 0 0; }
ol.commentlist {list-style-type: none; margin:0; padding:0; }
.avatar{float:left; margin:0 12px 0 0; }
ol.commentlist li { background: #fff; margin:10px 0; padding:5px 0 100px 10px; list-style-type:none; width:550px; }
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; }
ol.commentlist a {color:#000; }
ol.commentlist a:hover {color:#FF0055; }
cite { font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal; }
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }

/* misc */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* footer */

.tags { padding: 2px; font-size: .9em; }
.tags a { color: #555555; font-weight:bold; }
.tags a:hover { color: #FF0055; font-weight:bold; }
.tag { padding: 2px 4px; color: #999; border-left: solid 2px #666; font-size: .9em; background-color: #E9E9E9; }
.tag:hover { border-left: solid 2px #ff0055; }
.tag a { color:#555555; }
.tag a:hover { color:#ff0055; }
.vue { padding: 2px 4px; color: #999; border-left: solid 2px #666; font-size: .9em; background-color: #E9E9E9; }
.vue:hover { border-left: solid 2px #ff0055; color:#ff0055; }
.commentaire { padding: 2px 4px; color: #999; border-right: solid 2px #666; font-size: .9em; background-color: #E9E9E9; }
.commentaire:hover { border-right: solid 2px #ff0055; }
.commentaire a { color:#555555; }
.commentaire a:hover { color:#ff0055; }
div.pagination { color:#FF0055; padding:10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; }
div.pagination a { background-color:#E9E9E9; color:#666; padding:2px 5px; margin:0 2px; text-decoration:none; border:2px solid #E9E9E9; }
div.pagination a:hover, div.pagination a:active { color:#FF0055; border:2px solid #E9E9E9; }
div.pagination span.current { padding:2px 5px; border:2px solid #FF0055; color:#fff; margin:0 2px; font-weight:bold; background-color:#FF0055; }
div.pagination span.disabled { display:none; }
.fcol { width: 320px; float: left; }
.fcol h2 { margin: 0 0 10px; color: #FF0055; }
#footer { clear:both; width: 100%; height:200px; position:relative; background:#000000; padding: 35px 0px 35px; color: #6f6f6f; }
#footer-cat { width:300px; margin:0; padding:0; list-style:none; }
#footer-cat li { width: 150px; float:left; margin:0 0 1px 0; }
#footer-cat li a { padding: 2px 0 1px 0; display: block; width: 140px; border-bottom: 1px solid #6f6f6f; color: #6f6f6f; }
#footer-cat li a:hover { background: #FF0055; color: #FFF; text-decoration:none; }
#suscribe { margin: 0; padding: 0; list-style: none; }
#suscribe li { margin:0 0 4px 0; }
#suscribe li a { padding: 2px 0 4px 0; display: block; width: 320px; border-bottom: 1px solid #6f6f6f; color: #6f6f6f; }
#suscribe li a:hover { background: #FF0055; color: #FFF; }
#feeders { margin: 10px 0; float: right; }
#footer .in { width: 300px; color:#6f6f6f; text-align: justify; }
#footer .in a:hover{ background: #FF0055; color: #FFF; }
div.floated { width: 400px; float: left; margin-left: 1em; }
#go_top { float: right; width: 100%; height: 56px; text-align: right; margin: 0; padding: 0; cursor: pointer; }
#go_bottom a{ width: 100%; text-align: right; color:#FF0055; margin: 0; padding: 0; cursor: pointer; }
#footerWrap { width: 960px; margin: 0 auto; position: relative; }

/* Search */

#buscador { margin: 40px 0 21px 0; }
#searchform input { background: url(images/sbg.png); margin: 0; border: 0; display: inline; }
#s { padding: 5px 0 0 5px; height: 19px; width: 132px; font-size: 0.9em; }
#s1 { float: right; }
#s2 { float: right; }
.navigation { margin-top:80px; }


/*

		 * Optional

*/

#sidebar ul.pagination { display:block; width:200px; list-style-type:none; margin:15px 0px 0px 118px; }
#sidebar ul.pagination li { float:left; margin:0 5px; }
#sidebar ul.pagination li a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(images/sep.jpg); background-position:0 0; background-repeat:no-repeat; }
#sidebar ul.pagination li a:hover { background-image:url(images/sep-over.jpg); }
#sidebar ul.pagination li.active a {background-image:url(images/sep-over.jpg); }
#sidebar #slidersidebar a.next { float:right; padding:10px 15px 0px 0px; }
#sidebar #slidersidebar a.previous { float:left; padding:10px 0px 0px 15px; }

#slidercat1 .container, #slidercat2 .container, #slidercat1, #slidercat2 { height:219px; }
#slidercat1 .container .slides, #slidercat2 .container .slides { height:219px; }
img.blogrollslide, a.liensliderroll { display:block; height:100px; width:130px; float:left; padding:2px; }

#sidebar #slidersidebar .container .slides div { height:219px; }
a.lienslider { position:relative; z-index:10; }