/* *** Basic Reset from Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ *** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
body {
	color: #555555;
	font:12px/1.331 arial,helvetica,clean,sans-serif;
    background-color: #0e0d0d;
	text-align: justify;
	line-height:20px;
}
ol, ul { list-style: none; }
h1 {font-size:16px; letter-spacing:0.3em;}
h2 {font-size:14px;}
h3 {font-size:10px;}
h4 {font-size:13px; font-weight:bold; background-image:url(../images/design/puce.png) ; background-repeat: no-repeat; color:#8b8989;}
:focus { outline: 0; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.keyword { font-weight: bold; font-size:16px; letter-spacing:0.3em; color:#777777; font:brush-script; }
/* End of basic reset */

/* Basic colors */
a, a:active { color: #555555; text-decoration:none;}
a:hover { color: #777777; }
li a, li a:active, li a:hover , li a:link, li a:focus, li a:visited { text-decoration: none; }

/* *** Basic layout for all pages *** */
div#wrapper {
    width: 950px;
    margin: 0 auto;
	background:url(../images/design/back.png) repeat-y;
}


/*************************************** masthead ******************************************/
/*#topnav {
    background-color: #515B5F;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 1px 1em;
}
#topnav a, #topnav a:hover { color: #fff; text-decoration: none; }*/

#masthead h1 {
    text-indent: -9999px;
    display: block;
    width: 900px;
    height: 200px;
	margin-left:25px;
    }
#masthead h1 a {
    display: block;
    width: 900px;
    height: 200px;
}
#masthead ul li {display: inline; }
#masthead ul#mainnav {
    background-color: #0e0d0d;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
    width: 900px;
	margin-left:25px;
	margin-top:5px;
    padding: 2px 0;
	line-height:30px;
	text-align:right;
}
#masthead ul#mainnav, #masthead ul#mainnav a{ color: #555555;}
#masthead ul a {
    margin: 0 8px;
    padding: 0px 8px;
}
#masthead ul#mainnav li a:hover{
    color: #777777;
}
#masthead ul#mainnav li a.selected { 
	color:#777777;
	font-weight:bold;}
	
#masthead ul#subnav {
    color: #555555;
	text-align:right;
	margin-right:25px;
	margin-top:10px;
	float:right;
}

#masthead ul#subnav a { color: #524F46;}

#masthead ul#subnav li a:hover {
    background-color: #555555;
    color: #000;
}

#logo {
	position:absolute;
    width: 200px;
    height: 200px;
	margin-left:25px;
	background:url(../images/design/logo.png);
    }
	
#diaporama {
	position:absolute;
    width: 704px;
    height: 202px;
	margin-left:225px;
	background-image:url(../images/design/mountains.png);
	z-index:1000;
    }

/* content */
#content {
/*    background:url(../images/design/back.png) repeat-x;
*/    padding: 0 40px 40px;
}
#content h2 {
    font-size: 14px;
    margin: 26px 15px 20px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color:#555555;
}
#content h3 {
	font-size: 10px;
	font-weight: bold;
	margin: 13px 0 10px;
	color:#CCC;
}
#content p { margin-bottom: 1em; }

ol#visit-path li {display: inline; padding: 0 10px;}
ol#visit-path li:after { content: ' > '; }
ol#visit-path { 
    font-size: 11px;
    font-variant: small-caps;
    margin: 0 5px 20px;
	margin-top:10px;
}


/* footer */
#footer {
	margin-left: auto;
  	margin-right: auto;
	width:880px;
    color: #333333;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
	border-top: 1px solid #222222;

}

/* ***************************** Start of rules specific per page ************************* */


/* ******************************************* homepage *********************************** */

#home-content {
    width: 380px;
    height: 460px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -230px;
}

#home-content h1{
	color:#0e0d0d;
	z-index:-9999;}

#home-logo {

	width: 180px;
	height: 180px;
	position: relative;
	margin-top: 10px;
	margin-right:10px;
	background:url(../images/accueil/logo.png);
	float:left;
	z-index:9999;
}

#home-img1 {
	width: 180px;
	height: 180px;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	background:url(../images/accueil/img1.jpg);
	float:left;
}

#home-img2 {
	width: 180px;
	height: 180px;
	position: relative;
	margin-top: 20px;
	margin left: 10px;
	background:url(../images/accueil/img2.jpg);
	float:left;
}

#home-img3 {
	width: 180px;
	height: 180px;
	position: relative;
	margin-top: -180px;
	margin-left: 200px;
	background:url(../images/accueil/img3.jpg);
	float:left;
}

#home-slogan {
	width: 420px;
	height: 30px;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	float:left;
	font:Times, serif;
	font-style:italic;
	color:#555555;
}

#home-enter {
	width: 380px;
	height: 30px;
	position: absolute;
	margin-top: 400px;
	margin-left: 0px;
	text-align:right;
	color:#555555;
	letter-spacing:0.1em;
	font-size:16px;
	text-decoration:none;
	}

/* ******************************* emotion (index2) page ************************ */
#emotion {
    width: 800px;
    margin: 10px auto;
    text-align: center;
}
#emotion  img { 
    margin: 15px 0;
    max-width: 800px;
}
#emotion q { font-size: 13px; font-style: italic;}


/* *********************************** news page ********************************** */

div.news {
	margin: 0 0 2em;
	padding: 1em 0 0;
	border-top: 1px solid #666666;
	clear: both;
}
div.first { border: 0; }

div.news div{ margin-left: 190px;}

div.news img { 
	float: left;
	width: 160px;
	margin: 2em 0;
}
div.news div p.date { font-style: italic; }


/* ********************************* links page ********************************** */

div.links {	width: 310px; padding-left: 40px;}

div.links a {
	display: block;
	height: 50px;
	margin: 4px;
}
div.links a, div.links a:hover, div.links a:active { text-decoration: none; }

div.links a img {
	width: 75px;
	height: 50px;
	vertical-align: middle;
	padding-right: 20px;
}

/* ********************************* about page ********************************** */
#about { margin-left: 25px; margin-right:25px;}
#about img, img.about { border: 0px solid #fff; margin-right: 30px;margin-top:16px; }	

/* ********************************* services page ********************************** */

#services { margin-left: 25px; margin-right:25px; }

#tarifs { position: relative; float:left; width:400px; height:480px;}

#extraits-expo {position:relative; float:right; width:360px; height: 480px;}

#expo1 {position:absloute; width:100px; height:100px; background-color:#fff;}
#expo2 {position:relative; margin-left: 120px; margin-top:-100px; width:100px; height:100px;}
#expo3 {position:relative; margin-top: 20px; width:220px; height:100px;}
#expo4 {position:relative; margin-top: 20px; width:100px; height:100px;}
#expo5 {position:relative; margin-top: -100px; margin-left: 120px; width:100px; height:100px;}
#expo6 {position:relative; margin-left: 240px; margin-top:-340px; width:100px; height:340px;}


/* ******************************** Splash (index) page ************************* */

#splash-container {
	/* only needed for IE6 */
	height: 100%;
	width: 100%;
}	
#splash-wrapper {
	position: absolute;
	background: #0e0d0d;
	width: 100%;
	height: 100%;
}


/* Typography */
#splash-content h1 {
	display: block;
	width: 180px;
	height: 180px;
	position: relative;
	margin-left:10px;
	margin-top: 10px;
	background-color:#ffffff;
/*	background: #60696E;
	text-indent: -9999px;*/
	/*-height: 1%;*/ /* for IE5.0 */
}
#splash-content h1 a {
	display: block;
	width: 180px;
	height: 180px;
}

#splash-content a , #splash-content a:hover { 
	color: white;
	text-decoration: none
}
#splash-content p {
	text-align: right;
	font-size: 1.2em;
    font-style: italic;
    margin-top: 2em;


}
/**************************** Splash picture *************************/

#splash-content {
    width: 698px;
    height: 200px;
    position: absolute;
    margin-left: 226px;
}

img#splash-blender {
    width: 698px;
    height: 200px;
	z-index:1;
}
div#splash-img-container {
    width: 698px;
    height: 200px;
    margin: 0 auto;
}
div#splash-img-container a {
	display: block;
    width: 698px;
    height: 200px;
}

/***************************Image Menu**************************/

#reportages {
    width: 800px;
    height: 300px;
	margin-left:50px;
	margin-top:50px
    }
	
* {
margin:0px 0px 0px 0px;  /*top right bottom left*/
padding:0px 0px 0px 0px;
}

 
.sm {
list-style:none; 
width:800px; 
height:300px; 
display:block; 
overflow:hidden;
}

.sm li {
float:left; 
display:inline; 
overflow:hidden;
}

/***************************Zoom Photos Box**************************/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:2000;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/design/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/design/close.png);}
#sb-nav-next{background-image:url(../images/design/next.png);}
#sb-nav-previous{background-image:url(../images/design/previous.png);}
#sb-nav-play{background-image:url(../images/design/play.png);}
#sb-nav-pause{background-image:url(../images/design/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

table{margin:0 auto 18px;}
table th,table td{vertical-align:middle;text-align:center;padding:10px;width:100px;height:100px;}
table th{text-decoration:underline;}
table ul,table ol{margin-bottom:5px;}
table td.align-center{text-align:center;}
table.thumbs td{text-align:center;vertical-align:middle;}
table.thumbs td img{margin:0 auto;}
a.option{padding:4px 10px;border:1px solid #101010;background:#202020;text-decoration:none;display:block;float:left;clear:left;margin-bottom:4px;cursor:pointer;color:#0098ff;}
a.option:hover{background:#101010;}
img.border{padding:0px;border:1px solid #555555;background-color:#efefef;}


#contact-img {position:relative; width:400px; height:400px; margin-left: 450px; margin-top:-430px; background-image:url(../images/design/contact.png); z-index:1; }
p input, p textarea {background-color:#777777;}