@charset "utf-8";
/*
Theme Name: e-Sterik v2
Theme URI: http://www.marketica.fr/
Description: Theme de Wordpress pour la partie publications d'E-Sterik.
Version: 1.0
Author: Ravaka Ratsararay.
Author URI: http://www.marketica.fr/
Tags: custom, e-sterik, urban, 
*/
/* CSS Document */

body{ margin:0; padding:0; text-align:center; background:#eae7e2 url(img/bg/body.png) repeat-y center top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
p{ margin:5px 0; padding:0;}
img{ border:none;}
blockquote {border-left:solid 5px #ccc; padding-left:5px; font-style:italic; color:#666;}
/*wordpress images */
/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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
}
.breadcrumb{  padding:5px 0; margin-bottom:5px;  background:  url('img/hr_dots.gif') repeat-x bottom left;}
/* End Images */
h1,h2,h3,h4,h5, h6{margin:0; padding:0; font-family: Georgia,"Times New Roman",Times,serif; position:relative;}
h1, h2{ font-size:26px; font-weight:normal; color:#333; background:none; margin:0; padding:0;
}
h3{ font-size:15px;}
h4{ font-size:12px;}
h5,h6{font-size:10px;}
a:link, a:visited{ color:#fc9e19; text-decoration:none;}
a:hover{ text-decoration:underline;}
.spacer{ width:100%; clear: both; height:1px; display:block; overflow:hidden;}
.spacer_20{ width:100%; clear: both; height:20px; display:block; overflow:hidden;}
.wrapper{ margin:0 auto; width:920px; text-align:left; position:relative;}


/**********************************************************/
/*      J'ai modifi la hauteur de .header                */
/**********************************************************/
.header{ height:251px; position:relative; background: url(img/logo.png) no-repeat center 8px;} /* Dfinit la hauteur du header - du haut de l'cran jusqu'au haut de la partie blanche avec le menu qui dfile.*/
img.limited_series_txt{ position:absolute; z-index:11; border:none; margin:190px 0 0 920px;}
img.limited_series_motif{ position:absolute; border:none; margin:53px 0 0 780px; z-index:10;}
.main{ background:url(img/bg/main_inner.png) repeat-y left top;}
.main_inner{ background:url(img/bg/main_top.png) no-repeat left top; padding:5px 13px 0 7px;}
.footer{ height:110px; display:block; clear:both; background:url(img/bg/footer.png) no-repeat left top; text-align:center; color:#fff;}
div.footer_infos{ display:block; padding:0 20px; margin:10px 0 30px 0;}
.footer a:link, .footer a:visited{ color:#fff;}


/**********************************************************/
/*      J'ai modifi la hauteur de .header_infos          */
/**********************************************************/
.header_infos{ height:158px;} /* dfinit la hauteur entre le haut de l'cran et la partie haute des onglets. */
/*Search top */
div.search_area{ float:left; width:263px;}
div.search_area form{ margin:15px 0 0 0; padding:0;}
div.search_area form input{ float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; height:15px; width:174px; padding:1px 13px; border:solid 1px #e2e9f1; border-top:solid 1px #acadb2;}
div.search_area form input#search{ width:107px; height:25px; font-size:0px; text-indent:-10000px; border:none; background:url(img/bg/search_top.png) no-repeat left top; margin-left:1px;}
div.search_area form input#search:hover{ background-position:left -25px;}
/*logo_top */



/**********************************************************/
/*      J'ai modifi la hauteur de .logo_top              */
/**********************************************************/
h1.logo_top{ float:left; width:385px; height:118px;  margin:0; padding:10px 20px; text-align:center;} /* Dfinit la hauteur du logo d'accueil */


/**********************************************************/
/*      J'ai modifi la hauteur de hi.logo_top            */
/**********************************************************/
h1.logo_top a{ display:block; height:130px; width:353px; outline:none;} /* Dfinit la hauteur de la zone clicable du logo d'accueil */
h1.logo_top a span{ display:none;}
/* other infos top */
div.cart_top{ float:left; width:232px; }
div.cart_top a:link, div.cart_top a:visited{ display:block; width:95px; height:31px; background:url(img/bg/my_cart_top.png) no-repeat left top; float:right; margin:0 0px 0 0;}
div.cart_top a:hover{ background-position:left -31px;}
div.cart_top a.disabled:hover, div.cart_top a.disabled:link, div.cart_top a.disabled:visited { background-position:left -62px;}
div.cart_top a span{ display:none;}
/*The menu_top */



/**********************************************************/
/*      J'ai modifi toute la partie ci-dessous           */
/**********************************************************/
ul#menu_top{ margin:0 0 0 0; padding:0; list-style-type:none;  width:920px; position:absolute; top:158px; background: url(img/bg/menu_top_wp.png) no-repeat left top; overflow:hidden;}
ul#menu_top li{ float:left; display:block; margin:0; height:95px; padding:0;}
 /* margin joue sur la distance entre le haut de menu_top_wp.png et le haut des lettres + distance  gauche */
ul#menu_top li a:link, ul#menu_top li a:visited{ display:block; height:80px; background:url(img/bg/menu_top_wp.gif) no-repeat left top; margin-top:25px;}
ul#menu_top li a span{ display:none;}
ul#menu_top li.la_boutique a { width:111px; background-position:6px 0;}
ul#menu_top li.la_boutique a:hover {background-position:6px -93px;}
ul#menu_top li.la_boutique a.disabled:link, ul#menu_top li.la_boutique a.disabled:hover ul#menu_top li.la_boutique a.disabled:visited {background-position:6px -186px;}
ul#menu_top li.news a { width:76px; background-position:-105px top;}
ul#menu_top li.news a:hover{ background-position:-105px -93px;}
ul#menu_top li.concept a { width:84px; background-position:-182px top;}
ul#menu_top li.concept a:hover{ background-position:-182px -93px;}
ul#menu_top li.produits a { width:122px; background-position:-266px top;}
ul#menu_top li.produits a:hover{ background-position:-266px -93px;}
ul#menu_top li.team a { width:55px; background-position:-389px top;}
ul#menu_top li.team a:hover{ background-position:-389px -93px;}
ul#menu_top li.account a { width:57px; background-position:-443px top;}
ul#menu_top li.account a:hover{ background-position:-443px -93px;}
ul#menu_top li.account a.disabled:link, ul#menu_top li.account a.disabled:hover, ul#menu_top li.account a.disabled:visited{ background-position:-443px -186px;}
ul#menu_top li.about a { width:84px; background-position:-500px top;}
ul#menu_top li.about a:hover{ background-position:-500px -93px;}
ul#menu_top li.partners a { width:39px; background-position:-596px top; margin:25px 10px 0 12px;}
ul#menu_top li.partners a:hover{ background-position:-596px -93px; margin:25px 10px 0 12px;}
ul#menu_top li.facebook a { width:32px; background-position:-646px top;}
ul#menu_top li.facebook a:hover{ background-position:-646px -93px;}
ul#menu_top li.RSS-wp a { width:32px; background-position:-678px top;}
ul#menu_top li.RSS-wp a:hover{ background-position:-678px -93px;}
ul#menu_top li.twitter a { width:32px; background-position:-710px top;}
ul#menu_top li.twitter a:hover{ background-position:-710px -93px;}
ul#menu_top li.vimeo a { width:32px; background-position:-742px top;}
ul#menu_top li.vimeo a:hover{ background-position:-742px -93px;}
/**********************************************************/
/*               Fin de la zone modifie                  */
/**********************************************************/



/* In the home page */
div#slideshow_home{ height:425px; background:#ccc;}

/* the primary link */
div.home_link_container{ display:bloc; width:900px; overflow:hidden; margin:5px 0 0 0;}
ul.primary_link{ margin:0; padding:0; list-style-type:none; width:920px;}
ul.primary_link li{ float:left; margin:0 5px 0 0;}
/*the hone_main_text*/
div.home_texte{ display:block; float:left; width:64%; margin:5px 5px 1% 0; padding:5px 1%; border:solid 1px #fff;}
div.sidebar_home_right { float:left; width:31%; padding:5px 0 0 1%;}
div.sidebar_home_right h4{font-size:26px; font-weight:normal; color:#333;}
div.sidebar_home_right ul{margin:0; padding:0; list-style-type:none; }
div.sidebar_home_bottom { margin:5px 0; padding:0; clear:both; border-top:solid 1px #ccc; padding:5px 0 0 0;}
div.sidebar_home_bottom  h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; margin:0 0 10px 0; font-weight:normal;}
div.sidebar_home_bottom  h3{ display:none;}
div.sidebar_home_bottom  ul{ list-style-type:none; margin:0; padding:0; }
div.sidebar_home_bottom  ul li{ float:left; width:31%; padding:0 1%; margin:0 0 5px 2px; overflow:hidden;}
div.sidebar_home_bottom  p{margin:0!important; padding:0 !important;}
/*pages area */
.banner_middle { display:block; height:290px; margin:0 0 5px 0;  background:url(img/blank_main.png) no-repeat left bottom; position:relative;}
.qsn{ background:url(img/qsn_main.png) no-repeat left bottom; position:relative;}
.actu{ background:url(img/actu_main.png) no-repeat left bottom; position:relative;}
.blank_main{ background:url(img/blank_main.png) no-repeat left bottom; position:relative;}

.banner_middle .pic_area{ height:245px; background:url(img/banner/banner1.jpg) no-repeat left top; width:895px; overflow:hidden; position:relative;}
.banner_middle .qsn  .pic_area{ height:245px; background:url(img/banner/qsn.jpg) no-repeat left top; width:895px; overflow:hidden; position:relative;}
.banner_middle .actu  .pic_area{ height:245px; background:url(img/banner/actus.jpg) no-repeat left top; width:895px; overflow:hidden; position:relative;}
.banner_middle .kreations  .pic_area{ height:245px; background:url(img/banner/kreations.jpg) no-repeat left top; width:895px; overflow:hidden; position:relative;}
.banner_middle h1{ display:none;}
.page_post{ padding:0 30px 30px 30px; position:relative;}
.page_post h3{margin:10px 0; position:relative;}
/*the sidebar */
div#sidebar{ float:left; width:24%; margin:0 1% 0 0; overflow:hidden; line-height:15px; font-size:10px;}
div#sidebar ul { margin:0; padding:0; list-style-type:none;}
div#sidebar h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; margin:20px 0 5px 0; }
#sidebar a{ color: #fc9e19; }
div#sidebar ul li { padding:0 0 5px 0; margin:0 0 5px 0; background:  url('img/hr_dots.gif') repeat-x bottom left;}
div#sidebar ul li ul li { padding:0; margin:0; background:none;}
div#sidebar ul li ul{margin:0 0 0 5px;}
div#sidebar ul li.widget_categories a{font-weight:bold;}
div#sidebar ul li.widget_categories ul li ul a{ font-weight:normal;}
div#sidebar li.current-cat a{color:#333 !important;}
div#sidebar li.current-cat li a{color: #fc9e19 !important	;}
/*the content */
div#content {float:left; width:75%;}
div#content ul, div#content ol { margin:0; padding:0; list-style-position:inside;}
div#content ol  li{padding-left:10px;}
div.post_actu{ display:block; margin:0 0 15px 0; background:  url('img/hr_dots.gif') repeat-x bottom left; padding:0 0 5px 0; }
div.post_actu h3{ margin-bottom:10px;}
div.post_actu img{ border:solid 1px #f0f0f0; padding:5px;}
.postmetadata{ padding:5px; font-size:10px; background:#eee; margin:10px 0 0 0;}
div.post_actu a{color: #fc9e19;}
div.navigation_pages_single{padding:10px 5px; background:#f0f0f0; margin:0 0 5px 0;}

/*comments */
div#respond{ margin:10px 0 0 0; padding:5px 0 0 0;  background:  url('img/hr_dots.gif') repeat-x top left; }
ul.comment_list{ margin:0; padding:0; list-style-type:none;}
ul.comment_list li { padding:10px 0; border-top:solid 1px #f0f0f0;}
textarea#comment{ width:350px; height:175px; }