*, html, body	{ padding:0; margin:0; outline:0; }

img	{ vertical-align:middle; border:none; z-index:1; }
img.Border	{ border:3px solid #FFFFFF; vertical-align:middle; }
#main b, #main strong { color:#000; }

html {
	height:100%; width:100%; background-color:#ECEDEC;
	}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#414141; height:100%; width:100%;
	}


h1 { font-size:30px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal; color:#C30016; text-transform:uppercase; padding:10px 0 10px; margin-bottom:10px; line-height:35px; text-shadow: 1px 1px 1px #FFF; }
h2 { font-size:20px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal; color:#777877; text-transform:uppercase; padding:5px 0; text-shadow: 1px 1px 1px #FFF; }
h3 { font-size:18px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:bold; color:#19171B; padding:5px 0 10px; }
h4 { font-size:14px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:bold; color:#006C9F; text-transform:uppercase; padding:5px 0; text-shadow: 1px 1px 1px #FFF; }


h1 {
	background-image:url(Habillage/Interface/line-h1.jpg); background-repeat:repeat-x; background-position:bottom left; background-attachment:scroll;
}
	

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

h2 a		{ color:#777877; text-decoration:none; }
h2 a:hover	{ color:#19171B; text-decoration:none; }
h2 a.selected { color:#19171B; text-decoration:none; }

#menu-top a, #menu-main a, #footer a		{ color:#797979; text-decoration:none; text-shadow: 1px 1px 1px #FFF; }
#menu-top a:hover, #menu-main a:hover, #footer a:hover	{ color:#000000; text-decoration:none; text-shadow: 1px 1px 1px #FFF; }

/*
#slider a		{ color:#FFFFFF; text-decoration:none; text-shadow:none; }
#slider a:hover	{ color:#000000; text-decoration:none; text-shadow: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; }

.line {
	clear:both; float:none; height:2px; width:240px; margin:15px 0;
	background-image:url(Habillage/Interface/line.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:scroll;
	}

/*=============================================================================================*/
/*==   FORM     ===============================================================================*/
/*=============================================================================================*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e4e4e;
	padding:6px; text-align:left;
	background:#ffffff url('Habillage/Interface/patternWhite.png') top center repeat-x; border:1px solid #cfd0d6; 
	-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;
}

textarea {
	overflow: auto;
	line-height: 16px;
}

input[type=submit] {
	background: #DEDEDE;
	color: #4e4e4e;
	border: none;
}


input:focus, textarea:focus {
	border: 1px solid #717171;
}
input[type=submit]:focus, input[type=submit]:hover {
	border: none;
	background: #717171;
	color: #FFFFFF;
	cursor: pointer;
}


input.error, textarea.error { border: 1px solid #BB0000 }

label[for] { cursor:pointer; }
/*=============================================================================================*/
/*=============================================================================================*/


#header, #main, #footer	{ width:100%; position:relative; float:left; }

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


#header	 {
	height:520px;
	background-image:url(Habillage/Interface/bg-header-footer.jpg); background-repeat:repeat-x; background-position:top center; background-attachment:scroll;
	}
	#header #menu-top { position:relative; height:28px; text-align:right; padding-top:12px; color:#797979; text-shadow: 1px 1px 1px #FFF; }
	#header #menu-main { position:relative; padding-top:20px; height:90px; z-index:10; overflow:visible; }
	#header #slider {
		position:relative; height:360px; z-index:1;
		background-image:url(Habillage/Interface/bg-slider.gif); background-repeat:no-repeat; background-position:top center; background-attachment:scroll;
	}
	#header .PrintCoordonnees { display:none; }
	

#main {
	min-height:340px; padding-bottom:15px; text-align:left;
	background-image:url(Habillage/Interface/bg-main.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:scroll;
	}
	
#footer {
	height:36px; margin-top:30px; font-size:12px; color:#797979; padding-top:4px; text-shadow:1px 1px 1px #FFF; text-align:right;
	background-image:url(Habillage/Interface/bg-header-footer.jpg); background-repeat:repeat-x; background-position:top center; background-attachment:scroll;
	}
	#footerTableScreen { display:inline-block; float:right; }
	#footerTablePrint { display:none; }
	
	

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


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


/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 { width:240px; color:#777777; }
.grid_2 { width:590px; margin:0 10px 0 30px;  }
.grid_3 { width:880px; }


.grid_1 p, .grid_2 p, .grid_3 p { padding:5px 0; }

.grid_1 ul, .grid_2 ul, .grid_3 ul {
	padding:5px 0 5px 10px; list-style:none;
	}
	.grid_1 ul li, .grid_2 ul li, .grid_3 ul li {
		padding:1px 0 2px 18px;
		background-image:url(Habillage/Icons/ul.png); background-repeat:no-repeat; background-position:0 0; background-attachment:scroll;
	}
	
.grid_2 img { border:3px solid #FFFFFF; vertical-align:middle; }



/*=============================================================================================*/
/*==   MENU    ================================================================================*/
/*=============================================================================================*/

#nav { float:right; width:100%; height:30px; margin-top:61px; list-style:none; padding:0; z-index:9999; }
#nav li { float:right; position:relative; display:block; padding:0; background-image:none; }
#nav li a { display:block; font-size:14px; font-family:'Oswald', Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #FFF; margin-left:20px; color:#000000; text-transform:uppercase; }

#nav li a:hover, #nav li a.selected { color:#006B9F; }
#nav li a.subhover { color:#006B9F; }

/*--- DROPDOWN ---*/
#nav ul{
	z-index:9999; list-style:none; margin-top:0px; padding:0; position:absolute; left:-9999px;
	opacity:0; -webkit-transition:0.25s linear opacity; min-width:100px; padding-top:9px; margin-left:20px;
}
#nav ul li{
	float:none; min-width:120px; margin:0;
}
#nav ul a{
	white-space:nowrap;
	display:block;
}
#nav li:hover ul {
	left:0; opacity:1;
	}
#nav li:hover ul li {
	text-align:left;
	-webkit-transition:-webkit-transform 0.075s linear;
	background:#006B9F; background:rgba(0,107,159,0.90);
	}
#nav li:hover ul li a {
	font-size:11px; font-weight:normal; color:#FFFFFF;
	padding:5px 10px; margin-left:0; text-shadow:none;
}
#nav li:hover ul li a:hover { color:#000000; border-top:none; }
#nav li:hover ul li:hover { background-color:#FFFFFF; color:#000000; border-top:none; }
/*=============================================================================================*/
/*=============================================================================================*/








/*=============================================================================================*/
/*==   LIENS ICONS   ==========================================================================*/
/*=============================================================================================*/
a.logo-iso { display:inline-block; width:32px; height:32px; background-image:url(Habillage/Interface/logo-iso.png); background-position:top; text-indent:-99999px; }
a:hover.logo-iso	{ background-position:0px -96px; }

a.logo-offt { display:inline-block; width:32px; height:32px; background-image:url(Habillage/Interface/logo-offt.png); background-position:top; text-indent:-99999px; }
a:hover.logo-offt	{ background-position:0px -96px; }


a.print
	{
	padding:0px 27px 2px 0px; color:#414141; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-transform:none;
	background:url(Habillage/Icons/print.png) no-repeat scroll right 5px; 
	}
a.print:hover { color:#19171B; }

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






/*=============================================================================================*/
/*==   REFERENCES   ==========================================================================*/
/*=============================================================================================*/
.item {
	width:140px; height:140px; display:inline-block; margin:0 10px 25px 0; vertical-align:top;
}
/*=============================================================================================*/
/*=============================================================================================*/