@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0;}

html, body {height: 100%;}
body { background: url(../images/bg.jpg) top center no-repeat #fff;}
body#hiver {background: url(../images/bg-hiver.jpg) top center no-repeat #fff;}

#wrap {min-height: 100%; background:url(../images/bg-pagelayout.jpg) center 743px no-repeat; width: 1000px; margin: 0 auto;}

#main {overflow:auto;
	padding-bottom: 256px;}  /* must be same height as the footer */

#header { width: 1000px; height: 248px; position: relative;}
#header #logo { width: 330px; float: left;}
#header #logo img { margin: 40px 0 0 0;}
#header #menus { width: 670px; float: right; text-transform: uppercase;}
#header #menus #langue { background:url(../images/noir-15.png); font-size: 14px; color: #fff; text-decoration: none; padding: 5px 16px; line-height: 25px; position: absolute; right: 0;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s, 0.2s;
-webkit-transition-timing-function: linear, ease-in;}
#header #menus #langue:hover { background-color: #000;}
#header #menus #menu { font-weight: bold; margin: 110px 0 0 0; float: right;}
#header #menus #menu a { color:#000; text-decoration: none; margin-left: 25px; padding: 5px 10px;
-webkit-transition-property: all;
 -webkit-transition-duration: 0.2s, 0.2s;
 -webkit-transition-timing-function: linear, ease-in;}
#header #menus #menu a:hover, #header #menus #menu a#select { color: #fff; background-color: #18a84e;}

#corps {}
#contenu { background-color: #faf2ce; margin: -40px 30px 0 30px; position: relative; z-index: 10; padding: 30px; background: url(../images/tile-contenu.jpg); min-height: 300px;
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
box-shadow: 0 0 15px rgba(0,0,0,0.8);}

#footer {position: relative; background:url(../images/bg-footer.jpg) bottom center no-repeat;  color: #b5a7a2; font-weight: bold;
	margin-top: -256px; /* negative value of footer height */
	height: 256px;
	clear:both;} 
#footer-content { width: 1000px; margin: 0 auto; padding-top: 140px;}
#footer #copy { width: 459px; float: left; text-align: right; border-right: 1px solid #71564d; padding: 10px 40px 10px 0;}
#footer #copy a { color: #9b563c;}
#footer #copy a:hover { color: #fff; text-decoration: none;}
#footer #contact { width: 460px; float: right;  padding: 10px 0 10px 40px;}
#footer #contact a { color: #b5a7a2;}
#footer #contact a:hover { color: #fff; text-decoration: none;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

h1, h2, h3, h4, #header #menus, #corps-accueil #texte p, p.citation, p.citation-sign {  font-family: 'Tienne', serif;}
p, #contenu ul, #formulaire-contact, #formulaire-contact .text-input { font-family: 'Open Sans', sans-serif;}
#footer, .btn-services .btn-services-titre { font-family: 'Open Sans Condensed', sans-serif;}

h1 { background: url(../images/noir-50.png); font-size: 40px; display: inline-block; color: #fff; margin: 20px 20px 0 0; font-weight: normal; text-transform: uppercase; padding: 15px 25px 50px 30px;}
h2 { font-size: 40px; color: #fff; margin: 20px 20px 0 0; font-weight: normal; text-transform: uppercase;}
h4 { font-size: 20px; color: #624b30; margin: 0; font-weight: bold;}
p { font-size: 15px; line-height: 22px; color: #281007; padding-bottom: 30px; text-align: justify;}
p.citation { font-style: italic; font-size: 24px; color: #6f441b; line-height: 35px; padding: 0 40px 30px 40px;}
p.citation-sign { font-style: italic; color: #6f441b; padding: 0 40px 30px 40px;}
#contenu ul { font-size: 15px; line-height: 24px; color: #281007; padding: 0 0 30px 40px; list-style-image: url(../images/dot.png);}
#contenu ul li { padding-left: 5px;}

#contenu a { color: #0f8b46;
 background: transparent;
 text-decoration: underline;
 -webkit-transition-property: all;
 -webkit-transition-duration: 0.2s, 0.2s;
 -webkit-transition-timing-function: linear, ease-in;}

#contenu a:hover {
 color: #fff;
 background: #0f8b46;
 text-decoration: none;
}

.clear { clear: both;}


/* ACCUEIL */

#corps-accueil { background:url(../images/bg-accueil.jpg) top left no-repeat; position: relative; padding-top: 50px;}

#corps-accueil #texte { height: 291px; width: 970px; background: url(../images/noir-70.png);}
#corps-accueil #texte p { height: 291px; width: 430px; background:url(../images/barre-texte-accueil.jpg) top left no-repeat; color: #fff; line-height: 30px; padding: 20px 0 0 50px;}
#corps-accueil #texte p:first-letter {
font-size: 60px;
color: #ffeea0;
float: left;
height: 50px;
margin: 5px 10px 0 0;
line-height: 60px;
}

#corps-accueil #texte p a {color: #ffeea0;}
#corps-accueil #texte p a:hover {color: #fff; text-decoration: none;}

#accueil-services {background:url(../images/services-titre.png) 60px 95px no-repeat; padding: 0 0 0 515px; margin-top: 60px;}

.btn-services { width: 458px; height: 54px; background:url(../images/btn-services.jpg) no-repeat; border: 1px solid #4d4b45; position: relative; margin-bottom: 30px;
-moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
	box-shadow: 3px 3px 15px rgba(0,0,0,0.8)}
.btn-services:hover { cursor: pointer; background-position: -458px;}
.btn-services .btn-services-symbole { position: absolute; margin: -25px 0 0 10px;}
.btn-services .btn-services-titre { line-height: 54px; color: #fff; text-shadow: 0 0 10px #000; text-transform: uppercase; font-weight: bold; font-size: 24px; letter-spacing: 1px; margin-left: 100px;}

.barousel
{
    position:absolute;
	z-index: 40;
	margin: -30px 20px 0 515px;
	float: right;
    width:464px;
    height:333px;
	background-color: #fff;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
}

.barousel .barousel_image
{
    position:absolute;
    z-index:10;
    width:442px;
    height:311px;
	margin: 11px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
    padding:6px 12px 0px 12px;    
    z-index:50;
    color:#fff;
    width:505px;
    top:10px;
    left:10px;
	font-weight: bold;
	font-size: 13px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_nav
{
    position:absolute;
    height:23px;
    bottom:0;
    z-index:20;
    width:430px;
	padding: 0 15px 15px 0;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:15px;
    height:15px;
    background: url(../images/nav1.png) no-repeat;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
}

.barousel_nav li a.current
{
    background-position: -15px;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

/* CONTACT */

.red { color: #C00; }

#formulaire-contact { margin-bottom: 40px;}
#formulaire-contact .titre { font-size: 14px; font-weight: bold; color: #493429;}
#formulaire-contact .text-input { margin-bottom: 10px; padding: 3px 5px; line-height: 20px; background-color: #fff; width: 280px; font-size: 14px; border: 1px solid #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#formulaire-contact .text-input:focus { border: 1px solid #33b45e;}

#formulaire-contact .submit { text-transform: uppercase; border: 0; font-weight: bold; background-color: #0f8b46; color: #fff; padding: 5px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-transition-property: background;
-webkit-transition-duration: 0.2s, 0.2s;
-webkit-transition-timing-function: linear, ease-in;}
#formulaire-contact .submit:hover { background-color: #000; cursor: pointer;}



/* SERVICES */

.barousel-services
{
	z-index: 40;
	position: absolute;
	left: 500px;
	margin: 0 0 20px 0;
    width:330px;
    height:200px;
	background-color: #fff;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.barousel-services .barousel_image
{
    position:absolute;
    z-index:10;
    width:310px;
    height:180px;
	margin: 11px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel-services .barousel_content
{
    position:absolute;
    padding:6px 12px 0px 12px;    
    z-index:50;
    color:#fff;
    width:310px;
    top:10px;
    left:10px;
	font-weight: bold;
	font-size: 13px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel-services .barousel_nav
{
    position:absolute;
	display: none;
    height:23px;
    bottom:0;
    z-index:20;
    width:310px;
	padding: 0 15px 15px 0;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:15px;
    height:15px;
    background: url(../images/nav1.png) no-repeat;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
}

.barousel_nav li a.current
{
    background-position: -15px;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}



.showhim {color: #0f8b46;
 background: transparent;
 text-decoration: underline;
 cursor: help;
 }

.showhim:hover {
 color: #000;
 text-decoration: none;
}

.showme { 
display: none;
}
.showhim:hover .showme {
display: block; position: absolute; z-index: 80; top: 5px; left: 150px; width: 690px;
border: 1px solid #8ede98;
background:url(../images/bg-services.jpg);
-moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.8);
box-shadow: 3px 3px 15px rgba(0,0,0,0.8);}

.showme p { color: #fff; padding: 20px; font-size: 13px; line-height: 19px; }