/*  
Theme Name: Twicet
Theme URI: http://www.kriesi.at/
Description: A Business & Portfolio Theme
Version: 1
Author: Christian "Kriesi" Budschedl
Author URI: http://www.kriesi.at 
*/
/*
Thème en inversion de couleur, base blanc
*/
html{
	/*background-color:#5f574f;*/
	background-color : #ffffff;
	}

body{
	color:#5F574F;
	font-family:Helvetica,Arial,sans-serif, 'Lucida Grande','Lucida Sans Unicode',Tahoma;
	font-size:13px;
	line-height:21px;
	position:relative;
}
	
	.wrap_all {
		background : #ffffff;
	}

/*****************************
1.) #head	
/****************************/	


					#top .logo a{
						/*background:transparent url(../images/logo2.png) left top no-repeat;*/
						background : transparent url(../images/logo2_grey.png) no-repeat scroll left top;
						}

/*****************************
2.) #main
/****************************/		
			#main{
			/* background:transparent url(../images/bg_slice.png) left top no-repeat; */
			}


/*****************************
3.) #mainpage image slider
/****************************/	

				#featured{
					/* background:transparent url(../images/bg_slice.png) center top repeat-y; */
					/* background-color:#ff0000; */
					background-color:#fff;
					color:#f5f5f5;
				}


					#featured_bottom{
						/*background : transparent url(../images/bg-featured-bottom.png) top left repeat;*/
						border-bottom:#000 0px solid;
						/*background-color:#5f574f;*/
						background-color : #ffffff;

					}

							.ticker, .ticker a{
								color:#5F574F;
								text-decoration:none;
								}
								.ticker, .ticker a:hover{
									text-decoration:none;
									color:#666;
									}

							.preview_images a img{
								border:1px solid #afafaf;
								background-color:#fff;
								}

							.preview_images .current_prev img{
								border:1px solid #666;
								}



							.pointer{
								/*background:transparent url(../images/pointer.png) no-repeat scroll left top;*/
								background : transparent url(../images/pointer_gray.png) no-repeat scroll left top;
								}

/*****************************
4.) breadcrumb navigation
/****************************/	


			.breadcrumb{
				color:#666666;
				}

						.breadcrumb a{
							text-decoration:none;
							color:#666666;
							}

						.breadcrumb a:hover{
							text-decoration:underline;
							color:#666666;
							}
/*****************************
5.) content area below slider and on subpages
/****************************/	

			.content_top{
				/* background:transparent url(../images/bg_slice2.png) left top no-repeat; */
				}	

			#content{
				/* background:transparent url(../images/bg_slice2.png) repeat-y scroll center top; */
				}

/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	


							.portfolio_item{
								border:1px solid #ddd;
								}



/*****************************
7.)pages with sidebar
/****************************/								



								.entry{
									border-bottom:1px solid #bbb;
									}



										.entry-head a, .more-link, #top .portfolio_item h3 a{
											background-color:#eaeaea;
											color:#747474;
											-moz-border-radius:2px;
											-khtml-border-radius:2px;
											-webkit-border-radius:2px;
											border:1px solid #cbcaca;

											}


											.entry-head a:hover, .more-link:hover, #top .portfolio_item h3 a:hover{
												background-color:#747474;
												color:#eee;
												-moz-border-radius:2px;
												-khtml-border-radius:2px;
												-webkit-border-radius:2px;
												border:1px solid #595959;
											}

											.categories a, .comments a{
												background-color:#747474;
												color:#eee;
												-moz-border-radius:2px;
												-khtml-border-radius:2px;
												-webkit-border-radius:2px;
												border:1px solid #595959;
											}

											.categories a:hover, .comments a:hover{
												background-color:#eaeaea;
												color:#747474;
												-moz-border-radius:2px;
												-khtml-border-radius:2px;
												-webkit-border-radius:2px;
												border:1px solid #cbcaca;
											}	


					#top .bg_sidebar{
						/* background:transparent url(../images/bg_sidebar.png) repeat-y scroll center top; */
						}




/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	

/*
							.small_box h3{
								border-bottom:1px solid #DDD;
								}
*/
							.small_box h3{
								border-bottom:0px solid #DDD;
								}
*
							.small_box img{
								border-top:1px solid #DDD;
								border-bottom:1px solid #DDD;
								}

							.widget_text a, .widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a, .widget_links a{
							border-bottom:1px solid #ddd;
							}


							.widget_text a:hover, .widget_categories a:hover, .widget_pages a:hover, .widget_archive a:hover,  .widget_recent_entries a:hover, li.recentcomments:hover, .widget_meta a:hover, .widget_links a:hover{
							background:#f5f5f5;	
							}

							#wp-calendar th, #prev a, #next a{
							background-color:#cddc29;
							color:#333333;
							-moz-border-radius:2px;
							-khtml-border-radius:2px;
							-webkit-border-radius:2px;
							}


	
/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
	color:#5B5A5A;
	}

a{
	color:#333;
	text-decoration:underline;
	}

a:hover{
	color:#444;
	text-decoration:none;
	}

p{
	padding : 0 0 25px;
}

h1,h2,h3,h4,h5,h6, legend{
	color:#5b5a5a;
	}

#featured h2, #featured h2 a{
	color:#fff;
	}


#featured h2{
	border-bottom:1px solid #ddd;
	}	

#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
	color:#3d3d3d;
	}

.preview_images {
	height:60px;
	line-height:60px;
	position:absolute;
	right:5px;
	top:10px;
}

.aligncenter{
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}

.meta{
	color:#a0a0a0;
	}

.read-more, .show-next{
	background:transparent url(../images/read_more.png) no-repeat scroll right top;
	color:#555;
	}


.read-more:hover, .show-next:hover{
	background:transparent url(../images/read_more.png) no-repeat scroll right bottom;
	color:#666;
	}

.entry ul, .entry ol{
	border-top:1px solid #ddd;
	}

.entry li{
	border-bottom:1px solid #ddd;
	}

blockquote{
	background:transparent url(../images/quotes.png) no-repeat scroll left 6px;
	color:#555555;
	}


/*--------------------- FOOTER ------------------------*/

#footer{
	/* background:transparent url(../images/bg_slice.png) right -20px no-repeat; */
	color:#888;
}

#footer a{
	color:#666;
}

#footer .logo-footer a{
	background:transparent url(../images/logo-footer_gray.png) no-repeat scroll right top;
}

#wrap_all_footer #footer #nav-footer a {
	color:#5F574F;
}

#wrap_all_footer #footer {
	background-color:#FFFFFF;
}



/*--------------------------- CONTACT FORM ----------------------*/	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #EE2A00;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}


#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#333;
	}


#searchsubmit, #send, #top #submit{
	border:1px solid #ababab;
	background-color:#cddc29;
	cursor:pointer;
	color:#333333;

	}

#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#cddc29;
	color:#ffffff;
	}

#head #searchsubmit{
	border:1px solid #ababab;
	background-color:#333333;
	cursor:pointer;
	color:#ffffff;
}

#head #searchsubmit:hover{
	border:1px solid #ababab;
	background-color:#999999;
	cursor:pointer;
	color:#ffffff;
}


.corner_left, .corner_right{
	/* background:transparent url(../images/jquery_corners.png) no-repeat scroll top left; */
	}

#top .corner_right{
	/* background:transparent url(../images/jquery_corners.png) no-repeat scroll top right; */
	}

/*navigation*/

.navwrap{
	/* background:transparent url(../images/menu.png) no-repeat scroll right bottom; */
	}

#top #nav{
	/* background:transparent url(../images/menu.png) left top no-repeat; */
}





/*---------------------navigation----------------------*/
#top #nav a{
	color:#5F574F;
}

#top #nav ul {
	/*border:1px solid #DFDFDF;
	border-top:none;*/
}

#top #nav li ul a{
	/*border-bottom:1px solid #fff;
	border-top:1px solid #DFDFDF;*/
}

#top #head #nav ul a, #top #head #nav ul li{
	/*background-color:#ffffff;*/
	background:transparent url(../images/bg-menu-rollover.png) top left repeat;
}

#top #head #nav ul a:hover, #top #head #nav ul a:focus {
	background-color:#f5f5f5;
	color:#af956b;
}

#top #head #nav a:hover, #top #head #nav a:focus {
	color:#cddc29;
}

/* liste déroulante */
#top #head .navwrap #nav li ul li a{
	color:#3D3D3D;
	border-bottom:1px solid #dddddd;
}

#top #nav .current_page_item a{
	color:#5F574F;
}

#top #nav .current_page_parent .current_page_item a, #top #nav .current_page_item ul a{
	/*border-right:1px solid #f5f5f5;
	border-left:none;*/
	background-image:none;
	color:#444;
}

/*-----------------FLAG ------------------*/

#top #navflag{
	float : right;
	margin-top:5px;
}

#top #navflag ul{
	list-style-type : none;
}

#top #navflag li{
	display : inline;
	margin:0 2px;
}



/*---------------search form---------------*/

.header_searchform{
		float:left;
		height:50px;
		margin-top:-6px;
		margin-left:10px;
		/* position:absolute; */
		background:transparent url(../images/zoom_136x22.png) no-repeat scroll 0 15px;
		line-height:55px;
	}

.header_searchform #searchform #s{
		/*border:1px solid #ababab;*/
		color:#333;
		padding:3px 8px 4px 8px;
		margin:1px 10px 0 10px;
		border:none;
		width:100px;
		background-color:transparent;

	}

.header_searchform #searchform #searchsubmit{
		padding:1px 1px 2px 1px;
		border:1px solid #ababab;
		cursor:pointer;
		/*color:#ffffff;*/
	}


/* ---------------------- Pagination -------------------*/

.pagination span, .pagination a{
	border:1px solid #333;
	color:#fff;
	background-color:#999;
}

.pagination a:hover{
	border:1px solid #333;
	color:#fff;
	background:#747474;
}
.pagination .current{
	border:1px solid #333;
	color:#fff;
	background-color:#747474;
}

/*****************************
table template boutique	
/****************************/

#boutique{
	width:100%;
}

#boutique th{
	text-align:left;
	font-size:12px;
	padding-top:20px;
}

#boutique td{
	padding:10px;
	background-color:#f6f6f6;
	border:1px solid #dddddd;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
}

#boutique td:hover{
	padding:10px;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
}

/*****************************
table template sur_mesure	
/****************************/

#sur_mesure{
	width:100%;
}

#sur_mesure th{
	text-align:left;
	font-size:12px;
	padding-top:20px;
}

#sur_mesure td{
	padding:10px;
	background-color:#f6f6f6;
	border:1px solid #dddddd;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
	width:350px;
}

#sur_mesure td:hover{
	padding:10px;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
}

#sur_mesure .image, #sur_mesure .lien{
	float : left;
}

#sur_mesure .lien{
	margin-top : 30px;
}

#sur_mesure .image img{
	margin : 0 10px 0 0 ;
}

#sur_mesure .lien a{
	color : #5F574F ;
	text-decoration : none;
	/*font-weight : bold;*/
	font-size :13px;
}


/************************************************/
/*              SOCIABLE                        */
/************************************************/

.sociable ul, .sociable ol{
	border:none;
}

.sociable li{
	border:none;
}

/*****************************
     Template CARTE	
/****************************/
.template-carte .carte{
	position:relative;
}

.template-carte .button{
	font-size:10px;
	color:#ffffff;
	position:absolute;
	text-shadow:-1px 0px 3px #000000;
	cursor:pointer;
	background-color: rgba(48, 42, 36, 0.6);
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding: 2px 4px 0;
	line-height:15px;
}

.template-carte .carte-zone, .template-carte .carte-pays{
	position: absolute;
	top:0;
	left:0;
}

.template-carte .button.america-north{
	top: 215px;
	left: 125px;
}
.template-carte .button.america-south{
	top: 335px;
	left: 235px;
}
.template-carte .button.europe{
	top: 175px;
	left: 450px;
}
.template-carte .button.africa{
	top: 270px;
	left: 455px;
}
.template-carte .button.asia{
	top: 150px;
	left:650px;
}
.template-carte .button.oceania{
	top: 385px;
	left: 760px;
}
.template-carte .united-states{
	top: 350px;
	left: 450px;
}
.template-carte .martinique{
	top: 60px;
	left: 485px;
}
.template-carte .saint-barth{
	top: 40px;
	left: 480px;
}
.template-carte .la-reunion{
	top: 380px;
	left: 820px;
}
.template-carte .royaume-uni{
	left: 385px;
	top: 220px;
}
.template-carte .france{
	left: 455px;
	top: 300px;
}
.template-carte .espagne{
	left: 375px;
	top: 400px;
}
.template-carte .suede{
	left: 610px;
	top: 85px;
}
.template-carte .finlande{
	left: 730px;
	top: 47px;
}
.template-carte .norvege{
	left: 535px;
	top: 60px;
}
.template-carte .belgique{
	left: 475px;
	top: 240px;
}
.template-carte .autriche{
	left: 605px;
	top: 255px;
}
.template-carte .italie{
	left: 585px;
	top: 365px;
}
.template-carte .luxembourg{
	left: 485px;
	top: 260px;
}
.template-carte .pays-bas{
	left: 470px;
	top: 210px;
}
.template-carte .allemagne{
	left: 540px;
	top: 215px;
}
.template-carte .suisse{
	left: 525px;
	top: 300px;
}
.template-carte .danemark{
	left: 530px;
	top: 150px;
}
.template-carte .croatie{
	left: 610px;
	top: 340px;
}
.template-carte .portugal{
	left: 290px;
	top: 420px;
}
.template-carte .turquie{
	left: 35px;
	top: 225px;
}
.template-carte .coree-du-sud{
	left: 470px;
	top: 245px;
}
.template-carte .chine{
	left: 390px;
	top: 265px;
}
.template-carte .japon{
	left: 580px;
	top: 235px;
}
.template-carte .israel{
	left: 23px;
	top: 258px;
}
.template-carte .russie{
	left: 250px;
	top: 80px;
}
.template-carte .egypte{
	left: 80px;
	top: 300px;
}
.template-carte .australie{
	left: 365px;
	top: 220px;
}


.template-carte .button.close{
	width:30px;
	height:30px;
	font-size:20px;
	font-weight:bold;
	background-color:rgba(48, 42, 36, 0.6);
	top: 10px;
	left: 900px;
	text-align:center;
	line-height:35px;
	text-shadow: 0 0 0;
	padding:0;
}

.template-carte .lien-page{
	left: 0;
	top: 10px;
}
.template-carte .lien-page a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}