@charset "UTF-8";
/* CSS Document */

html, 
body {
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#666;
}

a:hover {
	color:#000;
}

p.note, 
.box p a,
.box p a:active,
.box p a:focus,
.box p a:visited {
	color:#666;
	font-size:10px;
}

.box p a:hover {
	color:#000;
}

p.airmiles {
	color:#666;
	width:463px;
}

p.left {
	float:left;
	display:block;
}

ul li {
	list-style-type:none;
}


#container {
	width:960px;
	margin:0 auto 20px auto;
	position:relative;
	background:url(../images/bckg_avosrenos_repeat.jpg) top left repeat-y;
}

#content, 
#header {
	width:597px;
	float:right;
}

#footer {
	width:auto;
	clear:both;
	background:#bcd0d7;
	color:#000;
	margin:15px 0 0 0;
	height:30px;
}

#content {
	background:url(../images/bckg_avosrenos_shadow.jpg) 0 -35px no-repeat;
}

#content_box {
	margin:0 0 15px 10px;
	float:right;
	padding:0;
}

#header ul {
	float:right;
}

#header ul li, 
#footer ul li {
	list-style-type:none;
	float:left;
	
}

#header ul li a,
#header ul li a:active,
#header ul li a:focus,
#header ul li a:visited {
	text-transform:uppercase;
	border-right:1px #fff solid;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:0 5px;
}

#header {
	background:#00727d;
	color:#fff;
	height:35px;
}

#header ul li {
	
	
}

#footer ul {
	float:right;
	margin:10px 30px 0 0;
}

#footer ul li {
	
}

#footer ul li a,
#footer ul li a:active,
#footer ul li a:focus,
#footer ul li a:visited  {
	text-transform:uppercase;
	font-size:10px;
	color:#000;
	padding:0 5px;
	border-right:1px #000 solid;
}

#footer #copyright {
	float:left;
	margin:10px 0 0 30px;
}

#logo_reno {
	background:url(../images/logo_renodepot.png) top left no-repeat;
	width:209px;
	height:89px;
	position:absolute;
	bottom:80px;
	left:81px;
	text-indent:-10000px;
	z-index:8000;
}

#logo_reno_en {
	background:url(../images/logo_renodepot_en.png) top left no-repeat;
	width:209px;
	height:89px;
	position:absolute;
	bottom:80px;
	left:81px;
	text-indent:-10000px;
	z-index:8000;
}

#bckg {
	background:url(../images/bckg_avosrenos.jpg) top left no-repeat;
	float:left;
	text-indent:-10000px;
	width:363px;
	height:800px;
}

#repeat, #repeat_en {
	background:url(../images/bckg_avosrenos_repeat.jpg) top left repeat-y;
	text-indent:-10000px;
	width:363px;
	height:94px;
	position:absolute;
	top:889px;
	float:left;
}

#repeat_en {
	height:59px;
}

#bckg_en {
	background:url(../images/bckg_avosrenos_en.jpg) top left no-repeat;
	float:left;
	text-indent:-10000px;
	width:363px;
	height:800px;
}

#infos {
	width:459px;
	margin:0 auto;
}

#avantages_titre {
	background:#000;
	font-size:22px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:6px 0;
	height:35px;
	line-height:1.6em;
	clear:both;
}

#avantages_container {
	width:597px;
	height:40px;
	font-weight:bold;
	padding:10px 0;
}

.plus {
	position:relative; 
	margin:-10px 0 0 12px;
	float:left;
}

#avantages_content {
	display:none;
}

a.avantages,
a.avantages:active,
a.avantages:focus,
a.avantages:visited,
a.savoirplus,
a.savoirplus:active,
a.savoirplus:focus,
a.savoirplus:visited {
	font-size:15px;
	color:#4d8192;
	float:left;
	text-transform:uppercase;
	display:block;
	letter-spacing:-0.05em;
} 

a.savoirplus:hover, a.avantages:hover {
	color:#4d8192;
}

a.savoirplus {
	margin:10px 0 0 53px;
}

.avantages {
	letter-spacing:-0.05em;
	margin:12px 0 0 12px;
}


#features_container {
	background:#ecf1f4;
	float:right;
	width:597px;
	bottom:0;
	position:relative;
}

#features_container ul {
	padding:0;
	margin:0 0 0 25px;
}

#features_container ul li {
	float:left;
	margin:0 0 0 50px
}


.promo {
	width:55px;
	float:left;
	margin:0 15px 0 0;
}

.box,
.box1,
.box2,
.box3 {
	margin:27px 50px 0 0;
	float:left;
	
}

.box {
	margin:15px 0 0 58px;
}

.first {
	margin:40px 0 0 59px;
}

.box1 p, 
.box2 p, 
.box3 p {
	width:463px;
}

.box1 .t1, 
.box2 .t1, 
.box3 .t1 {
	font-size:16px;
	color:#4d8192;
}

.box1 .t2, 
.box2 .t2, 
.box3 .t2 {
	font-size:46px; 
	color:#000;
}

.box span.titre,
.box1 span.titre,
.box2 span.titre,
.box3 span.titre {
	color:#4d8092;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

.box ul {
	padding:0;
	margin:0 0 0 10px;
}

.box ul li {
	margin:5px 0;
	list-style-type:disc;
	color:#4D8192;
}

.box ul li span {
	color:#000;
}

#content a.adherez,
#content a.adherez:active,
#content a.adherez:focus,
#content a.adherez:visited {
	background:url(../images/btn_adherez.jpg) top left;
	width:276px;
	height:43px;
	text-indent:-10000px;
	display:block;
	float:left;
	margin:0 160px 15px 160px;
}

#content a.adherez_en,
#content a.adherez_en:active,
#content a.adherez_en:focus,
#content a.adherez_en:visited {
	background:url(../images/btn_adherez_en.jpg) top left;
	width:276px;
	height:43px;
	text-indent:-10000px;
	display:block;
	float:left;
	margin:0 160px 15px 160px;
}

#btn {
	margin:10px 160px 0 160px;
	float:left;
}
#btn a.demandeenligne {
	background:url(../images/btn_demandeenligne.jpg);
	width:276px;
	height:43px;
	text-indent:-10000px;
	display:block;
	float:left;
}

#btn a.demandeenligne_en {
	background:url(../images/btn_demandeenligne_en.jpg);
	width:276px;
	height:43px;
	text-indent:-10000px;
	display:block;
	float:left;
}

#btn p.demandeenmagasin, #btn p.demandeenmagasin_en {
	font-size:18px;
	display:block;
	float:left;
	text-transform:uppercase;
	width:315px;
	color:#4D8192;
	margin:10px 0 0 -15px;
}

#btn p.demandeenmagasin_en {
	margin:10px 0 0 12px;
}

#btn a.demandeenmagasin_en {
	background:url(../images/btn_demandeenmagasin_en.jpg);
	width:276px;
	height:43px;
	text-indent:-10000px;
	display:block;
	float:left;
	margin:0 0 0 30px;
}

#btn a.demandeenligne:active,
#btn a.demandeenligne:focus,
#btn a.demandeenligne:visited,
#btn a.demandeenmagasin:active,
#btn a.demandeenmagasin:focus,
#btn a.demandeenmagasin:visited,
#btn a.demandeenligne_en:active,
#btn a.demandeenligne_en:focus,
#btn a.demandeenligne_en:visited,
#btn a.demandeenmagasin_en:active,
#btn a.demandeenmagasin_en:focus,
#btn a.demandeenmagasin_en:visited{
	background-position:top left;
}

#btn a.demandeenligne:hover,
#btn a.demandeenmagasin:hover,
#btn a.demandeenligne_en:hover,
#btn a.demandeenmagasin_en:hover,
#content a.adherez:hover,
#content a.adherez_en:hover {
	background-position:bottom left;
}

#print_form {
	color:#666;
	font-size:13px;
	margin:0 20px;
	width:550px;
	float:right;
}

#print_form a.btn_print,
#print_form a.btn_print:active,
print_form a.btn_print:focus,
#print_form a.btn_print:visited {
	font-size:18px;
	font-weight:bold;
	color:#4d8192;
	text-transform:uppercase;
	display:block;
	margin:10px 0;
	width:280px;
}

#print_form a.btn_print:hover {
	color:#000;
}

.table {
	border:2px #000 solid;
	margin:10px 0 10px 0;
}

h2 {
	font-size:15px;
	color:#4d8092;
	font-weight:bold;
}

h3 {
	font-size:11px;
	color:#000;
	font-weight:bold;
}

h4 {
	padding:0;
	margin:0;
	text-transform:uppercase;
}

h5 {
	font-size:20px;
	color:#4d8092;
}

hr {
	border-color:#4d8092;
	border-style:none none solid;
	border-width:0 0 1px;
	margin:10px 0;
	padding:0;
	color:#4d8092;
}

/* THICKBOX ###### */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {background:#fff;}
#colorbox { -moz-box-shadow: 0 0 13px #666; -webkit-box-shadow: 0 0 13px #666 ;box-shadow: 0 0 13px #666 ;border:1px #666 solid;} 
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; overflow-x:hidden;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxContent {top:-15px;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px; position:relative; top:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:-2px; top:0; background:url(colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}


    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}