/************** Fonts *****************/
@font-face{ font-family:'Champagne & Limousines'; src: url('../fonts/ChampagneLimousines.ttf'); }
@font-face{ font-family:'Champagne & Limousines'; src: url('../fonts/ChampagneLimousinesBold.ttf'); font-weight:bold; }

html, body{ height:100%; }
body{ margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#424242; background:#2c2c2c; }
a img{ border:none; }
a{ color:#FFF; }
a:visited{ color:#FFF; }
a:hover{ text-decoration:none; }

form{ margin:0px; padding:0px; }
.clearer{ clear:both; font-size:0; height:1%; }

h1{ font-family:'Champagne & Limousines'; margin:0 0 10px 0; font-size:30px; line-height:35px; color:#33ccff; font-weight:bold; text-transform:uppercase; }
h2{ margin:0 0 10px 0; font-size:13px; color:#33ccff; }

#globale{ width:960px; margin:0 auto; position:relative; z-index:2; }

#langChoice{ height:24px; color:#FFF; font-size:15px; padding-top:6px; text-align:right; }
#langChoice a{ color:#FFF; text-decoration:none; }
#langChoice a:visited{ color:#FFF; }
#langChoice a:hover{ color:#FFF; }

#header{ background:#4471aa; height:600px; border-bottom:6px solid #CCC; overflow:hidden; width:100%; position:relative;  }
#header .inner-content{ width:960px; margin:0 auto; position:relative; z-index:15; }
#header #menu-bg-left{ position:absolute; left:-802px; top:30px; z-index:15; }
#header #menu-bg-right{ position:absolute; left:959px; top:30px; z-index:15; }
#headerLogo{ float:left; margin:0 3px 0 0 }

#menu{ float:left; height:49px; zoom:1; background:url(../images/design/bg_header.png) repeat-x; width:727px; padding-left:10px; }
#menu ul{ margin:0; padding:0; list-style:none; height:49px; }
#menu ul li{ float:left; margin:12px 0 0 0; padding:4px 6px 13px 2px; position:relative; }
:root #menu ul li{ padding:4px 4px 13px 2px\9; } 
#menu a{ color:#FFF; text-decoration:none; text-transform:uppercase; }
#menu a:visited{ color:#FFF; }
#menu a:hover{ text-decoration:underline; }
#menu a.active{ text-decoration:underline; }

#sliderhome{ position:absolute; width:100%; z-index:10; top:0; left:0; }
#sliderhome .aviaslider{ position:relative; top:0; left:50%; padding:0; margin:0 0 0 -1000px; z-index:11; list-style:none; }
#sliderhome .aviaslider li{ margin:0; padding:0;  }
#sliderhome .aviaslider img{  }
#sliderhome .controls .next{ position:absolute; z-index:12; top:350px; right:50px; }
#sliderhome .controls .prev{ position:absolute; z-index:12; top:350px; left:50px; }
.headerimg { background-position:center top; background-repeat:no-repeat; width:100%; height:600px; position:absolute; }

#menu ul li ul{ position:absolute; left:-10px; top:36px; display:none; width:170px; margin:0; padding:0; }
#menu ul li ul li{ display: list-item; float: none; margin:0; padding:13px 10px 0; height:30px; background:url(../images/design/bg_submenu.png) repeat-x; }
#menu ul li ul li ul{ top: 0; }

.edit_area.admin,
.editable.admin,
.edit_textarea.admin,
.edit_image.admin{ border:1px dashed red; position:relative; }

#sidebar{ float:left; width:290px; padding-top:20px; }
#contentsided{ background:#222; color:#FFF; float:left; width:590px; padding:40px; min-height:550px; }
#content{ background:#222; color:#FFF; padding:40px; min-height:450px; }

#footer{ background:#CCC; height:75px; color:#333; }
#footer-inner{ width:960px; margin:0 auto; }
#footer .logo{ float:left; }
#footer .text{ float:right; padding:30px 40px 0 0;}

ul.listcatshop{ margin:40px 0 0 0; padding:0; list-style:none; }
ul.listcatshop li{ font-size:17px; background:#222; width:250px; display:block; margin:0 0 5px; }
ul.listcatshop li a{ color:#FFF; text-decoration:none; display:block; padding:5px 10px; }
ul.listcatshop li a:visited{ color:#FFF; }
ul.listcatshop li a:hover{ color:#3CF; }


#adminPanel{ position:absolute; top:630px; right:10px; zoom:1; }
#adminPanel #links{ margin-bottom:10px; }
#adminPanel #links a{ color:#FFF; }
#switchadminlink { zoom:1; font-size:14px; font-weight:bold; text-decoration:none; z-index:1000;}

.legend{ font-size:11px; font-weight:normal; }

div.success { background-color:#caf5c9; border:1px solid; padding:10px; margin-bottom:10px; }



#footerBottom{ text-align:center; font-size:.8em; margin:20px 0 15px 0; padding:3px 0; color:#000; height:1%; background:url(../images/design/bg_box_footer2.png) no-repeat; }

/*------------------FORMS-------------------*/
.error{ color:#CC0000;font:bold 1em Arial, Helvetica, sans-serif; }
div.error{ background-color:#e1bdae; border:1px solid; padding:10px; margin-bottom:10px; }
div.error ol{ list-style:decimal; padding-left:10px; margin-left:10px; }

form.myForm{  }
form.myForm fieldset { margin:0; padding: 0;border:none; }
form.myForm legend { margin-left: 1em;color: #97917D;font-weight: bold; }
form.myForm fieldset ol { padding: 0; list-style: none; margin:0; }
form.myForm fieldset li { padding: 0.3em; }
form.myForm fieldset.submit { float: none; width: auto; border-style: none; padding-left: 12em; margin-top:0;}
form.myForm label { position: relative; float: left; width: 10em; margin-right:1em; font-weight:bold; }
form.myForm label em { position: absolute; left: 10em; top: 0; color:#FF0000;}
form.myForm input.digit{ text-align:right;}
form.myForm label strong { text-align:left; color:#CC0000; display:none; font-size:0.8em; font-weight:normal; left:30em; position:absolute; text-transform:uppercase; top:0.2em; width:20em;}
form.myForm .error label strong { display:block; }
form.myForm input.longtext{ width:350px; }
form.myForm input.numeric{ text-align:right; }

#content #ulFaq{ list-style:none; margin:0; padding:0; }
#content #ulFaq li{ padding:0 0 5px 0; }
#content #ulFaq li p{ margin:0 0 0px 0; }
#content #ulFaq li .answer{ }

#galleryList .item{ width:150px; float:left; margin-right:8px; margin-bottom:10px; }
#galleryList .item p{ margin:3px 0; }

#photosList img{ float:left; margin:25px 25px 0 0; }
#photosList .videocontainer{ float:left; margin:25px 25px 0 0;  position:relative; }
#photosList .videocontainer .button{ position:absolute; width:44px; height:44px; left:72px; top:47px; margin:-22px 0 0 -22px; }
#photosList .videocontainer .button a{ text-decoration:none; display:block; height:44px; width:44px; background:url(../images/design/play.png) no-repeat; }
/*#photosList .videocontainer .button a:hover{ background:url(../images/design/play_hover.png) no-repeat; }*/

table.dataGridPublic{ width:100%; border-collapse:collapse; margin-top:25px; }
table.dataGridPublic td{ border:1px solid #333; padding:3px; }
table.dataGridPublic thead th{ border:1px solid #333; background:#333; color:#FFF; padding:3px; font-weight:normal; text-align:left; }
table.dataGridPublic tbody td{ }

.btnBlue{ background:#3CF; border:1px solid #014785; color:#333; cursor:pointer; }

/* SHOP */
#panelCaddy{ float:right;  }

#bg div{position:fixed; width:200%; height:200%; top:-50%; left:-50%; vertical-align:middle; text-align:center}
#bg img{min-height:50%; min-width:50%; position:absolute; top:25%; left:25%;}