/* CSS Document */

html {
	height: 100%;
}

body { 
	min-height: 100%;
	margin:0px;
 	padding:0px;
 	background:#ffffff;	
	position:relative;
}

.site-header {
	margin: 0px auto;
	height: 50px;
	width: 100%;
	text-align:center;
		
}

.nom {
	position: absolute;
	left: 20px;
	top: 0px;
	right: 20px;
	width: 250px;
	height: 20px;
	cursor: pointer;
}

.site-logo {
	font-size:20px;
	font-weight:lighter;
  	text-decoration:none;
	color:#615C59;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
}



.container {
	margin: 0 auto;
	width: 800px;
	height: auto;
	text-align:left;
}

.presentation {
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-align:center;
}

.content{
	text-align: justify;
	padding: 10px;
	font-size: 16px;
	color: #615C59;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	
}

.contentsm{
	text-align: justify;
	padding: 10px;
	font-size: 16px;
	color: #FFFFFF;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	
}

@font-face {
	font-family: 'Tw Cen MT';
	src: url('fontscorecomttwcenmt.eot');
	src: url('fontscorecomttwcenmt.ttf');
	src: url('fontscorecomttwcenmt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.overimage:hover {
    opacity: 0.8;
}

.h1{
	font-size: 22px;
	color: #686868;
	font-weight: normal;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
}

.h2{
	font-size: 28px;
	color: #686868;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
}

.h3{
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:justify;
	color: #615C59;
	padding: 4px;
	margin: 0px;
}

.h4{
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:justify;
	color: #615C59;
	padding: 0px;
	margin: 0px;
}

.h5{
	font-size: 18px;
	color: #686868;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
}

.h6{
	font-size: 16px;
	color: #686868;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
}

.h7{
	font-size: 14px;
	color: #686868;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
}

a, a:visited {
	color: #615C59;
	text-decoration: none;
}

a:link { 
 	color: #615C59;
	text-decoration: none; 
} 

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

a:focus, a:active {
    color: #615C59;
	text-decoration: none;
}

#menu, #menu ul{
padding:20px 80px;
margin:0;
list-style:none;
text-align:right;
}
#menu li{
display:inline-block;
position:relative;
-webkit-border-radius:0px 0px 0 0;
   -moz-border-radius:0px 0px 0 0;
        border-radius:0px 0px 0 0;
}
#menu ul li{
display:inherit;
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
}
#menu ul li:hover{
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
}

#menu ul{
position:absolute;
max-height:0;
width:70%;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
-o-transition: .8s all .3s;
-ms-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu li:hover ul{
max-height:15em;
}

#menuactif {
background:rgba(0, 0, 0, 0.5);
}

/* background des liens menus et sous menus au survol */
/*#menu li:first-child:hover, #menu li:first-child li:hover{
background:rgba(0, 0, 0, 0.5);
}
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{
background:rgba(0, 0, 0, 0.5);
}
#menu li:nth-child(3):hover, #menu li:nth-child(3) li:hover{
background:rgba(0, 0, 0, 0.5);
}
#menu li:nth-child(4):hover, #menu li:nth-child(3) li:hover{
background:rgba(0, 0, 0, 0.5);
}
#menu li:nth-child(5):hover, #menu li:nth-child(3) li:hover{
background:rgba(0, 0, 0, 0.5);
}
#menu li:nth-child(6):hover, #menu li:nth-child(3) li:hover{
background:rgba(0, 0, 0, 0.5);
}
#menu li:last-child:hover, #menu li:last-child li:hover{
background:rgba(0, 0, 0, 0.5);
}
*/
/* les a href */
#menu a{
text-decoration:none;
display:inline-block;
padding:0px 10px;
color:#FFFFFF;
font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
#menu ul a{
padding:8px 0;
}
#menu li{
color:#000000;
text-transform:inherit;
}

#menu li a{
color:#615C59;
text-transform:inherit;
}
#menu li:hover a, #menu li li:hover a{
color:#75706C;
}

.footer {
	margin: 0px auto;
	width: 100%;
	background-color: #333333;
	text-align:center;
	bottom: 0;
	padding-bottom: 150px;
	padding-top: 10px;			
}

.deco {
	padding-bottom: 10px;
	padding-top: 10px;
}


.copyright {
	color: #999999;
	font-size: 14px;
	font-family: "Tw Cen MT", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 40px;
}

#instagram a {
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url(images/png/glyph-logo_May2016_white.png);
	cursor: pointer;
}

/*#instagram a:hover {
  	/*background-image: url(images/png/glyph-logo_May2016.png);
}

#houzz a {
	position: absolute;
	width: 12px;
	height: 21px;
	background-image: url(images/png/houzz_logo_white.png);
	cursor: pointer;
}

#houzz a:hover {
  	background-image: url(images/png/houzz_logo.png);
}

#linkedin a {
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(images/png/linkedin_white.png);
	cursor: pointer;
}

#linkedin a:hover {
  	background-image: url(images/png/linkedin.png);
}*/

#facebook a {
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url(images/png/FB-f-Logo__white_20.png);
	cursor: pointer;
}

/*#facebook a:hover {
  	background-image: url(images/png/FB-f-Logo__blue_20.png);
}*/