@charset "UTF-8";


@font-face {
    font-family: 'ArchitectsDaughterRegular';
    src: url('fonts/architects_dauther/ArchitectsDaughter-webfont.eot');
    src: url('fonts/architects_dauther/ArchitectsDaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/architects_dauther/ArchitectsDaughter-webfont.woff') format('woff'),
         url('fonts/architects_dauther/ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('fonts/architects_dauther/ArchitectsDaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{font-family:"Verdana";font-size:14px;}
/*body{background: #f4eee6 url(../images/fond.png) repeat-x;text-align:center;margin:0 } */
body{background: #eebca1 url(../images/blanc/fond.jpg) repeat ;text-align:center;margin:0 }
div#page-pos{width:100%; background:transparent url(../images/blanc/grand_fond.png) no-repeat fixed 50% 50%;height:100%;position:absolute}
div#page, div#debug{position:relative;margin:0px auto;text-align:left;}
div#page{}
div#accueil{padding:10px;}
div#accueil #bijou{float:left;border:2px solid grey;position:relative;top:8px}
div#mainImage{text-align:center}
div#main-position{margin:0px auto;width:1000px;}
div#top-toolbar{background-color:#B0B5B0;height:30px}
div#top-toolbar ul{margin:0;padding:0}
div#top-toolbar ul li{display:inline;float:left;line-height:30px; border-right:1px solid #2B5858;padding:0 5px}
div#top-toolbar ul li.nosep {border:0}
div#top-toolbar ul li a{}
div#top-toolbar ul li a img{vertical-align:middle}
.hide{display:none}

.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 1px 1px 12px #633; /* Firefox */
  -webkit-box-shadow: 1px 1px 12px #633; /* Safari and Chrome */
  box-shadow: 1px 1px 12px #633; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(/design/bijoux/stylesheets/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.borderbox div#mainContent{}

div.borderbox .tl{background:transparent url(../images/blanc/box-hg-menu.png) no-repeat left top;}
div.borderbox .tr{background:transparent url(../images/blanc/box-hd-menu.png) no-repeat right top;padding:0 25px}
div.borderbox .tc{background:transparent url(../images/blanc/box-h-menu.png) repeat-x scroll left top; height:48px;font-size:0pt;}
div.borderbox .ml{background:transparent url(../images/blanc/box-mg.png) repeat-y left top;}
div.borderbox .mr{background:transparent url(../images/blanc/box-md.png) repeat-y right top;padding:0 25px;}
div.borderbox .mc{background:#dde1e1 none repeat-x; }
div.borderbox .bl{background:transparent url(../images/blanc/box-bg.png) no-repeat left top;}
div.borderbox .br{background:transparent url(../images/blanc/box-bd.png) no-repeat right top;padding:0 25px}
div.borderbox .bc{background:transparent url(../images/blanc/box-b.png) repeat-x; height:25px;font-size:0px;}
div#maincontent{color:black;}
div#head{width:100%; ;}
div#head h1{margin:0;padding:10px 0 0;font-family:'ArchitectsDaughterRegular', Arial, sans-serif;}
div#head #user{float:right}
div#logo{float:right}
div#logo img{border:0;}

div#accueil #text {
  font-style: normal;
  
}
div#accueil #text .image{float:left;padding:0 10px 0 0}
div#accueil #text ul{}
div#accueil #text ul li{font-size:24px}

div#footer {
  background: transparent none;
  color: white;
  text-align:right;
  margin:0 auto;
  width: 1000px;
}
.clear:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.clear-line{clear:both}

div#TopMenu{
	padding-top:12px; margin:0 auto;}
ul#contentmenu,ul.submenu{margin:0;padding:0;position:relative}
ul#contentmenu li{display:inline;float:left;margin:0 ;padding:0;padding:0 10px;position:relative;line-height:36px;vertical-align:middle;height:36px}

ul#contentmenu li ul.submenu{display:none;position:absolute;left:0;z-index:5; top:20px;width:280px;left:-1px; background:#e3e9f4 url(../images/fond_sub.png) repeat-x; border:1px solid #4aa481;padding:2px 2px 2px 2px}
ul#contentmenu li:hover{background:#858885 none ; margin:0;color:#905143}
ul#contentmenu li:hover a{color:#F1EDED}
ul#contentmenu li:hover ul.submenu{display:block}
ul#contentmenu li.withsub:hover{border-bottom:1px solid #f4eee6 }
ul#contentmenu li ul.submenu li{display:block;line-height:40px;border-bottom:0;margin:0 1px;line-height:40px;height:40px;float:none}
ul#contentmenu li ul.submenu li:hover{border:none}
div#TopMenu a{color:#2b5858;display:block;font-size:16px; font-family: 'ArchitectsDaughterRegular', Arial, sans-serif;}

div#actublock{float:right;width:250px;margin-left:5px;padding:20px;min-height:250px;background-color:#66cc99;
}
div#actublock h2{font-size:1em;padding:0}
div#actublock h3{font-size:0.95em}
div#actublock p{font-size:0.9em}
img{border:2px solid #646666;}
div.article{}
div.article div.image{float:left;padding:5px 5px 5px 0}
div.article div.article-content{float:left;width:740px;padding-left:5px}


ul.childrenlist{list-style:none}
ul.childrenlist li.image {
  float: left;
  height: 240px;
  list-style: none outside none;
  text-align: center;
  width: 170px;
}
ul.childrenlist li.image div.title{}

ul#footermenu{margin:0;padding:0;float:right}
ul#footermenu li{margin:0;padding:0 5px;display:inline;float:left;line-height:22px; color:#646666;font-size:0.85em;}
ul#footermenu li.first{border:0}
a, a:visited {color: #397639;text-decoration:none}
a:hover{color:#646666}
a img{border:0;}
div.collection a img{border:1px solid #397639;}
h1, h2, h3{color:#2b5858}
h2{font-size:1.5em; margin:0;font-family:'ArchitectsDaughterRegular', Arial, sans-serif;}
h3, h3 a{font-size:1.2em; margin:0;font-family:'ArchitectsDaughterRegular', Arial, sans-serif;}
div.field {
  background: none repeat scroll 0 0 white;
  border: 1px solid #CCCCCC;
  margin: 5px 0;
  padding: 10px;
  width: 400px;
}
div.field:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
div.field label{line-height:25px}
div.field input{float:right;width:300px}
div.field textarea{width:100%;height:100px}


div #collections{}
div#collections div.title{}


div.collection ul{list-style-type:none;padding:0}
div.collection ul li{float:left;width:93px;text-align:center}
div.collection ul li .image{text-align:center}
/* TABS */

.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}



.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
    list-style-type:none;
}


div.ui-tabs-hide{display:none}
div.ui-widget-content{position:relative}

.ui-tabs-nav {width:100%;dispalay:block;border-bottom:1px solid #646666}



/*.ui-tabs-nav li { margin:0 5px;background:transparent url(../images/onglet-g.png) no-repeat top left;padding-left:15px;float:left;height:43px}
.ui-tabs-nav li a {background:transparent url(../images/onglet-d.png) no-repeat top right;padding-right:15px;display:block;height:43px}
.ui-tabs-nav li a span{color:white;line-height:43px}

.ui-tabs-nav li:hover, .ui-tabs-nav li.ui-state-active { background:transparent url(../images/onglet-gh.png) no-repeat top left}
.ui-tabs-nav li:hover a, .ui-tabs-nav li.ui-state-active a{background:transparent url(../images/onglet-dh.png) no-repeat top right;}

*/
.ui-tabs-nav li{float:left;line-height:30px;padding:0px 5px;}
.ui-tabs-nav li .ol{background:transparent url(../images/blanc/ofg.png) no-repeat left top;}
.ui-tabs-nav li .or{background:transparent url(../images/blanc/ofd.png) no-repeat right top;padding:0 7px}
.ui-tabs-nav li .oc{background:transparent url(../images/blanc/ofm.png) repeat-x scroll left top; height:30px;font-size:0pt;}

.ui-tabs-nav li.ui-state-active .ol{background:transparent url(../images/blanc/oog.png) no-repeat left top;}
.ui-tabs-nav li.ui-state-active .or{background:transparent url(../images/blanc/ood.png) no-repeat right top;padding:0 7px}
.ui-tabs-nav li.ui-state-active .oc{background:transparent url(../images/blanc/oom.png) repeat-x scroll left top; height:30px;font-size:0pt;}

/*.ui-tabs-nav li {

	-moz-border-radius: 10px 10PX 0 0 ;
    -webkit-border-radius: 10px 10PX 0 0 ;
    border-radius: 10px 10PX 0 0 ;
    display:inline;
    line-height:30px;
    padding:6px 5px; margin-right:5px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C0C3C3), to(#848888));
background: -webkit-linear-gradient(#C0C3C3, #848888);
background: -moz-linear-gradient(#C0C3C3, #848888);
background: -ms-linear-gradient(#C0C3C3, #848888);
background: -o-linear-gradient(#C0C3C3, #848888);
background: linear-gradient(#C0C3C3, #848888);
-pie-background: linear-gradient(#C0C3C3, #848888);
behavior: url(/PIE.htc);

}


.ui-tabs-nav li.ui-state-active{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#848888), to(#C0C3C3));
background: -webkit-linear-gradient(#848888, #C0C3C3);
background: -moz-linear-gradient(#848888, #C0C3C3);
background: -ms-linear-gradient(#848888, #C0C3C3);
background: -o-linear-gradient(#848888, #C0C3C3);
background: linear-gradient(#848888, #C0C3C3);
-pie-background: linear-gradient(#848888, #C0C3C3);
behavior: url(/PIE.htc);
}
*/

.ui-tabs-nav li a, .ui-tabs-nav li , .ui-tabs-nav li a span {color:#F1EEEC}


div#main-image{text-align:center}
div#main-image div.img-info{height:20px}
div.collection-content{width:100%}

div#gallery ul:after{ clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;}
    
div#gallery{text-align:center}
div#gallery:after{ clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;}
div#gallery .childrenlist{background-color:#C0C3C3;border:1px solid #646666;float:left;padding:0 0 0 5px}
div#gallery .childrenlist li{float:left}
div#gallery .childrenlist li img{border: 2px solid #646666}


div#collections #display{}
div#collections #display ul{float:left;widht:245px;list-style:none;padding:0;}
div#collections #display ul li{width:100%;}
div#collections #display ul li a{padding:10px 5px;display:block;width:235px}
div#collections #display ul li.selected{background-color:white}
div#collections #display .collection{width:685px;padding:10px;background-color:white;float:right}

div#collections #display ul li.selected,div#collections #display .collection{ 
   
    -moz-box-shadow: 7px 7px 9px 0px #CCC;
    -webkit-box-shadow: 7px 7px 9px 0px #CCC;
    box-shadow: 7px 7px 9px 0px #CCC;
    behavior: url(/PIE.htc)
}
div#collections .collection h3{}
div#collections .collection .collect{float:left; width:170px; text-align:center;height:230px}
div#collections .collection .collect img{text-align:center}
div#collections .collection .collect h4{text-align:center}

div#sitemap{padding:10px 0;}
div#sitemap ul{list-style-type:none;padding:0 0 0 20px}
div#sitemap ul li{display:block}
div#sitemap ul li{margin:5px}
div#sitemap ul li{float:left}
div#sitemap ul li ul.level_3 li{float:none;margin:0}
div#sitemap ul li a{}
div#sitemap ul li h2, div#sitemap ul li h3{font-family:verdana,arial, sans-serif;font-weight:normal}
div#sitemap ul li h3{width:170px;margin:0;padding:0}

div#warning{padding:10px}
div#warning ul{margin:0;}
div#warning ul li{color:red}

p img{border:0; padding:3px;background-color:#C0C3C3;border:1px solid #646666}
p img[style~='left;']{margin:0 5px 5px 0}
p img[style~='right;']{margin:0 0 5px 5px}

/* BEGIN loading  */
#loading{margin:50px auto;width:150px}

#circleG{
width:149.33333333333334px;
}

.circleG{
background-color:#FFFFFF;
float:left;
height:32px;
margin-left:17px;
width:32px;
-webkit-animation-name:bounce_circleG;
-webkit-border-radius:21px;
-webkit-animation-duration:2.7s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:bounce_circleG;
-moz-border-radius:21px;
-moz-animation-duration:2.7s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
opacity:0.3;
-o-animation-name:bounce_circleG;
border-radius:21px;
-o-animation-duration:2.7s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:2.7s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
opacity:0.3}

#circleG_1{
-webkit-animation-delay:0.54s;
-moz-animation-delay:0.54s;
-o-animation-delay:0.54s;
-ms-animation-delay:0.54s;
}

#circleG_2{
-webkit-animation-delay:1.26s;
-moz-animation-delay:1.26s;
-o-animation-delay:1.26s;
-ms-animation-delay:1.26s;
}

#circleG_3{
-webkit-animation-delay:1.6199999999999999s;
-moz-animation-delay:1.6199999999999999s;
-o-animation-delay:1.6199999999999999s;
-ms-animation-delay:1.6199999999999999s;
}

@-webkit-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-moz-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-o-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}

@-ms-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#000000}

100%{
opacity:0.3}

}


/* END loading */