*{margin:0;padding:0;}
a{text-decoration:none;outline:0;}
img{border:none;}

#conteneur{width:960px;height:470px;position:relative;font-family:Verdana, Arial, Helvetica, sans-serif;background:transparent url(../atelier_couleur/img/ultracolor/content-bg.jpg) no-repeat;}
#centre {position:absolute;top:0;left:185px;width:776px;}

#conteneur .logoultracolor{position:absolute;z-index:2;width:141px;height:99px;top:0;left:180px;}
#conteneur .titreultracolor{position:absolute;z-index:2;width:506px;height:59px;top:51px;left:332px;}
#conteneur .modelesultracolor{width:486px;height:470px;margin:0 0 0 180px;background:transparent url(../atelier_couleur/img/ultracolor/modeles_original.png) 0 0 no-repeat;}
#conteneur .nouveauxlooksultracolor{position:absolute;z-index:2;width:374px;height:154px;top:137px;left:581px;}
#conteneur .produitsreducultracolor{position:absolute;z-index:2;width:324px;height:152px;bottom:3px;left:630px;}
#conteneur .txtbasultracolor{position:absolute;z-index:2;width:264px;height:14px;bottom:3px;left:188px;}
#conteneur .txtmodeleson{display:none;}
#conteneur .txtblond{position:absolute;z-index:3;width:243px;height:153px;top:228px;left:390px;}
#conteneur .txtbrun{position:absolute;z-index:3;width:300px;height:153px;top:239px;left:217px;}
#conteneur .txtrouge{position:absolute;z-index:3;width:243px;height:153px;top:110px;left:196px;padding:198px 0 0 0;}

#wrapper_content {
	position:relative;
	left:220px;
    padding:18px 0 20px 0;
	width:382px;
}
#wrapper_content #item1{
	height:96px;
	margin:30px 0;
}
#wrapper_content #item2{
	height:93px;
	margin-left:0px;
}
#wrapper_content #item3{
	height:43px;
	margin-left:0px;
}
#discover_title{

	margin:25px 0 20px 25px;
}
.wrapper_print{
	margin-top:15px;
}

#wrap_item{

	margin-left:25px;
}
#discover_title img,
#wrap_item img{

}
/***********************************************************************************
								DEBUT NAV DE GAUCHE
***********************************************************************************/
#colonne_gauche, #colonne_gauche *{margin : 0;padding : 0;border : 0;}
#colonne_gauche{width : 180px;height : 470px;background : url(../atelier_couleur/img/nav/fd_nav_03.jpg) 0 0 no-repeat;overflow : hidden;position : absolute;z-index : 2;top:0;left:0;}
#colonne_gauche .herbabrillanceBR{position:absolute;z-index:3;width : 180px;height : 59px;left:0;bottom:6px;}
.nav_atelier_couleur *{display : block;}
* html .nav_atelier_couleur *{zoom : 1;}

/* niv 1 >> */
.nav_atelier_couleur a{text-decoration : none;}
#colonne_gauche .nav_atelier_couleur li a{font : bold 13px Arial, sans-serif;color : #fff;text-transform : uppercase;border-top : 1px solid #b65b62;height : 32px;padding : 2px 0 3px 9px;position : relative;z-index:1000px;}
#colonne_gauche .nav_atelier_couleur li a.mono{line-height : 32px;}
#colonne_gauche .nav_atelier_couleur li a:hover, #colonne_gauche .nav_atelier_couleur li a.active{background : #000;color:#fff;}
.etsurmoi_produit{position : absolute;right : 10px;top : 2px;width : 18px;height : 33px;}
* html #colonne_gauche .nav_atelier_couleur ul, * html #colonne_gauche .nav_atelier_couleur li{float : left;width : 180px}
* html #colonne_gauche .nav_atelier_couleur li a, * html #colonne_gauche .nav_atelier_couleur li a:hover{float : left;
  width : 180px;}
*+html #colonne_gauche .nav_atelier_couleur ul, *+html #colonne_gauche .nav_atelier_couleur li{float : left;width : 180px}
*+html #colonne_gauche .nav_atelier_couleur li a, *+html #colonne_gauche .nav_atelier_couleur li a:hover{float : left;width : 180px; }
/* << niv 1 */

/* niv 2 >> */
#colonne_gauche .nav_atelier_couleur li ul{background : url(../atelier_couleur/img/nav/nav_gauche_sub_ul.png) 0 0 no-repeat;}
* html #colonne_gauche .nav_atelier_couleur li ul{background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_fr/_fr/atelier_couleur/img/nav/nav_gauche_sub_ul.png');}
#colonne_gauche .nav_atelier_couleur li li{padding : 1px 0 0 0;}
#colonne_gauche .nav_atelier_couleur li li a{font : bold 11px/14px Verdana, Arial, sans-serif;color : #000;text-transform : none;border-top : none;padding : 2px 0 3px 19px;background:url(../atelier_couleur/img/nav/nav_gauche_puce2_on.png) no-repeat 9px 7px ;height : auto;}
#colonne_gauche .nav_atelier_couleur li li a:hover, #colonne_gauche .nav_atelier_couleur li li a.active{color:#933071;background :#fff url(../atelier_couleur/img/nav/nav_gauche_puce2_on.png) no-repeat 9px 7px ;}
* html #colonne_gauche .nav_atelier_couleur li ul, * html #colonne_gauche .nav_atelier_couleur li li{float : left;width : 180px;}
* html #colonne_gauche .nav_atelier_couleur li li a, * html #colonne_gauche .nav_atelier_couleur li li a:hover{float : left;width : 161px;}
*+html #colonne_gauche .nav_atelier_couleur li ul, *+html #colonne_gauche .nav_atelier_couleur li li{float : left;width : 180px;}
*+html #colonne_gauche .nav_atelier_couleur li li a, *+html #colonne_gauche .nav_atelier_couleur li li a:hover{float : left;width : 161px;}
#flashcontent{position : absolute;z-index : 1;left : 0;top : 0;width : 960px;height : 470px;}
/* << niv 2 */

/***********************************************************************************
								FIN NAV DE GAUCHE
***********************************************************************************/
/* index belle color*/
#index-bellecolor-attente{background:url(/_fr/_fr/atelier_couleur/img/belle-color/Garnier_BelleColor_Success.jpg); width:960px; height:470px; font-size:14px; font-family:Arial,sans-serif;}
#index-bellecolor-attente h1{ font-family:Arial,sans-serif; font-size:14px; color:#993489; font-weight:bold;line-height:20px; padding:0 0 0 570px;}
#index-bellecolor-attente h1 span{font-size:18px;}
#index-bellecolor-attente p{ font-family:Arial,sans-serif; font-size:14px; color:#593200; font-weight:bold; padding:20px 0 0 570px;}
#index-bellecolor-attente p span{color:#993489;}
#index-bellecolor-attente .texte-attente-link-monop{height: 25px; margin: 0pt 0pt 65px 703px; padding: 96px 0pt 0pt;}
/* upload belle color*/
#upload-photo{background:url(/_fr/_fr/atelier_couleur/img/belle-color/background-upload.jpg); width:960px; height:470px;}
#upload-photo .emplacement-flash{float: left; width: 350px; height: 394px; margin: 26px 0 0 200px;}
#upload-photo .emplacement-texte-upload{ float:left; margin:92px 0 0 24px; width:365px; height:312px; font-family:Arial,sans-serif; font-size:12px; color:#593200;}
#upload-photo .emplacement-texte-upload .upload-photo-link-monop{height: 25px; margin: 0pt 0pt 25px 130px;}
#upload-photo .emplacement-texte-upload a{ text-decoration:underline;color:#593200;}
#upload-photo .emplacement-texte-upload h1{ font-family:Arial,sans-serif; font-size:20px; color:#993489; font-weight:bold;line-height:25px;}
#upload-photo .emplacement-texte-upload h2{ font-family:Arial,sans-serif; font-size:14px; color:#993489; font-weight:bold; margin:20px 0 0 0;}
#upload-photo .emplacement-texte-upload li{padding:5px 0 0 16px; background:url("/_fr/_fr/atelier_couleur/img/belle-color/puce.gif") no-repeat scroll 0 6px transparent; font-weight:bold;}
#upload-photo .emplacement-texte-upload .reglement{display:block;float:left;padding:52px 80px 0 0; font-size:11px; font-weight:bold;}
#upload-photo .emplacement-texte-upload .valid{display:block;float:left;padding:30px 0 0 0;}
#upload-photo .emplacement-texte-upload .valid a{width:216px; height:37px; background:url("/_fr/_fr/atelier_couleur/img/belle-color/btn-validez.png") no-repeat scroll center top transparent; display:block;}
#upload-photo .emplacement-texte-upload .valid a:hover{background-position:center bottom;}
#upload-photo .emplacement-flash .asterix{color:#593200;font-style:italic; font-size:10px; margin:15px 0 0 15px;}
/* upload belle color success*/
#upload-photo-success{background:url(/_fr/_fr/atelier_couleur/img/belle-color/background-upload-success.jpg); width:960px; height:470px; color:#593200; font-size:14px; font-family:Arial,sans-serif;}
#upload-photo-success h1{ font-family:Arial,sans-serif; font-size:19px; color:#993489; font-weight:bold;line-height:25px; padding:150px 0 0 570px;}
#upload-photo-success h2{ font-family:Arial,sans-serif; font-size:13px; color:#993489; font-weight:bold; padding:10px 0 0 570px;}
#upload-photo-success .txt1{font-family:Arial,sans-serif; font-size:13px; font-weight:bold; padding:22px 0 0 570px;}
#upload-photo-success .txt2{font-family:Arial,sans-serif; font-size:13px; font-weight:bold; padding:22px 0 0 570px;}
#upload-photo-success span{font-weight:bold;color:#993489;}
#upload-photo-success .link1{display:block;float:left;color:#943274; font-size:12px; text-decoration:none; background:url(/_fr/_fr/atelier_couleur/img/belle-color/puce-success.gif) no-repeat scroll 0 3px transparent;padding:0 0 0 14px; font-weight:bold; width:200px;}
#upload-photo-success .link2{display:block;float:left;color:#943274; font-size:12px; text-decoration:none;background:url(/_fr/_fr/atelier_couleur/img/belle-color/puce-success.gif) no-repeat scroll 69px 3px transparent; padding:0 0 0 83px;font-weight:bold;}
#upload-photo-success .englobe-link{ padding:106px 0 0 530px;}
/*popin reglement*/
#upload-photo-bg_popin{background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; top: 98px;/*top: 0pt;*/ left: 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; opacity: 0.4; z-index: 10000001; height: 470px; /*height: 150%;*/ width: 960px;filter:alpha(opacity=40); display:none;}
#upload-photo-popin{position: absolute; z-index: 10000002; opacity: 1; height: 435px; width: 550px; left: 220px; top: 116px; background:url(/_fr/_fr/atelier_couleur/img/belle-color/logo-50ans.png) 20px 10px  no-repeat #fff; display:none;}
#upload-photo-popin .upload-photo-popinclosed{padding-top:10px;height: 90px;margin-right:10px; text-align: right;}
#upload-photo-popin .upload-photo-popinclosed a{font-family:Arial,sans-serif; font-size:14px; color:#993489; font-weight:bold;}
#upload-photo-popin .upload-photo-popin-link-monop{height:25px; margin:65px 0 20px 0; padding:3px 0 0 155px;}
#upload-photo-popin .upload-photo-popincontent{height:270px; width:350px; margin:0px 5px 19px 30px}
#upload-photo-popin .upload-photo-popincontent .reglement-titre{font-family:Arial,sans-serif; font-size:20px; color:#790b62; font-weight:bold;}
#upload-photo-popin .upload-photo-popincontent .reglement-sstitre{font-family:Arial,sans-serif; font-size:13px; color:#790b62; font-weight:bold;}
#upload-photo-popin .upload-photo-popincontent .reglement-content{font-family:Arial,sans-serif; font-size:13px; color:#593200; margin:25px 20px 0 0;}
#upload-photo-popin .upload-photo-popincontent .reglement-content p{margin:15px 0 0 0;}
/*sroll de la popin reglement*/
#upload-photo-popin #container{overflow:auto;width:500px;height:280px; padding-right:10px;}
#upload-photo-popin .scroll-pane{width:480px; height:auto;}
#upload-photo-popin .jScrollPaneContainer {position: relative;overflow: hidden;}
#upload-photo-popin .jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #790b62;}
#upload-photo-popin .jScrollPaneDrag {position: absolute;background:transparent url(/_fr/_fr/atelier_couleur/img/belle-color/bgDragg.gif) repeat-y;cursor: pointer;overflow: hidden;left:2px;border-top:2px solid #790b62;border-bottom:2px solid #790b62;}
#upload-photo-popin .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
#upload-photo-popin .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
#upload-photo-popin a.jScrollArrowUp {display: block;position: absolute;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 8px;width:12px;height:15px;background:url("../atelier_couleur/img/belle-color/arrow.gif") no-repeat -1px -7px transparent;}
#upload-photo-popin a.jScrollArrowUp:hover {/*background-color: #f60;*/}
#upload-photo-popin a.jScrollArrowDown {background:url("../atelier_couleur/img/belle-color/arrow.gif") no-repeat -1px 0 transparent; height:8px;display: block;position: absolute;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 8px;width:12px;}
#upload-photo-popin a.jScrollArrowDown:hover {/*background-color: #f60;*/}
#upload-photo-popin a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}