/* CSS Document */

html {width:100%;margin:0;}

body 
{width:100%;min-height:100%;margin:0px;padding:0px;background: #161717;font-family: 'Raleway', sans-serif;color:#38332D;}


#main {
	height:100%;
}


#content {	
   width:100%;
   height:580px; /* ou bien on connait sa hauteur */
   position:absolute;
   margin-top:180px; /*La moitié de la hauteur du bloc */
   background: url(fc.png) top center no-repeat;
}

#visuel {height:580px;width:710px;text-align:left;float:left;text-align:center;} 

#visuel_section_1 {height:466px;width:710px;text-align:left;background: #fff;overflow:hidden;} 

.page {font-size:13px;font-family: 'Raleway', sans-serif;padding: 30px 30px 30px 60px;}

.texte {font-size:13px;font-family: 'Raleway', sans-serif;}

a {color:#8F9936;text-decoration:none;}
a:hover {color:#8F9936;text-decoration:underline;}


#visuel_section_2 {height:112px;width:710px;text-align:left;background: #161717;overflow:hidden;} 

#menu {height:580px;width:246px;text-align:left;float:left;} 

#menu_section_1 {height:466px;width:236px;text-align:left;} 
#menu_section_2 {height:84px;width:236px;text-align:right;padding: 16px 0px 12px 0px;} 
#menu_section_2 p {text-align:right;padding-top:10px;font-size:9px;line-height:11px;} 

div.zone_image {height:466px;width:710px;overflow:hidden;display:table-cell;vertical-align:middle;}
div.zone_image p{margin:0;padding:0;}

h4 {color:#8F9936;margin-top:40px;font-size:21px;}

ul.partager {width:200px;height:150px;list-style: none;display:block;}

ul.partager li {list-style: none;display:block;width:246px;height: 150px;margin:0;padding:0;background: url(partager_off.png) top right no-repeat;}

ul.partager li:hover {list-style: none;display:block;height: 150px;background: url(partager_on.png) top right no-repeat;margin:0;padding:0;}

ul.partager li ul{list-style: none;display:none;position-absolute;height: 150px;top:25px;left:0;text-align:left;margin:0;padding:0;width:246px;}

ul.partager li:hover ul {display:block;}

ul.partager li:hover ul li{height: 150px;width:150px;margin:0 0 0 0;padding:40px 0 0 0;width:246px;text-align:left;background: url(partage_bg.png) no-repeat;background-position: 50px -25px;color:#38332D;}

#fb-share {background: url(likes_buttons.png) no-repeat;margin-left:175px;background-position: 0px 0px;height:26px;width:61px;font-size:12px;font-weight:bold;padding: 2px 0 0 32px;color:#38332D;}

#twitter-share {background: url(likes_buttons.png) no-repeat;margin-left:175px;background-position: 0px -27px;height:26px;width:61px;font-size:12px;font-weight:bold;padding: 2px 0 0 32px;color:#38332D;}

#pinterest-share {background: url(likes_buttons.png) no-repeat;margin-left:175px;background-position: 0px -55px;height:22px;width:61px;font-size:12px;font-weight:bold;padding: 2px 0 0 32px;color:#38332D;}

#gplus-share {background: url(likes_buttons.png) no-repeat;margin-left:175px;background-position: 0px -82px;height:26px;width:61px;font-size:12px;font-weight:bold;padding: 2px 0 0 32px;color:#38332D;}

#addthis-share {margin-left:145px;height:26px;width:61px;font-size:12px;font-weight:bold;padding: 2px 0 0 32px;color:#38332D;}



/*************************************************************************/
/* MENU */
/*************************************************************************/


#nav {
	margin: 25px 0 20px 0px;
	padding: 0px;
	display:block;
	line-height: 100%;
    min-height: 225px;
	height:auto;
    width:246px;
	float:left;
	z-index: 6000;
	text-align:right;


}

#nav li {
	margin: 12px 3px 0px 3px;
	padding: 0;
	float: none;
	display:block;
	position: relative;
	list-style: none;
	z-index: 6000;
	text-align:right;

}

#nav li._on a
{color:#fff;}


/* main level link */
#nav a {
	color:#939393;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding:  6px 0;
	margin: 0;
	background: transparent;
	border: none;
	font-size:24px;
}

#nav a:hover {	
	background: transparent;
	color:#fff;	
}

/* main level link hover */
#nav li:hover > a {
	color:#fff;
	background: transparent;
	border: none;
}

#nav li._on > a {
	color:#fff;
	background: transparent;
	border: none;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	color: #fff;
}
#nav ul a:hover {
	color:#fff;
}

#nav li > ul {
	display: none;
}

#nav li._on > ul {
	display: block;
	margin:8px 0;
	padding:0;	
}

#nav li:hover > ul li {
	display: block;
	margin:1px 0;

}

#nav li._on > ul li {
	display: block;
	margin:1px 0;
}


/* dropdown */
#nav li:hover > ul {
	display: block;
	margin:8px 0;
	top: 0px;
	padding:0;	
}

#nav li:hover ul li a{
	background: url(sm-bg.png) top right repeat-y;
	font-size:18px;
	padding: 5px 0;
	margin: 1px 0 1px 40px;
	line-height: 18px;
	color:#ced2ac;
}

/* dropdown */
#nav li ul li a{
	background: url(sm-bg.png) top right repeat-y;
	font-size:18px;
	padding: 5px 0;
	margin: 1px 0 1px 40px;
	line-height: 18px;
	color:#ced2ac;
}

#nav li._on ul li a{
	background: url(sm-bg.png) top right repeat-y;
	font-size:18px;
	padding: 5px 0;
	margin: 1px 0 1px 40px;
	line-height: 18px;
	color:#ced2ac;
}

#nav li ul li.sm-on a{
	background: url(sm-bg.png) top right repeat-y;
	font-size:18px;
	padding: 5px 0;
	margin: 1px 0 1px 40px;
	line-height: 18px;
	color:#cfde3c;
}

#nav li ul li:hover a{
	background: url(sm-bg.png) top right repeat-y;
	font-size:18px;
	padding: 5px 0;
	margin: 1px 0 1px 40px;
	line-height: 18px;
	color:#cfde3c;
}




/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#nav {
	display: inline-block;
} 

html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}