/* CSS MIS EN FORME */

@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;

}
html 								{font-size: 100%;}
body 								{font-family: 'UbuntuRegular'; font-size:.70em; color: #e1e1e1; background:#1e1f1f;  font-weight: normal;letter-spacing: 0pt;margin-top: 0;margin-left: 0;margin-right: 0; text-align:center; }

.site_general 							{position:relative; text-align:center; margin:0px; width:1024px; height:100%; min-height:100%; border:none;}
.site_head							{position:fixed; top:0px; width:1024px; height:106px; min-height:106px;  background:url(img/fond/background-head.png); background-position:bottom left; z-index:10;}
.site_head_logo						{position:absolute; top:25px; left:0px; width:344px; height:69px; min-height:69px; display:block;  background:url(img/fond/weblandes_com.png); text-decoration:none; z-index:20; cursor:hand;}
.site_head_menu						{position:absolute; top:62px; right:0px; display:block; z-index:20;}
.site_head_menu a						{font-size:13pt; color:#d5d5d5; text-decoration:none; margin-left:20px; 	-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.site_head_menu a:hover					{color:#fe9b00; text-decoration:none;}

.site_head_menu_sub						{position:absolute; bottom:-15px; right:0px; display:block; z-index:20; visibility:hidden;}
.site_head_menu_sub a					{font-size:8pt; color:#d5d5d5; text-decoration:none; margin-left:20px; 	-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.site_head_menu_sub a:hover				{color:#fe9b00; text-decoration:none;}

.site_body 							{position:relative; text-align:center; width:1024px; height:auto; border:none; margin-top:110px;}

.site_body_link_top						{border:0; position:fixed; bottom:30px; right:30px;}

.site_foot							{position:relative; width:1024px; z-index:10; clear: both;}
.site_foot_row1						{margin-top:15px; margin-bottom:15px; width:1024px; height:auto; display:block;  z-index:20;}
.site_foot_row1 a						{font-size:12pt; 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:9pt; 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;}

.site_body_main						{position:relative; width:100%; height:705px; min-height:705px; margin-top:120px;}
.site_body_main-ie						{position:relative; width:100%; height:705px; min-height:705px; margin-top:-100px;}

.site_body_main_apropos					{position:absolute; top:0px; left:0px;		 width:460px; height:227px; background:url("img/boutons/menu_accueil.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_apropos a				{position:absolute; top:0px; left:0px;		 width:460px; height:227px; background:url("img/boutons/menu_accueil.jpg"); background-repeat: no-repeat; background-position: center -227px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_apropos a:hover			{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_website					{position:absolute; top:0px; left:475px;	 width:220px; height:375px; background:url("img/boutons/menu_website.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_website a				{position:absolute; top:0px; left:0px;	 	 width:220px; height:375px; background:url("img/boutons/menu_website.jpg"); background-repeat: no-repeat; background-position:center -375px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_website a:hover			{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_seo						{position:absolute; top:0px; left:710px;	 width:314px; height:179px; background:url("img/boutons/menu_seo.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_seo a					{position:absolute; top:0px; left:0px;		 width:314px; height:179px; background:url("img/boutons/menu_seo.jpg"); background-repeat: no-repeat; background-position:center -179px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_seo a:hover				{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_hosting					{position:absolute; top:194px; left:710px;	 width:314px; height:181px; background:url("img/boutons/menu_hosting.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_hosting a				{position:absolute; top:0px; left:0px;		 width:314px; height:181px; background:url("img/boutons/menu_hosting.jpg"); background-repeat: no-repeat; background-position:center -181px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_hosting a:hover			{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_realiz					{position:absolute; top:242px; left:0px;	 width:460px; height:227px; background:url("img/boutons/menu_realiz.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_realiz a					{position:absolute; top:0px; left:0px;		 width:460px; height:227px; background:url("img/boutons/menu_realiz.jpg"); background-repeat: no-repeat; background-position:center -227px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_realiz a:hover			{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_blog					{position:absolute; top:484px; left:0px;	 width:224px; height:217px; background:url("img/boutons/menu_blog.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_blog a					{position:absolute; top:0px; left:0px;		 width:224px; height:217px; background:url("img/boutons/menu_blog.jpg"); background-repeat: no-repeat; background-position:center -217px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_blog a:hover				{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_faq						{position:absolute; top:484px; left:239px;	 width:220px; height:217px; background:url("img/boutons/menu_faq.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_faq a					{position:absolute; top:0px; left:0px;   	 width:220px; height:217px; background:url("img/boutons/menu_faq.jpg"); background-repeat: no-repeat; background-position:center -217px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_faq a:hover				{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_service					{position:absolute; top:390px; left:475px;	 width:549px; height:149px; background:url("img/boutons/menu_service.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_service a				{position:absolute; top:0px; left:0px;  	 width:549px; height:149px; background:url("img/boutons/menu_service.jpg"); background-repeat: no-repeat; background-position:center -149px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_service a:hover			{opacity: 0; filter:alpha(opacity=0);}
.site_body_main_graphics					{position:absolute; top:554px; left:475px;	 width:550px; height:147px; background:url("img/boutons/menu_graphics.jpg"); background-repeat: no-repeat; background-position:center 0px; }
.site_body_main_graphics a				{position:absolute; top:0px; left:0px;  	 width:550px; height:147px; background:url("img/boutons/menu_graphics.jpg"); background-repeat: no-repeat; background-position:center -147px; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.site_body_main_graphics a:hover			{opacity: 0; filter:alpha(opacity=0);}

/* 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 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, #1e1f1f 0 0 no-repeat;
	-webkit-border-radius: 0 0 6px 0;
}