/*
Theme Name:     SPR
Description:    Thème sur mesure basé sur twenty eleven
License: GNU General Public License
Version:        0.1.0
Template:	twentyeleven
*/


/*****************************************
********recups de twentyeleven	*********
*****************************************/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 180%;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/*****************************************
********	génériques attax *********
*****************************************/
strong{
	font-weight:bold;}
ul{
	margin-bottom:30px;
}
#main{
	height:auto;
}

object {
    margin-top: 25px;
}


/*clearer*/

br.clear{display:block;height:0;clear:both;}

/*textes masqués*/
#site-title span, #site-description span ,
#searchsubmit span
{position:absolute;top:-999em;left:-999em;font-size:0;line-height:0;height:0}


a.more{display:block;float:right;background:url(img/btn_readmore.png) top right no-repeat;width:259px;height:24px;padding-left:10px;margin:32px 3px 0 0;text-transform:uppercase;font-size:13px;line-height:24px;color:#FFF;text-decoration:none;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
a.more.over{background:url(img/btn_readmore_over.png) top right no-repeat; color:#1448c0;}
a.more-slide{display:block;float:right;background:url(img/btn_readmore-slide.png) top right no-repeat;width:259px;height:24px;padding-left:10px;margin:32px 3px 0 0;text-transform:uppercase;font-size:13px;line-height:24px;color:#000080;text-decoration:none;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
a.more-slide:hover{background:url(img/btn_readmore-slide_over.png) top right no-repeat; color:#fff;}



h1,h2,h3{font-size:20px;text-transform:uppercase;
-webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

img.alignleft {float:left;margin:5px 15px 0 0;}
.entry-content h3{
	margin-top:30px;
}
/*****************************************
********	structure	*********
*****************************************/
body {font-family:"Trebuchet MS",Arial,sans-serif;color:#222;font-size:13px;}
#page {margin:0;width:100%;}

/*****************************************
********	header	*********
*****************************************/

#site-title,#site-description{
-webkit-text-shadow:none;
-moz-text-shadow: none;
text-shadow: none;
width:200px;
float:left;
}

#site-title a{display:block;width:120px;height:120px;background:url(img/logo.png) 0 0 no-repeat;}
#branding {width:980px;margin:0px auto;position:relative;top:12px;padding:15px 0;}

#access {position:absolute;top:0px;right:65px;}
#access  ul.menu
{background:#ebebeb;float:left; margin-bottom:0px;}
#access  ul.menu li {float:left;display:block;margin:0 10px;padding:0 10px;height:30px;line-height:26px;text-transform:uppercase;font-size:13px;text-align:center;}
#access  ul.menu_secondaire li {background:url(img/menu_secondaire.png) top right repeat-x;margin:0 1px 0 0;}
#access  ul.menu li.current-menu-item,#access  ul.menu_secondaire li.active {background:url(img/menu_on.png) 50% 50% repeat-x;}
#access  ul.menu li a{color:#222;text-decoration:none;}
#access  ul.menu li a:hover{color:#fff;}
#access  ul.menu_secondaire li a{color:#FFF;}

#access  ul.menu li.over{background:url(img/menu_over.png) 50% 50% repeat-x;}

#access  ul.menu li.current-menu-item a{color:#FFF;}

#access  ul.menu.children {display:none;}

#searchform {position:absolute;top:0px;height:30px;display:block;left:915px;width:300px;}
#searchform input{border:0;background:#1448c0;color:#fff;padding-left:10px;font-size:11px;height:22px;line-height:24px;display:block;float:left;margin-top:2px;}

#searchform div {background:url(img/bg_search.png) top right no-repeat;height:30px;}
#searchform button{border:0;display:block;float:right;margin:2px 3px 0 0;width:32px;height:24px;cursor:pointer;background:url(img/btn_loupe.png) 50% 50% no-repeat;}


/*****************************************
********	slideshow home	*********
*****************************************/
.slideshow_container {background:#1448c0 url(img/bg_header_home.jpg) 50% 50% no-repeat;width:100%;margin-top:15px;height:240px;/*260*/}
.slideshow_container .masque{width:980px;overflow:hidden;height:230px/*260*/;margin:0px auto;position:relative;}
.slideshow_container .slides{width:3920px;position:absolute;}
.slideshow_container .slides .slide{width:980px;float:left;height:260px;position:relative;}


.slideshow_nav {width:980px;margin:10px auto;height:6px;}
.slideshow_nav li{display:block;width:232px;height:4px;float:left;background:#e2e2e2;cursor:pointer;margin:0 2px;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.slideshow_nav li.first{margin-left:20px;}
.slideshow_nav li.active{background:#1448c0;cursor:default;}


.slideshow_container h3{font-size:20px;text-transform:uppercase;
-webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
color:#FFF;
}
.slideshow_container .slide .photo{position:absolute;width:524px;height:226px/*246*/;top:14px;/*background:url(img/bg_slideshow.png) 0 0 no-repeat*/;}
.slideshow_container .slide .photo img{margin:8px auto 0 auto;display:block;}
.slideshow_container .slide .texte{position:absolute;left:524px;top:14px;width:441px;}
.slideshow_container .slide .texte div.content{padding:15px 68px 0 24px;line-height:180%;color:#FFF;}

/*****************************************
********	contenu home	*********
*****************************************/
.home_content{width:980px;margin:0px auto;}
.home_content .col{width:458px;margin:16px;float:left;}
.home_content .col h3{font-size:20px;height:26px;line-height:26px;}
.home_content .col.produit h3 div {float:left;}
.home_content .col.produit h3 div.btn{color:#fff;display:block;width:78px;height:28px;line-height:22px;margin:2px 14px 0 0;background:url(img/btn_rouge.png) 0 0 no-repeat;font-size:13px;text-transform:none;text-align:center;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}

.home_content .col a.more{width:220px;}
.home_content .col.produit a.more{margin-top:8px;}

.home_content .col .content{font-size:13px;}
.home_content .col .content p{margin:12px 0;}


/*****************************************
********	footer	*********
*****************************************/
.footer_container {height:30px;background-color:#ebebeb; margin-top:40px;padding-top:10px;/*40*/}
.footer_container .copyright{color:#666;font-size:12px; width:980px; margin:auto;}
.footer_container .copyright div,.footer_container .copyright ul{float:left; }
.footer_container .copyright li{list-type:none;float:left; text-transform:uppercase; font-weight:normal;}
.footer_container .copyright a{color:#000;text-decoration:none;}
.footer_container .copyright a:hover{text-decoration:none;background-color:#1448c0;color:#fff;}

/*****************************************
********	breadcrumbs	*********
*****************************************/
.breadcrumbs{width:948px;margin:22px auto;height:18px;font-size:11px;line-height:18px;}
.breadcrumbs span {display:inline-block;}
.breadcrumbs span.home{background:#f0f0f0;}
.breadcrumbs span a{color:#222;text-decoration:none;padding:0 4px;}

/*****************************************
********	contenu pages	*********
*****************************************/
#content {margin-top:10px;}
.page #content .entry-header,
.search #content .page-header,
.archive #content .page-header,
.single #content .entry-header,
.entry-header
{height:70px;background:#1448c0 url(img/bg_header.jpg) 50% 50% no-repeat;width:100%;}

.page #content .entry-header h1.entry-title,
.search #content .page-header h1.page-title,
.archive #content .page-header h1.page-title,
.single #content .entry-header h1.entry-title,
.entry-header h1.entry-title
{display:block;width:980px;margin:0px auto;padding:25px 0 0 16px; color:#FFF;}

#content .entry-content{width:948px;margin:22px auto;}

.page #content .entry-content p{line-height:22px;margin:15px 0;text-align:justify;font-size:13px;}

#content .entry-content .col{width:458px;float:left;}
#content .entry-content .col.first{margin-right:32px;}

#content .entry-content .col h1{padding-bottom:15px;}

/*****************************************
********	Listes	**
*****************************************/
.liste-gris-cap {background:#e9e9e9;margin:0 40px;padding:16px 0;}
.liste-gris-cap li{text-align:center;padding:0;text-transform:uppercase; line-height:200%;}

.liste-2cols {margin:18px 13px; padding-bottom:20px;}
.liste-2cols li{float:left;width:50%;font-size:13px;line-height:150%;list-style:square;}

.liste-gris-paire {margin:9px 9px 15px 9px;display:block;float:left;background:#e9e9e9;padding:12px 0;width:210px;}
.liste-gris-paire li{line-height:26px;text-align:center;}

/*****************************************
********	page search	*********
*****************************************/
.search h2 a{color:#222;text-decoration:none;}
.search .excerpt {margin:16px;font-style:italic;}

/*****************************************
********	page contact	*********
*****************************************/
#content .entry-content.contact{margin-bottom:60px;height:482px;width:908px;}
#content .entry-content .contact-left{width:378px;float:left;background:#f9f9f9 url(img/logo_contact.png) 50% 10px no-repeat;padding:120px 0px 20px 0px;text-align:center;line-height:22px;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#content .entry-content .contact-left p{text-align:center;line-height:22px;}
#content .entry-content .contact-left a{color:#222;}
#content .entry-content .contact-right{width:425px;float:right;}

.contact-right input[type=text],.contact-right textarea{border:0;background:#ebebeb;height:32px;line-height:32px;padding-left:10px;width:415px;margin-bottom:10px;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.contact-right .nom {text-align:right;}
.contact-right .nom input{width:250px;}

.contact-right textarea{height:290px;font-family:"Trebuchet MS",Arial,sans-serif;}

.contact-right .success{border:1px solid #222;padding:16px;margin-bottom:10px;}
.contact-right .error{border:1px solid red;padding:16px;margin-bottom:10px;}
.contact-right a.more{margin-top:12px;}

/*****************************************
********	page produits (tous)	**
*****************************************/

ul.topproducts{height:237px;margin:27px 3px;}
ul.topproducts li{display:block;float:left;height:260px;width:190px;margin:0 18px;}
ul.topproducts li div.img{width:188px;height:143px;border:1px solid #e9e9e9;overflow:hidden;}
ul.topproducts li p{background:#e9e9e9;display:block;margin:0 !important;padding:8px;line-height:54px !important;text-align:center !important;height:54px;overflow:hidden;}
ul.topproducts li a.more{float:none;width:180px;margin:0;}


.productshome .col {float:left;}
.productshome .col.first {margin-right:32px;}


/*****************************************
********	page produit (famille)	**
*****************************************/
.child-products {clear:both;}
.child-products article{width:948px;margin:20px auto;}
.child-products article h2 {height:26px;line-height:26px;font-size:20px;margin-bottom:15px;}
.child-products article h2 div{float:left;}
.child-products article h2 div.ref{
color:#fff;display:block;height:28px;padding:0 10px;line-height:22px;margin:2px 14px 0 0;background:url(img/btn_orange_wide.png) 0 0 no-repeat;font-size:13px;text-align:center;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;}

.child-products article .photo,.child-products article .texte{width:458px;float:left;}
.child-products article .photo {margin-right:32px;text-align:center;min-height:100px;}


#content .separator{height:24px;background:#fafafa;}
#content .separator .scrollbtn{background:url(img/btn_scrolltop.png) top left no-repeat;cursor:pointer;float:right;width:200px;height:26px;}
#content .separator .scrollbtn.over{background:url(img/btn_scrolltop_over.png) top left no-repeat;}

/*****************************************
********	page news		**
*****************************************/
.category article{width:948px;margin:20px auto;}
.category article h2 {height:26px;line-height:26px;font-size:20px;margin-bottom:15px;}
.category article h2 div{float:left;}
.category article h2 div.date{
color:#fff;display:block;height:28px;padding:0 10px;line-height:22px;margin:2px 14px 0 0;background:url(img/btn_orange_wide.png) 0 0 no-repeat;font-size:13px;text-align:center;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;}

.category article .photo,
.child-products article .texte,
.category article .texte
{width:458px;float:left;}
.category article .photo {margin-right:32px;text-align:center;min-height:100px;}

/*****************************************
********	page company		**
*****************************************/
.company .col h3{margin-bottom:12px;}
.company .col .wp-caption{text-align:center;float:left;margin-right:15px;}
.company .col p.wp-caption-text{text-align:center !important;margin-top:2px !important;font-size:13px;color:#949494;}


/*****************************************
********	pagination		**
*****************************************/

.pagination {width:948px;margin:15px auto 0 auto;text-align:center;}
.pagination div{display:inline-block;width:27px;padding-right:2px;height:29px;line-height:25px;font-size:13px;}

.pagination a{text-decoration:none;color:#222}
.pagination div.current{background:url(img/pagination_current.png) 0 0 no-repeat;}
.pagination div.current a{color:#fff}
.pagination div.nav-next a,.pagination div.nav-previous a{color:#919191;}
.pagination div.over{background:url(img/pagination_over.png) 0 0 no-repeat;}

/*****************************************
********	sidebar		**
*****************************************/
#sidebar{
	width:200px;
	float:right;
	height:50px;
	text-align:right;
	margin-top:25px;
	margin-right:25px;
}