
body{
	margin:auto;
	background:#ffffff;
	font-family: 'StreetCornerBoldRegular', Myriad Pro;
	color:#878787;
	font-size: 12px;
}


a, img, a img {
	border:none;
	text-decoration:none;
}

 a{
	color:#ce0400;
}

a:hover{
	color:#ce0400;
	text-decoration: underline;
}






/*
 * HEADER
 */

#outofheader{
	background:white;

}
#header{
	width: 900px;
	height:125px;
	margin:auto;
	background: url(../images/header2.png) center center no-repeat;
}

.logo{
	float:left;
	width:209px;
	height:71px;
	margin-top:27px;
	margin-left:20px;
}

.planete{
	background: url(../images/planete.png);
	float:right;
	width:121px;
	height:103px;
	margin-top:11px;
	margin-right:10px;
}

#search input.bouton{
	background:url(../images/bouton_ok.png);
}

#bloc_recherche{
	margin-top:-35px;
	width: 100%;
	height: 35px;
}

#recherche{
	margin:auto;
	width:240px;
	padding-left: 460px;
}






/*
 * TOOLBAR
 */


#toolbar{
	background:#747474;
	width:100%;
	color:white;
	font-size: 16px;
	font-family: Helvetica;
}

#toolbar table{
	margin: auto;
	border-spacing: 20px 7px;
	border-collapse:collapse;
	line-height:25px;
}

#toolbar table td{
	padding-left:10px;
	padding-right:10px;
}

#toolbar a{
	text-decoration:none;
	color:white;
}

#toolbar a:hover{
	text-decoration:none;
	color:#ce0400;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {
	height:30px;
	float:left;
	background:#747474;
}

#conteneur{
	margin:0px auto 0px auto;
}






/*
 * PAGE
 */


#pagebody{
	width:900px;
	border:1px solid #ebedef;
	margin: auto;
}

/*
/* LEFT
*/

#left{
	width: 190px;
	margin-left:25px;
	float:left;
}

.bloc_menu{
	margin-top:27px;
}

.menu_title{
	width:180px;
	padding-left:10px;
	height:25px;
	padding-top:5px;
	background:#cd0503;
	text-transform: uppercase;
	color:white;
	font-weight: bold;
	font-size: 15px;
	margin-bottom:-5px;
}

.menu_content{
	background:white;
	font-size:14px;
	margin-bottom: 25px;
	font-family: Helvetica;
}

.menu_content ul li.cabine{list-style-image: url(../images/bullet1.png); }
.menu_content ul li.am_cabine{list-style-image: url(../images/bullet2.png); }
.menu_content ul li.eq_cabine{list-style-image: url(../images/bullet3.png); }
.menu_content ul li.porte{list-style-image: url(../images/bullet4.png); }
.menu_content ul li.urinoir{list-style-image: url(../images/bullet5.png); }
.menu_content ul li.cloison_sanitaire{list-style-image: url(../images/bullet6.png); }
.menu_content ul li.chalet_sanitaire{list-style-image: url(../images/bullet7.png); }
.menu_content ul li.casier{list-style-image: url(../images/bullet8.png); }
.menu_content ul li.am_vestiaires{list-style-image: url(../images/bullet9.png); }

.menu_content ul li{
	margin-bottom:15px;
}

.menu_content ul a  {
	text-decoration:none;
	color:#878787;
}

.menu_content ul a:hover{
	text-decoration:none;
	color:#ce0400;
}

.menu_content ul{
	padding-top:10px;
	padding-bottom: 5px;
	margin-left: -13px;
}

.newsletter_haut{
	margin-top:17px;
	padding-top:10px;
}
.newsletter_image{
	background: url(../images/newsletter.png)  no-repeat;
	width:46px;
	height:54px;
	margin-left:20px;
}

.newsletter_texte{
	text-transform:uppercase;
	width:120px;
	color :#ce0400;
	font-size:14px;
	font-weight: 600;
	margin-left:55px;
	padding-top:15px;
}

.newsletter_bas{
	font-size:11px;
	margin-top:12px;
	text-align: right;
	color:#878787;
	margin-right: 13px;
}

.souscrire{
	width:159px;
	height:50px;
	margin: 4px auto 0 auto;
	padding-left:16px;
	padding-right:20px;
}

#acymailing_module_formAcymailing1.acymailing_module{
	background: white;
	margin-top:-25px;
	margin-bottom: 25px;
	padding:0px 10px;
}

input.button.subbutton{margin-left: 20px; }

input.button.subbutton, input.button1{
	background:#ce0400;
	color:white;
	text-transform:uppercase;
	border-radius:6px;
	border:1px solid #cccccc;
}

.button.subbutton{
	width:120px;
}
#user_email_formAcymailing1{
	width:160px;
}
.acymailing_module_form{
	width:135px;
}

td.acysubbuttons{
	width:95px;
	padding-left: 4px;
}

#contactez_nous{
	width:163px;
	height:37px;
	margin-left:14px;
	margin-bottom:20px;
}



/*
/* CONTENT
*/
.componentheading{
	color:#ce0400;
	font-size:18px;
}

.contentpagetitle, h1{
	color:#ce0400;
	font-size:18px;
	text-decoration:none;
	margin-left:8px;
	margin-bottom:0px;
	margin-top:-7px;
	}

.puce_casier,
.puce_cabines,
.puce_amenagement_cab,
.puce_equipement_cab,
.puce_bloc_porte,
.puce_ecran_urinoir,
.puce_cloison_sanit,
.puce_chalet_sanit,
.puce_amenagement_vest{
	width:5px;
	height:5px;
	margin:-20px 5px 15px 5px;
}


.puce_cabines{background: url(../images/bullet1.png) no-repeat;}
.puce_amenagement_cab{background: url(../images/bullet2.png) no-repeat;}
.puce_equipement_cab{background: url(../images/bullet3.png) no-repeat;}
.puce_bloc_porte{background: url(../images/bullet4.png) no-repeat;}
.puce_ecran_urinoir{background: url(../images/bullet5.png) no-repeat;}
.puce_cloison_sanit{background: url(../images/bullet6.png) no-repeat;}
.puce_chalet_sanit{background: url(../images/bullet7.png) no-repeat;}
.puce_casier{background: url(../images/bullet8.png) no-repeat;}
.puce_amenagement_vest{background: url(../images/bullet9.png) no-repeat;}

a.contentpagetitle:hover{
	text-decoration:underline;
}





/* #content{
	float:left;
	width:660px;
	margin-top:35px;
	margin-left:25px;
} */

#searchForm, form#searchForm table.searchintro{
	background:white;
	width:550px;
	padding:10px;
}

table.searchintro{width:579px;}

#limit_box{
	margin-top:-10px;
}

table.result{
	background:white;
	width:570px;
	padding:10px;
	margin-bottom:20px;
}

.fond_blanc{
	padding:5px 15px 5px 15px;
	background: white;
	width:609px;
}

#slideshow{
	height:405px;
}

#fil{
	width:100%;
	line-height:10px;
	margin-top:-10px;
	font-size: 14px;
}

.menu_catalogue{
	width:315px;
	float:left;
	background: white;
	float: left;
	margin-right:9px;
	margin-bottom: 14px;
	height:220px;
}

.menu_catalogue a {color:#ce0400; text-decoration:none;}
.menu_catalogue a:hover{color:#ce0400; }
.menu_catalogue a:hover{text-decoration:underline;}

.menu_long_catalogue{
	background:white;
	padding:5px;
	float:left;
	width:550px;
	height:35px;
	text-align:center;
	margin-bottom: 14px;

}

.image_catalogue{
	float:left;
	width:140px;
	height:93px;
	margin:15px 5px 5px 5px;
}

.caract h2{
	color:#ce0400;
	float:left;
	margin:0px;
	font-weight:500;
}

.caract{
	font-size:11px;
}

.caract table{
border-collapse:collapse;
margin-top:2px;
}

.description{
	width:268px;
	padding:5px;
	clear:both;
	font-size:13px;
}

.image_test{
	background: url(../images/scroll1.png) no-repeat;
	width:538px;
	height:392px;
	border:8px solid white;
}

.slideshow_studio{
	margin-top:20px;
	background: white;
	font-size:11px;
	text-align: center;
	padding-top:15px;
	padding-bottom:5px;
}

.slideshow_studio strong{
	color:#ce0400;
	font-size:13px;
	text-transform: uppercase;
	margin:auto;
}

.essayez_maintenant{
	background: #ce0400;
	text-transform: uppercase;
	color:white;
	width:160px;
	height:20px;
	line-height:20px;
	border:1px solid black;
	border-radius: 5px;
	font-size:11px;
	margin: auto;
	text-align: center;
	margin-top:6px;
}

#back_line{
	clear:both;
}





/*
 * FICHE PRODUIT
 */

#produit{
	background:white;
	padding-left:15px;
	padding-top:8px;
}

#produit h1{
	font-size:14px;
	color:#ce0400;
}

#image_produit{
	float: left;
	width:334px;
	height:236px;
}

#plus_produit{
	float:left;
	width:270px;
	font-size:20px;
	margin-top:-7px;
	margin-left:25px;
}

#plus_produit img{
	margin: 0px 5px 0 5px;
}

#caract_produit{
	float:left;
	margin-left:15px;
	font-size:12px;
}

table.bouton{border-spacing:7px;}

.reference_gauche{
	border-right:1px solid #878787;
	float:left;
	margin-left:5px;
	padding-right:15px;
}

.reference_droite{float:left; margin-left:15px;}

.prix, .caract .prix, span.prix{
	color:#ce0400;
	font-size:15px;
	font-weight:600;
}

.prix strong{
	font-size:24px;
}

.bouton_studio{
	margin: 40px auto 0 auto;
	width:163px;
	height:37px;
}

#produit h2{
	color:#ce0400;
	font-size:14px;
	margin-top:30px;
	margin-bottom:0px;
	}


#cadre_croquis{
	background: url(../images/croquis.png);
	width:255px;
	height:194px;
	float:left;
}

#menu_croquis{
	float:left;
	margin-top:30px;
	margin-left:15px;
}

#menu_croquis ul li{
  list-style-image: url(../images/right.png);

}

#fiche_technique{
	clear:both;
	margin-top:10px;
	float:left;
}

#dl_pdf{
	width:300px;
	margin: 10px auto 20px auto;
}

#dl_pdf a{
	color:#878787;
	text-decoration:underline;
}

.pdf{
	width:22px;
	height:27px;
	background: url(../images/pdf.png);
	margin-right:8px;
	float:left;
}

#zone_gamme_coloris{
	clear:both;
	margin-top:10px;
}

/*#gamme_coloris{
	width:358px;
	height:19px;
	margin-top:5px;
	background:url(../images/gamme_coloris.png);
}*/

#zone_gamme_coloris td {border: 1px solid grey;}
.ffffff,
.f9f2e2,
.aaa4ae,
.c9bbba,
.413241,
.100f14,
.fea843,
.fddb00,
.ffe26a,
.c8f4fd,
.25338c,
.94e54b,
.fb1116,
.d8327c,
.5a2fb2,
.e3c9f6,
.f2faad{width:25px; height:25px;}

#c1{background:#ffffff;border: solid black 1px;border-radius: 5px;width: 35px;height:30px;}
#c2{background:#ffffff; background-image: url("/studio-decor-2024/studio_colors/pattern/0558.jpg");border: solid black 1px;border-radius: 5px;width: 35px;height:30px;}
#c3{background:#e0d6c4;border-radius: 5px;width: 35px;height:30px;}
#c4{background:#dcd7c6;border-radius: 5px;width: 35px;height:30px;}
#c5{background:#d4c6b7;border-radius: 5px;width: 35px;height:30px;}
#c6{background:#c7cbc9;border-radius: 5px;width: 35px;height:30px;}
#c7{background:#c9c1b3;border-radius: 5px;width: 35px;height:30px;}
#c8{background:#b4989c;border-radius: 5px;width: 35px;height:30px;}
#c9{background:#abc2bc;border-radius: 5px;width: 35px;height:30px;}
#c10{background:#aebc77;border-radius: 5px;width: 35px;height:30px;}
#c11{background:#0b110d;border-radius: 5px;width: 35px;height:30px;}
#c12{background:#1d4269;border-radius: 5px;width: 35px;height:30px;}
#c13{background:#3474b5;border-radius: 5px;width: 35px;height:30px;}
#c14{background:#aad1ec;border-radius: 5px;width: 35px;height:30px;}
#c15{background:#a3a97f;border-radius: 5px;width: 35px;height:30px;}
#c16{background:#4e4e50;border-radius: 5px;width: 35px;height:30px;}
#c17{background:#b33240;border-radius: 5px;width: 35px;height:30px;}
#c18{background:#e2825f;border-radius: 5px;width: 35px;height:30px;}
#c19{background:#e8944a;border-radius: 5px;width: 35px;height:30px;}
#c20{background:#f8d151;border-radius: 5px;width: 35px;height:30px;}
#c21{background:#534f4d;background-image: url("/studio-decor-2024/studio_colors/pattern/0027.jpg");border-radius: 5px;width: 35px;height:30px;}
#c22{background:#000000;background-image: url("/studio-decor-2024/studio_colors/pattern/0026.jpg");border-radius: 5px;width: 35px;height:30px;}
#c23{background:#cfcbbf;background-image: url("/studio-decor-2024/studio_colors/pattern/0565.jpg");border-radius: 5px;width: 35px;height:30px;}
#c24{background:#868885;background-image: url("/studio-decor-2024/studio_colors/pattern/585.jpg");border-radius: 5px;width: 35px;height:30px;}
#c25{background:#beae93;background-image: url("/studio-decor-2024/studio_colors/pattern/0361.jpg");border-radius: 5px;width: 35px;height:30px;}
#c26{background:#b69f8c;background-image: url("/studio-decor-2024/studio_colors/pattern/0877.jpg");border-radius: 5px;width: 35px;height:30px;}
#c27{background:#b5a794;background-image: url("/studio-decor-2024/studio_colors/pattern/0361.jpg");border-radius: 5px;width: 35px;height:30px;}
#c28{background:#e9e6d8;background-image: url("/studio-decor-2024/studio_colors/pattern/0814.jpg"); border-radius: 5px;width: 35px;height:30px;}
#c29{background:#d8baa0;border-radius: 5px;width: 35px;height:30px;}
#c30{background:#9a8c83;border-radius: 5px;width: 35px;height:30px;}
#c31{background:#6b4e3e;border-radius: 5px;width: 35px;height:30px;}


.retour_sommaire{
	width:10px;
	height:12px;
	background:url(../images/right.png) no-repeat;
}
.haut{
	width:11px;
	height:10px;
	background:url(../images/haut.png) no-repeat;
}

.ancre_retour {
	width:555px;
	margin-top:25px;
}
.ancre_retour a{color:#878787;}

table.go_droite{
	float:right;
	margin-right:10px;
}
table.go_gauche{
	float:left;
	margin-left:15px;
}

#back_line{
	clear:both;
	height:1px;
	margin-bottom:20px;
}







/*
 * FOOTER
 */

#footer{
	background:#747474;
	line-height:20px;
	color:white;
	text-align:center;
	margin-top: 20px;
	clear:both;
}

#footer strong{color:#ce0400;}
#footer a{color:white; text-decoration:none;}
#footer a:hover{color: #ce0400; text-decoration:underline;}





/*
 * SLIDER
 */

#wrapper_slider{
    width:538px;
    height:392px;
}

#slider {
    position:relative;
    width:538px; /* Change this to your images width */
    height:392px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
    position:absolute;
    left:260px;
    bottom:-42px;
}

.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}

.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(../images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}

a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}

a.nivo-prevNav {
    left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: 'StreetCornerBoldRegular', Myriad Pro;
}

.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}




/*
 * USERFORM
 */

#userForm .componentheading{
	background:#ebedef;
	padding-left:20px;
	padding-bottom:7px;
	width:640px;
	margin-left:-10px;
}

#userForm{
	background:white;
	padding-left:10px;
	margin-bottom: 20px;
}

#userForm_contact{
	width:680px;
	background:white;
	padding-right:30px;
	padding-left:15px;
	margin-bottom:20px;
}

#userForm_contact .componentheading{
	background:#ebedef;
	padding-left:20px;
	padding-bottom:7px;
	margin-top:-5px;
	width:705px;
	margin-left:-15px
}

#contact{
	border:1px solid black;
	width:180px;
	float:left;
	text-align:center;
	padding:3px;
	margin-left:15px;
}

.formField.rsform-block.rsform-block-carte{
	margin-top:-55px;
	z-index:70;
}

.formField.rsform-block.rsform-block-catalogue{
	float:right;
	margin-right:80px;
	width:163px;
}

.fond_blanc_contact{
	padding:5px 15px 5px 15px;
	clear: both;
	background: white;
	width:680px;

}




/*
/* XMAP
*/

.xmap{
	background:white;
	margin-bottom:20px;
}


/*
/*	ROUNDED CORNER
*/

.roundedcornr_box_332750 {
	background: url(roundedcornr_332750_tl.png) no-repeat top left;
}
.roundedcornr_top_332750 {
	background: url(roundedcornr_332750_tr.png) no-repeat top right;
}
.roundedcornr_bottom_332750 {
	background: url(roundedcornr_332750_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_332750 div {
	background: url(roundedcornr_332750_br.png) no-repeat bottom right;
}
.roundedcornr_content_332750 {
	background: url(roundedcornr_332750_r.png) top right repeat-y;
}

.roundedcornr_top_332750 div,.roundedcornr_top_332750,
.roundedcornr_bottom_332750 div, .roundedcornr_bottom_332750 {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_332750, .roundedcornr_bottom_332750 {
	margin-top: -19px;
}
.roundedcornr_content_332750 { padding: 0 10px; }






#exemple_fadein{
	background: #ffffff;
	border-radius:8px;
	margin: 0 auto;
	left:0;
	right: 0;
	top: 75%;
	padding:2px;
	display: none;
	z-index:1;
	width: 1100px;
	height: 130px;
	position:absolute;
	 box-shadow: 1px 1px 10px #555;
	  text-align: center;
	  font-size: 14px;
	  opacity: .9;
}


#exemple_fadein h2 {
    margin-top: 5px;
    font-variant: small-caps;
    border-style: groove;
    border-style: none;
    font-weight: normal;
    color: black;
    font-family: Helvetica;
}
/* Tests */
#textStudio {
    font-family: Helvetica;
    text-align: center;
    font-variant: small-caps;
    font-size: 15px;
}

.studio--creator-container{
	display: block;
	position: relative;
	padding: 0px;
	width: 800px;
	height: 593px;
	left:0;
	right: 0;
	margin: 0 auto;
}
canvas{
	left: 0px;
	top: 0px;
	margin: 0 auto;
	/* max-width: 100%;
    width: 100% !important;
    height: auto !important; */
}
/* img.map{
	max-width: 100%;
} */
/* .mapstudio{
	width:100% !important;
	height: 100% !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
} */

input[type="button"]{
	border-radius:30px;
	border:0;
	color:white;
	font-weight: bold;
	padding: 20px 30px;
	text-transform: uppercase;
	letter-spacing: 0.3;
	background: #033545;
}
input[type="button"]:hover{
	cursor: pointer;
}
#print_button{
	position: absolute;
	left:0;
	right: 0;
	margin: 0 auto;
	top:92%;

}


area {
    left: 72%;
    position: absolute;
    top: -30px;
	cursor: pointer;
}

.container{
	width: 1024px;
}

.container iframe{
	width:100%;
}
#reference_couleur{
    display: none;
}
.image-print{
    display: none;
}