@charset "utf-8"; 
html, body{background:url('../images/background.png') repeat 0 0 #000; color:#000}
li a {margin:5px;}
#conteneur{height:100%; width:100%}
#wrap-background-img{position:fixed; top:0; left:0; z-index:1; opacity:0}
#background-rayures{background:url('../images/background-transparent.png') repeat scroll 0 0 transparent; bottom:0; left:0; position:fixed; right:0; top:0; z-index:1}
#background{position:absolute;  width:100%; height:100%; z-index:2; top:0; left:0; right:0}
#content-background-white{display:none; position:absolute; top:0pt; left:0pt; width:100%; height:100%; background:none repeat scroll #000; z-index:1; opacity:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, #conteneur, #header, #content, #footer, .wrap, .footer-content, .footer-logo{margin:0; padding:0}
table{margin:0 0 10px; padding:0px; border-spacing:0}
fieldset, img{border:0}
del, ins{text-decoration:none}
li{list-style:none}
caption, th{padding:0; text-align:left}
tr.pages th{padding-right:5px; text-align:right}
h1, h2, h3, h4, h5, h6{font-weight:normal}
h1, h2, h3{text-transform:uppercase; margin-bottom:10px}
h2{padding:0 0 0 12px;font-family:'Conv_black',Helvetica,Arial,sans-serif}
sub{color:#EFEFEF; font-size:12px; vertical-align:baseline; font-weight:lighter}
legend{color:#000}
input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
input, button, textarea, select{*font-size:100%}
a{cursor:pointer; text-decoration:underline; color:#fff; text-shadow:0 1px 0px #000; outline:0}
a:visited, a:focus, a:hover{color:#fff; outline:0;  text-decoration:none;}
a.a_div{display:block; width:100%; height:100%}
a.a_submenu{background:url("../images/logo-submenu-background.png") repeat scroll 0 0 transparent; padding:2px 4px; position:fixed; text-align:left; text-transform:uppercase; top:200px; opacity:0; z-index:-1; display:none}
body{
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px
}
#copyright{ font-size : 10px; }
#top-black-line, #bottom-black-line{z-index:100; background:none repeat scroll 0 0 #000; box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; left:0; width:100%}
#top-black-line{height:2px; top:0}
.top-bg-line{background:url("../images/logo-menu-background.png") repeat-x scroll 0 0 transparent; height:22px; position:fixed; width:100%; z-index:101}
.top-bg-logo{background:url("../images/logo.png") repeat scroll 0 0 transparent; height:48px; margin:0 auto; width:176px}
#bottom-black-line{height:0; bottom:0}
.bottom-icon{bottom:3px; clear:both; height:25px; left:20px; overflow:hidden; z-index:3; flot:left; width:150px; position: fixed;}
#bottom-icon-fb, #bottom-icon-tw, #bottom-icon-fav, .bottom-icon-rss, #bottom-icon-recommander{background:url("../images/sprite-icons.png") repeat scroll 0 0 transparent; width:25px; float:left; height:25px; cursor:pointer}
#bottom-icon-fb a, #bottom-icon-tw a, #bottom-icon-fav a, #bottom-icon-rss, #bottom-icon-recommander a{display:block; width:100%; height:100%}
#bottom-icon-fb{background-position:0 -25px}
#bottom-icon-fb:hover{background-position:0 0}
.bottom-icon-rss{background-position:50px -25px}
.bottom-icon-rss:hover{background-position:50px 0}
#bottom-icon-fav{background-position:75px -25px}
#bottom-icon-fav:hover{background-position:75px 0}
#bottom-icon-tw{background-position:100px -25px}
#bottom-icon-tw:hover{background-position:100px 0}
#bottom-icon-recommander{background-position:25px -25px}
#bottom-icon-recommander:hover{background-position:25px 0}
.bottom-text{
	bottom: 0;
	clear: both;
	height: 150px;
	overflow: hidden;
	right: 0px;
	z-index: 2;
	width: 1000px;
	margin-left: 480px;
	float: left;
}
.bottom-text span{margin-left:12px}
.bottom-text span a, .menu-left ul li a, .menu-right ul li a{font:12px/13px 'Conv_GeosansLight',Helvetica,Arial,sans-serif; letter-spacing:2px; cursor:pointer; text-decoration:none}
.bottom-text span a:hover,.bottom-text span a:hover sub{color: #eeeeee;}
.bottom-text span a sub{font-size:11px; letter-spacing:1px; cursor:pointer}
.menu-left, .menu-right{min-width:376px; position:absolute; top:2px; z-index:3}
.menu-left ul, .menu-right ul{clear:both; position:relative}
.menu-left ul li, .menu-right ul li{position:relative; z-index:-1; float:left; text-align:center; height:20px}
.menu-left ul li a.a_menu, .menu-right ul li a.a_menu{display:block; margin:0; min-width:100px; padding:4px 6px; text-transform:uppercase}
.menu-right ul li a.a_menu, .menu-left ul li:first-child a.a_menu{border-left:1px solid #333; font-size:11px; text-decoration:none}
.menu-left ul li a.a_menu, .menu-right ul li:last-child a.a_menu{border-right:1px solid #333; font-size:11px; text-decoration:none}
.menu-left ul li a.a_menu:hover, .menu-right ul li a.a_menu:hover, .menu-left ul li.selected a.a_menu, .menu-right ul li.selected a.a_menu {box-shadow:0 0 5px #111 inset; -webkit-box-shadow:0 0 5px #111 inset; -moz-box-shadow:0 0 5px #111 inset; background:#303030 repeat-x center; -o-background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; background-size:100% 100%; background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#303030)); background:-webkit-linear-gradient(top,#000,#303030); background:-moz-linear-gradient(top,#000,#303030); background:-o-linear-gradient(top,#000,#303030); background:linear-gradient(top,#000,#303030); text-decoration:none;}
.bottom-text li{box-shadow:0 0 5px #111 inset; -webkit-box-shadow:0 0 5px #111 inset; -moz-box-shadow:0 0 5px #111 inset; background:#303030 repeat-x center; -o-background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; background-size:100% 100%; background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#303030)); background:-webkit-linear-gradient(top,#000,#303030); background:-moz-linear-gradient(top,#000,#303030); background:-o-linear-gradient(top,#000,#303030); background:linear-gradient(top,#000,#303030)}
.menu-left{margin-right:88px; right:50%}
.menu-right{margin-left:88px; left:50%}
.bottom-left, .bottom-right, .top-center, .wide-center, .big-center, .center-center{opacity:0; padding:20px}
.bottom-left, .bottom-right{position:absolute}
.bottom-left{border-radius:0 0 28px 0; bottom:36px; left:20px; margin-right:10px; right:50%}
.bottom-right{border-radius:0 28px 0 0; bottom:36px; right:20px; margin-left:10px; left:50%}

.bottom-content{
	background: #000;
	border-radius: 25px 25px 25px 25px;
	bottom: 0;
	left: 17px;
	opacity: 0.7;
	right: 0;
	top: -26px;
	padding:20px 20px 20px 20px;
}

.bottom-bg-right{border-radius:0 28px 0 0}
.top-center{margin:68px auto 40px; margin-top:30px; min-height:230px; width:650px}
.big-center{margin:68px auto 17px; min-height:360px; position:relative; width:700px}
.wide-center{margin:46px auto 17px; min-height:460px; padding:20px 0; position:relative; width:1000px}
.absolute-center{height:1px; left:50%; overflow:visible; position:absolute; top:50%}
.center-center{left:-270px; min-height:230px; padding:20px; position:absolute; top:-125px; width:500px}


@media screen and (max-width: 978px){
	.wrap{
		width:90%;
	}
}

@font-face{
	font-family: 'Conv_GeosansLight';
	src: url('fonts/GeosansLight.eot');
	src: local('☺'), url('fonts/GeosansLight.woff') format('woff'), url('fonts/GeosansLight.ttf') format('truetype'), url('fonts/GeosansLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_light';
	src: url('fonts/light.eot');
	src: local('☺'), url('fonts/light.woff') format('woff'), url('fonts/light.ttf') format('truetype'), url('fonts/light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_black';
	src: url('fonts/black.eot');
	src: local('☺'), url('fonts/black.woff') format('woff'), url('fonts/black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.footer_shorts {
	width: 200px;
	height: 150px;
	margin-right: 19px;
	float: left;
	
	text-align: center;
}
.footer_shorts2 {
	width: 200px;
	height: 150px;
	margin-right: 19px;
	float: left;
	
	
	text-align: center;
}



.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url("../images/logo-menu-background2.png") repeat-x scroll 0 0 transparent;
height:22px;
list-style:none;
margin:0;
padding:0;
position:relative;
}
.menu li{
 float:right;
 padding:0px;
 }
.menu li a{
 background:#333333 url("images/seperator.gif" ) transparent bottom right no-repeat;
 color:#cccccc;
 display:block;
 font-weight:normal;
 line-height:22px;
 margin:0px;
 padding:0px 15px;
 text-align:center;
 text-decoration:none;
 }
 .menu li a:hover, .menu ul li:hover a{
 	background: #2580a2 url("images/hover.gif" ) transparent bottom center no-repeat;
 	color:#FFFFFF;
 	text-decoration:none;
 	}
.menu li ul{
 background:#333333 transparent;
 display:none;
 height:auto;
 padding:0px;
 margin:0px;
 border:0px;
 position:absolute;
 width:auto;
 z-index:200;
 bottom:22px;
 /*top:1em;
 /*left:0;*/
 }
.menu li:hover ul{
 display:block;
 
 }
.menu li li {
 background:url('images/sub_sep.gif') transparent bottom left no-repeat;
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width:auto;
 }
.menu li:hover li a{
 background:url("../images/logo-submenu-background.png") repeat scroll 0 0 transparent;
 
 
 }
.menu li ul a{
 display:block;
 height:auto;
 font-size:12px;
 font-style:normal;
 margin:0px;
 padding:0px 10px 0px 15px;
 text-align:left;
 }
 .menu li ul a:hover, .menu li ul li:hover a{
 	background:#2580a2 url('images/hover_sub.gif') transparent center left no-repeat;
 	border:0px;
 	color:#ffffff;
 	text-decoration:underline;
 	}
.menu p{
 clear:left;
 }
 
 .menu_haut{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.menu_haut ul{
background:url("../images/logo-menu-background2.png") repeat-x scroll 0 0 transparent;
height:35px;
list-style:none;
margin:0;
padding:0;
position:relative;
}
.menu_haut li{
 float:right;
 padding:0px;
 }
.menu_haut li a{
 background:#333333 url("images/seperator.gif" ) transparent bottom right no-repeat;
 color:#cccccc;
 display:block;
 font-weight:normal;
 line-height:35px;
 margin:0px;
 padding:0px 25px;
 text-align:center;
 text-decoration:underline;
 }
 .menu_haut li a:hover, .menu_haut ul li:hover a{
 	background: #2580a2 url("images/hover.gif" ) transparent bottom center no-repeat;
 	color:#FFFFFF;
 	text-decoration:underline;
 	}
.menu_haut li ul{
 background:#333333;
 display:none;
 height:auto;
 padding:0px;
 margin:0px;
 border:0px;
 position:absolute;
 width:auto;
 z-index:200;

 /*top:1em;
 /*left:0;*/
 }
.menu_haut li:hover ul{
 display:block;
 
 }
.menu_haut li li {
 background:url('images/sub_sep.gif') transparent bottom left no-repeat;
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width:auto;
 }
.menu_haut li:hover li a{
 background:url("../images/logo-submenu-background.png") repeat scroll 0 0 transparent;
 
 
 }
.menu_haut li ul a{
 display:block;
 height:auto;
 font-size:12px;
 font-style:normal;
 margin:0px;
 padding:0px 10px 0px 15px;
 text-align:left;
 }
 .menu_haut li ul a:hover, .menu_haut li ul li:hover a{
 	background:#2580a2 url('images/hover_sub.gif') transparent center left no-repeat;
 	border:0px;
 	color:#ffffff;
 	text-decoration:none;
 	}
.menu_haut p{
 clear:left;
 }