/*  
Theme Name: Yourblog 2.0 theme
Theme URI: http://demos.mediawick.com/web20/
Description: A two-columned wordpress theme with a Medine look
Author: Abhishek Tripathi - Medine
Author URI: http://www.smol.org

*/
/* Begin Comments*/
.commentaires{width:725px; clear:both; padding:0 0 0 13px;}

.alt {	margin: 0;	padding: 10px;	background-color:#e4eec2;}

.commentlist {	padding: 0;	text-align: justify; width:730px; 	}

.commentlist li {	margin: 15px 0 3px;	padding: 5px 10px 3px;	list-style: none;	}

.commentlist p {	margin: 10px 5px 10px 0;	}

#commentform p {	margin: 5px 0;	}

.nocomments {	text-align: center;	margin: 0;	padding: 0;	}

.commentmetadata {	margin: 0;	display: block;	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}

acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}

blockquote cite {	margin: 5px 0 0;	display: block;	}

.center {text-align: center;}

a img {border:0 none;}
	
/* End Various Tags & Classes*/

/***Begin Web 2.0 Specific CSS***/

ul, ol, li, div, body, html, form, input, h1, h2, h3, img{ padding: 0; border:0 none; margin: 0;}
ul, ol{list-style: inside}
ol{list-style: decimal inside}

.clear { clear: both;  visibility: hidden; width:1px; height:1px; line-height:1px; display:block; margin:0 !important; margin:-7px 0;}
input, textarea {border:1px solid #bbb}
h1, h2, h3 { color: #03A1B3}


body { font:normal 12px/14px 'Arial', sans-serif;}

#mainbox { position: relative; margin: 0 auto; width: 990px;}

.bringdown { clear: both; }
.alignleft { float: left; margin-bottom: 15px; }
.alignright { float: right;	margin-bottom: 15px; }

a:link {color: #03A1B3; text-decoration: none;}
a:visited {color: #03A1B3;	text-decoration: none;}
a:hover {text-decoration: underline;}

/***Header Stuff***/
.page_item{float:left}
.access{display:none}

#header{ width:100%; height:150px; background: #fff url(images/bg-top.png) no-repeat center top;}

#logo {margin: 0 0 8px 0;}
#logo h1 a {display:block; width: 220px; height: 100px;}

#logo #link-vsc{ width:85px; height:40px; display:block; position:absolute; top:50px; left:875px}
ul#menu {list-style: none; width:auto; height:auto; padding:0 0 0 25px; background:transparent;}

#menu li {float:left; height: 65px; background:transparent}

#menu .cat_item a {display: block; height: 65px;}
#menu .cat-item-01 {background: transparent url(images/img-nav-left.png) no-repeat left top; width:25px;}
#menu .cat-item-02 {background: transparent url(images/img-nav-right.png) no-repeat left top; width:52px;}

#menu .cat-item-3 a {background: transparent url(images/bt-monvoyageresp.png) no-repeat left top; width:107px;}
#menu .cat-item-3 a:hover {background: transparent url(images/bt-monvoyageresp.png) no-repeat left -76px; width:107px;}
#menu .cat-item-3 a.active {background: transparent url(images/bt-monvoyageresp.png) no-repeat left -76px; width:107px;}

#menu .cat-item-6 a {background: transparent url(images/bt-avisexperts.png) no-repeat left top; width:141px;}
#menu .cat-item-6 a:hover {background: transparent url(images/bt-avisexperts.png) no-repeat left -76px; width:141px;}
#menu .cat-item-6 a.active {background: transparent url(images/bt-avisexperts.png) no-repeat left -76px; width:141px;}

#menu .cat-item-7 a {background: transparent url(images/bt-odysseeresp.png) no-repeat left top; width:103px;}
#menu .cat-item-7 a:hover {background: transparent url(images/bt-odysseeresp.png) no-repeat left -76px; width:103px;}
#menu .cat-item-7 a.active {background: transparent url(images/bt-odysseeresp.png) no-repeat left -76px; width:103px;}

#menu .cat-item-8 a {background: transparent url(images/bt-tropheesresp.png) no-repeat left top; width:108px;}
#menu .cat-item-8 a:hover {background: transparent url(images/bt-tropheesresp.png) no-repeat left -76px; width:108px;}
#menu .cat-item-8 a.active {background: transparent url(images/bt-tropheesresp.png) no-repeat left -76px; width:108px;}

#menu .cat-item-19 a {background: transparent url(images/bt-acturesp.png) no-repeat left top; width:106px;}
#menu .cat-item-19 a:hover {background: transparent url(images/bt-acturesp.png) no-repeat left -76px; width:106px;}
#menu .cat-item-19 a.active {background: transparent url(images/bt-acturesp.png) no-repeat left -76px; width:106px;}

#intro { position:relative; z-index:1; width:750px; height: 55px; clear:both; margin-top:25px}

#bloc-top-home{ position:relative; z-index:10; width:735px; height:312px; background: #fff;}

#navdeplus{ width:205px; height:312px; float: right; line-height:1px; background: #fff; padding:0;}

#player{ width:auto; float: left;}

/***********************Categ Mon Voyage**********/

#menu-vr { background:transparent; border:2px solid #a9d0d8; border-width: 0 2px; width:180px; height:107px/*auto*/;
	font:normal 11px/13px 'Verdana', sans-serif;
	color: #03a1b3;
	text-align: left;
	margin-left: 7px;
	padding: 3px 7px 0 3px;
}
#top-vr { background:transparent url(images/bgtop-navplus-vr.png) no-repeat left bottom; width:205px; height:40px; }
#btm-vr { background:transparent url(images/bgbtm-navplus-vr.png) no-repeat left bottom; width:205px; height:36px;}

/***********************Categ Experts**********/

#top-exp { background:transparent url(images/bgtop-navplus-experts.png) no-repeat left bottom; width:205px; height:40px; }

/***********************Categ Odyssee**********/
#menu-odyssee a{ color: #B50C32; text-decoration: none;}
#menu-odyssee a:hover{ color: #066d2e; text-decoration: underline;}

#menu-odyssee ul{ color: #B50C32; padding: 5px 0 0 0;}

#menu-odyssee { background:transparent; border:2px solid #97ac87; border-width: 0 2px; width:180px; height:107px/*auto*/;
	font:normal 11px/13px 'Verdana', sans-serif;
	color: #066d2e;
	text-align: left;
	margin-left: 7px;
	padding: 3px 7px 0 3px;
}
#top-odyssee { background:transparent url(images/bgtop-navplus-odyssee.png) no-repeat left bottom; width:205px; height:40px; }
#btm-odyssee { background:transparent url(images/bgbtm-navplus-odyssee.png) no-repeat left bottom; width:205px; height:36px;}


#menu-odyssee li.activePays a{ color: #066d2e; text-decoration: underline;}
/**************************/


/***Home Stuff***/
.home-bloc-btm {float: left; list-style:none; width: 353px; height:125px; padding:45px 3px 20px 7px; color:#555; margin-right:10px; clear: right;}
.home-bloc-btm h3, .home-bloc-btm p{width:350px !important; width:190px;}
.home-bloc-btm h3 a{color:#03A1B3; font-size:15px}
.home-bloc-btm img {float:left; margin:0 10px 7px 0; }

#mvr { background: transparent url(images/title-bloc-btm-monvoyage.png) no-repeat left top;}
#link-mvr{ width:360px; height:40px; display:block; margin-top:-40px}
#exp { background: transparent url(images/title-bloc-btm-mes-infos.png) no-repeat left top;}
#link-exp{ width:360px; height:40px; display:block; margin-top:-40px}
#tro { background: transparent url(images/title-bloc-btm-trophees.png) no-repeat left top;}
#link-tro{ width:360px; height:40px; display:block; margin-top:-40px}
#act { background: transparent url(images/title-bloc-btm-en-bref.png) no-repeat left top;} 
#link-act{ width:360px; height:40px; display:block; margin-top:-40px}

/***Main Area Stuff***/
#content { float: left; width: 750px; padding:0 0 10px 13px;}

/***Sidebar Items***/
#sidebar ul {list-style: none; padding:0 0 7px 5px; }

#sidebar li { list-style: none;}

#sidebar {position:absolute; top:190px; left:755px;  width:190px; background:transparent url(images/bande-verte.png) no-repeat left top;  padding:0 0 0 10px ;} 

#sidebar ul ul{ list-style:none; width: auto; padding: 0 0 7px 0; }

#sidebar li li{ }

#sidebar a {color: #555; font-size: 11px; }

#sidebar a:link { text-decoration: none;}

#sidebar a:visited {text-decoration: none;}

#sidebar a:hover { text-decoration: underline; color: #AD036F; }

#sidebar .soumPost a {color:red; display:block; background: transparent url(images/bt-soumpost.png) no-repeat 0 -12px; width:214px; height:63px; z-index:10; position:relative; margin:0 0 0 -8px; }
#sidebar .soumPost a:hover { display:block; background: transparent url(images/bt-soumpostRoll.png) no-repeat 0 -12px; width:214px; height:63px; margin:0 0 0 -8px;}

.reglejeu{width: 150px; margin: 0 auto; position: relative; clear:both}
.reglejeu a{font-weight:bold}


#sidebar .recentcomments a {color: #000; text-decoration: underline;}
#sidebar .recentcomments a:hover { color: #AD036F; text-decoration: underline;}
#sidebar .recentcomments {color: #444; font-size: 11px; }

#sidebar #partenaires {background: transparent url(images/bg-nospartenaires.png) no-repeat left center; margin:0 0 0 -8px; padding:0 0 0 28px}

.showcase {
	background-color: #D2DE50;
	background-image: url("images/showcase-bot.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 177px;
	color: #FFF;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}



.archivebox {
	background-image: url("images/list1.gif");
	background-repeat: repeat-y;
	width: 186px;
	padding-bottom: 3px;
	border: 1px solid #DFE882;
}

.archivebox ul {
	padding: 0px;
	margin: 0px;
}

.archivebox li {
	list-style-type: none;
	margin-top: 6px;
	margin-left: 27px;
}

.archivebox a {
	color: #767006;
	font-size: 12px;
}

.archivebox a:link {
	text-decoration: none;
}

.archivebox a:visited {
	text-decoration: none;
}

.archivebox a:hover {
	text-decoration: underline;
	color: #C0440D;
}

.navigation{width: 725px}
/***Text Wigit***/
.widgettitle {color: #67AE24; padding:7px 0 ; font-size:13px;}

.widget_links .widgettitle{color:#AD036F;}
.widget_links ul li a {font-size:10px}

#tag_cloud { padding:35px 0 20px; color: #8ACCCD; width:200px; clear:both; }
.widget_tag_cloud {background: transparent url(images/nuage.png) no-repeat center top; width:100%; height:100%; text-align:center; clear: both; margin:20px 0 20px;}
.widget_tag_cloud h2{display:none}
#sidebar .widget_tag_cloud a {color: #8ACCCD; line-height:100%; clear:both;}

.widget_recent_entries {clear: both}


#sidebar #linkcat-2{display:none}
li.wigit_text {}

/* Begin Form Elements */
#searchform {float:left; text-align: right; width:290px; background:transparent;padding: 0 0 0 5px; }

#research{ float:right; text-align:center; background:transparent url(images/bg-rechercher.png) no-repeat right top; width:290px; height:45px; padding:25px 0 0 0;}

#searchform #research #s { width: 195px; height: 16px; padding: 2px; border:1px solid #AD036F; color:#AD036F; background: #fff}
#research #searchsubmit { padding: 1px; border:1px solid #AD036F; color:#AD036F; background: #fff}



.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {width: 130px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 720px;
	padding: 2px;
	}

#commentform #submit, #commentform #submittwo {
	margin: 0;
	float: right;
	color: #7cad1f;
}
/* End Form Elements */

/***Post Stuff***/
.post {background:transparent url(images/bg-bloc-toppost.png) no-repeat left top; padding:10px 0 20px 8px; margin-top:10px; width:auto; clear:both;}
.post-odyssee { padding:0 0 0 0; width:auto; clear:both;}

.posttitle {}

.post h2, .post h3 { color: #03A1B3; font-size: 20px; line-height:20px; width:710px; text-align:left; margin-bottom:10px; clear:both;}
.post h2 a, .post h3 a{background:#d6e299; display:block; color: #03A1B3; font-size: 20px; line-height:20px; float:left; text-align:left; padding:0 25px 0 10px}

small {
	font-size: 10px;
	color: #67AE24;
	padding-top: 10px;
	clear:both;
	display:block
}

.post a:link {text-decoration: none;}

.post a:visited {	text-decoration: none;}

.post a:hover {	text-decoration: underline;}

.post img{margin:2px 10px 2px 0px;}

.entry{color:#555; width:710px; }

.commentsquare {
	width: 67px;
	height: 76px;
	background-image: url("images/c-box.gif");
	color: #FFF;
	font-size: 27px;
	float: right;
	text-align: center;
}

.commentsquare a {
	color: #FFF;
	font-size: 27px;
	text-decoration: none;
}

.commentsquare a:link {
	text-decoration: none;
}

.commentsquare a:visited {
	text-decoration: none;
}

.commentsquare a:hover {
	text-decoration: underline;
}

.postcontent {
	clear: both;
}

.postfoot {
	border-top: 1px solid #B6B157;
	border-bottom: 1px solid #B6B157;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 43px;
}


/***Other Stuff***/
.footbox li {
	list-style-type: none;
	margin-top: 3px;
}

.footbox li a {
	color: #E7EC6A;
}


ul#metafoot {
	margin-left: 0px;
	margin-top: 0px;
}

html>body ul#metafoot {
	margin-left: -40px;
}

ul#metafoot2 {
	margin-left: 0px;
	margin-top: 0px;
}

html>body ul#metafoot2 {
	margin-left: -40px;
}

/***Footer Stuff***/
#footer #footercontent div{display:none;}
#footer {
	clear: both;
}

#footbar {
	background-image: url("images/foot-bar.gif");
	width: 739px;
	height: 20px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	padding-top: 5px;
	font-family: Verdana;
	font-weight: bold;
}
#footbar a {
 color: #87811C;
 font-size: 12px;
 }

#footercontent {
	padding: 5px;
	padding-top: 0px;
}

#footer h2 {
	background-image: url("images/subhead.gif");
	width: 154px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	margin: 0px;
	font-family: Tahoma;
	margin: 0px auto;
}

#footer h3 a {
	margin: 0px;
	padding: 0px;
	color: #E7EC6A;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
}

#footer a {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
}

#footer h3 {
	margin: 0px;
	padding: 0px;
}

.recentcontent {
	margin-bottom: 5px;
}

.recentcontent p {
	margin: 0px;
	padding: 0px;
}

.footbox {
	width: 240px;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}


/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.postmetadata a{ font-size:10px; color: #03a1b3;  float:right; width:auto; padding:0 35px 0 15px; background:transparent url(images/papillon.png) no-repeat left center;}

.more-link{ font-size:10px; color: #03a1b3;  float:right;}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */