@import url("reset.css");

/*
Theme Name: Recticel
Theme URI: http://www.agence101.com/
Description: Recticel
Version: 1.0
Author: Agence 101
Tags: recticel

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body, html{
	height:100%;
}

body{
	color:#615b5b;
	font-size:75%;	/* 1em = 12px */
	background:#d9d9d9 url(img/bg_body.png) left -28px repeat-x;
}

#page{
	margin:auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}

#mainContent{
	min-height:410px;
	height:auto !important;
	height:410px;
	padding-bottom:150px;
	background:url(img/bg_header.jpg) center top no-repeat;
}

a{
	color:#4e4b45;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.clearContainer{
	width:100%;
	overflow:hidden;
}

.orange{
	color:#da540b;
}

a.plus{
	padding-right:15px;
	background:url(img/ico_plus.png) right center no-repeat;
}

h3, .titreNews{
	color:#000;
	font-size:1.33em;
	padding-bottom:11px;
	margin-bottom:10px;
	margin-top:30px;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	background:url(img/spacer.png) left bottom no-repeat;
}

.titreApp{
	text-transform:uppercase;
}

h3 span, .titreNews span{
	color:#da540b;
}

.titreNews{
	margin-top:0;
}

h3:first-child{
	margin-top:0;
}

.aligncenter{
	display:block;
	margin:0 auto;
}

.valignM{
	text-align:center !important;
}

.valignM img{
	margin:0 5px;
	vertical-align:middle;
}

.tableLiens{
	width:85% !important;
	border-collapse:collapse;
}

.tableLiens .visu{
	width:20%;
}

.tableLiens .lien{
	width:30%;
}

/* TOPBAR
--------------------------------------------------------------------------------------------------------------------------------------*/

#topBar{
	padding:20px 0 0;
	width:992px;
	margin:0 auto 16px;
	overflow:hidden;
}

#topBar .content{
	float:right;
	height:22px;
	width:210px;
}

#topBar .inputText{
	padding:4px 6px 4px 25px;
	height:12px;
	width:130px;
	font-size:0.82em;
	color:#acacac;
	vertical-align:middle;
	border:1px solid #cbc9c9;
	margin-right:5px;
	line-height:1.27em;
	background:#fff url(img/ico_loupe.png) 5px center no-repeat;
}

#topBar #btnSearch{
	vertical-align:middle;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/

/********* LOGO **********/

#header{
	width:992px;
	height:107px;
	overflow:hidden;
	margin:0 auto 40px;
	position:relative;
}

#header h1{
	padding-top:9px;
	float:left;
	display:inline;
	margin-right:60px;
}

#header h1 a{
	width:194px;
	height:83px;
	display:block;
	outline:0;
	background:url(img/logo_recticel.png) left top no-repeat;
}

#header h1 span{
	position:absolute;
	left:-9999em;
}

/********* MENU **********/

#menu{
	float:left;
	height:98px;
	margin-top:9px;
	overflow:hidden;
}

#menu li{
	float:left;
	display:inline;
	position:relative;
	border-bottom:1px solid #b2b2b3;
	background:url(img/menu_spacer.png) right bottom repeat-y;
}

/* ie6 bug fix */

* html #menu li{
	width:1px;
}

* html #menu{
	margin-top:8px;
}

#menu .page-item-14{
	background:none;
}

#menu .on{
	border-bottom:none;
}

#menu li a{
	display:block;
	margin:78px 7px 0 5px;
	height:11px;
	overflow:hidden;
	outline:0;
	padding:0px 0px 9px 0px; /* 13px - 78 */
}

#menu li span{
	display:block;
	height:11px;
	overflow:hidden;
	cursor:pointer;
	text-indent:-9999em;
	background:url(img/menu_titres.png) left top no-repeat;
}

/* Menu titres */

#menu .current_page_item{
	color:#da540b !important;
}

#menu .page-item-5 span{
	width:84px;
}

#menu .page-item-5 a:hover span, #menu .page-item-5 .selected, #menu .page-item-5.current_page_ancestor span{
	background-position:0 -11px;
}

#menu .page-item-6 span{
	width:103px;
	background-position:-84px top;
}

#menu .page-item-6 a:hover span, #menu .page-item-6 .selected{
	background-position:-84px -11px;
}

#menu .page-item-7 span{
	width:55px;
	background-position:-187px top;
}

#menu .page-item-7 a:hover span, #menu .page-item-7 .selected{
	background-position:-187px -11px;
}

#menu .page-item-8 span{
	width:79px;
	background-position:-242px top;
}

#menu .page-item-8 a:hover span, #menu .page-item-8 .selected{
	background-position:-242px -11px;
}

#menu .page-item-10 span{
	width:119px;
	background-position:-321px top;
}

#menu .page-item-10 a:hover span, #menu .page-item-10 .selected{
	background-position:-321px -11px;
}

#menu .page-item-12 span{
	width:108px;
	background-position:-440px top;
}

#menu .page-item-12 a:hover span, #menu .page-item-12 .selected{
	background-position:-440px -11px;
}

#menu .page-item-14 span{
	width:53px;
	background-position:-548px top;
}

#menu .page-item-14 a:hover span, #menu .page-item-14 .selected{
	background-position:-548px -11px;
}

/* Sous menu */

#menu .content{
	position:absolute;
	left:0px;
	bottom:-60px;
	height:56px;
	width:680px;
	padding-left:6px;
	overflow:hidden;
	padding-top:10px;
	display:none;
}

#menu .ssMenu{
	height:100%;
	float:left;
	width:170px;
}

#menu .page-item-5 .ssMenu1, #menu .page-item-5 .ssMenu2, #menu .page-item-5 .ssMenu5{
	width:112px;
}

#menu .page-item-6 .ssMenu{
	width:285px;
}

#menu .page-item-6 .content{
	left:-95px;
}

#menu .page-item-6 .ssMenu3{
	width:105px;
}

#menu .ssMenu a{
	padding:0 0 0 7px;
	font-size:0.92em;
	color:#7a7a7a;
	display:block;
	height:auto;
	text-decoration:none;
	margin:0 0 3px;
	font-size:0.92em;
	line-height:1em;
	background:url(img/menu_puce.png) left center no-repeat;
}

#menu .ssMenu span{
	width:auto;
	background:none;
	height:auto;
	text-indent:0px;
}

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#content{
	width:992px;
	margin:0 auto;
}

#content a{
	color:#da540b;
}

.coccinelle{
	width:244px;
	height:506px;
	position:absolute;
	left:5px;
	top:5px;
	background:url(img/bg_coccinelle.jpg) left top no-repeat;
}

#flashMap{
	width:726px;
	margin:0 auto;
}

/* Box */

#content .box{
	margin-bottom:20px;
}

#content .box480{
	width:483px;
	background:url(img/bg_box.png) left top repeat-y;
}

#content .box480 .content{
	background:url(img/bg_box_top.jpg) left top no-repeat;
}

#content .box480 .inner{
	min-height:105px;
	height:auto !important;
	height:105px;
	padding:15px 10px 10px 15px;
	background:url(img/bg_box_btm.jpg) left bottom no-repeat;
}

#content .box h2{
	margin-bottom:12px;
}

#content .box h2 span{
	text-indent:-9999em;
	display:block;
	height:22px;
	background:url(img/std_titres.png) left top no-repeat;
}

/* Box full content */

#boxFull{
	background:url(img/bg_full.png) left top repeat-y;
}

#boxFull .boxFullContent{
	background:url(img/bg_full_top.png) left top no-repeat;
}

#boxFull .boxFullInner{
	padding:25px 20px 30px 260px;
	position:relative;
	min-height:460px;
	height:auto !important;
	height:460px;
	width:712px;
	background:url(img/bg_full_btm.jpg) left bottom no-repeat;
}

.pageNews #boxFull, .pageStd #boxFull{
	background-image:url(img/bg_full_news.png);
}

.pageNews #boxFull .boxFullContent, .pageStd #boxFull .boxFullContent{
	background-image:url(img/bg_full_news_top.png);
}

.pageNews #boxFull .boxFullInner{
	padding-left:166px;
	width:806px;
	background-image:url(img/bg_full_news_btm.jpg);
}

.pageFull #boxFull .boxFullInner{
	padding-left:20px;
	width:952px;
}

.pageStd #boxFull .boxFullInner{
	padding-left:276px;
	width:696px;
	background-image:url(img/bg_full_news_btm.jpg);
}

.pageContent p{
	margin-bottom:15px;
}

/* Titres */

#content .boxIso h2 span{
	width:228px;
}

#content .boxEquipe h2 span{
	width:131px;
	background-position:-316px top;
}

#content .boxNews h2 span{
	width:87px;
	background-position:-228px top;
}

/********** ACCUEIL **********/

.pageHome h2{
	background:none;
	margin:0;
}

#flashBG{
	width:992px;
}

#flashBG object{
	outline:0;
}

#flashBG .content{
	width:900px;
	padding:15px 0;
	margin:0 auto;
}

#flashHome{
	width:900px;
	height:337px;
}

#dualHome{
	width:100%;
	overflow:hidden;
}

#dualHome .left{
	width:483px;
	float:left;
}

#dualHome .right{
	width:483px;
	float:right;
}

#content .boxIso{
	position:relative;
}

#content .boxIso .visu{
	position:absolute;
	width:166px;
	height:142px;
	right:10px;
	top:-1px;
	background:url(img/visu_iso.png) left top no-repeat;
}

#content .boxIso p{
	margin:20px 0 0px 75px;
}

#content .boxEquipe .visu{
	display:block;
	width:147px;
	float:left;
}

#content .boxEquipe .desc{
	float:left;
	width:240px;
}

#content .boxEquipe p{
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(img/std_spacer.png) left bottom repeat-x;
}

#content .boxNews .inner{
	min-height:324px;
	height:auto!important;
	height:324px;
	padding-bottom:10px;
}

#content .boxNews h2{
	margin-bottom:20px;
}

#content .boxNews .clearContainer{
	min-height:287px;
	height:auto !important;
	height:287px;
	background:url(img/news_spacer.png) center bottom no-repeat;
}

#content .boxNews .news{
	padding-right:9px;
	padding-bottom:5px;
	width:220px;
	float:left;
}

#content .boxNews .news2{
	padding-right:0px;
	padding-left:9px;
}

#content .boxNews .link{
	margin-top:10px;
	padding-top:10px;
	background:url(img/std_spacer.png) left top repeat-x;
}

/********** PRODUIT **********/

#boxFull .prodBox{
	display:none;
}

#boxFull #presentation{
	display:block;
}

.noJS #boxFull .prodBox{
	padding-bottom:20px;
	margin-bottom:20px;
	display:block;
	background:url(img/std_spacer.png) left bottom repeat-x;
}

.pageProduit .headerProd{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

.pageProduit .headerProd .visu{
	width:230px;
	float:left;
	text-align:center;
}

.pageProduit .headerProd .intro{
	width:470px;
	float:left;
}

.pageProduit .headerProd h3{
	padding-bottom:11px;
	margin-bottom:10px;
	margin-top:5px;
	background:url(img/spacer.png) left bottom no-repeat;
}

.pageProduit .introFull{
	display:none;
}

.pageProduit .prodBox h3 span{
	position:absolute;
	left:-9999em;
}

.pageProduit p{
	margin-bottom:15px;
	width:100%;
	text-align:justify;
	overflow:hidden;
}

.pageProduit .alignleft{
	float:left;
	display:inline;
	margin-right:10px;
}

.pageProduit .alignright{
	float:right;
	display:inline;
	margin-left:10px;
}

.pageProduit .descFull ul, .pageContent ul{
	padding-left:30px;
	margin-bottom:15px;
}

.pageProduit .descFull li, .pageContent ul li{
	list-style-type:disc;
	margin-bottom:3px;
}

.pageProduit .descFull table{
	border-collapse:collapse;
	width:90%;
	margin-bottom:15px;
}

.pageProduit .descFull td{
	padding:2px;
	text-align:center;
	border:1px solid #7f7f7f;
}

.pageProduit .descFull td.head{
	text-align:left;
	font-weight:bold;
	color:#da540b;
}

.pageProduit .descFull .listImages{
	margin-top:25px;
	text-align:center;
}

.pageProduit .descFull .listImages img{
	margin:0 6px;
}

#telechargement td{
	border:0;
	padding-bottom:20px;
}

#telechargement .visu{
	text-align:center;
	width:230px;
}

#telechargement .btnDL{
	width:174px;
	height:40px;
	display:block;
	outline:0;
	text-indent:-9999em;
	background:url(img/btn_telecharger.png) left top no-repeat;
}

#content #phototheque a{
	display:block;
	float:left;
	margin:0 18px 0px 0;
}
.phototheque_contenu{
	margin-left:32px;
	margin-top:34px;
}
#flashDiv{
	margin-left:58px;
	margin-top:10px;
	display:block;
}

/* Sidebar */

#sidebarProd{
	width:219px;
	height:487px;
	position:absolute;
	left:25px;
	top:-9px;
	background:url(img/bg_sidebar.png) left top no-repeat;
}

#sidebarProd ul{
	padding-left:9px;
	width:199px;
	padding-top:30px;
	position:relative;
}

#sidebarProd li{
	border-bottom:1px solid #c0c1c4;
	border-top:1px solid #eff0f0;
}

#sidebarProd .first{
	border-top:0;
}

#sidebarProd .last{
	border-bottom:0;
}

#sidebarProd span{
	display:block;
	height:11px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(img/sidebar_titres.png) left top no-repeat;
}

#sidebarProd a{
	display:block;
	height:11px;
	outline:0;
	padding:14px 0 14px 24px;
}

#sidebarProd .pres span{
	width:86px;
}

#sidebarProd .pres:hover span, #sidebarProd .pres .selected{
	background-position:left -11px;
}

#sidebarProd .tech span{
	width:134px;
	background-position:-86px top;
}

#sidebarProd .tech:hover span, #sidebarProd .tech .selected{
	background-position:-86px -11px;
}

#sidebarProd .desc span{
	width:97px;
	background-position:-220px top;
}

#sidebarProd .desc:hover span, #sidebarProd .desc .selected{
	background-position:-220px -11px;
}

#sidebarProd .dl span{
	width:109px;
	background-position:-317px top;
}

#sidebarProd .dl:hover span, #sidebarProd .dl .selected{
	background-position:-317px -11px;
}

#sidebarProd .tarif span{
	width:8px;
	background-position:-426px top;
}

#sidebarProd .tarif:hover span, #sidebarProd .tarif .selected{
	background-position:-426px -11px;
}

#sidebarProd .phototheque span{
	width:87px;
	background-position:-434px top;
}

#sidebarProd .phototheque:hover span, #sidebarProd .phototheque .selected{
	background-position:-434px -11px;
}

#sidebarProd .videotheque span{
	width:87px;
	background-position:-521px top;
}

#sidebarProd .videotheque:hover span, #sidebarProd .videotheque .selected{
	background-position:-521px -11px;
}

/********** NEWS **********/

.pageNews{
	
}

/* Box news */

.boxNews{
	width:100%;
	overflow:hidden;
	margin-bottom:50px;
}

.boxNews .meta{
	width:94px;
	height:38px;
	float:left;
	overflow:hidden;
	padding-left:12px;
	padding-top:19px;
	color:#59676a;
	font-size:0.75em;
	background:url(img/bg_news_meta.png) left top no-repeat;
}

.boxNews .meta span{
	display:block;
	float:left;
	width:17px;
	margin-right:5px;
	text-align:center;
}

.boxNews .pageContent{
	width:650px;
	float:left;
	padding-top:17px;
}

.boxNews h2{
	color:#da540b;
}

#newsNav{
	padding-left:101px;
	width:699px;
	overflow:hidden;
}

#newsNav div{
	margin:0 5px;
	float:left;
	border:1px solid #e7e7e7;
	background:#efefef url(img/bg_pagination.png) left top repeat-x;
}

#newsNav a{
	display:block;
	height:12px;
	line-height:1em;
	margin:0 2px;
	padding:8px 0px 8px 27px;
}

#newsNav .next a{
	background:url(img/btn_left.png) left center no-repeat;
}

#newsNav .prev a{
	padding:8px 27px 8px 0px;
	background:url(img/btn_right.png) right center no-repeat;
}

#newsNav .prev{
	float:right;
}

/********** CONTACT **********/

#cformsform{
	width:570px;
}

#cformsform label{
	text-align:right;
	font-size:1.09em;
	color:#da540b;
}

#cformsform .single, #cformsform select, #cformsform textarea{
	padding:10px 5px;
	height:16px;
	width:360px;
	color:#000;
	background-color:#efefef;
	border:1px solid #cbcac9;
}

#cformsform select{
	height:38px;
	width:372px;
}

#cformsform textarea{
	height:175px;
}

#cformsform .cf-box-b{
	width:13px;
	height:13px;
	float:left;
	margin-right:5px;
}

#cformsform .cf-sb{
	clear:both;
}

#cformsform .cf-box-group{
	height:1%;
	overflow:hidden;
}

#cformsform h4{
	font-size:1em;
	margin-bottom:10px;
}

#cformsform .titreDoc{
	padding-left:100px;
	font-weight:bold;
	font-size:1.17em;
	margin-top:15px !important;
}

#li--16items{
	float:left;
	width:220px;
}

#cformsform #li--16items label{
	width:195px;
}

#cformsform #li--17items{
	padding-left:0;
	float:left;
	width:250px;
}

#cformsform #li--17items label{
	width:225px;
}

#cformsform .cf-group-after, #cformsform .cf-after{
	width:430px;
	display:block;
	float:left;
	margin:0px 4px 0 2px;
	text-align:left;
}

#cformsform .cf-group-after span{
	display:block;
	width:100%;
	line-height:1.25em;
}

#cformsform #sendbutton{
	width:154px;
	height:40px;
	border:none;
	text-indent:-9999em;
	background:url(img/btn_envoyer.jpg) left top no-repeat !important;
}

#cformsform .cf_li_err{
	border:none;
	background:none !important;
	padding:0 !important;
}

#cformsform .cf_li_err input, #cformsform .cf_li_err select, #cformsform .cf_li_err textarea{
	background-color:#ff4b4b;
}

#cformsform .emailreqtxt{
	display:none;
}

#usermessageb{
	width:100%;
	padding:5px 0 !important;
	text-align:center;
}

#msgAffaire{
	clear:both;
	color:#000;
	padding:5px 10px;
	text-align:center;
	background-color:#efefef;
	border-top:1px solid #da540b;
	border-bottom:1px solid #da540b;
}

/********** SEARCH **********/

.searchResult{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}

.pageSearch h2{
	margin-bottom:20px;
}

.searchResult h3{
	background:none;
	padding:0;
	color:#615b5b;
	font-weight:bold;
	font-size:1.25em;
	margin:0 0 5px 0;
}

.searchResult h3 a{
	color:#da540b;
}

.pageStd #newsNav{
	padding:0;
}

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

#footer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	background:url(img/bg_footer.png) left top repeat-x;
}

#footer .content{
	background:url(img/footer.jpg) center top no-repeat;
}

#footer ul{
	text-align:center;
	height:105px;
}

#footer li{
	display:inline;
}
#footer_content{
	margin:0 auto;
	width:992px;
	position:relative;
}
#footer_content a#lien_recticel{
	display:block;
	height:27px;
	position:absolute;
	right:0;
	top:12px;
	width:212px;
	background:none;
}
#footer a{
	color:#696868;
	display:block;
	padding:25px 12px;
	text-align:center;
	text-decoration:none;
	display:-moz-inline-stack; /* Pour Firefox 1-2 */
    display:inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block */
	background:url(img/footer_spacer.png) right 1px no-repeat;
}

#footer a:hover{
	color:#da540b;
}

#footer .page-item-45 a{
	background:none;
}
a.choix_pays{
color:#DA540B;
float:right;
margin-right:20px;
margin-top:5px;
text-align:right;
text-decoration:none;
}

.gallery-caption{
	float:left;
}

.alignleft{
	float:left;	
	margin-right:10px;
	margin-bottom:10px;
}
.alignright{
	float:right;	
	margin-left:10px;
	margin-bottom:10px;
}

.carrousel_photos li span , .carrousel_photos li span p{
	text-align: center;
}