/***********************************************************************************************/
/* Font*/
/***********************************************************************************************/

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.
   * Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.938 * 16px ~ 15px) */
body {
  font-size: 87.5%;
  color:#d0d0d0;
  background:#d74f1b none;
  font-family: "AgendaLightRegular", Verdanna, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {  color:#f26522; font-weight: normal;}

h1 { font-family: 'SilomRegular', Verdanna, Arial, sans-serif;font-size: 2.133em; line-height: 1; margin:0;text-transform:uppercase;}
h2,h3 { font-family: 'SilomRegular', Verdanna, Arial, sans-serif;font-size: 1em; margin-bottom: 1.429em; margin-top:0; }

h4, h5, h6 {
	font-family: 'SilomRegular', Verdanna, Arial, sans-serif;font-size: 0.8em; margin-bottom: 0.429em; margin-top:0;
}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height:1.4em;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/* Lists
-------------------------------------------------------------- */

li ul,
li ol  { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 0.6em; list-style-image:url(/images/site/list-image.png); }

#container ul li{margin-bottom: 6px;line-height:18px;}

dl     { margin: 0 0 1.5em 0; }
dl dt  { font-weight: bold; }
dd     { margin-left: 1.5em;}

a{color:#d0d0d0;text-decoration:none;}
a:hover{color:#FFF;}

b, strong{ font-weight: bold; }
/* Font embedding */

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

}
@font-face {
    font-family: 'AgendaLightRegular';
    src: url('typos/agenda-light-webfont.eot');
    src: url('typos/agenda-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('typos/agenda-light-webfont.svg#AgendaLightRegular') format('svg'),
         url('typos/agenda-light-webfont.woff') format('woff'),
         url('typos/agenda-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'AgendaMediumRegular';
    src: url('typos/agenda-medium-webfont.eot');
    src: url('typos/agenda-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('typos/agenda-medium-webfont.svg#AgendaMediumRegular') format('svg'),
         url('typos/agenda-medium-webfont.woff') format('woff'),
         url('typos/agenda-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/***********************************************************************************************/
/* GÉNÉRAL */
/***********************************************************************************************/
#navigation{height:52px;}
body.home #container{padding:430px 0 0 0;}
#container{padding:55px 0 0 0; min-height:0px;}

.content-bg{background:url(/images/site/content_bg.jpg) no-repeat bottom center; padding-bottom:250px;}
.content-bg-repeat{background:#000 ;}

#content{padding-top:50px;}

.header{height:94px;}

#footer{padding: 19px 0 27px 0; background-color:#f26522; min-height:0px; text-align: center; }
.footer_left{text-align:right;}
.footer_center{text-align:center;}

#footer a { margin: 0 15px 0 15px; }

.logo{margin-top:14px;}

#conception{padding: 20px 0 60px 0;font-size:0.714em; }
#conception ,
#conception a{color:#303030; text-decoration:none; text-align:center;font-family: 'AgendaMediumRegular', Verdanna, Arial, sans-serif;}


/***********************************************************************************************/
/* MAIN MENU */
/***********************************************************************************************/
#navigation li{
	display:block;
	width:191px;
	margin-right:1px;
	float:left;
	background:transparent url(/images/site/menu_bg.png) repeat;}
#navigation li a{
	font-family: 'SilomRegular', Verdanna, Arial, sans-serif;
	text-shadow: -1px -1px 1px #605441;
	line-height:4em;
	color:#b9b9b9;
	text-decoration:none;
	font-size:0.857em;}
#navigation li a:hover{color:#fff;}
#navigation li:hover{background:transparent url(/images/site/menu_bg_over.png) repeat;}

/***********************************************************************************************/
/* TOP RIGHT MENU */
/***********************************************************************************************/
.header-right{padding-top:34px;}
.header-right ul,
.header-right li{list-style:none;margin:0;padding:0;}
.header-right li{
	float:left;
	display:inline-block;
	padding:0 5px;
	text-transform:uppercase;
	font-family: 'SilomRegular', Verdanna, Arial, sans-serif;
	font-size:0.857em;
}
.header-right li a{
	color:#686868;
	font-weight:normal;
	text-decoration:none;
}
.header-right li a:hover{color:#fff;}
.header-right li.sep{color:#686868;}

/***********************************************************************************************/
/* Buttons */
/***********************************************************************************************/
#footer, #footer h3, #footer a{color:#373025;}
a.bt_orange{
	font-family: 'SilomRegular', Verdanna, Arial, sans-serif;
	background-color:#f35b1f;
	display:inline-block;
	padding:4px 7px;
	text-align:center;
	font-size:0.786em;
	color:#303030;
	text-decoration:none;
	text-transform:lowercase;
}
a.bt_orange:hover{color:#fff;}

/***********************************************************************************************/
/* HOME */
/***********************************************************************************************/
/* Home services boxes */
.home_services h3{margin-bottom:20px;}

/***********************************************************************************************/
/* Drop Shadow img sidebar */
/***********************************************************************************************/
.sidebar-shadow{}

/***********************************************************************************************/
/* HOME SLIDER */
/***********************************************************************************************/
.container_12{z-index:1000; position:relative;}
.home_slideshow{ width:100%; height:100%; position:absolute; left:0px; top:0px;z-index:1;}

.home_wrapper{position:relative;}

.home_slideshow h1{
	color:#f26522;
	font-size:3.286em;
	text-align:center;
	width:960px;
	margin-left:-480px;
	z-index:100;
	left:50%;
	position:absolute;
	top:320px;
	text-transform:lowercase;
	font-family: 'SilomRegular', Verdanna, Arial, sans-serif;
	line-height:48px;}
.home_slideshow h1 span.txt{ font-size:0.913em;color:#d0d0d0;font-family: 'AgendaMediumRegular', Verdanna, Arial, sans-serif;}
.home_slideshow h1 span.monde{}

.slideshow_left,
.slideshow_right{top:0px; width:100%; text-align:center; height:571px; position:relative; overflow:hidden;}
.slideshow_left{top:-571px; }

.slideshow_left img,
.slideshow_right img{margin-left:-480px; left:50%; position:absolute; display:none;}
.slideshow_right img{margin-left:-130px;}

/***********************************************************************************************/
/* SLIDER */
/***********************************************************************************************/
.rs-slideshow{
    height: 396px;
    margin: 5px auto 0px auto;
    width: 381px;
	background: #fff;
	}
.home .rs-slideshow{
    height: 300px;
    margin: 0 auto 30px auto;
    width: 940px;}

.slide-container { background: black; }
.slide-container .slide-caption{background-color:#303030;
	padding: 15px 15px;
	text-align:left;
	text-transform:uppercase;
	text-shadow: -1px -1px 1px #605441;
	font-size:0.857em;}


div#slideshow {
	width: 960px; height: 518px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}

/***********************************************************************************************/
/* Product */
/***********************************************************************************************/
.product_list, .bloc ul {
	margin-left: 20px;
}


.hr {
	height: 1px;
	line-height: 1px;
	padding-bottom: 18px;
	display: block;
  	border-top: 1px solid #303030;
}