@charset "utf-8";
/* CSS Document */

/* Polices */
@font-face {
    font-family: 'ralewayregular';
    src: url('../../fonts/raleway-regular-webfont.eot');
    src: url('../../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('../../fonts/raleway-bold-webfont.eot');
    src: url('../../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../../fonts/raleway-semibold-webfont.eot');
    src: url('../../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin';
    src: url('../../fonts/raleway-thin-webfont.eot');
    src: url('../../fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/raleway-thin-webfont.woff') format('woff'),
         url('../../fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('../../fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'CardoRegular';
    src: url('../../fonts/Cardo104s-webfont.eot');
    src: url('../../fonts/Cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Cardo104s-webfont.woff') format('woff'),
         url('../../fonts/Cardo104s-webfont.ttf') format('truetype'),
         url('../../fonts/Cardo104s-webfont.svg#CardoRegular') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'CardoItalic';
    src: url('../../fonts/Cardoi99-webfont.eot');
    src: url('../../fonts/Cardoi99-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Cardoi99-webfont.woff') format('woff'),
         url('../../fonts/Cardoi99-webfont.ttf') format('truetype'),
         url('../../fonts/Cardoi99-webfont.svg#CardoItalic') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'CardoBold';
    src: url('../../fonts/Cardob101-webfont.eot');
    src: url('../../fonts/Cardob101-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Cardob101-webfont.woff') format('woff'),
         url('../../fonts/Cardob101-webfont.ttf') format('truetype'),
         url('../../fonts/Cardob101-webfont.svg#CardoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}




html,#bg,#bg table,#bg td,#cont{width:100%; height:100%; overflow:hidden; }
body{ width:100%; height:100%; overflow:hidden; font-family:Arial,Helvetica,sans-serif; cursor:default; font-size:12px; color:#e2ddd7; z-index:100;background-color:#000000;}


#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td{vertical-align:middle; text-align:center}
#bg img{min-height:55%; min-width:55%; position:absolute; top:20%; left:20%;}

/*
#slideshow-container	{ width:512px; height:384px; position:relative; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }

#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td{vertical-align:middle; text-align:center}
#bg img{min-height:70%; min-width:70%; margin:0 auto; position:absolute; top:0; left:0; z-index:1; }

*/


.blacksquares{ width:100%; height:100%; background:url(../../images/configurator/squares.png) repeat-x; position:absolute; top:0; left:0; z-index:100;}

.editable.admin, .edit_area.admin, .edit_textarea.admin  { border:2px dashed red;}
.editable.admin form, .edit_area.admin form, .edit_textarea.admin form { position:relative; z-index:100;}
#switchadminlink { position:fixed; zoom:1; top:10px; right:10px; font-size:14px; font-weight:bold; text-decoration:none; z-index:1000;}

/* ----------------- head -----------------  */
#global{ width:100%; height:100%; background:url(../../images/configurator/bg_header.jpg) repeat-x left top; }

#global2{ width:990px;  margin:0 auto; padding:0; }
.logo_home_container{ width:100%; display:block; margin-bottom:10px;}
#header{ position:relative;}
#header img{ margin:0 auto; padding:0; border:0;}
#header ul.menu { position:relative; z-index:900; margin:0; padding:0; font-size:12px; color:#FFF; display:table-row; }
#header ul.menu li{ list-style:none; margin:21px 20px 0 0; padding:0 0 10px 15px; float:left; /*border-left:1px solid #54666c;*/ background:url(../../images/configurator/bg_header_bullet.jpg) left center no-repeat; position:relative; display:inline;/* z-index:80; */
font-size: 14px;
display:table-cell;
vertical-align:middle;
color: hsl(0, 100%, 100%);
text-shadow: 2px 2px 2px hsl(0, 0%, 0%);
filter: dropshadow(color=#000000, offx=2, offy=2);
text-transform: uppercase;
 text-align:center;
 height:25px;
}
#header ul.menu li.first{ background:none;}

#header ul.menu li a{ color:#FFF; text-decoration:none;display:table-cell;vertical-align:middle; font-family:Arial, Helvetica, sans-serif; height:35px;}
#header ul.menu li a.active, #header ul.menu li a:hover{ text-decoration:underline; }
#header ul.menu ul{ z-index:950; display:none; list-style:none; margin:12px; padding:0; position:absolute; top:36px; background:#202d33; left:0;  border-bottom:1px solid #344147;  border-left:1px solid #344147;  border-right:1px solid #344147; }
#header ul.menu ul li{ margin:0;float:left; padding:5px 15px 5px 15px; background:#202d33; float:none; display:block; text-align:left; height:	auto;}
#header ul.menu ul li:hover{ background-color:#1b2429;}
#header ul.menu ul li a{ zoom:1; text-transform:none; }

#carbon{ position:absolute; right:0; top:95px; z-index:50; }

a.demande_de_devis{ float:right;padding-top:30px;padding-right:220px;}

#header ul.menu li a.demande_menu{ background-color:#b5b4b0; color:#000000; padding:0 5px 0 5px; }

#general_home{ position:absolute; left:0; color:#fff;margin:10px 0 0;}
#languages{ color:#FFF; position:absolute; right:0;margin:10px 0 0; }
#general_home a, #languages a{ color:#FFF; font-weight:bold; text-decoration:none; }
#general_home a, #languages a:visited{ color:#FFF; }
#general_home a.current, #languages a.current{ color:#41bcae; }
#general_home a.current:visited, #languages a.current:visited{ color:#41bcae; }

#toppanel {	text-align: center; position:absolute; top:0; width:100%; }
#panel {position: relative; top: 1px; width: 100%; height: 0px;	z-index: 10; overflow: hidden; text-align: left;}
#panel_contents { background: black; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70;	opacity: 0.70; height: 100%; width: 100%; position: absolute; z-index: -1;}
.panel_button {	margin-left: auto; margin-right: auto; position: relative; top: 1px; width: 173px; height: 24px; background: url(../../images/configurator/icons/panel_button.png) bottom center; z-index: 20; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; cursor: pointer; paddin:5px 10px;}
.panel_button img {	position: relative;	top: 5px; border: none;}
.panel_button a { text-decoration: none; color: #545454; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.panel_button a:hover {	color: #999999;}
#pageDesc { margin:0 auto; width:800px; color:#fff; padding:20px 0;}

/* ----------------- general -----------------  */
h1{ text-align:center; position:absolute; top:25%; left:50%; margin-left:-275px;}

p{ margin:8px 0 8px 0;}
a{ margin:0; padding:0;}
a img{ border:0; display:block;}

.clearer{ clear:both; font-size:0; }
.hr{ background:url(../../images/configurator/hr.jpg) no-repeat; width:968px; height:40px; margin:0 auto 10px auto; clear:both;}
.bold{font-weight:bold;}


/*-------------------- index salles -----------------------*/
h2 { min-height:40px;}
h2 a{ font-weight:normal; font-size:18px; text-transform:uppercase; font-family: 'CardoRegular'; margin:0 0 15px 0; padding:0; color:#FFFFFF; text-decoration:none;}
h2 a:hover{ text-decoration:underline;}
#indexSalles{ position:absolute; bottom:10%; width:990px; top:46%; }
.indexSalle{ float:left; width:280px; margin:0 30px 0 20px;display:inline; }
.indexSalle div.details{ border-top:1px solid #a28d5d; border-bottom:1px solid #a28d5d; padding:10px 0 0 0; height:100px; }
.indexSalle div.details img{ float:left; margin:0 10px 0 0;}
.indexSalle div.details p{ margin:0 0 10px 0;}
.indexSalle a.arrow{ float:right; margin:10px 0 0 0;}