/* gallery.css */
a img {border:0; }
a:hover {text-decoration:none;}
#change_page {margin-bottom:20px; font:normal .7em verdana,helvetica,sans-serif; }
#photos {position:relative;zoom:1;width:694px;overflow:hidden;margin:0 auto;}
#photos .tof {margin:0 auto;overflow:hidden;width:694px;_width:695px;height:383px;position:relative;zoom:1;}
#gallery {background:#c8c8c8 url(bg_gallery.png) repeat-x left top;font-family:Trebuchet MS;margin:0 auto;text-align:left;}
#gallery *{font-family:Trebuchet MS;} 
#gallery h2{font-size:15px;color:#9E2D58;}
#gallery .howToSubmit .layerHead h2 {font-size:2.2em;color:#9E2D58;}
#gallery a {font-size:1.2em;}
#gallery .enTeteLayerRightPro a {font-size:1.2em; width:120px;}
#gallery a:active, #gallery a:hover {outline:none;}
#gallery h3 {margin:0;padding:15px 0 10px 7px;float:left;}

#gallery p.intro {color:#949494;font-family:Trebuchet MS; font-size:1.4em; margin:0; padding:15px 0 10px 15px; float:left; _width:410px; width:410px; line-height:1em; _padding:20px 0 10px 7px;} 

#gallery p.introPro {color:#949494;font-family:Trebuchet MS;font-size:1.4em;margin:0;padding:15px 0 10px 15px;float:left;width:270px;line-height:1em; _padding:15px 0 10px 7px; _width:290px;}


.itemPhoto {float:left; margin: 0 1px 3px 2px;width:74px;height:74px;}
.itemPhoto img {width:74px;height:74px;}
.lastOfLine {margin-right:0px !important;}

#search_criteria {}
#search_criteria span  {}
#search_box {}
#search_box  p {}
#search_color {width:140px !important; text-align:left;}
#search_color p {margin:7px 0;font-size:1.2em;color:#555;text-align:left;}
#search_color  ul {overflow:hidden;margin: 0;padding:0; width:85px;}
#search_color  li {list-style:none;float:left;}
#search_color li a  {display:block; height:25px;width:25px;margin: 0 1px;background-position:left top;background-repeat:no-repeat;text-indent:-5000px;}
#search_color li a.selected, #search_color li a:hover {background-position:left bottom;}
#search_color li a.noColor  {background-image: url(color_no.png);}
#search_color li a.blonde  {background-image: url(color_blond.png);}
#search_color li a.brune  {background-image: url(color_brune.png);}
#search_color li a.rousse {background-image: url(color_red.png);}
#search_color li a.multi {background-image: url(color_creative.png);}

.btn2 {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn_search.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;_width:1%;text-transform:uppercase;font-size:1.3em;}

.btn2:hover {font-family:Trebuchet MS !important;}
.btn2 span{display:block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn_search.png) no-repeat right top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:1em;}

#gallery div.searchRightBtn a.submit_you_work {width:97%;margin-top:5px;}

.searchRightBtn { padding:0 5px;}
.searchRightBtn .btn2 {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:20px; width:45%; line-height:20px;white-space:nowrap;background:url(btn_search.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;_width:1%;text-transform:uppercase;font-size:1.3em; text-align:center}

.btn3 { display:block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;width:97%;_width:100%;text-transform:uppercase;text-align:center; margin-top:5px;}
.btn3 span{display:block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat right top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:12px;}
#layerFooterFeaturedLook .btn3 span{display:block; vertical-align:middle; height:20px; line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat right top ;color:#FFF;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:0.95em;}

.searchRightBtn  .btn3 {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;width:97%;_width:45%;text-transform:uppercase;text-align:center;}

.searchRightBtn  .btn_3 {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;width:45%;_width:45%;text-transform:uppercase;text-align:center;}
.btn_3 span{display:block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat right top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:12px;}
#layerFooterFeaturedLook .btn3 span{display:block; vertical-align:middle; height:20px; line-height:20px;white-space:nowrap;background:url(btn3.png) no-repeat right top ;color:#FFF;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:0.95em;}

.btn4 {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:20px;line-height:20px; white-space:nowrap; background:url(btn_pro_access.png) no-repeat left top; color:#FFF;font-weight:bold; cursor:pointer; text-decoration:none; padding-left:8px; _width:1%;text-transform:uppercase;font-size:1.3em;}
.btn4:hover {font-family:Trebuchet MS !important;}
.btn4 span{display:block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn_search.png) no-repeat right top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:1em; margin-left:12px;}
.btn4{padding-left:8px;_width:1%;text-transform:uppercase;}

.btn5 {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn_pro_download.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;_width:1%;text-transform:uppercase;font-size:1.3em;}
.btn5:hover {font-family:Trebuchet MS !important;}
.btn5 span{display:block;vertical-align:middle;height:20px;line-height:20px;white-space:nowrap;background:url(btn_search.png) no-repeat right top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-right:8px;text-transform:uppercase;font-size:1em; margin-left:12px;}
.btn5{padding-left:8px;_width:1%;text-transform:uppercase;}
 
#search_box select {width:125px;}
#search_box label {display:block;}
.hidden {display:none;}
.floatL {float:left;}
.floatR {float:right;}
.clearB{ clear:both;}
.tMargin { margin-top:10px;}
.tMarginXL { margin-top:20px;}
.tMarginXXL { margin-top:30px; _margin-top:36px;}
.bMargin { margin-bottom:10px;}


#scrollUp {width:62px;height:28px;_padding:14px 0;background:url(scrollUp.png) no-repeat left top;_background:url(scrollUp_.png) no-repeat left top;position:absolute;top:2%;left:50%;margin-left:-31px;text-indent:-5000px;opacity:0;_filter:alpha(opacity=0);overflow:hidden;}

#scrollDn {width:62px;height:28px;_padding:14px 0;background:url(scrollDown.png) no-repeat left top ;_background:url(scrollDown_.png) no-repeat left top ;position:absolute;bottom:2%;left:50%;margin-left:-31px;text-indent:-5000px;opacity:0;_filter:alpha(opacity=0);overflow:hidden;}


#layer {display:none; width:678px; _width:675px; height:auto; position:absolute; left:50%; margin-left:-335px; top:140px; z-index:1001; overflow:hidden;zoom:1;}
#layer .layerCtn { }
#layer .layerCtn .featured {overflow:hidden; zoom:1;margin: 0 4px; *margin: 0px; height:440px;}
#layer .layerCtn .media {overflow:hidden; zoom:1;margin: 0 0 0 4px; *margin: 0px 0px 0px 2px; _margin: 0px 0px 0px 2px; height:440px;}
#layer .layerOverMegaCtn {overflow:hidden;zoom:1;}
#layer h2 {font-size:2.2em;color:white;margin:0;}
#layer h2 span{font-size:1em;color:#9e2d58;line-height:1em;}
#layerHead {background:#d9d9d9;padding:10px 0 10px 20px;}
.media #layerHead {background:#d9d9d9;padding:10px 0 10px 20px;}
.right #layerBody {padding:0 0 0 10px;overflow:auto;margin: 10px 0 -20px 0;}
.featured .right  { margin:0; padding:0;}

#layerBody p{ font-size:1.2em; font-weight:bold; color:#575757;}
#layerBody dl {overflow:hidden;_overflow:visible;_zoom:1;margin:0;width:320px;}
#layerBody dt {color:#575757;font-size:1.3em;float:left;width:115px;clear:left;margin:3px 0;line-height:1.2em;}
#layerBody dd {color:#9E2D58;font-size:1.3em;float:left;width:195px;margin:3px 0;line-height:1.3em;}


/*   media */
#layer .media .left {float:left;width:330px;_width:330px;height:440px;background:#f7f7f7 url(ajax-loader.gif) no-repeat center center;*margin-left:-3px; _margin:0px;}
#layer .media .right { background:#f7f7f7 url(bg_layer_right.png) repeat-x left bottom;_margin:0 -3px; float:right; height:440px; position:relative; width:340px; _width:340px; margin-right:4px; _margin-right:0px;}

#layer .featured .left {float:left;width:330px;_width:330px;height:440px;background:#f7f7f7 url(ajax-loader.gif) no-repeat center center;*margin-left:-3px; _margin:0px;}
#layer .featured .right { background:#f7f7f7 url(bg_layer_right.png) repeat-x left bottom;_margin:0 -3px; float:right; height:440px; position:relative; width:340px; _width:345px;}

.layerClose {width:18px;height:18px;background: #dbdbdb url(layerClose.png) no-repeat left top;float:right;margin:-5px 5px; _margin:-5px 10px;text-indent:-5000px;}
.layerClose:hover {background-position:left bottom;}

#voile {width:714px;height:718px;background:white;opacity:0.7;_filter: alpha(opacity=70);position:absolute;left:50%;top:0;z-index:1000; margin-left:-357px;display:block;}
#layerNext {float:right}
#layerPrev {float:left;}
#layerFooter{height:40px;padding:0 10px;}

#color_txt {color:#9E2D58;}
/**SELECT*/
ul.skinableSelect {width:150px !important;overflow-y:auto;overflow-x:hidden;padding:3px 0px;background:#FBFBFB; margin-left:3px;left:0;list-style:none;margin-bottom:-1px;z-index:900;}
ul.open {z-index:10000; border-left:1px solid #a4a4a4;border-right:1px solid #a4a4a4;border-top:1px solid #a4a4a4;}
.skinableSelect li {display:block;border-bottom:1px solid #a4a4a4;background:#fbfbfb;}
.skinableSelect li a{padding:2px 0pt 3px;text-decoration:none;display:block;}
.skinableSelect li a:hover, .skinableSelect li a:focus, .skinableSelect li a:active{color:#b2587a;}


a.selector_btn {display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:18px;line-height:18px;white-space:nowrap;background:url(selector_btn.png) no-repeat left top ;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;padding-left:8px;*padding-left:3px;_width:1%; width:135px; margin-left:10px; }
a.selector_btn span{display:block;vertical-align:middle;height:18px;line-height:18px;white-space:nowrap;background:url(selector_btn.png) no-repeat right top ;color:#666;font-weight:bold;cursor:pointer;text-decoration:none;padding-right:8px;*padding-right:15px;font-size:12px;text-align:left;}


/*SCROLL*/
.scollable {width:300px;height:300px;overflow:auto;}
.scrolled {position:absolute;}
.scroller {position:relative !important;overflow:hidden!important;}
.scrollerTop {background:url(scrollerTop.png) no-repeat center center ;width:20px;height:7px;float:left;display:block;cursor:pointer;}
.scrollerBottom {background:url(scrollerBottom.png) no-repeat center center ;width:20px;height:7px;float:left;display:block;cursor:pointer;}
.scrollerRoad {background:url(scrollerRoad.png) repeat-y center center ;width:20px;float:left;display:block;cursor:pointer;}
.scrollerLift {background:url(scrollerLift.png) no-repeat center center ;width:20px;height:64px;position:absolute;right:0;top:0;z-index:1000;display:block;cursor:pointer;}
/*SHADOW*/
#TC {position:absolute;overflow:hidden;top:206px;z-index:1001;left:50%;width:460px;margin-left:-230px;opacity:0;filter:alpha(opacity=0)}
#TC div{}
div.clear {clear:both; font-size:1em; zoom:1;padding:10px;background:#f7f7f7 url(bg_layer.png) repeat-x left top;margin:0 4px;text-align:center;}
div.clear p {color:#3f3f3f;font-size:12px;font-family:Trebuchet MS;line-height:1.2em;text-align:justify;}
div.clear label, div.clear a.nostyle, div.clear span {color:#3f3f3f;font-size:11px;font-family:Trebuchet MS;text-align:left;}
div.wrong label, div.wrong a.nostyle, div.wrong span {color:#f00;}
div.clear a.btn2, div.clear a.btn2 span {color:#fff;}
.nostyle {font-size:1em !important;color:#9E2D58 !important;}
.sideT, .sideB {position:relative; z-index:11;background:no-repeat left top; overflow:hidden; _overflow:visible; zoom:1; font-size:1%;display:block;clear:both;}
.sideB {background-position:left bottom;}
.sideL, .sideR {float:left; height:32000px; margin-bottom:-32000px;background:repeat-y left top;position:relative; z-index:10;font-size:0;overflow:hidden;text-indent:-5000px;}
.sideR {float:right; background-position:right top;}
.sideT, .sideB {background-image:url(shadowH.png); height:4px;margin: 0 3px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shadowH.png', sizingMethod="crop");}
.sideL,  .sideR {background-image:url(shadowV.png);width:4px; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shadowV.png', sizingMethod="crop");}

.loading {background:#f7f7f7 url(ajax-loader.gif) no-repeat scroll center}
.loading {background:#f7f7f7 url(ajax-loader.gif) no-repeat scroll center}



/*  Modif mike  */
/*  modif de la page index.html  */

#search_box .Box_1 { float:left; width:400px; display:block;}
#search_box .Box_2 { float:left; width:275px;}
#search_box .Box_2  a{ float:left; width:260px; display:block;}
.quickSearch {background: url(bg_searchTitle2.png) repeat-x left top;height:18px;text-align:center;}

/**/
#search_criteria  table {border-collapse:collapse;width:100%;}
#search_criteria  thead {height:18px;font-size:12px;background:transparent url(bg_searchTitle.png) repeat-x scroll left top;text-align:center;}
#search_criteria  tbody {background:#fcfcfc url(bg_searcher.png) repeat-x left bottom;}

.titleSubForm  {color:#3f3f3f;font-family:Trebuchet MS;font-size:1.8em;margin:0;padding:15px 0 0px 0px; font-weight:bold;}
.searchLeft {width:29%;float:left;text-align:center;}
.searchRight {width:310px; *width:300px; float:left; margin-top:2px; text-align:center;}
.searchRight div {_height:22px;}
.searchLeftBtn { width:100%; text-align:right; margin-left:-18px; *margin-top:3px;}
.searchLeftBtn a { margin-top:5px;}
.randomize_1 { margin-top:28px; *margin-top:30px;}
#randomize.noMarginRandom {margin:5px 0 0 0;width:75px;}
#search_submit.noMarginSearch {margin:5px 0 0 10px;}

.selector {width:48%;float:left;margin: 3px 0;position:relative;}
.selector span.selected {color:#9E2F59;text-align:center;}

.Bpadding {padding-bottom:15px;} 
.RpaddingSm {padding-right:8px;}
.txtC {text-align:center;}

.enTeteLayerLeft  { float:left;} 
.enTeteLayerRight  { margin:7px 10px 0px 0; float:right;}
.enTeteLayerRight  img{ float:right;}

.enTeteLayerLeftPro { float:left;} 
.enTeteLayerRightPro  { margin:15px 0px 15px 0; float:right; width:255px;} 
.enTeteLayerRightPro  img{ float:right;}

.pdfImg { margin: 10px 7px 4px 0; float:right;}
.txtPink { color:#9a3056;}



/*   rightFeaturedLook  */

#featuredHead {background:#d9d9d9; padding:10px 0 10px 0px; height:40px;}

#featuredBody {padding:0 0 0 10px; overflow:auto; margin: 10px 0 0 0;}
#featuredBody dl {overflow:hidden;_overflow:visible;_zoom:1;margin:0;width:320px;}
#featuredBody dt {color:#575757;font-size:1.3em;float:left;width:115px;clear:left;margin:3px 0;line-height:1.2em;}
#featuredBody p {color:#575757;font-size:1.3em; margin:3px 0;line-height:1.2em;}
#featuredBody dd {color:#9E2D58;font-size:1.3em;float:left;width:195px;margin:3px 0;line-height:1.3em;}

#featuredFooter { background-color:#C2C2C2; width:100%; bottom:0; position:absolute;}
#featuredFooter  a{ display:block; width:47%; *width:44%;}
.featuredFooterInside { padding:6px 10px; height:80px;}


/*   How to submit  */
.howToSubmit {float:left; width:670px; _width:672px; background:#bdbdbd url(bg_layer_dark.png) repeat-x left top; position:relative; overflow:hidden; display:none; margin:0 0 0px 4px; _margin:0 0 -4px 2px}

.howToSubmit #layerHead {background:#d9d9d9;padding:10px 0 10px 20px; height:40px; *height:60px;}
.howToSubmit #layerBody { padding:0px 20px 0px 20px; _padding:15px 20px 15px 20px; overflow:hidden;}
.howToSubmit #layerBody ol{ list-style-type:none; font-size:1.3em; font-weight:bold; color:#575757;}
.howToSubmit #layerBody dl {overflow:hidden;_overflow:visible;_zoom:1;margin:0; width:100%}
.howToSubmit #layerBody p{ font-size:1.3em; font-weight:bold; color:#575757; line-height:1.1em;} 
.howToSubmit #layerBody a {font-size:1.2em; display:inline-table}
.howToSubmit h2 span{font-size:1em;color:#9e2d58;line-height:3.3em;}
.howToSubmit p span { text-decoration:underline;}


.searchRight #search_hairdresser ul, .searchRight #search_salon ul, .searchRight #search_style ul, .searchRight #search_length ul, .searchRight #search_season ul
{margin-top:-95px !important; height:70px !important;
_margin-top:-64px !important; _height:65px !important;}

.searchRight #search_gender ul
{margin-top:-72px !important; height:48px !important;
 _margin-top:-56px !important; _height:56px !important;}
 

/*  Modif Nico  */
/*  PUB  */
.pub {width:120px;position:absolute;top:0;margin-left:740px;margin-top:107px;}
.skyscraper {width:120px;height:440px;background-color:#fff;}
.petitePub {margin-top:20px;width:120px;height:95px;background-color:#fff;}
.pub img{display:block;}