/*<![CDATA[*/

/* ------------------------------------ */
/*               GENERAL                */
/* ------------------------------------ */
*{	padding: 0;	margin: 0;}
* html, body {	background-color: #4D4454;}
html, body{	color: #4D4454;	height: 100%;}

#main{	font-family : Arial, Helvetica, sans-serif;	font-size : 12px;	width: 100%;	margin: 0 auto;}
#container {	width: 100%;	margin: 0 auto;	overflow: hidden;	clear: both;	background: url(../techdrill/hp-bg.gif);	border-top: 1px solid #5A5160;	border-bottom: 1px solid #5A5160;}
/*#container-hp {	width: 1078px;	overflow: hidden;	margin: 0 auto;	clear: both;	background: url(../techdrill/hp-visu.jpg) right 25px no-repeat;}*/
#content {	width: 981px;	overflow: hidden;	clear: both;	margin: 0 auto;}

/* Espaceur de blocs */
.clearing { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

a{	color: #fff;	text-decoration: none;}
a:hover{	text-decoration: none;	color: #fff;}
img {	border: 0;}
#scope{	display: none;}


/* ------------------------------------ */
/*                 HEAD                 */
/* ------------------------------------ */

#head{	position: relative;	width: 981px;	height: 90px;	clear: both;	margin: 0 auto;}
#head-logo{	position: absolute;	left: 69px;	top: 11px;}
#head-trans{	position: absolute;	right: 0;	top: 10px;}
#trans{	float:left;	padding: 2px 22px 0 0;	color: #837C88;	font-size: 12px;}
#trans a{	color: #837C88;	padding: 0 7px 0 7px;	font-weight: normal;}
#trans a:hover{	color: #fff;}
#trans .transon{	color: #fff;}
#search{	float:left;}
.forml {	border: 1px solid #3E3643;	width: 97px;	height: 15px;	color: #4D4454;	font-size: 10px;	padding: 0 0 0 4px;}
.formb {	vertical-align: top;	padding: 2px 0 0 0;}


/* ------------------------------------ */
/*                MENU                  */
/* ------------------------------------ */

#menutop{	margin: 0 auto;	width: 981px;	height: 20px;	padding: 0 0 0 0;}
#menu{	font-size : 100%;   position:absolute;   display:block;   margin:0;   padding:0;	z-index: 100;}
#menu ul{   position:absolute;   display:block;	width: 180px;   margin:0 0 0 0;   padding:0 0 0 0;}
#menu li ul{   visibility:hidden;	margin: 0 0 0 4px;	padding:7px 0 4px 0;	border-left: 1px solid #FF0000;	background: #483F4E url(../techdrill/pxgris.gif) repeat-x;}
#menu li li ul{   position:absolute;	margin-left:150px;   margin-top:-12px;}
#menu li{   list-style:none;   height:auto;   display:inline;   display:block;   float:none;   float:left;   margin:0;   padding:0;}
#menu li li{   display:block;   float:none;}

/* correct a little IE bug */
* html #menu li li{   display:inline;}
#menu img{	margin: 0 0 -3px -16px;	display: block;}
#menu a{   text-align:left;   background-color: #483F4E;	color:#fff;	font-size: 12px;   display:block;   text-decoration:none;	padding: 0 0 3px 16px;}
#menu a:hover{	color:#FF0000;}


/* ------------------------------------ */
/*                LEFT                  */
/* ------------------------------------ */

#left{position: relative; float: left;  width: 210px; margin: 0 0 0 0; padding: 0 0 0 0;}
#left-pxred{	position:absolute;	top:1px;	left:19px;	width:1px;	height: 1px;	overflow:hidden;	background:#ff0000;}
.left-menu{	margin: 69px 0 0 0;	padding: 10px 0 12px 0;	background: #483F4E;}
.left-menu a{	display: block;	padding: 0 15px 0 21px;	color: #fff;	font-size: 12px;}
.left-menu a:hover{	background: url(../techdrill/left-menu-on.png) no-repeat;	color: #FF0000;}
.left-menu .on{	background: url(../techdrill/left-menu-on.png) no-repeat;	color: #FF0000;}
.left-menu .son{	color: #FF0000;}
.left-menu li{	margin: 0 0 0 19px;	padding: 3px 0 3px 0;	list-style: none;}
.left-menu li ul{	margin: 2px 0 0 -19px;	padding: 2px 0 2px 0;	background: #443C4A;	color: #fff;	font-size: 10px;	text-align: right;	list-style: none;}
.left-menu li li{	margin: 0 0 0 0;	padding: 1px 0 1px 0;	list-style: none;}
.left-menu li ul a{	font-size: 11px;}
.left-menu li ul a:hover{	background: none;}

#left-contact{	background: url(../techdrill/left-contact-bg.gif) no-repeat;	margin: 27px 0 13px 40px;	padding: 20px 0 7px 14px;}
#left-contact a{	color: #fff;	font-size: 12px;	font-weight: normal;	line-height: 16px;}
#left-contact a:hover{	color: #fff;}
#left-online{	margin: 0 0 14px 40px;	padding: 2px 0 2px 11px;	border-left: 3px solid #fff;}
#left-online a{	color: #fff;	font-size: 12px;	font-weight: normal;	line-height: 16px;}
#left-online a:hover{	color: #fff;}


/* ------------------------------------ */
/*               CENTER                 */
/* ------------------------------------ */
#center{	position: relative;	float: left;	width: 560px;	margin: 0 15px 0 0;	padding: 0 0 0 0;	background: #FFF url(../techdrill/center-bg.gif);}
#center a{	color: #837C88;	font-size: 10px;	line-height: 12px;}
#center a:hover{	text-decoration: none;	color: #fff;}
.center-top{	background: url(../techdrill/center-top.gif) no-repeat;	width: 560px;	height: 70px;}
.docu{	margin: 0;	padding: 0;}
.spip_surligne{	background: #FF6;}
.detail{	font-style: italic;}
.visu-petit{	width: 69px;	height: 69px;}
.center-visu-img{	background: url(../techdrill/fd_visu_petit.gif) no-repeat;	position: absolute;	right: 0;	z-index: 10;	width: 69px;	height: 69px;	margin: 0;	padding: 0;	cursor: pointer;}
h1{	font-size: 24px;	font-weight: bold;	color: #4D4454;	padding: 0 0 0 0;}
h3{	font-size: 13px;	font-weight: bold;	color: #FF0000;	padding: 17px 0 12px 0;}
#center-txt p.spip{	margin: 0 0 7px 0;}
#center-txt li{	list-style: disc;	margin: 0 0 0 25px;	padding: 0 0 0 0;}
#center-txt ul{	margin: 0 0 7px 0;	padding: 0 0 0 0;}
#center-txt li li{	list-style: none;}
#center-txt a{	text-decoration: none;	color: #4D4454;	font-size: 12px;}
#center-txt a:hover{	text-decoration: none;	color: #FF0000;}
#center-txt a small{font-size: 11px;}
#center td{	vertical-align: top;}
.softrain{	text-align: center;	border-collapse: collapse;	background-color: #FFF;	border: 1px solid #C5C2C7;	font-size: 12px;	width: 100%;}
.softrain td{	padding: 10px 10px 10px 10px;}
.softrain-red{	color: #FF0000;	font-weight: bold;}
#center-txt .softrain ul{	margin: 5px 0 5px 0;	padding: 0;}
#center-txt .softrain li{	list-style: none;	margin: 0 0 0 0;	padding: 4px 0 4px 0;}
#center-txt ul li a.spip_in{color: #FF0000; text-decoration: underline;}


/* ------------------------------------ */
/*                RIGHT                 */
/* ------------------------------------ */

#right{	float: left;	width: 180px;	margin: 0 0 0 0;	padding: 0 0 0 0;}
#platform{	background: url(../techdrill/platform.gif) no-repeat 12px 0;	width: 180px;	text-align: center;	margin: 0 0 15px 0;}
#platformtxt{	background: url(../techdrill/platformtxt.gif) no-repeat 12px 0;	width: 180px;	text-align: center;	margin: 0 0 15px 153px;}

#gris{	margin: 0 0 7px 0;}
#gris p.spip{	margin: 0 0 7px 0;}
#gris h3{	background: #5F5765 url(../techdrill/news-bg.gif) no-repeat top;	color: #fff;	font-size: 15px;	font-weight: bold;	margin: 0 0 0 0;	padding: 16px 10px 5px 20px;}
#gris a{	background: #5F5765 url(../techdrill/news-bot.gif) no-repeat bottom;	color: #fff;	font-size: 12px;	margin: 0 0 0 0;	padding: 0 20px 25px 20px;	display: block;}
#gris a:hover{	color: #fff;}


/* ------------------------------------ */
/*               Footer                 */
/* ------------------------------------ */

#footer{	position: relative;	margin: 0 auto;	width: 981px;	height: 30px;	clear: both;	text-align: right;	padding: 5px 0 0 0;	color: #837C88;	font-size: 12px;}
#footer a{	color: #837C88;	padding: 0 7px 0 7px;	font-size: 12px;	font-weight: normal;}
#footer a:hover{	color: #fff;}

/* ------------------------------------ */
/*          FORMULAIRE CONTACT          */
/* ------------------------------------ */

.form-contact{	margin: 20px 0 0 0;	border-collapse: collapse;}
.form-contact td{	padding: 0 20px 5px 0;}
.formulchamp{	width: 200px;	color: #4D4454;	font-size: 95%;	height: 16px;	border: 1px solid #A3A5A6;	padding: 1px 0 0 1px;}
.formultextarea{	width: 320px;	color: #4D4454;	font-family: Arial, Helvetica, sans-serif;	font-size: 110%;	height: 120px;	border: 1px solid #A3A5A6;}
.legend{	font-size: 85%;}
.envoyer{	text-align: center;}



/*]]>*/