@charset "UTF-8";
/* CSS Document */

.clear{
	clear:both;
}
html, body{
	margin:0px;
	padding:0px;
}

body{
	background-image:url(../img/back.jpg);
	background-repeat: repeat-x;
	background-position: left 275px;
	background-color: #FFF;
	color:#5d5c52;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#inoks_website{
	width:959px;
	margin:auto;
	position:relative;
}

#header{
	position:relative;
	left:0px;
	top:0px;
	height:336px;
	width:959px;
}

#logo{
	position:absolute;
	top:66px;
}

#visuel{
	width:100%;
	height:182px;
	padding-bottom:18px;
	background-image: url(../img/shade.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	position:absolute;
	top:123px;
	z-index:900;
}

#mainnav{
	position:absolute;
	right:0px;
	top:86px;
	z-index:1000;
}

#mainnav ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#mainnav ul li{
	float:left;
	
}

#mainnav ul li a{
	color:#6c6c6c;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	padding-left:14px;
	padding-right:14px;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top:14px;
	padding-bottom:12px;
	display:block;
	letter-spacing:0.3em;
}
#mainnav ul li.current{
	background-image: url(../img/active.png);
}
#mainnav ul li a:hover{
	color:#000;
}

#mainnav ul li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width:200px;
	background-image: url(../img/dropback.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right:9px;
	padding-bottom:13px;
	z-index:1001;
}


#mainnav ul li ul li{
	display:block;
	float:none;
	border-bottom:1px solid #f2f2f2;
	background-color:#FFF;
	text-transform:inherit;
}

#mainnav ul li ul li a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding-left:20px;
	background-image: url(../img/arrow_pad.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color:#5d5c52;
	text-decoration:none;
	letter-spacing:0em;
}

#mainnav ul li ul li a:hover{
	color:#c70238;
	background-image: url(../img/arrow_pad_red.gif);
}


#left{
	position:absolute;
	width:280px;
	left:0px;
	top:0px;
}

#main{
	position:relative;
	width:100%;
	text-align:justify;
}

#content{
	position:relative;
	width:616px;
	margin-left:306px;
	padding-left:24px;
	padding-right:12px;
	border-left:1px solid #f2f2f2;
}

#left h1{
	font-size:11px;
	color:#c70238;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:2em;
}

#left ul.navigation{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:12px;
}

#left ul.navigation li{
	border-bottom:1px solid #f2f2f2;
}

#left ul.navigation li a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color:#5d5c52;
	text-decoration:none;
}

#left ul.navigation li a:hover, ul.navigation li.current a{
	color:#c70238;
	background-image: url(../img/arrow_red.gif);
}

#left ul.navigation.download li a{
	background-image: url(../img/download.gif) !important;
}

#footer{
	width:100%;
	border-top:1px solid #f2f2f2;
	position:relative;
	margin-top:20px;
	margin-bottom:10px;
}

#footer ul{
	margin:0px;
	padding:0px;
	margin-left:331px;
	list-style:none;
	font-size:11px;
}

#footer ul li{
	float:left;
	padding-top:10px;
	margin-right:30px;
	padding-bottom:10px;
}
#footer ul li a{
	color:#6c6c6c;
	text-decoration:none;
}

h1{
	color:#c70238;
	font-size:23px;
}

h2{
	color:#c70238;
	font-size:14px;
}

h2 em, h2 i{
	color:#a1a097;
}

div.hr{
	border-bottom:1px solid #f2f2f2;
	margin-top:1em;
	margin-bottom:1em;
}

a{
	text-decoration:none;
	color:#c70238;
}

a.btnbig{
	float:left;
	clear:both;
	background-image: url(../img/btnbig.png);
	background-repeat: no-repeat;
	background-position: right center;	
	padding-right:18px;
	text-decoration:none;
	display: block;
	color:#4b4a41;
	font-weight:bold;
	line-height:26px;
	text-shadow:0 1px 0 #FFFFFF;
}

a.btnbig span{
	background-image: url(../img/btnbig.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:12px;
	color:#4b4a41;
	font-weight:bold;
	line-height:26px;
	text-shadow:0 1px 0 #FFFFFF;
	display:block;
	float:left;
	padding-left:5px;
}

a.btnsmall{
	float:left;
	clear:both;
	background-image: url(../img/btnsmall.png);
	background-repeat: no-repeat;
	background-position: right center;	
	padding-right:12px;
	display: block;
	height: 20px;
	text-decoration:none;
	color:#4b4a41;
	font-weight:bold;
	line-height:20px;
	text-shadow:0 1px 0 #FFFFFF;
}

a.btnsmall span{
	background-image: url(../img/btnsmall.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:12px;
	color:#4b4a41;
	font-weight:bold;
	line-height:20px;
	text-shadow:0 1px 0 #FFFFFF;
	display:block;
	float:left;
	padding-left:5px;
}

table td.leftcol{
	padding-right:50px;
}

table td.middlecol{
	padding-left:50px;
	padding-right:50px;
	border-left:1px solid #f2f2f2;
}

table td.rightcol{
	padding-left:50px;
	border-left:1px solid #f2f2f2;
}

table td.verticalsep{
	padding-bottom:50px;
	padding-top:50px;
}

table.news h1{
	margin-top:0px;
	padding-top:0px;
	font-size:14px;
}

td.bignews h1{
	margin-top:0px;
	padding-top:0px;
	font-size:20px;
}

table.news img{
	margin-bottom:10px;
}

img.righttop{
	float:right;
	margin:0px;
	margin-left:15px;
	margin-bottom:10px;
}

img.lefttop{
	float:left;
	margin:0px;
	margin-right:15px;
	margin-bottom:10px;
}

.opener{
	cursor:pointer;
}

.stopopener{
}

#intro{
	padding-bottom:50px;
	border-bottom:1px solid #F2F2F2;
	margin-bottom:50px;
}

#news1{
	width:252px;
	float:left;
	padding-right:50px;
}
#news2{
	width:253px;
	float:left;
	border-left:1px solid #F2F2F2;
	padding-left:50px;
	padding-right:50px;
}
#news3{
	width:252px;
	float:left;
	border-left:1px solid #F2F2F2;
	padding-left:50px;
}

#intro{
	font-size:16px;
}
#intro h1{
	color: #5d5c52;
}

#intro h1 strong{
	color: #c70238;
}

.bigintro{
	font-size:23px;
}

.input{
	clear:both;
	margin-top:5px;
}

.input label{
	display:block;
	float:left;
	width:90px;
	padding-top:5px;
	padding-bottom:5px;
}

.input input, .input textarea{
	float:left;
	margin-left:10px;
	width:250px;
	padding:5px;
	border:1px solid #F2F2F2;
}

input.errormsg, textarea.errormsg{
	color:#F00;
	border-color:#F00;
}
div.errormsg{
	color:#F00;
	width:250px;
	margin-left:100px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #f2f2f2;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #f2f2f2;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
}

div.clickable{
	cursor:pointer;	
}

.boxed{
	background:url("../img/shadowAlpha.png") no-repeat scroll right bottom transparent !important;
	/*clear:left;*/
	float:left;
	margin:10px 0 10px 10px !important;
	padding:0;
}

.boxed h1{
	text-shadow:0 1px 0 #666;
}

.innerbox2{
	border:1px solid #F2F2F2;
	bottom:6px;
	margin:0;
	padding:4px;
	position:relative;
	right:6px;
	width:424px;min-height:87px; padding:20px;
}

.innerbox3{
	border:1px solid #F2F2F2;
	bottom:6px;
	margin:0;
	padding:4px;
	position:relative;
	right:6px;
	width:263px;min-height:87px; padding:20px;
}

.boxnews{
	float:left;
	width:240px;
	padding-right:49px;
	padding-left:49px;
	border-right:1px solid #F2F2F2;
}

ol.lettres        { list-style-type: upper-alpha }
ol.chiffres   { list-style-type: decimal }  
ol.romains { list-style-type: lower-roman }