@charset "utf-8";
/* CSS Document


theme name: Planete_web



by:Orel



 */
* 
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}
body
{
background-color:#fff;
background-image:url(images/body-bg.jpg);
background-repeat:repeat-x;
margin:auto;
color:#757072;
font:14px  Verdana,Helvetica, sans-serif,Arial;


}
#main_content {
	width:100%;
height:auto;
}
#header {
background-image:url(images/body-bg.jpg);
background-repeat:repeat-x;
width:100%;
height:104px;
}

#content_header {
background-image:url(images/body-bg.jpg);
background-repeat:repeat-x;
width:1150px;
height:120px;
margin:auto;
}
#under_header {
width:100%;
height:170px;
}
#navigation {
width:1000px;
height:100px;
float:left;
}
#bienvenue {
margin:auto;
width:1000px;
height:170px;
}

#navigation ul li {
float:left;
list-style-type:none;
width: 50px;
height:80px;
}
#navigation ul li.spacer {
background:url(images/nav-sep.jpg) bottom left;
background-repeat:no-repeat;
width:120px;
height:80px;
text-align:center;
}
#navigation ul li a {
/*padding-right: 40px;*/
padding-bottom: 0px;
/*padding-left: 40px;*/
padding-top: 50px;
text-decoration: none;
color: #8d898b;
height: 38px;
float: left;
width:120px;
}
#navigation ul li a:hover, #navigation ul li a.active {
background-color: transparent;
background-image: url(images/nav-hover.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left -1px;
font-weight:bold;
}
#logo {
background-image:url(images/PLANETEWEB.jpg);
background-repeat:no-repeat;
width:208px;
height:104px;
float:left;
}
div #linkheader {
width:208px;
height:104px;
display:block;
}
#background {
width:100%;
height:auto;	
}
#container {
background-color: #fff;
background-image: url(images/container-bck.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left 13px;
position: relative;
width:100%;
height:auto;
}
#containerbis {
width:1000px;
height:100%;
margin:auto;
}
#containerbisarchive {
width:1000px;
height:1500px;
margin:auto;
}

.cadre_bienvenue {
background-image:url(images/h-welcome.jpg);
background-repeat:no-repeat;
width:150px;
height:170px;
float:left;
font:10px;

}

.bienvenue_center {
background-image:url(images/panoramique1.png);
background-repeat:no-repeat;
width:700px;
_width:697px;
height:170px;
float:left;
}
.bienvenue_right {
background-image:url(images/h-welcomeright.jpg);
background-repeat:no-repeat;
width:145px;
height:25px;
float:left;
font-size:9px;
padding-top:145px;
padding-left:5px;
}
.bienvenue_right a {
	
color:#8E898B;
}
.bienvenue_right a:hover {
	text-decoration:none;
color:#000;
}
.tasse {
background-image:url(images/tasse_rss.jpg);
width:150px;
height:120px;
float:left;
}
#linktasse {
width:150px;
height:120px;
display:block;
}
#box_footer {
width:100%;
height:100%; 
float:left;
}
#footer {
background-color: transparent;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
height: 399px;
}
.white-image {
background-image: url(images/footer.png);
background-repeat: no-repeat;
height: 49px;
width:500px;
background-color: transparent;
position:relative;
top:-10px;
left:23%;
padding-top:10px;
}
#ombre {
background-image:url(images/container-bgs.jpg);
background-repeat:no-repeat;
width:1000px;
height:25px;

}
#content {
width:500px;
float:left;
margin-right:10px;
}
.post {
background-image:url(images/cadre1.png);
background-repeat:no-repeat;
width:500px;
height:400px;
float:left;
margin-right:10px;
padding-bottom:20px; 
}
.post_single{

background-image:url(images/cadre1single.png);
background-repeat:no-repeat;
width:500px;
height:100%;
float:left;
}
.post_page{

background-image:url(images/cadre1page.png);
background-repeat:no-repeat;
width:500px;
height:100%;
float:left;
}

#top-sidebar {
background-image:url(images/sidebar.png);
background-repeat:no-repeat;
width:284px;
height:20px;

}
#bottom-sidebar {
background-image:url(images/sidebar-bottom.png);
background-repeat:no-repeat;
width:284px;
height:20px;

}
#content-sidebar {
border-right:solid 2px;
border-left:solid 2px;
border-color:#fff;
width:280px;

background-color:#E1E5E5;

 }
#sidebar {
width:280px;
height:100%;
float:left;
}
#sidebar ul {
list-style-type: none;
}
#top-sidebarbis {
	font-size:25px;
padding-left:30px;
font-weight:bold;
color:#000;
}
#search {
background-image:url(images/search.png);
background-repeat:no-repeat;
width:280px;
height:100px;
margin:auto;
}
.insert_search {
width:165px;
height:25px;
margin-left:15px;
margin-top:35px;
border:none;
font-size:20px;
}
.insert_submit {
width:50px;
height:50px;
margin-left:20px;
border:none;
cursor:pointer;
}
.pointille {
background-image:url(images/pointille.jpg);
width:280px;
height:10px;
}
#top_flickr {
background-image:url(images/cadre_flickr.jpg);
background-repeat:no-repeat;
width:260px;
height:15px;
}
#content_flickr {
width:260px;
height:180px;
background-color:#FFF;
padding-top:10px;
}
#bottom_flickr {
background-image:url(images/cadre_flickr1.jpg);
background-repeat:no-repeat;
width:260px;
height:15px;
}
#flickr {
width:260px;
height:260px;
margin-left:10px;
margin-top:10px;
}
.titre_flickr {
background-image:url(images/flickr.png);
background-repeat:no-repeat;
width:260px;
height:40px; 
}

#sidebarbis {
width:190px;
_width:180px;
height:100%;
float:right;
}
h3.title-guide {
	color:#8E898B;
padding-top:30px;
}
h3.title-guide a {
	color:#8E898B;
text-decoration:none;
}
h3.title-guide a:hover {
	color:#000;
text-decoration:underline;
}

#tag {
background-image:url(images/carre_blanc.jpg);
background-repeat:no-repeat;
width:270px;
height:250px;
border-color:#E1E5E5;
margin-left:5px;
margin-top:10px;
}
.boximg{
width:261px;
height:150px;

}
.sb-flickr 
{
padding: 0px;
text-indent: none;
 list-style-type:none;
 display:inline;
}
.sb-flickr a, li.sb-flickr a:hover, li.sb-flickr a:visited {
text-decoration: none;
border: none !important;
padding:0px;
background:transparent !important;
}
.sb-flickr a img {
 border: 4px solid #000000;
 margin: 0px 2px 2px 2px;
 }
.sb-flickr a:hover img {
 border: 4px solid #FFF;
 margin: 0px 2px 2px 2px;
 }

.boxtitle {
width:500px;
height:120px; 
}
.boxtitle h3 {
width:50px;
padding-top:20px;
padding-left:20px;
text-align:center;
}
.calendar {
width:80px;
height:100px;
float:left;
margin-right:20px;


}
.calendar h3 {
padding-top:20px;
}
.title h1 {
font-size:23px;


}

html>body .title {
width:400px;
height:120px;
}
.title {
width:450px;
_width:400px;
height:120px;
_height:100%;
/*text-align:center;*/
}


.title_page {
width:480px;
_width:380px;
height:120px;
text-align:center;
}

.p p {
width:480px;
padding-left:10px; 
text-align:justify;
}
.ligne {
background-image:url(images/ligne.png);
background-repeat:no-repeat;
width:350px;
height:5px;
margin-left:75px;
}
.ligne-guide {
	
background-image:url(images/ligne-guide.png);
background-repeat:no-repeat;
width:150px;
height:5px;
margin:10px 0px 10px 25px;

}
.clear{
float:none;
}
h1 a , h2,h3 {
	color:#000;
text-decoration:none;
padding-top:5px;
padding-bottom:5px;
}
h1 {
	padding-top:20px;
font-size:25px;
}
.pointi {
background-image:url(images/pointi.png);
background-repeat:no-repeat;
width:500px;
height:5px;
margin-top:10px;

}
.mostcommented {
background-image:url(images/mostcomment.png);
background-repeat:no-repeat;
width:270px;
height:30px;
margin-left:5px;
margin-bottom:20px;
margin-top:20px;
}


.commenti {
	
background-image:url(images/PostCom.png);
background-repeat:no-repeat;
width:110px;
height:13px;
font-weight:bold;
font-size:12px;
padding-left:20px;
float:right;
}
.commenti a {
	color:#8E898B;
text-decoration:none;
}
.categoria {
background-image:url(images/PostCom.png);
background-repeat:no-repeat;
width:180px;
height:12px;
	float:left;
font-weight:bold;
font-size:13px;
padding-left:20px;
margin-left:10px;

}
.categoria a {
	color:#8E898B;
text-decoration:none;
}
/*comments.php*/


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: left;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
width:50px;
height:100%;
}
ol#commentlist {
	padding:10px 0px 20px 0px; 
}
.comment_box {
	width:496px;
height:100%;
background-color:#F0F0F0;
border-right:solid 2px;
border-left:solid 2px;
border-bottom:solid 2px;
border-color:#BCBCBC;
}
.comment_top {
	
background-image:url(images/comment.png);
background-repeat:no-repeat;
width:500px;
height:50px;
}
.comment_text  {
width:400px;
padding-bottom:10px; 
float:left;


}
/*mostcomment*/
li.most a {
text-decoration:none;
color:#8E898B;
	
}
li.most a:hover {
text-decoration:underline;
color:#f5b952;
	
}

li.most {
	padding-left:20px;
font-weight:bold;
font-size:15px;
}

#followme {
	width:280px;
height:100%;
padding-bottom:50px;

}
#facebook {
background-image:url(images/facebookshadow.png);
background-repeat:no-repeat;
	width:140px;
height:70px;
float:left;
}
#linkfacebook {
width:140px;
height:70px;
display:block;
}
#linktwitter {
width:140px;
height:70px;
display:block;
}


#twitter {
background-image:url(images/twitter.png);
background-repeat:no-repeat;
	width:140px;
height:70px;
float:right;
}

.listpage {
background-image:url(images/mylistpage.png);
background-repeat:no-repeat;
width:270px;
height:30px;
margin-left: 5px;
margin-bottom: 20px;
margin-top: 20px;
}
.list_pages  {
	width:260px;
_width:280px;
font-weight:bold;
font-size:15px;
}
.list_pages li a {
	text-decoration:none;
color:#8e898b;
}
.list_pages  li{
list-style-type:square;
margin-left:30px;

}
.list_pages li a:hover {
text-decoration:underline;
}




.mycategorie {
background-image:url(images/mycategories.png);
background-repeat:no-repeat;
width:270px;
height:30px;
margin-left: 5px;
margin-bottom: 20px;
margin-top: 20px;
}



.categorie {
	width:260px;
font-weight:bold;
font-size:15px;
}
.categorie a {
	text-decoration:none;
color:#8e898b;
}
.categorie li {
	list-style-type:square;
margin-left:90px;
}
.categorie li a:hover {
text-decoration:underline;
}
.navig {
	width:165px;
height:50px;
margin:auto;
margin-top:25px;
}
a {
	color:#d17467;
font-weight:bold;
}