@font-face {
    font-family: 'UbuntuRegular'; 
    src: url('ttf/ubuntu-r-webfont.eot');
    src: url('ttf/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('ttf/ubuntu-r-webfont.woff') format('woff'),
         url('ttf/ubuntu-r-webfont.ttf') format('truetype'),
         url('ttf/ubuntu-r-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal; font-style: normal;

}

@font-face
{
    font-family: 'Overexposed';
    src: url('ttf/Overexposed.ttf');
}

html 								{font-size: 100%;}
body 								{font-family: 'UbuntuRegular'; font-size:.80em; color:#d1d1d1; background:#161616;  font-weight: normal;  margin-top: 0;margin-left: 0;margin-right: 0; text-align:center; }
a:link, a:visited						{color:666666;}

.loading								{margin-top:360px; width:100%; height:80px; text-align: center; color:#535353; font-size: 15pt;}

.site_general 							{text-align:center; margin:0px; width:100%; height:auto;  border:none; z-index:1; background:url(img/fond/background-general.jpg); background-position:top; background-repeat:repeat-x;}

.head-line							{position:absolute; top:0px; left:0px; background:url(img/fond/background-black-band.png); width:100%; height:23px; z-index:2;}

.site_head 							{position:relative; margin-right:auto; margin-left:auto; width:1024px; height:215px; min-height:215px;  text-decoration:none; z-index:800; text-align:center; background:url(img/fond/background_head.jpg); background-position:center center; background-repeat:no-repeat;}
.site_head a							{font-size:10px; color:666666; text-decoration:none;}
.site_head a:visited					{color:666666; text-decoration:none;}
.site_head a:hover						{color:#fe9b00;}
.site_head .address						{position:absolute; top:3px; left:15px;}
.site_head .link 	 					{position:absolute; top:3px; right:0px;}

.site_head .texte-search					{position:absolute; top:79px; right:210px;  color:#d1d1d1; font-size:15px; font-weight:bold; text-shadow: 2px 2px 5px #000; letter-spacing:1px;}
.site_head .search						{position:absolute; top:75px; right:0px; border:solid 1px #363636; height:20px; padding:1px; z-index:50; background:url(img/fond/background-black-band.png); -moz-box-shadow: 2px 2px 5px #000;  -webkit-box-shadow: 2px 2px 5px #000; box-shadow: 2px 2px 5px #000;}
.site_head .search .form_input			{height:20px; line-height:20px; padding-left:5px; width:170px; background:none; border:none; outline:none; color:#eee; float:left;  -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; -webkit-transition: height 0.8s ease-out;}
.site_head .search .form_input:hover		{background:#000; color:#fe9b00;}
.site_head .search .form_submit			{width:20px; height:20px; background:url('img/boutons/search.png') top left no-repeat; float:left; margin-left:1px; border:none; cursor:hand;  -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; -webkit-transition: height 0.8s ease-out;}
.site_head .search .form_submit:hover		{background-position:0px -20px;}


.xp-search							{border:solid 1px #363636; height:20px; max-height:20px; padding:1px; z-index:50; background:url(img/fond/background-black-band.png);  -moz-box-shadow: 2px 2px 5px #000;  -webkit-box-shadow: 2px 2px 5px #000; box-shadow: 2px 2px 5px #000;}
.xp-search .form_input					{height:20px; line-height:20px; padding-left:5px; width:170px; background:none; border:none; outline:none; color:#eee; float:left;  -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; -webkit-transition: height 0.8s ease-out;}
.xp-search .form_input:hover				{background:#000; color:#fe9b00;}
.xp-search .form_submit					{width:20px; height:20px; background:url('img/boutons/search.png') top left no-repeat; float:left; margin:0px 0px 0px 1px; border:none; cursor:hand;  -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; -webkit-transition: height 0.8s ease-out;}
.xp-search .form_submit:hover				{background-position:0px -20px;}

.site_head_menu_nav						{position:absolute; left:170px; top:155px; display:block; text-align:left; z-index:999;}
.site_head_menu_nav ul					{padding:0px; margin:0px; list-style-type:none; }
.site_head_menu_nav li					{float:left; -webkit-transition: all 0.2s;}
.site_head_menu_nav li a					{display:block; line-height:16px; color:#ffffff; text-decoration:none; text-align:center; width:auto; padding:5px; font-size:16px;  margin-left:5px; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
.site_head_menu_nav li a:hover			{color:#fe9b00; text-shadow: 3px 3px 3px #000;}
.site_head_menu_nav li a:active			{color:#000000;}
.site_head_menu_nav li ul 				{padding:0px; margin:5px 0px 0px 0px; display:none; list-style-type:none; background:url(img/fond/background-menu.png); -moz-box-shadow: 2px 2px 5px #222;  -webkit-box-shadow: 2px 2px 5px #222; box-shadow: 2px 2px 5px #222; -webkit-transition: all 1s;}
.site_head_menu_nav li ul li 				{float:none; z-index:90; margin-bottom:2px; margin-top:2px;}
.site_head_menu_nav li ul li a			{color:#ffffff; text-decoration:none; text-align:left; padding:3px; border:none;  width:165px; font-size:14px; height:15px; line-height:15px;  z-index:90; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; -webkit-transition: height 0.8s ease-out;}
.site_head_menu_nav li ul li a:hover		{color:#fe9b00;}
.site_head_menu_nav li ul li a:active		{color:red; background:red;}
.site_head_menu_nav ul li:hover ul 		{display:block; z-index:90; }

.site_body 							{margin-left:auto; margin-right:auto; display:block; text-align:justify; width:1024px; height:auto; overflow:none; z-index:15;}

.site_foot							{width:100%; height:auto; display:block; z-index:15; padding-top:3px;}
.site_foot .contener					{margin-right:auto; margin-left:auto; width:1024px;}
.site_foot_row1						{margin-top:15px; margin-bottom:15px; width:1024px; height:auto; display:block;  z-index:20;}
.site_foot_row1 a						{font-size:18px; line-height:22px; color:#d5d5d5; text-decoration:none; 	-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.site_foot_row1 a:hover					{color:#fe9b00; text-decoration:none;}
.site_foot_row2						{margin-top:10px; width:1024px; height:auto; display:block; z-index:20;}
.site_foot_row2 td						{line-height:1.2em;}
.site_foot_row2 a						{font-size:14px; line-height:18px; color:#d5d5d5; text-decoration:none;padding-left:25px; background:url("img/boutons/puce_off.png"); background-repeat:no-repeat; background-position:0px 0px; 	-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.site_foot_row2 a:hover					{color:#fe9b00; text-decoration:none; background:url("img/boutons/puce_on.png"); background-repeat:no-repeat; background-position:7px 0px;}
.site_foot_row3						{margin-top:75px; width:1024px; height:auto; display:block;  z-index:20; font-size:7pt; color:#4f4f4f;}

.link_top								{position:fixed; bottom:50px; right:50px;}

.weblandes							{position:fixed; bottom:5px; right:5px; z-index:999;}

#cache 								{background:url(img/fond/background-waiting-gen.png); visibility:hidden; text-align: center; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:999;}
#cache .loading						{margin-top:360px; width:100%; height:80px; text-align: center; color:#535353; font-size: 15pt;}





/* CSS SCROLLBAR */
::-webkit-scrollbar 					{width: 14px; height: 14px; background: #1e1f1f 0 0 repeat;}
::-webkit-scrollbar-track-piece 			{background: transparent none; border: solid 4px transparent; border-right-width: 8px; margin: 4px; -webkit-box-shadow: inset 1px 1px 0 0 rgb(137,131,117), inset -1px -1px 0 0 rgb(224,220,210);}
::-webkit-scrollbar-track-piece:horizontal 	{border-right-width: 4px; border-bottom-width: 8px; }
::-webkit-scrollbar-thumb 				{border: solid 0 transparent;	border-right-width: 4px; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 9px 5px; -webkit-border-bottom-right-radius: 9px 5px; -webkit-box-shadow: inset 0 0 0 1px rgb(79,79,79), inset 0 0 0 6px rgb(102,102,102);}
::-webkit-scrollbar-thumb:hover 			{-webkit-box-shadow: inset 0 0 0 1px rgb(90,90,90), inset 0 0 0 6px rgb(110,110,110);}
::-webkit-scrollbar-thumb:horizontal 		{border-right-width: 0; border-bottom-width: 4px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px 9px; -webkit-border-bottom-left-radius: 5px 9px; }
::-webkit-scrollbar-corner 				{background: #1e1f1f 0 0 no-repeat;}
::-webkit-scrollbar-button 				{height: 26px; background: url(img/scrollbar/webkit-arrows-vert.png) 1px 50% no-repeat;}
::-webkit-scrollbar-button:increment 		{background-position: -19px 50%;}
::-webkit-scrollbar-button:horizontal 		{width: 26px; 	background: url(img/scrollbar/webkit-arrows-horiz.png) 50% 1px no-repeat;}
::-webkit-scrollbar-button:horizontal:increment {background-position: 50% -19px;}
body ::-webkit-scrollbar 				{background: transparent none;}
body ::-webkit-scrollbar-button:horizontal:decrement {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.1)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(img/scrollbar/webkit-arrows-horiz.png) 50% 1px no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-horiz.png) 50% 1px no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-horiz.png) 50% 1px no-repeat;
}
body ::-webkit-scrollbar-button:horizontal:increment {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.1)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(img/scrollbar/webkit-arrows-horiz.png) 50% -19px no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-horiz.png) 50% -19px no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-horiz.png) 50% -19px no-repeat;
	-webkit-border-radius: 0 0 6px 0;
}
body ::-webkit-scrollbar-button:vertical:decrement {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(img/scrollbar/webkit-arrows-vert.png) 1px 50% no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-vert.png) 1px 50% no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-vert.png) 1px 50% no-repeat;
}
body ::-webkit-scrollbar-button:vertical:increment {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(img/scrollbar/webkit-arrows-vert.png) -19px 50% no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-vert.png) -19px 50% no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(img/scrollbar/webkit-arrows-vert.png) -19px 50% no-repeat;
	-webkit-border-radius: 0 0 6px 0;
}