/* Styles for DJ Image Slider with module id 106 */
		#djslider-loader106 {
			margin: 0 auto;
			position: relative;
			height: 90px; 
			width: 885px;
		}
		#djslider106 {
			margin: 0 auto;
			position: relative;
			height: 90px; 
			width: 885px;
			display: block;
		}
		#slider-container106 {
			position: absolute;
			overflow:hidden;
			left: 0; 
			top: 0;
			height: 90px; 
			width: 885px;			
		}
		#djslider106 ul#slider106 {
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
		}
		#djslider106 ul#slider106 li {
			list-style: none outside !important;
			float: left;
			margin: 0 !important;
			border: 0 !important;
			padding: 0 15px 0px 0 !important;
			position: relative;
			height: 90px;
			width: 75px;
			background: none;
			overflow: hidden;
		}
		#slider106 li img {
			width: 75px;
			height: auto;
			border: 0 !important;
		}
		#slider106 li a img, #slider106 li a:hover img {
			border: 0 !important;
		}
		
		/* Slide description area */
		#slider106 .slide-desc {
			/*position: absolute;
			bottom: 10px;
			left: 0px;*/
			left: 0px;
			width: 20px;
			width: 70px;
			text-align: center;
		}
		#slider106 .slide-desc-in {
			position: relative;
		}
		#slider106 .slide-desc-bg {
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#slider106 .slide-desc-text {
			position: relative;
		}
		#slider106 .slide-desc-text h3 {
			display: block !important;
		}
		
		/* Navigation buttons */
		#navigation106 {
			position: relative;
			top: 30px; 
			margin: 0 5px;
			text-align: center !important;
		}
		#prev106 {
			cursor: pointer;
			display: block;
			position: absolute;
			left: 0;
			top: -99999px;
		}
		#next106 {
			cursor: pointer;
			display: block;
			position: absolute;
			right: 0;
			top: -99999px;
		}
		#play106, 
		#pause106 {
			cursor: pointer;
			display: block;
			position: absolute;
			left: 47%;
			top: -99999px;
		}
		
		/* Styles for DJ Image Slider with module id 107 */
		#djslider-loader107 {
			margin: 0 auto;
			position: relative;
			height: 90px; 
			width: 885px;
		}
		#djslider107 {
			margin: 0 auto;
			position: relative;
			height: 90px; 
			width: 885px;
			display: block;
		}
		#slider-container107 {
			position: absolute;
			overflow:hidden;
			left: 0; 
			top: 0;
			height: 90px; 
			width: 885px;			
		}
		#djslider107 ul#slider107 {
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
		}
		#djslider107 ul#slider107 li {
			list-style: none outside !important;
			float: left;
			margin: 0 !important;
			border: 0 !important;
			padding: 0 15px 0px 0 !important;
			position: relative;
			height: 90px;
			width: 75px;
			background: none;
			overflow: hidden;
		}
		#slider107 li img {
			width: 75px;
			height: auto;
			border: 0 !important;
		}
		#slider107 li a img, #slider107 li a:hover img {
			border: 0 !important;
		}
		
		/* Slide description area */
		#slider107 .slide-desc {
			position: absolute;
			bottom: 10px;
			left: 0px;
			left: 0px;
			width: 75px;
			width: 70px;
			text-align: center;
		}
		#slider107 .slide-desc-in {
			position: relative;
		}
		#slider107 .slide-desc-bg {
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#slider107 .slide-desc-text {
			position: relative;
		}
		#slider107 .slide-desc-text h3 {
			display: block !important;
		}
		
		/* Navigation buttons */
		#navigation107 {
			position: relative;
			top: 30px; 
			margin: 0 5px;
			text-align: center !important;
		}
		#prev107 {
			cursor: pointer;
			display: block;
			position: absolute;
			left: 0;
			top: -99999px;
		}
		#next107 {
			cursor: pointer;
			display: block;
			position: absolute;
			right: 0;
			top: -99999px;
		}
		#play107, 
		#pause107 {
			cursor: pointer;
			display: block;
			position: absolute;
			left: 47%;
			top: -99999px;
		}
		
		/* Styles for DJ Image Slider with module id 108 */
		#djslider-loader108 {
			margin: 0 auto;
			position: relative;
			height: 90px; 
			width: 885px;
		}
		#djslider108 {
			margin: 0 auto;
			position: relative;
			height: 90px; 
			width: 885px;
			display: block;
		}
		#slider-container108 {
			position: absolute;
			overflow:hidden;
			left: 0; 
			top: 0;
			height: 90px; 
			width: 885px;			
		}
		#djslider108 ul#slider108 {
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
		}
		#djslider108 ul#slider108 li {
			list-style: none outside !important;
			float: left;
			margin: 0 !important;
			border: 0 !important;
			padding: 0 15px 0px 0 !important;
			position: relative;
			height: 90px;
			width: 75px;
			background: none;
			overflow: hidden;
		}
		#slider108 li img {
			width: 75px;
			height: auto;
			border: 0 !important;
		}
		#slider108 li a img, #slider108 li a:hover img {
			border: 0 !important;
		}
		
		/* Slide description area */
		#slider108 .slide-desc {
			position: absolute;
			bottom: 10px;
			left: 0px;
			left: 0px;
			width: 75px;
			width: 70px;
			text-align: center;
		}
		#slider108 .slide-desc-in {
			position: relative;
		}
		#slider108 .slide-desc-bg {
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#slider108 .slide-desc-text {
			position: relative;
		}
		#slider108 .slide-desc-text h3 {
			display: block !important;
		}
		
		/* Navigation buttons */
		#navigation108 {
			position: relative;
			top: 30px; 
			margin: 0 5px;
			text-align: center !important;
		}
		#prev108 {
			cursor: pointer;
			display: block;
			position: absolute;
			left: 0;
			top: -99999px;
		}
		#next108 {
			cursor: pointer;
			display: block;
			position: absolute;
			right: 0;
			top: -99999px;
		}
		#play108, 
		#pause108 {
			cursor: pointer;
			display: block;
			position: absolute;
			left: 47%;
			top: -99999px;
		}  

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

html{
	background: url(../images/decoupage/fond.jpg) ;
	text-align: center;
	overflow-x: hidden;
}

iframe html { background: none; }

body {
	margin: 0;
	width: 100%;
        height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
   color: #000000;
   background: url(../images/decoupage/logo-roy-fond.png) no-repeat right top transparent;
}

body#bd {
	color: #333333;
}

body.contentpane {
	width: 100%; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333333;
}

body.fs2{
	font-size: 11px;
}

body.fs3{
	font-size: 12px;
}

body.fs4{
	font-size: 13px;
}

body.fs5{
	font-size: 14px;
}

body.fs6{
	font-size: 15px;
}

/* Normal link */
a {
	color: #006699;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}
.contentpaneopen_edit {display: none; }
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 92%;
}

/* Heading */
h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 105%;
}
h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
}


ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

td, div {
	font-size: 100%;
}

img {
	border: none;
}
.clear { clear: both; margin: 0; padding: 0; height: 0; min-height: 0;}
.no-display { display: none;}





/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.button {
	padding: 3px 5px;
	border: 1px solid #333333;
	background: url(../images/grad1.gif) repeat-x top #333333;
	color: #CCCCCC;
	font-size: 85%;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}

* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #fff;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
}

blockquote span.close {
	padding: 0 20px 0 0;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
	padding: 10px 0px 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
	list-style: none;
}

ul.small-checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #7BA566;
	font: bold 20px/normal Arial, sans-serif;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #CACACC;
	background: #FFFFFF;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	clear: both;
	display: block;
	height: 20px;
	display: none;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
	float: right;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 4px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #ECECEC;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
	display: none;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	padding: 5px 0 15px;
	padding: 5px 0 0;
	margin: 0 0 0px;
	height: 1px;
}

.componentheading {
	font-size: 200%;
	font-weight: bold;
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 5px 0 8px 12px;
	margin: 0;
	font-weight: normal;
	font-size: 15px !important;
	color: #fff;
}

table.blog .contentheading {
	font-size: 150%;
}

.contentheading {
	font-size: 200%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: right;
	margin-top: 20px;
	padding: 1px 5px 1px 14px;
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.readon:hover, a.readon:active, a.readon:focus {
 text-decoration: underline;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	padding: 8px 5px;
	background: #444444;
	color: #FFFFFF;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	width: 100%;
	margin: 0;
}


#ja-mainbody-fr #ja-col1 {
	width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 100%;
	overflow: hidden;
}

#ja-mainbody, #ja-mainbody-fl {
	float: left;
	width: 100%;
}

#ja-mainbody #ja-contentwrap {
	float: right;
	width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
	float: left;
	width: 100%;
}

#ja-mainbody-f, #ja-mainbody-fr {
	float: none;
	width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 74.8%;
	float: right;
}

#ja-mainbody-fr #ja-col1 {
	width: 20%;
	float: left;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 1000%;
}

 #ja-contentwrap {
     /*width: 1025px;
     margin: 0 auto;*/
}


#ja-content {
	color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	/*min-height:540px;*/
}
.hauteurAuto { min-height:540px; background:#FFF; }

* html #ja-contentwrap {
	height: 300px;
}
#ja-mainbody-fl #ja-content {
	padding-left: 0;
}

#ja-mainbody-f #ja-content {
	padding: 0;
}

/* Full */
#ja-containerwrap-f #ja-containerwrap2 {
	background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
	background: none;
}

/* Full left */
#ja-containerwrap-fl {
	xbackground: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
}

/* Full right */
#ja-containerwrap-fr {
	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr #ja-containerwrap2 {
	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	width: 100%;
        height: 110px;
        border: solid 1px transparent;
}
#ja-header {
	position: relative;
        width: 1025px;
        margin: 12px auto 0 auto;
        text-align: center; /* FIX IE */
}
#ja-header #logo {
    float: left;
    width: 181px;
    height: 87px;
    margin: 0 0 0 25px;
}
#ja-header #logo h1 {
    margin: 0;
}

#ja-header .header-right {
    float: right;
    width: 815px;
}
#configurateur {
    display: block;
    clear: right;
    float: right;
    width: 181px;
    height: 36px;
    background: url(../images/decoupage/bouton-configurateur.png) no-repeat top left transparent;
    margin: 10px 30px 0 0;
}
/*.ja-headermask {
	width: 602px;
	display: block;
	background: url(../images/header-mask.png) no-repeat top right;
	height: 80px;
	position: absolute;
	top: 0;
	right: -1px;
	display: none;
}*/

#ja-header a {
	color: #CCCCCC;
}

h1.logo, h1.logo-text {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 180%;
	text-transform: uppercase;
}

h1.logo a {
	/*width: 208px;*/
	display: block;
	background: url(../images/decoupage/logo-roy.png) no-repeat;
	height: 80px;
	position: relative;
	z-index: 100;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	color: #CCCCCC !important;
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 40px;
	left: 5px;
}

.site-slogan {
	margin: 0;
	padding: 0;
	padding: 2px 5px;
	color: #FFFFFF;
	background: #444444;
	font-size: 13px;
	position: absolute;
	bottom: 20px;
	left: 0;
}

/* Search */
#ja-search {
	padding-left: 40px;
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 10px;
	text-decoration: none;
}

html:not([lang*=""]) #ja-search{
	top: -25px;
}


#ja-search  a{
	text-decoration: none;
}
#ja-search  a:hover{
	text-decoration: underline;
}


#ja-search .inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #999999;
	background: #444444;
	font-size: 92%;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

#ja-pathway {
	font-size: 92%;
	display: none;
	width: 100%;
	height: 10px;

}

#ja-pathway strong {
	margin-right: 5px;
	font-weight: normal;
}

#ja-pathway a {
	text-decoration: none;
}

#ja-pathway img {
	margin: 1px 5px;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
	padding: 0 0 20px;
	margin-bottom: 15px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
	padding: 0 0 8px;
	margin: 0;
	color: #7BA566;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

/* Module rounded */
div.module h3 {
	margin: 0 -15px 10px;
	padding: 8px 15px 5px;
	border-bottom: 2px solid #F6F6F6;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	/*text-transform: uppercase;*/
	background: url(/Starter/images/module.jpg) repeat-x;
}

div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}

div.module div {
	background: url(../images/b-bl.gif) no-repeat bottom left;
}

div.module div div {
	background: url(../images/b-tr.gif) no-repeat top right;
}

div.module div div div {
	padding: 0 15px 10px;
	background: url(../images/b-tl.gif) no-repeat top left;
}

div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
	margin: 0;
	padding: 0;
	float: none;
	width: 99%;
	background: none;
}

div.module_text h3 {
	margin: 0 0 10px;
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}

div.module_text span {
	padding: 0 3px 0 0;
	float: left;
	clear: both;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
}

div.module_text {
	margin-bottom: 20px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}

div.module_text div {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text div div {
	background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text div div div {
	padding: 0 15px 10px;
	display: block;
	background: url(../images/bt-tl.gif) no-repeat top left;
}

div.banneritem_text {
	padding: 5px 0 !important;
}

/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 {
	margin: 0 -15px 10px;
	padding: 8px 15px 5px;
	border-bottom: 1px solid #F6F6F6;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}

div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
	color: #FFFFFF;
}

div.module_red div {
	background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red div div {
	background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red div div div {
	padding: 0 15px 10px;
	background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
	background: url(../images/bb-br.gif) no-repeat bottom right #006699;
	color: #FFFFFF;
}

div.module_blue div {
	background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue div div {
	background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue div div div {
	padding: 0 15px 10px;
	background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
	background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
	color: #FFFFFF;
}

div.module_green div {
	background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green div div {
	background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green div div div {
	padding: 0 15px 10px;
	background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
	background: url(../images/bl-br.gif) no-repeat bottom right #333333;
	color: #FFFFFF;
}

div.module_black div {
	background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black div div {
	background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black div div div {
	padding: 0 15px 10px;
	background: url(../images/bl-tl.gif) no-repeat top left;
}

div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol {
	margin: 0;
	padding: 0;
}

div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
	margin-left: 20px;
	padding: 0;
	line-height: 150%;
}

div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a {
	color: #FFFFFF;
}

div.advs {
	float: left;
	width: 100%;
	clear: both;
	display: block;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 20%;
	overflow: hidden;
}
#ja-col4 {
	float: right;
	width: 100%;
	overflow: hidden;
}
#ja-col3 {
	float: left;
	width: 30%;
	overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
	margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
	display: none;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
	padding-right: 30px;
	background: none;
}

.ja-box-right div.moduletable {
	padding-left: 30px;
	background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
	padding: 0 30px;
	background: url(../images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
	background: none;
}

#ja-botslwrap {
	position: absolute;
    bottom: 9px;
	color: #ffffff;
	text-align: center;
}

#adresses{
	text-align: center;
	width: 980px;
}

#ja-botsl {
	padding: 5px 0;
}

#ja-botsl div.moduletable {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#ja-botsl h3 {
	margin: 0 0 12px;
	padding: 0;
	color: #FFFFFF;
}

#ja-botsl a {
	color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url(../images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
	margin-left: 25px;
	padding: 0 !important;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_separator {
	display: none;
	border: 1px solid red;
}

#ja-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	xborder-top: 5px solid #CCCCCC;
	xpadding: 0px 0 0px;
	xclear: both;
	xbackground: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
	xbackground-color: #d9dadb;
}

#ja-footer {
	padding: 0;
	color: #666666;
	xbackground: url(../images/vdot.gif) repeat-y 22% 0;
	position: relative;
}

#ja-footer .copyright {
	clear: both;
	display: block;
	xpadding-left: 25%;
	color: #666666;
	font-style: normal;
	font-size: 92%;
}

#ja-footnav {
	xpadding-left: 25%;
	margin-top: -26px;
	background-color: #f0f1f1;
	display: none;
}

#ja-footer ul {
	margin: 0 0 5px;
	padding: 0;
}

#ja-footer li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#ja-footer li a {
	padding: 0 15px 0 0;
	display: inline;
	color: #666666;
	font-weight: bold;
	font-size: 92%;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
}

#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
	color: #333333;
	text-decoration: none;
}

.ja-cert {
	font-size: 92%;
	position: absolute;
	right: 0;
	top: 18px;

}

.ja-cert a {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	border: none;
	text-decoration: none;
       display: none;
}

.ja-cert a span {
	display: none;
}

.ja-cert a img {
	border: none;
}

.banneritem {
	display: block;
	margin-top: 15px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
	display:none;
}

ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	top: 8px;
	right: 70px;
}

ul.ja-usertools-font li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;
}

/*collapsible h3*/
h3.show {
	background: url(../images/arrow2.png) no-repeat 90% 60%;
	cursor: pointer;
}

h3.hide {
	background: url(../images/arrow3.png) no-repeat 90% 60%;
	cursor: pointer;
}

/*others*/
#ja-banner {
	margin: 15px 0;
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#form-login p {
	margin: 0 0 5px;
}

#form-login ul {
	margin: 10px 0 0;
}

#form-login .inputbox {
	width: 90%;
}

.clr {
	clear: both;
}

.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}


/* personnalisations */

#subscriber_name, #subscriber_email {
	display: block;
	margin-top: -20px;
	margin-left: 60px;
}


#Mod25 #subscriber_name, #Mod25 #subscriber_email {
	display: block;
	margin-top: -20px;
	margin-left: 35px;
}

#Mod30 .button {
	display: block;
	margin-top: -40px;
	margin-left: 135px;
}

#ja-footnav p {
	display: block;
	background-color: #f0f1f1;
	text-align: center;
}


.ja-cert {
	position: block;
	margin-top: -40px;
	width : 82px;
	height: 82px;
	overflow: hidden;	

}

.clearfix{
 width:  100%;
}

#ja-mainbody-fl #ja-content {
 width:  100%;
}

#floaterDiv a {
 color: #ffffff;
}

#baseline2 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-top: -60px; 
	margin-left: 160px;
	text-align: left;
	display:none;
}

#baseline {
	color: #000000;
	font-size: 28px;
	font-weight: bold;
	margin-top: 30px; 
	text-align: center;
}

#logo{
	/*background: url(../images/decoupage/logo-roy.png) no-repeat;*/
	float: left;
	width: 181px;
	height:87px;
	margin-top: -25px;
/*	position: absolute;
	margin-left: -200px;
	top: 10px;
	z-index: 100;*/
}

html:not([lang*=""]) #logo {
	margin-left: 10px;
}

.xmap a {
   color: #000000;
}


#spacing{
display:inline-block;
float: left;
margin-top: 30px ;
}

#ja-search a{
	color: #949494;
}

#ja-content{
	background-color: none;
}

#adresse {
   width: 33%;
   float: left;
   font-size: 9px;
}

#titre_adresse {
   width: 50%;
   margin-right: auto;
   margin-left: auto;
   border-bottom: 1px solid #b5b91f;
   color: #b5b91f;
   font-weight: bold;
   font-size: 12px;
}

#ja-slogan {
	padding-left: 40px;
	padding-top: 5px;
	position: absolute;
	font-size: 12px;
	float: left;
	left: 200px;
	color: #0559a5;
	top: 15px;
	font-weight: bold;
}



h3 {
color: #000;
}


h1{
color: #512815;
font-size: 18px;
text-align: center;
}

h2 {
color: #b5b91f;
text-align: center;
}

#images_accueil{
	width: 720px;
	height: 350px;
	float: left;
}

#lien_accueil{
color: #000000;
margin-top: -60px;
text-align: right;
margin-right: 50px;
}

#lien_accueil a,#lien_accueil a:visited{
	color: #000000;
	text-decoration: none;
}
#lien_accueil a:hover{
	text-decoration: underline;
}


.bleu {
  color: #00a1e1;
}

#bandeau{
    margin-top: 6px;
	background: url(../images/decoupage/bandeaugris.png) ;
	width: auto;
	height: 233px;
}

#ban_gauche{
   width: 607px;
   float: left;
   padding-left: 50px;
}

#bandeauInt #ban_gauche{
	width: 607px;
   float: left;
   padding-left: 50px;
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   text-align: justify;
}


#ban_droite{
   width: 343px;
   height: 233px;
   float: left;
   background: url(../images/decoupage/droite.jpg) ;
}

h2 {
   color: #000000;
   text-align: center;
}

#bandeau p{
   color: #58585a;
   font-size: 14px;
   text-align: justify;
}

.titre {
	color: #fff200;
	font-size: 12px;
	font-weight: bold;
}

.produit{
   width: 248px;
   height: 238px;
   display: block;
   float: left;
   cursor: pointer;
}

.produit h1{
   color: #c6c7c8;
   font-size: 12px;
   font-weight: bold:
}

.produit h2{
/*   color: #c6c7c8;
   font-size: 10px;
   font-weight: bold;
   height: auto;
	background: none;
	padding-top: 165px;
	padding-left: 0px;
	text-align: center;
	width: 160px;
	margin-left: auto;
	margin-right: auto;*/
}
h3.produit-accroche {
margin: 0;
color: #000;
padding-top: 15px;
text-align: left;
font-weight: normal;
font-size: 12px;
margin-bottom: 15px;
}
.produit:hover h1{
   color: #00a1e1;
}

.produit:hover h2{
   color: #ffffff;
}

#PVC{
	background: url(../images/decoupage/menuiseries-pvc-off.jpg) no-repeat;
	background-position: center center;
}
#PVC:hover{
	background: url(../images/decoupage/menuiseries-pvc-on.jpg) no-repeat;
	background-position: center center;
}

#ALU{
	background: url(../images/decoupage/menuiseries-alu-off.jpg) no-repeat;
	background-position: center center;
}
#ALU:hover{
	background: url(../images/decoupage/menuiseries-alu-on.jpg) no-repeat;
	background-position: center center;
}

#VOLET{
	background: url(../images/decoupage/menuiseries-volets-off.jpg) no-repeat;
	background-position: center center;
}
#VOLET:hover{
	background: url(../images/decoupage/menuiseries-volets-on.jpg) no-repeat;
	background-position: center center;
}
#GARAGE{
	background: url(../images/decoupage/menuiseries-portes-garage-off.jpg) no-repeat;
	background-position: center center;
}
#GARAGE:hover{
	background: url(../images/decoupage/menuiseries-portes-garage-on.jpg) no-repeat;
	background-position: center center;
}

#bandeauInt{
   margin-top: 65px;
	background: url(../images/decoupage/bandeauInt.jpg) ;
	height: 165px;
}

#bandeauInt #ban_gauche{
	width: 607px;
   float: left;
   padding-left: 50px;
}

#bandeauInt #ban_droite{
   width: 343px;
   height: 165px;
   float: left;
	background: url(../images/decoupage/droiteInt.jpg) ;
}

.gamme{
   width: 330px;
   height: 278px;
   display: block;
   float: left;
   cursor: pointer;
   text-align: center;
}

.detail_gamme{
   width: 400px;
   height: 350px;
   display: block;
   float: left;
   cursor: pointer;
   text-align: center;
}

.gamme h2 ,.detail_gamme h2{
   height: 20px;
	background: none;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 0px;
	margin-bottom: -40px;
   text-align: left;
   color: #00a1e1;
   height: 30px;
	background: url(../images/decoupage/pointilles.jpg) no-repeat 0px 30px;
}

.txtgame{
   color: #ffffff;
   text-align: justify;
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 40px;
}

.puce {
   margin-right: 10px;
}


.plus{
	background: url(../images/decoupage/plus.png) ;
	width: 147px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	   cursor: pointer;

}

#gvolet,#gpvc{
   border-left: 1px solid #949494;
}

.logos{
   display: block;
   float: left;
   width: 100%;
   height: 60px;
   margin-top: 65px;
}

.brochure {
   display: block;
   width: 150px;
   height: 20px;
   float: left;
   padding-top: 120px;
	color:silver;
}
.brochure a{
color:#808080;
text-decoration: none;
}

.brochure:hover{
   color: #ffffff;
}
.brochure:hover a{
   color: #ffffff;
	text-decoration: none;
}

#alu1{
   background: url(../images/decoupage/cataloguebaiesoff.png) no-repeat top center;
}

#alu1:hover{
   background: url(../images/decoupage/cataloguebaieson.png) no-repeat top center;
}

#pvc1{
   background: url(../images/decoupage/catalogue-portesclassiquesoff.png) no-repeat top center;
}

#pvc1:hover{
   background: url(../images/decoupage/catalogue-portesclassiqueson.png) no-repeat top center;
}
#pvc2{
   background: url(../images/decoupage/catalogue-portescontempoff.png) no-repeat top center;
}

#pvc2:hover{
   background: url(../images/decoupage/catalogue-portescontempon.png) no-repeat top center;
}


#vol1{
   background: url(../images/decoupage/battant-aluoff.png) no-repeat top center;
}

#vol1:hover{
   background: url(../images/decoupage/battant-aluon.png) no-repeat top center;
}

#vol2{
   background: url(../images/decoupage/battant-americaineoff.png) no-repeat top center;
}

#vol2:hover{
   background: url(../images/decoupage/battant-americaineon.png) no-repeat top center;
}

#vol3{
   background: url(../images/decoupage/battant-francaiseoff.png) no-repeat top center;
}

#vol3:hover{
   background: url(../images/decoupage/battant-francaiseon.png) no-repeat top center;
}

#vol4{
   background: url(../images/decoupage/blocsbaiesoff.png) no-repeat top center;
}

#vol4:hover{
   background: url(../images/decoupage/blocsbaieson.png) no-repeat top center;
}

#vol5{
   background: url(../images/decoupage/DECOVE2off.png) no-repeat top center;
}

#vol5:hover{
   background: url(../images/decoupage/DECOVE2on.png) no-repeat top center;
}

#vol6{
   background: url(../images/decoupage/quartooff.png) no-repeat top center;
}

#vol6:hover{
   background: url(../images/decoupage/quartoon.png) no-repeat top center;
}

#vol7{
   background: url(../images/decoupage/tradioff.png) no-repeat top center;
}

#vol7:hover{
   background: url(../images/decoupage/tradion.png) no-repeat top center;
}

#vol8{
   background: url(../images/decoupage/tradiveoff.png) no-repeat top center;
}

#vol8:hover{
   background: url(../images/decoupage/tradiveon.png) no-repeat top center;
}

#vol9{
   background: url(../images/decoupage/garagebasculantoff.png) no-repeat top center;
}

#vol9:hover{
   background: url(../images/decoupage/garagebasculanton.png) no-repeat top center;
}

#vol10{
   background: url(../images/decoupage/garagesectionneloff.png) no-repeat top center;
}

#vol10:hover{
   background: url(../images/decoupage/garagesectionnelon.png) no-repeat top center;
}

#vol11{
   background: url(../images/decoupage/motorisationoff.png) no-repeat top center;
}

#vol11:hover{
   background: url(../images/decoupage/motorisationon.png) no-repeat top center;
}

#vol12{
   background: url(../images/decoupage/moustiquaireoff.png) no-repeat top center;
}

#vol12:hover{
   background: url(../images/decoupage/moustiquaireon.png) no-repeat top center;
}

#ban_droite_alu{
   width: 243px;
   height: 233px;
   float: right;
   background: url(../images/decoupage/image-bandeau-alu.jpg) no-repeat;
}
#ban_droite_pvc{
   width: 243px;
   height: 233px;
   float: right;
   background: url(../images/decoupage/image-bandeau-pvc.jpg) no-repeat;
}
#ban_droite_volet {
   width: 243px;
   height: 233px;
   float: right;
   background: url(../images/decoupage/image-bandeau-Volets-Pdg.jpg) no-repeat;
}


#ja-content-header {
   display: block;
   width: 1015px;
}

#ja-content-header {
   margin-top: 80px;
   display: block;
   width: 100%;
   height: 50px;
   background: url(../images/decoupage/cadre.jpg) ;
}

#ja-content-header h1{
margin-top: 0px;
font-size: 15px;
margin-left: 10px;
padding-top: 10px;
padding-left: 210px;
font-weight: bold;
display: block;
height: 49px;
background: url(../images/decoupage/logoartetfenetres.png) no-repeat;
}


/*******************************/
/* style global */
/*******************************/
#roy{
   position: absolute;
   top: 0px;
   right: 0px;
   background: url(../images/decoupage/forme-roy.png) no-repeat right;
   background-position: 85px -90px;
   width: 461px;
   height: 620px;
   z-index: -1;
}


/*******************************/
/* style page accueil          */
/*******************************/

#gauche {
   width: 500px;
   width: 50%;
   height: 451px;
   float: left;
}

#photo .texte{
   width: 1025px;
   margin-left: auto;
   margin-right: auto;
   height: 380px;
   margin-top: 0px;
   text-align: center;
   color: #000000;
   /*background: url(../images/decoupage/image-arrondie.png) no-repeat 745px*/;
   font-weight: bold;
}

#photo .accueil {
    float: right;
    width: 200px;
    margin-top: 120px;
}
#photo .accueil a {
    font-size: 11px;
}

#photo  h2{
   color: #1b2f2a;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   display: block;
   margin: 0;
   text-align: left;
   width: 200px;
}

#photo .accueil p {
   display: block;
   text-align: left;
   width: 200px;
   font-size: 14px;
   font-weight: normal;
}
#photo .accueil p a { text-align: left; font-size: 10px; color: #000;}

#photo {
    /*background: url(../images/decoupage/photo.png) no-repeat center #f5f5f5;*/
    background: url(../images/decoupage/image-accueil-roy.jpg) no-repeat center center transparent;
    width: 100%;
    height: 380px;
    margin-top: 0;
}
#image {
    height: 380px;
    overflow-y: hidden;
}
#texte_accueil {
    display: none;
    position: absolute;
    top: 140px;
    left: 25%;
    width: 600px;
    background-color: #fff;
    padding: 10px;
    text-align: justify;
    font-weight: normal;
    opacity : 0.8;
    filter : alpha(opacity=8);
    box-shadow: 2px 2px 12px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=12);
    zoom: 1;
}
#bas {
   position: relative;
   clear: both;   
   width: 1025px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;
}
#fiche_produit #bas {
   position: relative;
   /*float: left;*/
   /*clear: both;*/
   width: 1025px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;
}
#fiche_produit #prix {
	position: absolute;
	bottom: 25px;
	left: 25px;
	background: url(../images/decoupage/bulleprix-site.png) no-repeat top left transparent;
	width: 125px;
	height: 75px;
	color: #223933;
	padding: 25px 0;
	line-height: 25px;
}
#fiche_produit #prix .a-partir { font-size: 14px; font-weight: bold; line-height: 28px; }
#fiche_produit #prix .prix { font-size: 20px; font-weight: bold; }
#fiche_produit #prix .prix-indic { font-size: 12px; font-weight: normal; }
#bas #gauche {
   float: left;
   width: 250px;
   height: 129px;
   background-color: #3f5c57;
   border: 1px solid #687573;
   margin-left: 25px;
}
#gauche.home { margin-top: -80px; }
#bas #gauche a { text-decoration: none; cursor: pointer; display:block;}
#info-prix-indic { clear: both; line-height: 25px; }
#fiche_produit #bas #gauche, #produits #bas #gauche, #bas.page-produit #gauche {
   float: left;
   width: 159px;
   height: 129px;
   background-color: #1a2d28;
   border: 1px solid #687573;
   margin-right: 20px;
}
.home #catalogue_gauche {
    float: left;
    width: 159px;
    height: 129px;
}
#catalogue_gauche {
    float: left;
    width: 159px;
    height: 129px;
}
#catalogue_gauche .titre, #fiche_produit #bas #gauche .titre {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin: 10px 5px;
}
#catalogue_gauche .sous-titre {
    font-size: 11px;
    color: #fff;
}
#bas #droite {
    float: right;
    width: 600px;
}
#droite.home { margin-top: -80px; width: 534px !important; }
#fiche_produit #bas #droite {
    float: right;
    width: 260px;
    height: 140px;
}
#bas #droite .pictos { width: 224px; margin: 0 auto;}
#bas #droite .titre {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
}
#bas #droite #particulier {
    display: block;
    float: left;
    background: url(../images/decoupage/particulier-off.png) no-repeat center transparent;
    width: 112px;
    /*height: 83px;*/
    text-decoration: none;
    color: #fff;
    text-align: center;
}
#bas #droite #particulier:hover { background: url(../images/decoupage/particulier-on.png) no-repeat center transparent;}
#particulier span, #pro span {
    display: block;
    padding-top: 75px;
}
#bas #droite #pro {
    position: relative;
    float: left;
    width: 112px;
    /*height: 83px;*/
    background: url(../images/decoupage/pro-off.png) no-repeat center transparent;
    text-align: center;
    z-index: 250;
}
#bas #droite #pro:hover { background: url(../images/decoupage/pro-on.png) no-repeat center transparent;}

#sousmenu {
    position: absolute;
    top: 30px;
    left: 100px;
    width: 108px;
    /*height: 80px;*/
    border:1px solid #a3a3a3;
    background-color: #d6dbda;
    color: #000000;
    text-align: left;
    display: none;
    box-shadow:inset 0 0 5px #a3a3a3;
	z-index: 9999;
}
#sousmenu span { padding: 0;}
#sousmenu a {
    display: block;
    color: #283f3a;
    font-size: 14px;
    margin: 0;
    padding: 0 6px;
    text-decoration: none;
    line-height: 26px;
}
#sousmenu a:hover {
    color: #fff;
    background-color: #283f3a;
}
#sousmenu div{
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #d6dbda;
   border:1px solid #d6dbda;
   color: #475651;
}
#sousmenu div:hover{
   background-color: #263f39;
   color: #ffffff;
}

#pro:hover #sousmenu {
   display: block;
}

#catalogue_gauche  {
	/*margin-left: 20px;
	background: url(../images/decoupage/gauche-plaquette.jpg) no-repeat left;
    width: 159px;
   height: 129px;
   float: left;
   text-decoration: none;
  
	cursor: pointer;*/
}
#catalogue_gauche2 {
    width: 149px; /* 159px - 10px; */
    padding: 0 5px;
    text-decoration: none;
    cursor: pointer;
}

#catalogue_droite  {
    width: 91px;
   height: 129px;
   float: left;
	cursor: pointer;
}

#bas .sous-titre{
   color: #ffffff;
   font-weight: normal;
   font-size: 10px;
}



#particulier p,#pro p {
   padding-top: 60px;
   font-weight: bold;
}

#pro:hover{
	background: url(../images/decoupage/pro-on.png) no-repeat center left;
}


/*******************************/
/* style page produit          */
/*******************************/
#cadreproduit {
    position: relative;
    width: 1025px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    height: 380px;
    overflow: hidden;
}

.photoproduit{
   position: absolute;
   top:0;
   left: 0;
   /*float: left;*/
   width: 720px;
   height: 380px;
	background: url(../images/decoupage/durandal/durandal.jpg) no-repeat right -180px;
}

.floberge{
	background: url(../images/decoupage/durandal/floberge.jpg) no-repeat right -40px;
}

.excalibur{
	background: url(../images/decoupage/durandal/excalibur.jpg) no-repeat right 0px;
}

.durandal{
	background: url(../images/decoupage/durandal/durandaln.jpg) no-repeat right 0px;
}

.tolede{
	background: url(../images/decoupage/durandal/tolede.jpg) no-repeat right -100px;
}

.hauteclaire{
	background: url(../images/decoupage/durandal/hauteclaire.jpg) no-repeat right 0px;
}

.himalia{
	background: url(../images/decoupage/durandal/himalia.jpg) no-repeat right 0px;
}

.cassiopee{
	background: url(../images/decoupage/durandal/cassiopee.jpg) no-repeat right 0px;
}
.calendors{
	background: url(../images/decoupage/durandal/calendors.jpg) no-repeat right -150px;
}
.calendor{
	background: url(../images/decoupage/durandal/callandor.jpg) no-repeat right -50px;
}

.athenas{
	background: url(../images/decoupage/durandal/athenas.jpg) no-repeat right -50px;
}
.athena{
	background: url(../images/decoupage/durandal/athena.jpg) no-repeat right -50px;
}
.balisarde{
	background: url(../images/decoupage/durandal/balisarde.jpg) no-repeat right -150px;
}
.oltae{
	background: url(../images/decoupage/durandal/oltae.jpg) no-repeat right -150px;
}
.hoteo{
	background: url(../images/decoupage/durandal/hoteo.jpg) no-repeat right -150px;
}
.obelo{
	background: url(../images/decoupage/durandal/obelo.jpg) no-repeat right -150px;
}
.taeno{
	background: url(../images/decoupage/durandal/taeno.jpg) no-repeat right -250px;
}
.heloe{
	background: url(../images/decoupage/durandal/heloe.jpg) no-repeat right 0px;
}
.lenoa{
	background: url(../images/decoupage/durandal/lenoa.jpg) no-repeat right -150px;
}
.basae{
	background: url(../images/decoupage/durandal/basae.jpg) no-repeat right -200px;
}
.himalia{
	background: url(../images/decoupage/durandal/himalia.jpg) no-repeat right -100px;
}
.katana{
	background: url(../images/decoupage/durandal/katana.jpg) no-repeat right -40px;
}
.cassiopee{
	background: url(../images/decoupage/durandal/cassiopee.jpg) no-repeat right -150px;
}
.princeton{
	background: url(../images/decoupage/durandal/princeton.jpg) no-repeat right -200px;
}
.versailles{
	background: url(../images/decoupage/durandal/versailles.jpg) no-repeat right -150px;
}
.oxford{
	background: url(../images/decoupage/durandal/oxford.jpg) no-repeat right -100px;
}
.alix{
	background: url(../images/decoupage/durandal/alix.jpg) no-repeat right -100px;
}
.sindri{
	background: url(../images/decoupage/durandal/sindri.jpg) no-repeat right -160px;
}
.vivienne{
	background: url(../images/decoupage/durandal/vivienne.jpg) no-repeat top left transparent; margin: 0; padding: 0;
}
.brady{
	background: url(../images/decoupage/durandal/brady.jpg) no-repeat right 0px;
}
.colbert{
	background: url(../images/decoupage/durandal/colbert.jpg) no-repeat right 0px;
}
.portailroy{
	background: none/*url(../images/decoupage/roy-bureau.jpg) no-repeat center*/;
}

#produit{
    /*float: left;*/
    height: 380px;
    margin-top: 0px;
    z-index: 150;
}

#produit .texte {
    position: absolute;
    width: 389px; /*389px - 10px*/
    height: 380px;
    background: url(../images/decoupage/image-arrondie.png) no-repeat ;
    color: #000000;
    z-index: 100;
    top: 0px;
    right: 0px;
    padding-left: 10px;
}

#produit  ul {
   list-style: disc;
   LIST-STYLE-POSITION: inside;
   margin-left: 0px;
}

#produit .texte  div{
	margin-left: 15px;
}

#produit .texte li {
   margin-left: 40px;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 10px;
}
#produit .texte li li {
   font-size: 10px;
   font-weight: normal;
   margin-bottom: 0px;
}

#produit .titre {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	margin-left: 20px;
	background: url(../images/decoupage/titre.png) no-repeat left;
    text-align: center;
    height: 20px;
    padding-top: 4px;
	}
#produit.entreprise .texte {
	width: 339px;
	padding-left: 50px;
	text-align:left;
}
.entreprise-wrap { background: url(../images/decoupage/image-societe-roy.jpg) no-repeat center top transparent;}
#produit.entreprise .texte h3 { display: block; margin: 10px 0 0 0; }
#produit.entreprise .texte p { margin: 0;}
.entreprise .titre {
    margin-top: 20px;
}
#produit .plushaut {
   margin-top: -20px;
}

#couleurs {
    position: absolute;
    display: block;
    width: 725px;
    height: 36px;
    background: url(../images/decoupage/couleurs.png) no-repeat;
    z-index: 100;
    /*top: -386px;*/
    top: 344px;
    left: 50%;
    margin-left: -362px;
}

/* ===== CAMPAGNE ADWORDS ===== */
.block-adwords { background: url(../images/decoupage/image-adword.jpg) top left transparent; width: 987px; height: 472px; margin-top: 5px;}
.block-adwords-top { margin-left: 368px; height: 94px; color: #fff; font-size: 17px; text-align: center; padding: 22px 0;}
.block-adwords-mid { margin-left: 368px; height: 170px; color: #1B2B28; font-size: 17px; text-align: left; padding: 20px 0; line-height: 30px;}
.block-adwords-mid  ul{ margin-left: 50px;}
.block-adwords-bot { margin-left: 368px; height: 77px; color: #fff; font-size: 17px; text-align: center;}
.block-adwords a.bouton-contact-adw { display: block; width: 181px; height: 36px; margin: 10px auto 0 auto; line-height: 36px; color: #1B2B28; text-decoration: none; text-transform: uppercase; background: url(../images/decoupage/bouton-contact-roy.png) top left transparent;}

.jwts_tabberlive .jwts_tabbertab, ul.jwts_tabbernav {
 border: none;

}
ul.jwts_tabbernav {
     position: absolute;
     top: 0;
     left: 10px;
     z-index: 9999;
}

ul.jwts_tabbernav li a{
background: none;
}

ul.jwts_tabbernav li {
    display: block;
    width: 185px;
    height: 40px;
    float: left;
    text-align: center;
    text-decoration: none;
    background: url(../images/decoupage/onglet-off.png) no-repeat 0px -8px;
    border:0px solid blue;
    position: relative;
    z-index: 500;
}

ul.jwts_tabbernav li {
/*padding-top: 8px;*/
}

ul.jwts_tabbernav li a {
	display: block;
}

ul.jwts_tabbernav li.jwts_tabberactive, ul.jwts_tabbernav li.jwts_tabberinactive  {
   background: url(../images/decoupage/onglet-on.png) no-repeat 0px -8px;
   position: relative;
   z-index: 99999;
}

#images {
    position: relative;
    display: block;
    float: left;
    width: 159px;
    height: 129px;
    margin-left: 25px;
    margin-right: 35px;
    padding-top: 5px;
    text-align: center;
    border:1px solid #5f726e;
    background-color: #1A2D28;
    overflow: hidden;
}


#description {
    display: block;
    float: left;
    width: 550px;
    text-align: left;
    font-size: 12px;
    text-align: justify;
}
#description p a { color: #fff;}
#description h1 {
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    /*text-transform: capitalize;*/
}
#description h1 .titre-gamme { font-size: 38px; font-weight: normal; }
#description h1 .titre-gamme-2 { font-size: 18px; text-transform: uppercase; font-weight: normal; font-style: italic; }
#description h1 .type-produit { font-size: 18px; font-weight: normal; }

#description h2 {
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    /*text-transform: capitalize;*/
}
#description h2 .titre-gamme { font-size: 38px; font-weight: normal; }
#description h2 .titre-gamme-2 { font-size: 18px; text-transform: uppercase; font-weight: normal; font-style: italic; }
#description h2 .type-produit { font-size: 18px; font-weight: normal; }


#description h3 { margin: 0; color: #fff;font-size: 16px; text-align: left; }
#description p { margin-top: 3px;}
.description2 {
   /*padding-left: 25px;*/
   padding-left: 0;
}
	
	#description a,#description a:hover,#description a:visited{
	   text-decoration: underline;
   
	}

#titre {
   font-size: 28px;
   font-weight: bold;
   }

#titre1 {
   font-size: 20px;
   font-weight: bold;
	text-transform: uppercase;
}

#titre2 {
   font-size: 16px;
   font-weight: normal;
	text-transform: uppercase;
}

#description1{
   border-bottom: 1px solid #ffffff;
	margin-bottom: 5px;
	
}

#pdf {
   display: block;
   float: right;
   margin-right: 20px;
   width: 120px;
   	border:1px solid #5f726e;
	text-align: left;
	padding-left: 10px;
	padding-top: 8px;
	height: 40px;
	font-size: 15px;
	background-color: #1a2d27;
    background: url(../images/decoupage/fleche.jpg) no-repeat 98px #1a2d27;
	filter:alpha(opacity=100); opacity:1;
	z-index: 300;
	position: relative;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}


.componentheading {
display: none }

/*******************************************************/
/* page de recherche des produits */
/*******************************************************/

#haut {
   width: 100%;
   min-height: 360px;
}

#haut .contenu{
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

.filtres {
    padding-top: 10px;
}
#produit-portail { margin-top: 20px;}
#produit-garde-corps { margin-top: 20px; }
#produit-auvent { margin-top: 20px;}



.contenu h3{
	 clear: both;
 color: #1b2b28;
 }
 
 #recherche {
   width: 119px;
   height : 28px;
     /*background: url(../images/decoupage/fond-recherche.png) no-repeat;*/
	 float: right;
	 color: #000000;
	 padding-left: 40px;
	 padding-top: 7px;
	 font-weight: bold;
}

 #critere,#ambiance{
   display: block;
   /*border-bottom: none;*/
   float: left;
   width: 339px;
   padding-right: 10px;
   height : 28px;
   /*background: url(../images/decoupage/fond-criteres.png)  no-repeat #d9dadb;*/
}

 

#images ul, #images li, #images img{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#images li{
	background: none;
	list-style: none;
	min-height: 0px;
}

    #fiche_produit {
    position: relative;
    display: block;
    height: auto;
    background-repeat: repeat-x;
}

#titre_ref {
   display: block;
   width: 0px;
   height: 0px;
   overflow: hidden;
}

.titre h2{
   position: absolute;
   top :10px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

.portail {
   display: block;
   float: left;
   width: 90px;
   height: 100px;
   font-size: 10px;
   font-weight: bold;
   color: #000000;
   border:1px solid silver;
   text-align: center;
   cursor: pointer;
   padding-top: 2px;
   text-decoration: none;
}
.portail  a,.portail  a:visited{
   color: #000000;
   text-decoration: none;
}
.deroule {
   display: block;
   width: 970px;
   /*height: 400px;
   overflow: hidden;
   overflow-y: auto;
   overflow-x: hidden;
   background-color: #f7f7f7;*/
}

.deroule h2 {
   font-weight: normal;
   font-size: 18px;
   line-height: 18px;
   border-bottom: solid 1px #1B2B28;
   text-align: left;
}

/*
// JoomlaWorks "Simple Image Rotator" Module for Joomla! 1.5.x - Version 1.2
// License: http://www.gnu.org/copyleft/gpl.html
// Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company.
// More info at http://www.joomlaworks.gr
// Developers: Fotis Evangelou
// ***Last update: May 20th, 2008***
*/

ul#jw-sir {position:relative;list-style:none;list-style-image:none;margin:0px auto;padding:0px;overflow:hidden;border:none;background:none;}
ul#jw-sir li {list-style:none;margin:0px;padding:0px;border:none;background:none;}
ul#jw-sir li a {margin:0px;padding:0px;border:none;background:none;}
ul#jw-sir li a img {display:none;position:absolute;top:0;left:0;border:none;background:none;}
ul#jw-sir li img {display:none;position:absolute;top:0;left:0;border:none;background:none;}
ul#jw-sir li#jw-sir-loading {background:#fff url(loading.gif) no-repeat center;}
ul#jw-sir li#jw-sir-loading-black {background:#000 url(loading_black.gif) no-repeat center;}

#gmaps_search_form {
   color: #000000;
}

#location-details {
   color: #000000;
}

/* ===== PAGE PRODUIT ===== */
#djslider106, #djslider107, #djslider108, .djslider {
    height: auto;
}
#djslider-loader106, #djslider-loader107, #djslider-loader108, .djslider-loader {
    /*float: left;*/
    width: 770px !important;
    height: auto !important;
}
#djslider106 ul#slider106 li, #djslider107 ul#slider107 li, #djslider108 ul#slider108 li, .djslider ul.slider li {
    height: 100px;
    border: 5px solid transparent !important;
    padding: 5px !important;
			list-style: none outside !important;
			float: left;
			margin: 0 !important;
			position: relative;
			width: 75px;
			background: none;
			overflow: hidden;

}


#djslider106 ul#slider106 li a, #djslider107 ul#slider107 li a, #djslider108 ul#slider108 li a, .djslider ul.slider li a{
	text-decoration:none;color:#000;
}
#djslider106 ul#slider106 li:hover, #djslider107 ul#slider107 li:hover, #djslider108 ul#slider108 li:hover, .djslider ul.slider li:hover {
    border: 5px solid #e5e5e5 !important;

}
#slider106 .slide-desc, #slider107 .slide-desc, #slider108 .slide-desc {
    /*width: 80px;*/
}
#djslider106, #djslider107, #djslider108, .djslider {
    width: 1025px;
}
#slider-container106, #slider-container107, #slider-container108, .slider-container {
    height: auto;
    position:relative;
    overflow: visible;
    width: 1025px;
}
#slider106, #slider107, #slider108,.slider {
    width: 850px !important;
}
li.product-wrap {
    
}
li.product-wrap:hover {
    border: 5px solid #222 !important;
}

/* ====== Rejoindre reseau pro ROY adWords ===== */
.blog-wrap { clear: both; margin: 0 auto; width: 1025px; height: 466px; }
.blog-wrap .image-left { float: left; width: 361px; height: 466px;  }
.blog-wrap .form-right { float: right; color: #000; width: 640px; position: relative; margin-top: 30px;}
.blog-wrap .form-right p, .blog-wrap .form-right ul  { clear: left; float: left; width: 100%; font-size: 14px; text-align: left; list-style: inside disc;}
.blog-wrap .form-right .form { float: left; margin-top: 20px; text-align:left; }

.form-reseau { float: left;}
.col-form { float: left; width: 320px; margin-bottom: 8px; }
.col-form label { float: left; width: 110px; margin-top: 0; line-height: 20px; font-size: 14px; }
.col-form input { float: left; width: 180px;}
.col-form.col-btn-submit { display: block; float: right; }
#submit_bt { float: right; width: 302px; height: 60px; background: url(../images/elcia/bouton.jpg) no-repeat top left transparent; border: none; margin: 20px 18px 0 0 !important; font-size: 21px; white-space: pre-wrap; text-align: center; cursor: pointer; text-indent: -9999em;}
#submit_bt:hover { background-position: bottom left;}
#submit_btenv { float: right; width: 302px; height: 60px; background: url(../images/elcia/boutonenv.jpg) no-repeat top left transparent; border: none; margin: 20px 18px 0 0 !important; font-size: 21px; white-space: pre-wrap; text-align: center; cursor: pointer; text-indent: -9999em;}
#submit_btenv:hover { background-position: bottom left;}
.col1, .col3, .col5, .col7 { clear: both;}
.col7 label { width: 320px;}

#partenaires { clear: both; margin: 0 auto; width: 1025px; }
#partenaires h2 { margin: 10px 0 0 0; float: left; text-align: left; color: #fff; font-size: 20px;}
#partenaires div { clear: both; float: left; width: 100%; margin-top: 10px; }
#partenaires div img { margin-right: 5px;}


.champ-obligatoire { position: absolute; right: 20px; bottom: 85px; color: red;}
#demande { width: 291px; height: 53px; resize: none;}

/* ===== Menu footer ===== */
.menu-footer { clear: both; width: 1025px; /*height: 300px;*/ margin: 40px auto 0 auto; }
.menu-footer .col-menu-footer { float: left; margin-right: 80px; width: 196px; text-align: left;  }
.menu-footer .col-menu-footer.last { margin-right: 0px; }
.menu-footer .col-menu-footer h3 { color: #4d6a65; border-bottom: 1px solid #4d6a65; font-size: 16px; line-height: 40px; margin: 0 0 10px 0;}
.menu-footer ul.menu { background: none; list-style: none;}
.menu-footer ul.menu .col-menu-footer { float: left; margin: 20px; width: 25%; }
.menu-footer ul.menu li { }
.menu-footer ul.menu li a { color: #4d6a65 !important; background: none; font-size: 14px; line-height: 21px; text-align: left;padding: 2px 0;text-decoration: none;outline: none; }

/* ===== Actualites ===== */
.blog-wrap { width: 1025px; margin: 0 auto; color: #000;}
.blog { width: 1025px; margin: 0 auto; color: #000; }
div.article-content-article { width: 1025px; height: 360px; padding-top: 20px; margin: 0 auto; color: #000; text-align: left; overflow-x: auto;}
div.blog-article-content.category-2 { float: left; width: 760px; height: 380px; color: #000; text-align: left; overflow-x: auto; padding-right: 15px; text-align: justify;}
div.blog-article-content.category-2 img { margin: 0 15px 15px 3px;}
h2.category-2 { }
div.blog-article-content img { margin: 0 20px 20px 5px; padding: 10px;  width: 150px; height; 150px; -moz-box-shadow: 1px 1px 5px #aaa; -webkit-box-shadow: 1px 1px 5px #aaa; box-shadow: 1px 1px 5px #555;}
div.blog-article-content *{ text-align: justify !important; font-size: 13px; line-height: 19px; }
a.readon { display: block; width: 121px; height: 31px; background: url(../images/elcia/bouton-blog-roy.jpg) no-repeat top left transparent; text-indent: -2000em;}
.contentpaneopen { color: #000; border: 2px solid #2e433c; padding: 10px; /*height: 190px;*/ overflow: hidden; margin-bottom: 10px; }
.contentpaneopen h2.contentheading { position: inherit; float: left; color: #000; padding: 10px 0; }
#actions { position: relative; float: left; width: 50px; height: 390px; }
#actions .prev { position: absolute; top: 10px; left: 5px; width: 30px; height: 30px; background: url(../images/elcia/arrow-blog.png) no-repeat top left transparent; text-indent: -2000em; cursor: pointer;}
#actions .next { position: absolute; bottom: 10px; left: 5px; width: 30px; height: 30px; background: url(../images/elcia/arrow-blog.png) no-repeat 0 -30px transparent; text-indent: -2000em; cursor: pointer;}
.scrollable { position: relative; float: left; overflow: hidden; width: 700px; height: 430px; margin: 10px 0 10px 0;} 
.scrollable .items { position: absolute; height: 2000em;}
.scrollable .items .item { /*height: 430px;*/ }
.actu-bannieres { float: right; width: 246px; }
.actu-bannieres a { display: block; margin-top: 10px;}
.button-article-back { display: block; float: right; padding: 2px 16px; background-color: #4C5F59; color: #fff; text-decoration: none; margin-bottom: 30px; }

.article-wrap.category-2 { width: 1025px; margin: 0 auto; overflow: none;}

/* ===== PROFILS ===== */
.profils   { float: right; margin-right: 14px; width: 200px;}
.profils p { color: #fff; font-size: 10px; margin: 0 0 10px 0;}
.profils .pictos { width: 140px; margin: 0 auto;}
.profils .pictos #particulier { float: left; width: 60px; height: 36px; background: url("/images/elcia/picto-particulier.png") no-repeat top center transparent; text-decoration: none;}
.profils .pictos #pro { position: relative; float: right; width: 60px; height: 36px; background: url("/images/elcia/picto-pro.png") no-repeat top center transparent;text-decoration: none; }
#particulier:hover, #pro:hover { background-position: bottom center !important;}
.profils #particulier > span, .profils #pro > span { display: block; padding-top: 37px; color: #fff; text-decoration: none; }
.profils #sousmenu { left: 60px; top: 0px;}

/* ===== WEBMAPPLUS ===== */
.ui-autocomplete{text-align:left;}
.ui-menu-item:hover{cursor:pointer;}
.mapcontent { min-height:710px; background:#FFF; }
.ouacheter{ clear: both; margin: 0 auto; width: 1150px; min-height: 680px; }
#cont_map{clear:left;display:block;position:relative;height: 450px;width: 1150px;padding-top:10px;border-top:solid 1px #2a4340;top:20px;margin-bottom:20px;color:#006699;}
#cont_map ul {margin:0;padding:0;}
#cont_map li {display:block;float:left;width:230px;height:16px;padding:2px 0px;background: #ececec;margin-bottom:3px;padding-left: 5px;padding-right: 5px;}
#cont_map li.normal {display:block;float:left;width:100%;height:16px;padding:2px 0px;background:#ececec;background-size:30px 20px;margin-bottom:3px;} 
#cont_map li.no-link { cursor:default !important; }
#webmapplus-wrapper { float: left; width: 100%; background-color: #fff; }
#webmapplus-filters { width: 735px; margin: 10px auto;}
.webmapplus-map { width: 1025px; margin: 10px auto;}
#gmap_results .location-cty-st-zip { color:#000; }
#gmap_results h3 { display: none; }
#menumag{display:block;position:relative;height: 450px;width: 255px;overflow-x:hidden;overflow-y:auto;float: left;margin-right:20px;}
#menumag li:hover {cursor:pointer;}
#map{display:block;position:relative;height: 450px;width: 813px;float: left;}
.formarker img {width:150px;}
#stylesmag{display:block;position:relative;float:right;width:50%;}
.stylemag{display:block;position:relative;float:left;width:32%;}
.stylemag input{display:block;position:relative;float:left;width:30px;}
.stylemag label{display:block;position:relative;float:left;width:120px;color:#000;line-height:20px;text-align:left;}
.stylemag label:hover{cursor:pointer;}
.stylemag input[type="checkbox"][checked="checked"] + label, .stylemag input[type="checkbox"] + label:hover {
color: #000;
}
.recherche{width: 120px;height: 13px;border:solid 1px #2a4340;}
.btrecherche{width: 21px;height: 21px;border:solid 1px #2a4340;margin-left:3px;}
#recap {color:#000;}
#nt2 { background: url("/images/ico_alu.png") no-repeat top center transparent; }
form#revendeur { float: left;    margin: 0 80px 0 0; text-align:left;}
form#cat-revendeur {   float: left;   margin: 0 15px 0 0; text-align:left; }
form#cat-revendeur h2 { text-align:left;}
#mappartenaires { clear: both; float:left; width: 515px; }
#mappartenaires h2 { margin: 10px 0 0 0; float: left; text-align: left; color: #000; font-size: 14px;}
#mappartenaires div { clear: both; float: left; width: 98%; margin-top: 10px; /*border:solid 1px #2a4340;*/padding-top:10px;padding-bottom:10px; text-align: left;}
#mappartenaires div img { margin-right: 10px;}
#mapecommerce {  float:right; width: 510px; margin-bottom:15px;}
#mapecommerce h2 { margin: 10px 0 0 0; float: left; text-align: left; color: #000; font-size: 14px;text-indent:10px;}
#mapecommerce div { clear: both; float: right; width: 98%; margin-top: 10px; /*border:solid 1px #2a4340;*/padding-top:10px;padding-bottom:10px; text-align: left; }
#mapecommerce div img { margin-right: 5px; margin-top:10px;}
#mapecommerce div img:first-child { margin-top:0px; }
	.checkboxnt2 {background-image:url(/images/ico_acier1.png)}
	.checkboxnt3 {background-image:url(/images/ico_alu1.png)}
	.checkboxnt5 {background-image:url(/images/ico_distrib1.png)}
	.checkboxnt2.on {background-image:url(/images/ico_acier.png)}
	.checkboxnt3.on {background-image:url(/images/ico_alu.png)}
	.checkboxnt5.on {background-image:url(/images/ico_distrib.png)}
	.checkboxnt2,.checkboxnt3,.checkboxnt5 {float:left;display:inline-block;width:34px;height:29px;margin-top:-2px; border:1px solid #FFF;margin-right:5px;}
	.checkboxnt2:hover,.checkboxnt2.hover,.checkboxnt3:hover,.checkboxnt3.hover,.checkboxnt5:hover,.checkboxnt5.hover {cursor:pointer;}
	.checkboxnt2:focus,.checkboxnt2.on, .checkboxnt3:focus,.checkboxnt3.on, .checkboxnt5:focus,.checkboxnt5.on {cursor:pointer; border:1px solid #223933;}


.contact-content .texte {
	clear:left;
    color: #000000;
    z-index: 100;
    margin-top: 35px;text-align:left;
}

.contact-content   ul {
   list-style: disc;
   LIST-STYLE-POSITION: inside;
   margin-left: 0px;
}

.contact-content  .texte  div{
	margin-left: 15px;
}

.contact-content  .texte li {
   margin-left: 40px;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 10px;
}
.contact-content  .texte li li {
   font-size: 10px;
   font-weight: normal;
   margin-bottom: 0px;
}

.contact-content  .titre {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	margin-left: 20px;
    text-align: center;
    height: 20px;
    padding-top: 4px;
	}

#fil-ariane{ position: absolute;top: 0;left: 10px;z-index: 9999; background: url(../images/decoupage/onglet-on.png) no-repeat 0px -8px; color: #ffffff; width:185px; height:39px; line-height:24px; font-weight:bold; }
.actu_container { width:760px; height: 380px;float:left;margin-left:0px; text-align: justify !important;font-size: 13px;line-height: 19px; overflow:auto; padding-right: 15px; }
.actu_container img,
.actu_container2 img
{
	margin: 0 20px 20px 5px;
	padding: 10px;
	width: 150px;
	-moz-box-shadow: 1px 1px 5px #aaa;
	-webkit-box-shadow: 1px 1px 5px #aaa;
	box-shadow: 1px 1px 5px #555;
}

.actu_container2 { width:760px; height:auto;float:left;margin-left:0px; text-align: justify !important;font-size: 13px;line-height: 19px; overflow:auto; padding-right: 15px; }

#ckform2 {float: left; margin-top:0px; }
#ckform {float: left; margin-top:30px; }
#ckform .libelle1{clear:left;float:left;margin-bottom:5px;line-height:18px;}
#ckform .champ1{float:left;margin-bottom:5px;}
#ckform .champ3{float:left;margin-bottom:5px;font-size: 11px;}
#ckform .champville{float:left;margin-bottom:5px;margin-top: -26px;}
#ckform .champ2{float:left;margin-bottom:5px;border: 1px solid #CCCCCC;background: #FFFFFF;}
#ckform .champ4{float:left;margin-bottom:5px;border: 1px solid #CCCCCC;background: #FFFFFF;margin-top: 25px;width: 158px;margin-left: 20px;}
.contact-content {
width: 1025px;
margin: 0 auto;
color: #000;
height:auto;min-height:480px;
}
.ck_mandatory {
    color: #FF0000;
    font-size: 0.83em;
    font-weight: bold;
    padding: 0;
}
.formerror{border: solid 0px #b80303 !important;
float: right;
display: block;
margin-right: 40px;
margin-top: -22px;
color: #b80303;}
.formerrorlabel{border:solid 1px #b80303 !important;}

/*Produits*/

#produits #col-g { float:left;display:block; width:195px; min-height:600px;height:auto;padding:0px 15px;}
#produits #cont-produits { float:left; width:800px; }
.lib1 {display:block;position:relative; width:100%; height:25px; line-height:25px; margin:0 auto;clear:both;background: url(/images/puce_cat.png) no-repeat left center;text-align:left;text-indent:23px;font-family:Arial;font-size:18px;color:#223933;}
.lib2 {display:block;position:relative; width:76%; height:25px; line-height:25px;margin:0 auto;clear:both;text-align:left;text-indent:10px;font-family:Arial;font-size:14px;color:#000;}
.lib2 label:hover {cursor:pointer;}
.checkselt {display: inline-block!important; width: 14px!important; height: 14px!important; margin-right: 10px; border: 1px solid #8a8a8a;top:2px;position:relative;}
 input[type="checkbox"][checked="checked"] + label, input[type="checkbox"] + label:hover {color:#e85f13}
	.masquer {display:none !important}
	.checkbox {background-image:url(/images/sprite.png)}
	input[type="checkbox"],.checkbox {float:left;display:inline-block;width:20px;height:19px;margin-top:2px;}
	.checkbox {background-position:-209px 0}
	.checkbox:hover,.checkbox.hover {background-position:-229px 0;cursor:pointer;}
	.checkbox:focus,.checkbox.on {background-position:-249px 0;cursor:pointer;}
.contentproduit{color:#000;height: 380px;display:block;position:relative;width: 1025px;margin:0 auto;top: -11px;}
.contentproduit ul.prodmenu li.on {
background: url(/images/decoupage/onglet-on.png) no-repeat 0px -8px;
position: relative;
z-index: 50;color:#fff;
}
.contentproduit ul.prodmenu li {font-size: 12px;font-weight: bold;padding-top: 3px;
display: block;
width: 185px;
height: 40px;
float: left;
text-align: center;
text-decoration: none;
background: url(/images/decoupage/onglet-off.png) no-repeat 0px -8px;
border: 0px solid blue;
position: relative;
z-index: 50;
}
.contentproduit ul.prodmenu li:hover {cursor:pointer;}
.prix {
position: absolute;
bottom: 25px;
left: 25px;
background: url(/images/decoupage/bulleprix-site.png) no-repeat top left transparent;
width: 125px;
height: 75px;
color: #223933;
padding: 25px 0;
line-height: 25px;
}
.titre {
color: #000000;
font-size: 16px;
font-weight: normal;
margin-left: 20px;
background: url(../images/decoupage/titre.png) no-repeat left;
text-align: center;
height: 20px;
padding-top: 4px;margin-top: 48px;margin-bottom: 10px;
}
.txtprod ul {
list-style: disc;
LIST-STYLE-POSITION: outside;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.txtprod li {
margin-left: 40px;
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;text-align:left;
}
.a-partir {
font-size: 14px;
font-weight: bold;
line-height: 28px;
}
.ttprix {
font-size: 20px;
font-weight: bold;
}
.galerie {
position: relative;
float:right;
width: 379px;
height: 380px;
background: url(/images/decoupage/image-arrondie.png) no-repeat;
color: #000000;
z-index: 100;
top: -43px;
right: 0px;
padding-left: 10px;
margin-bottom:-83px;z-index:10;
}
.txtprod{display:none;}
.couleurs{clear:both;z-index:50;width:83%;margin:0 auto;}
.couleur {display:block;position:relative;float:right;margin-right:-15px;width:80px;height:80px;border-radius: 40px;box-shadow: 0 0px 15px rgba(0,0,0,0.9);padding-top:15px;color:#fff;z-index:50;}
.a1247{background:#483a2c;}
.a1019{background:#9f896b;}
.a1015{background:#e8daad;color:#000;}
.a9010{background:#ffffff;color:#000;}
.a9005{background:#000000;}
.a7016{background:#1a3138;}
.a7031{background:#566970;}
.a5003{background:#001b42;}
.a5014{background:#527797;}
.a6005{background:#00533e;}
.a6027{background:#5ac4be;}
.a6021{background:#79aa88;}
.a3004{background:#660101;}
.proddescription {display:block;position:relative;width: 1025px;margin:0 auto;text-align:left;color:#fff;}
.proddescription h2 {
color: #fff;
text-align: left;
margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px solid #fff;
}
.proddescription h2 .titre-gamme {
font-size: 38px;
font-weight: normal;
}
.proddescription h3 {
margin: 0;
color: #fff;
font-size: 16px;
text-align: left;
}
.proddescription p {margin-top: 5px;
font-size: 12px;
text-align: justify;
}
.proddescription p a {color:#fff;}
.legendephotoproduit{position: relative;
display: block;width:150px;margin-right:-300px;
top: 123px;float: left;left:-150px;
margin-bottom: -10px;text-align: center;
background-color: #fcfcfc;
color: #000;}

.error { clear: none; }
.error div  { display: none; }
.erreurform { border: 1px dotted #f00324; }
#ckform .erreurform { border: 1px dotted #f00324; }

.jcarousel-skin-actus img {
margin: 0 20px 20px 5px;
padding: 10px;
width: 150px;
-moz-box-shadow: 1px 1px 5px #aaa;
-webkit-box-shadow: 1px 1px 5px #aaa;
box-shadow: 1px 1px 5px #555;
}

.jcarousel-skin-actus li {
width: 650px;
height: auto;
text-align: justify !important;
font-size: 13px;
line-height: 19px;
}