/*
Theme Name: Atelier Du teck
Author: Pixy Studio Communication
Author URI: http://pixy-studio.fr/
Description: Présentation de l'entreprise Atelier Du Teck.
Version: 1.0
bleu 		#364485
marron		#A27649
bleu clair	#A4ABC7
*/
 
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }

a{text-decoration:none}
.clear{clear:both}
.galerie{margin-right: 5px; margin-bottom: 10px;border:2px solid #364485;display:block;width:150px;float:left}



body { background-image: url('images/bg.jpg');background-repeat: repeat-x; background-color:#ECEDF2;font: normal 10pt/14pt Verdana ;color:#050505 }
	.container{width:980px;margin:0 auto;padding:0 10px}
		.header{padding:10px;height:149px}
			.logo{width:150px;height:123px;float:left;margin-bottom:36px}
			.header_right{float:right}
			.header_right h1{float:right;margin-top:100px;color: #364485; display: inline; font-family: Verdana,Geneva,sans-serif; font-size: 18px; font-weight: normal;}
			.header_right h1 span{ display: inline; font-size: 14px}
			
		#navigation { clear: both; display: block; float: left; margin: 0 auto 3px; width: 100%;height:36px;line-height:36px }
			#navigation ul { font-size: 13px; list-style: none; margin: 0 0 0 -10px; padding-left: 0;font-variant:small-caps }
			#navigation li { float: left; position: relative; }
			#navigation a { display: block; padding: 0 1.2125em; text-decoration: none;color:#fff }
			#navigation ul ul { display: none; float: left; margin: 0; position: absolute; top: 36px; left: 0; width: 188px; z-index: 99999; }
			#navigation ul ul ul { left: 100%; top: 0; }
			#navigation ul ul a {border-bottom: 1px dotted #ddd;color: #fff;font-size: 13px;font-weight: normal;height: auto;line-height: 1.4em;padding: 10px 10px;width: 168px;}
			#navigation li:hover > a,#navigation ul ul :hover > a,#navigation a:focus {color:#fff}
			#navigation li:hover > a,#navigation a:focus {color:#fff}
			#navigation ul li:hover > ul {display: block;background:#A27649}
			#navigation .current-menu-item > a,#navigation .current-menu-ancestor > a,#navigation .current_page_item > a,#navigation .current_page_ancestor > a {font-weight: bold;color:#fff}
			.assistive-text {position: absolute !important;	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */	clip: rect(1px, 1px, 1px, 1px);}
			#navigation a.assistive-text:active,#navigation a.assistive-text:focus {clip: auto !important;	position: absolute;	top: 0;	left: 7.6%;color:#fff}
		
		.slideshow{width:980px;margin:0 auto;height:459px;background-image:url('images/slideshow/fond.jpg')}

		.top{background: url(images/top.jpg) no-repeat;height:21px;width:980px}
		.wrap{background:#fff;overflow:hidden;height:100%}
			.content{width:640px;float:left;padding-left:10px}
			.content .page{}
			.content .page h2{color: #364485; font-size: 21px;line-height: 48px; font-variant:small-caps}
			
		
		.bottom{background-image:: url('images/bottom.png');background-repeat: no-repeat;height:12px;width:980px}

		.sidebar{width:287px;background-color:#364485;float:right;margin-right:5px;margin-top:-50px;padding:10px;color:#ddd}
			.sidebar .nav_right{padding-top:50px}
			.sidebar .nav_right ul{margin-left:17px}
			.sidebar .nav_right li{width:257px;height:61px}
			.sidebar .nav_right li:hover{background-image:url('images/btn_marron_hover.jpg');background-repeat:no-repeat;}
			.sidebar .nav_right a{display:block;color:#fff;text-transform:uppercase;width:257px;height:61px;line-height:60px;text-align:center;text-shadow: -2px 2px 4px #333;}
			.sidebar a{color:#fff;}
			.sidebar .actus {padding:10px;background-color:#5268A2;margin:10px 0;border:1px solid #56739A}
			.sidebar .actus p a{font-size:12px;text-decoration:underline}
		
		

		.footer{width:980px;margin:0 auto;background-image:url('images/footer.jpg');background-repeat:no-repeat;height:150px;color:#fff}
			.footer .nav{padding-top:50px;text-align:center}
			.footer .nav a{color:#fff}
			.footer .nav a:hover{text-decoration:underline}




.ombrage {text-shadow: -2px 2px 4px #999;} 
</style>
<!--[if lte IE 8]>
<style type="text/css">
.ombrage {  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4);  zoom: 1;} 
</style>
<![endif]-->