@font-face {
	font-family: 'Akkurat';
	src: url('Fichiers/Fonts/new/akkrg___.eot');
    src: url('Fichiers/Fonts/new/akkrg___.eot?iefix') format('eot'),
		 url('Fichiers/Fonts/new/akkrg___.woff') format('woff'),
		 url('Fichiers/Fonts/new/akkrg___.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AkkuratBold';
	src: url('Fichiers/Fonts/new/akkbd___.eot');
    src: url('Fichiers/Fonts/new/akkbd___.eot?iefix') format('eot'),
		 url('Fichiers/Fonts/new/akkbd___.woff') format('woff'),
		 url('Fichiers/Fonts/new/akkbd___.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*	{ padding:0; margin:0; outline:0; }

img	{ vertical-align:middle; border:5px solid #001522; }
img.noBorder { border:none; }

html {
	height:100%; margin:0; padding:0;
	}

body {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B3BFC7; margin:0; padding:0; width:100%;
	background-color:#006AAE;
	}

h1 { font-size:34px; font-family:'AkkuratBold', Arial, sans-serif; color:#FFFFFF; font-weight:normal; padding:0 0 12px; text-transform:uppercase; }
h2 { font-size:20px; font-family:'AkkuratBold', Arial, sans-serif; color:#FFFFFF; font-weight:normal; padding:20px 0 5px; text-transform:uppercase; }
h3 { font-size:16px; font-family:'AkkuratBold', Arial, sans-serif; color:#FFFFFF; font-weight:normal; padding:10px 0 0px; text-transform:uppercase; }

.home-product { text-transform:uppercase; }


/*=============================================================================================*/
/*==   LIENS    ===============================================================================*/
/*=============================================================================================*/
a		{ color:#FFFFFF; text-decoration:none; }
a:hover	{ color:#B3BFC7; text-decoration:none; }

#footer a		{ color:#99BFD8; text-decoration:none; }
#footer a:hover	{ color:#FFFFFF; text-decoration:none; }

a.arrow		{
	padding-left:14px; font-family:'AkkuratBold',Arial, sans-serif; color:#FFFFFF; font-weight:normal; text-transform:uppercase; text-decoration:none;
	background:url(Habillage/Icons/ulArrow.png) no-repeat scroll 0 1px; letter-spacing:1px;
	}
a.arrow:hover	{ color:#0071B9; text-decoration:none; }
/*============================================================================================*/
/*=============================================================================================*/


.clr	{ clear:both; float:none; height:0px; font-size:0px; line-height:0px; }
.Chargement	{ padding:1px 0px 3px 19px; height:16px; padding-bottom:3px; background-image:url(Habillage/Chargement.gif); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll; display:block; clear:both; float:none; }
.Gris	{ color:#999999; }
.Petit	{ font-size:9px; }

/*=============================================================================================*/
/*==   FORM     ===============================================================================*/
/*=============================================================================================*/
input, textarea, select
	{
	font-family:Arial, sans-serif; font-size:12px; color:#4D5B65; font-style:italic;
	background-color:#001522; border:none; padding:10px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
textarea { padding:10px; resize:none; }

input:focus,textarea:focus { color:#B3BFC7; }

input	{ vertical-align:middle; outline:none; }

input[type=submit],input[type=button]	{
	padding:9px 20px; letter-spacing:1px; color:#FFF; font-family:'AkkuratBold', Arial, Helvetica, sans-serif; font-style:normal; text-transform:uppercase; cursor:pointer;
	background:url(Habillage/Interface/bg-button.jpg) repeat-x scroll 0px 0px;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	}

/*input.error, textarea.error { background-color:#AA0000; }*/

input[type=submit],input[type=button],label[for],select	{ cursor:pointer; }
/*=============================================================================================*/
/*=============================================================================================*/

#bgimg { position:fixed; top:0; right:0; margin-top:130px; }

#header, #menu, #slogan, #main, #footer	{ width:100%; position:relative; }

.content {
	overflow:hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
	position:relative; z-index:1;
	margin:0 auto; width:980px;
	/*border:1px solid #000;*/
	}


#header	 {
	height:130px; position:fixed;
	background:url(Habillage/Interface/bg-header.jpg) repeat-x scroll 0px 0px; z-index:9999;
	}
	#header .content { height:130px; background:url(Habillage/Interface/bg-header-bar.jpg) no-repeat scroll 0px 0px; }
	#header img { padding-top:14px; }
	#header #banner {
		position:relative; float:right;
		margin-top:10px;
		height:80px; width:600px; overflow:hidden; text-align:right;
		color:#A1A3A5; font-size:14px; font-family:'Akkurat', Arial, Helvetica, sans-serif; text-transform:uppercase;
		}
		#header #banner img 	{ padding:0; }
		#header #banner a		{ color:#0071B9; text-decoration:none; }
		#header #banner a:hover	{ color:#000000; text-decoration:none; } 
		

#slide1_top, #slide1_bottom { width:300px; height:45px; text-align:center; }
#slide2_top, #slide2_bottom { width:250px; height:45px; text-align:center; }
#slide2_right { width:50px; height:100px; text-align:center; }
	
	
#slogan	 {
	height:100px; padding-top:150px; color:#FFFFFF; z-index:100;
	font-size:40px; font-family:'AkkuratBold', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:40px;
	}

#main {
	min-height:300px; text-align:left; z-index:100;
	background:url(Habillage/Interface/bg-content.png) repeat scroll 0px 0px; 
	}
	
#footer {
	height:30px; padding-top:15px; font-size:11px; color:#99BFD8;
	}
	

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3 {
	display:inline; float: left; position: relative; margin:0 30px 0 30px;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }



/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 { width:290px; }
.grid_2 { width:660px; }
.grid_3 { width:980px; }



.grid_1 p, .grid_2 p, .grid_3 p { padding:5px 0; line-height:18px; color:#B3BFC7; }


.grid_1 ul, .grid_2 ul, .grid_3 ul {
	padding:5px 0 10px 15px; list-style:none;
	}
.grid_1 ul.bloc.white, .grid_2 ul.bloc.white, .grid_3 ul.bloc.white {
	padding:5px 0 5px 15px;
	}
	.grid_1 ul li, .grid_2 ul li, .grid_3 ul li {
		padding:2px 0 2px 18px; color:#B3BFC7; font-size:12px;
		background-image:url(Habillage/Icons/ulNormal.png); background-repeat:no-repeat; background-position:0 4px; background-attachment:scroll;
	}
	.grid_1 ul.bloc li, .grid_2 ul.bloc li, .grid_3 ul.bloc li {
		padding:6px 0 6px 18px; color:#0071B9; text-transform:uppercase; 
		background-image:url(Habillage/Icons/ul.png); background-position:0 8px;
	}
	.grid_1 ul.white li, .grid_2 ul.white li, .grid_3 ul.white li {
		padding:2px 0 2px 18px; color:#FFFFFF; background-image:url(Habillage/Icons/ulMenu.png); background-position:0 4px;
	}
	
	.grid_1 ul.white li a, .grid_2 ul.white li a, .grid_3 ul.white li a { color:#FFFFFF; }
	.grid_1 ul.white li a:hover, .grid_2 ul.white li a:hover, .grid_3 ul li.white a:hover { color:#0071B9; }
	
	.grid_1 ul li a, .grid_2 ul li a, .grid_3 ul li a { color:#0071B9; }
	
	.grid_1 ul li span, .grid_2 ul li span, .grid_3 ul li span { color:#B3BFC7; font-size:11px; text-transform:none; }
	
#main .content { min-height:510px; }
#main .content .grid_3 { min-height:460px; padding-top:25px; padding-bottom:25px; }

.grid_1.module h2 { color:#0071B9;padding:0; }

.scroll-pane { height:460px; overflow:auto; }

.showError img, .home-product img, #header img, #imageZone img { border:none }

blockquote { 
	color:#0071B9; padding:2px 0 0 35px; font-style:italic;
	background:url(Habillage/Icons/quote.png) no-repeat top left scroll;
	}

/*=============================================================================================*/
/*==   MENU    ================================================================================*/
/*=============================================================================================*/
#nav { float:left; width:100%; list-style:none; margin:0; padding:0; padding-top:15px; z-index:9999; }
#nav li { float:left; position:relative; display:block; padding:0; margin-right:25px; z-index:9999; background:none; }
#nav li a { display:block; font-size:12px; color:#333333; font-family:'Akkurat', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; line-height:20px; letter-spacing:1px; }

#nav li.menuVideo { float:right; } #nav li.menuVideo a { padding-left:20px; background:url(Habillage/Icons/menuVideo.png) no-repeat scroll 0px 2px; }

#nav li a:hover, #nav li a.selected, #nav li a.subhover { color:#0071B9; border-bottom:6px solid #0071B9; }

#nav li:hover ul li a.selectedChild { background:url(Habillage/Icons/ulMenu.png) no-repeat 6px 7px scroll; }

/*--- DROPDOWN ---*/
#nav ul{
	z-index:9999; list-style:none; margin-top:0px; padding:0 8px 13px 8px; position:absolute; left:-9999px;
	min-width:213px; margin-left:-8px; border-top-width:0px; overflow:visible;
	background:url(Habillage/Interface/bg-menu.png) no-repeat scroll bottom center;
}
#nav ul li{
	float:left; width:100%; margin:0;
}
#nav ul a{
	white-space:nowrap;
	display:block;
}
#nav li:hover ul {
	left:0; width:100%;
	}
#nav li:hover ul li {
	background:#006AAE; background:rgba(0,113,185,0.9);
	text-align:left;
	width:100%; padding:0px;
	-webkit-transition:-webkit-transform 0.075s linear;
	}
#nav li:hover ul li a {
	font-size:12px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;
	padding:5px 20px;
	color:#FFFFFF;
	text-decoration:none; line-height:14px;
}

#nav li:hover ul li a:hover { border-bottom:none; background:url(Habillage/Icons/ulMenu.png) no-repeat 6px 7px scroll; }

#nav li:hover ul li:first-child a { padding-top:10px; background-position:6px 12px; }
#nav li:hover ul li:last-child a { padding-bottom:10px; }

/*=============================================================================================*/
/*=============================================================================================*/







/*=============================================================================================*/
/*==   LIENS ICONS   ==========================================================================*/
/*=============================================================================================*/
a.link
	{
	padding:0px 0px 2px 22px; color:#FFFFFF;
	background-image:url(Habillage/Icons/link.png); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll;
	}
a:hover.link	{ color:#FFFFFF; }

a.logo-wama { display:inline-block; width:161px; height:100px; background-image:url(Habillage/Interface/logo-wama.png); background-position:top; text-indent:-99999px; }
a:hover.logo-wama	{ background-position:0px -300px; }
/*=============================================================================================*/
/*=============================================================================================*/



div.container {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.container ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.container { display: none }
.container label.error {
	display: inline;
}

.showError { display:inline;margin-top:7px;margin-right:6px;float:right; }
.showError.fileInput { margin-top:-27px; }



#bannerPoleHorloger {
	position:absolute; top:10px; right:-157px; z-index:9999;
	width:256px; height:80px;
}
#bannerPoleHorloger img { padding:0; }