@charset "utf-8";
/*

   Hitema
   hitema.fr
   Design & Integration par Franck Joubert fj@maespirit.fr

 */

/* Reset */
/* {	padding:0;	margin:0; 	outline: 0;	font-size: 100%;vertical-align: baseline;}*/
a {	outline-style:none; }
img {border:0;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
fieldset {border:none;margin:0;padding:0;}
fieldset legend {display:none;}

/* Clear float */
.clear {clear:both; height:0px; font-size:0em; line-height:0; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}



/* General */

body {
background: #efefef;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {	text-decoration:underline; color:#0381cf;}
a:hover { text-decoration:none; color:#1190df;  }

.bg {
background:url(../img/bg.png) no-repeat center top;
display:block;
height:400px;
}
.header {
margin:0 auto;
width:983px;
height:187px;
background:url(../img/header-bg.jpg) no-repeat center left;
}
.menut-cont {
margin:0 auto;
width:983px;
}
.menut {
height:34px;
width:802px;
}
#page {
width:983px;
margin:0 auto;
/*height:400px;*/
overflow:hidden;
padding-top:0;
background:url(../img/ybg.gif) repeat-y left top;
z-index:2;
}
.col_left, .col_center, .col_right {
float:left;
display:inline;
}
.col_left, .col_center {
width:194px;
background:url(../img/content-fd.gif) repeat-x 0 1px ;
padding:10px 0;
}
.col_center {
width:568px;
padding:20px;
}
.col_right {
width:161px;	
margin:20px 10px 10px;}
.footer2 {
	margin:0 auto;
width:983px;
background:	#efefef url(../img/footer-bg.png) no-repeat -690px top;
}
/* Header */
.header .logo {
padding:12px 15px;
float:left;	
margin-left:0;
background:none;
}.header div {
float:left;
padding-left:20px;
}
.header div#homelink, .header div#contactlink{
float:none;
padding:0;
display:inline;
}

.header div h1, .header div a{
	line-height:34px;
	display:inline;
	font-size:11px;
	color:#929292;
	margin-left:85px;
	padding-left:15px;
	background:url(../img/flc.gif) no-repeat 5px center;
}
.header div a {
color:#585858;
}
/* video */
a.video {
background:#0065b8 url(../img/video.gif) no-repeat center center;
width:175px;
height:152px;
display:block;
float:right;
margin-top:35px;
padding-left:5px;
line-height:18px;
color:#f6b202;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
}
a.video:hover {
background-color :#04ab04;	
color:#ffd055;
}
/* Menu top */

.menut {
	background: #7ab057 url(../img/menu-fd.gif) center 1px;
border-bottom:#dedede 1px solid;	
}
.menut ul{
border-top:1px solid #1b86e3;
float:left;
}
.menut ul.menut2 {
border-color:#ffc300;
float:right;
}
.menut ul li {
float:left;
display:inline;
background:url(../img/menu-fd.gif) no-repeat right -66px;
padding-right:2px;
position:relative;
}
.menut ul.menut2 li {
padding:0 0 0 2px;
background-position:left -66px;

}
.menut ul li a {
float:left;
display:block;
text-transform:uppercase;
font-size:12px;
color:#0a366f;
text-decoration:none;
padding:0 15px;
font-weight:bold;
line-height:33px;
background:url(../img/menu-fd.gif) center 0px;
}
.menut ul.menut2 li a {
color:#b36900;
}
.menut ul li a:hover {
background:url(../img/menu-fd.gif) center -33px;
}
.menut ul li a.on {
text-decoration:underline;
}
.menut ul li ul {
background:#fff none repeat scroll 0 0;
left:0;
border:1px solid #86b5de;
padding-bottom:1px;
position:absolute;
top:33px;
width:188px;
z-index:31000;

}
.menut ul li li {
background:none;
float:none;
margin:0;
padding:0;	
}
.menut ul li li a {
background:#e2eef8;
color:#386299;
float:none;
font-size:11px;
font-weight:bold;
line-height:1.3em;
margin:1px 1px 0;
padding:6px 8px;
width:170px;	
}
.menut ul.menut2 li li {
padding:0;	
}
.menut ul.menut2 ul {
border-color:#e7c076
}
.menut ul.menut2 li li a {
color:#b36900;
background:#fff0df;
}
.menut ul li li a:hover {
background:#fff;	
}
.menut ul li ul li ul {
position:relative;
top:0;
border:none;
left:0;
z-index:1200;
padding:0;
}
.menut ul li ul li ul li {

}
.menut ul li ul li ul li a, .menut ul.menut2 li ul li ul li a {
background:#b36900 url(../img/flc-fd.gif) 10px 8px;	
text-transform:none;
padding:4px 8px 4px 20px;
width:158px;
color:#826c4c;
}
.menut ul li ul li ul li a:hover, .menut ul.menut2 li ul li ul li a:hover {
background:#65543b url(../img/flc-fd.gif) 11px 8px;	
color:#65543b;
}

/* menu left */
p.pcat, p.pcat a {
color:#007fe4;
font-size:15px;
padding:5px;
margin:0;
}
p.pcat2, p.pcat2 a {
color:#b67700;	
}
ul.menu_left {
background:url(../img/menul-fd.png) repeat-y right top;
}
ul.menu_left2 {
background:url(../img/menul-fd2.png) repeat-y right top;
}
ul.menu_left li {
display:inline;
}
ul.menu_left li a {
display:block;
color:#fff;
font-size:12px;
text-transform:uppercase;
padding:5px 10px;
font-weight:bold;
text-decoration:none;
margin:1px 0 0 0 ;
background:url(../img/menul-fd.png) no-repeat left center;
}
ul.menu_left2 li a {
background:url(../img/menul-fd2.png) no-repeat left center;
}
ul.menu_left li ul li a {
background-color:#235fab;
background-position:-1000px -1000px;
text-transform:inherit;	
color:#d3d7dd;
font-weight:normal;
padding:2px 5px 2px 14px;
}
ul.menu_left2 li ul li a {
background-color:#aa7a00;
color:#FFE7AA;
}
ul.menu_left li.first a {
margin:0;
background-position:left top;
}
ul.menu_left li.last a {
background-position:left bottom;
}
ul.menu_left li a:hover {
color:#ffcb00;
}
ul.menu_left li a:hover, ul.menu_left li a.on {
background-position:center center;
}
ul.menu_left li.first a:hover, ul.menu_left li.first a.on {
background-position:center top;
}
ul.menu_left li.last a:hover, ul.menu_left li.last a.on {
background-position:center bottom;
}

/* content */
.col_center li {
list-style-type:disc;
margin:0 0 0 25px;	
}
/* footer */
.footer2 div {
padding-left:362px;	
color:#b7b7b7;
}
.footer2 div a {
margin:0 18px;	
text-decoration:none;
color:#2a323a;
text-transform:uppercase;
font-size:11px;
line-height:30px;
}
.footer2 div a:hover {
text-decoration:underline;
}

.homepage .footer2 {
background-position:-496px 0;
width:980px;
border-top:3px solid #fff;
}
.homepage .footer2 div {
padding-left:555px;
}
.news-banner h3{
	color:white;
	font-size:20px;
	text-align:center;
}

/* HP */
.inscription_box {
margin-bottom:10px;
}
.inscription_box a {
display:block;
padding:5px 0;
text-align:center;
}
.inscription_box a.superbtn {
text-align: center; line-height: 1em; padding: 6px 15px; font-size: 13px;display:block;
}
.inscription_box a.superbtn strong {
line-height: 20px; font-size: 18px; display: block;
}
.homepage {
background:url(../img/hp_bg.jpg) no-repeat center 0 #f0efef;
}

.homepage .hp_header {
background:#fff;
width:980px;
margin:0 auto;
padding:20px 0;
position:relative;
}
.homepage .logo {
display:inline;
float:left;
padding:0 20px;
}
.homepage h1 {
margin:0;
float:left;
display:inline;
border-left:1px solid #e9e8e8;
font-size:14px;
line-height:1.5em;
color:#807f7f;
padding:4px 0 4px 17px;
font-weight:normal;
}
.homepage #banner {
position: absolute;
    right: 0;
    top: 8px;
}
.homepage .menut-cont, .homepage .menut {
width:980px;
}
.homepage .splash {
width:980px;
margin:0 auto;
background:url(../img/hp_splash_bg.jpg) no-repeat 0 0;
height:552px;
border-top:1px solid #fff;
}
.homepage .splash .splash_cont {
float:left;
display:inline;
width:350px;
padding:60px 30px 0;
}
.homepage .splash .splash_cont .superbtn {
font-size:15px;
padding:5px 15px;
}
.homepage .splash .splash_video {
float:left;
display:inline;
padding:35px 0;
margin-left:16px;
}
.homepage .splash h2 {
font-size:36px;
font-weight:normal;
margin:0;
}
.homepage .splash p {
margin:0;
color:#8f8e8e;
font-size:13px;
line-height:1.5em;
padding:5px 0;
}
.hp_bloc {
float:left;
display:inline;
width:299px;
margin-left:20px;
}
.hp_bloc h2.hp_bloc_title {
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background:url(../img/bloc_bg.png) repeat-y 0 0 #1064c4;
border-bottom:2px solid #0b4587;
color:#fff;
font-size:20px;
padding:5px 10px;
}
.hp_bloc .hp_bloc_title a {
color:#fff;
text-decoration:none;
cursor:text;
}

.hp_bloc .hp_bloc_content {
background:#fff;
padding:10px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.hp_bloc .hp_bloc_content ul li a {
padding:2px 5px;
display:block;
text-transform:uppercase;
text-decoration:none;
color:#333;
font-weight:bold;
font-size:12px;
background:url(../img/bloc_link_bg.gif) 0 center #3c81c3;
padding-left:15px;
}
.hp_bloc .hp_bloc_content ul li a:hover {
color:#3c81c3;
text-decoration:underline;
}
.hp_bloc2 h2.hp_bloc_title {
background-position:-299px 0;
background-color:#d7920e;
border-color:#a06900;
}
.hp_bloc2 .hp_bloc_content ul li a {
background-color:#cf962b;
}
.hp_bloc2 .hp_bloc_content ul li a:hover {
color:#b96418;
}

.hp_bloc3 h2.hp_bloc_title {
background-position:-598px 0;
background-color:#333;
border-color:#222;
}
.hp_bloc3 .hp_bloc_content ul li a {
background:none;
border-bottom:1px solid #e9e8e8;
padding:3px 0;
font-weight:normal;
color:#999
}
.hp_bloc3 .hp_bloc_content ul li a strong {
color:#333;	
}
.hp_bloc3 .hp_bloc_content ul li a:hover {
color:#666;
text-decoration:none;
}
.hp_bloc3 .hp_bloc_content ul li a:hover strong {
text-decoration:underline;	
}
.hp_bloc .hp_bloc_content p {
margin-top:5px;
}




a.superbtn {
display:inline-block;
background:url(../img/superbtn.png) repeat-x 0 0;
padding:3px 12px;
text-transform:uppercase;
color:#fff;
text-shadow: 1px 1px 0px #1a4f17;
text-decoration:none;
-moz-box-shadow: 1px 1px 0 0 #144711, 2px 2px 0 0 #10410e, 3px 3px 0 0 #0d3b0c;
-webkit-box-shadow: 1px 1px 0 0 #144711, 2px 2px 0 0 #10410e, 3px 3px 0 0 #0d3b0c;
box-shadow: 1px 1px 0 0 #144711, 2px 2px 0 0 #10410e, 3px 3px 0 0 #0d3b0c;
margin:-3px 3px 3px -3px;
}
a.superbtn:hover {
color:#fff;
-moz-box-shadow: 1px 1px 0 0 #10410e, 2px 2px 0 0 #0d3b0c;
-webkit-box-shadow: 1px 1px 0 0 #10410e, 2px 2px 0 0 #0d3b0c;
box-shadow: 1px 1px 0 0 #10410e, 2px 2px 0 0 #0d3b0c;
margin:-2px 2px 2px -2px;
background:#408c3a;
}
a.superbtn:active {
-moz-box-shadow: inset 2px 2px 0 0 #0d3b0c;
-webkit-box-shadow: inset 2px 2px 0 0 #0d3b0c;
box-shadow: inset 2px 2px 0 0 #0d3b0c;
margin:0;
background:#20611d;
}
.hp_bloc1 a.superbtn {
background-position:0 -60px;
text-shadow:1px 1px 0 #071f43;
-moz-box-shadow: 1px 1px 0 0 #071f43, 2px 2px 0 0 #071f43, 3px 3px 0 0 #071f43;
-webkit-box-shadow: 1px 1px 0 0 #071f43, 2px 2px 0 0 #071f43, 3px 3px 0 0 #071f43;
box-shadow: 1px 1px 0 0 #071f43, 2px 2px 0 0 #071f43, 3px 3px 0 0 #071f43;
}
.hp_bloc1 a.superbtn:hover {
	background:#155aa5;
	-moz-box-shadow: 1px 1px 0 0 #071f43, 2px 2px 0 0 #071f43;
-webkit-box-shadow: 1px 1px 0 0 #071f43, 2px 2px 0 0 #071f43;
box-shadow: 1px 1px 0 0 #071f43, 2px 2px 0 0 #071f43;
}
.hp_bloc1 a.superbtn:active {
-moz-box-shadow: inset 2px 2px 0 0 #071f43;
-webkit-box-shadow: inset 2px 2px 0 0 #071f43;
box-shadow: inset 2px 2px 0 0 #071f43;
background:#0f408e;
}
.hp_bloc2 a.superbtn {
background-position:0 -120px;
text-shadow:1px 1px 0 #884911;
-moz-box-shadow: 1px 1px 0 0 #884911, 2px 2px 0 0 #884911, 3px 3px 0 0 #884911;
-webkit-box-shadow: 1px 1px 0 0 #884911, 2px 2px 0 0 #884911, 3px 3px 0 0 #884911;
box-shadow: 1px 1px 0 0 #884911, 2px 2px 0 0 #884911, 3px 3px 0 0 #884911;
}
.hp_bloc2 a.superbtn:hover {
	background:#c37b21;
	-moz-box-shadow: 1px 1px 0 0 #884911, 2px 2px 0 0 #884911;
-webkit-box-shadow: 1px 1px 0 0 #884911, 2px 2px 0 0 #884911;
box-shadow: 1px 1px 0 0 #884911, 2px 2px 0 0 #884911;
}
.hp_bloc2 a.superbtn:active {
-moz-box-shadow: inset 2px 2px 0 0 #884911;
-webkit-box-shadow: inset 2px 2px 0 0 #884911;
box-shadow: inset 2px 2px 0 0 #884911;
background:#b96418;