* {
	margin:0;
	padding:0
}

body {
	background-color:#424242;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

a      { color:#24e3ff;text-decoration:underline}
a:hover { color:#00CCFF;text-decoration:none }
a:visited { color:#02b6d0;text-decoration:underline }
a:visited:hover { color:#00CCFF;text-decoration:none  }
a:active, a:focus{ outline:none; }

p { padding-bottom:13px; }
strong {color:#24e3ff; font-weight:normal }
a img { border:0 }
abbr, acronym { cursor: help; border-bottom: 1px dotted; }
del { text-decoration: line-through; }
ins {text-decoration: none; padding-left:5px }
ol { margin:14px 0 10px 20px; }
ol li { padding-bottom:6px }
ul { margin:10px 0 10px 20px; }
ul li { list-style-image:url(../img/read.jpg); margin-bottom:6px }
table {empty-cells: show;border-collapse: collapse}


h1 { background:96% 10px no-repeat #1d1d1d; height:32px; width:651px; padding:12px 10px 0 0; font-size:15px; color:#FFFFFF; text-align:right; font-weight:normal }
h2 { display:none }
h3 { font-size:25px; background:url(../img/h3.jpg) bottom left no-repeat; padding:0 0 0 13px; font-weight:normal; margin-bottom:20px; }
h4 { clear:both; font-size:21px; padding:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; background:none }
h5 {font-size:13px;margin-bottom:10px;color:#24e3ff;}


/* formulaires ***********************************************************/
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px 6px 2px 6px;
	margin: 3px 0px 3px 0;
	background:url(../img/bg_input.gif) no-repeat left top;
	border-width:0 1px 1px 0;
	border-color:#bdbbba;
	border-style:solid;
}

input:focus, textarea:focus, select:focus { background:url(../img/bg_input-focus.gif) no-repeat left top; }

select { padding-right:1px }
select option { background-color:#f4f9ee; padding:0 13px 0 0; }

input.fradio, input.fcheckbox, input.fimage {
	background:none;
	border:none;
	margin:0;
	padding:0 5px;
}

#submit, button {
	clear:both;
	margin:20px auto;
	display:block;
	font-size:11px;
	background-image:none;
	padding:5px 20px;
	border:none;
	background-color:#01628d;
	border:1px outset #CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

.fcheckbox, .fradio { margin-top:4px; float:left;}
.lcheckbox, .lradio { width:50px; padding:0 5px}

label {
	text-align: left;
	float: left;
	width: 100px;
	padding: 3px 4px 3px 0;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}
input[type=file].formError {
	color:#ff0000
}
input[type=file] {
	background-color:#f4f9ee;
}

form br { clear:both; }
.fcheckbox, .fradio { padding:0 10px 0 5px; }


/* détails ********************/

input#Societe { width:180px; }
select#Civilite { }
input#Nom { width:180px; }
input#Prenom { width:180px; }
input#Email { width:160px; }
input#Adresse { width:180px; }
input#Code_Postal { width:80px; }
input#Ville { width:180px; }
select#Pays { }
input#Telephone { width:120px; }
input#Mobile { width:120px; }
input#Fax { width:120px; }
textarea#Message { width:180px; height:150px }
textarea#Commentaire { width:180px; height:150px }
input#Num_client { width:100px; }
input#NAF { width:60px; }
input#Siret { width:150px; }
input#Login { width:100px; }
input#Password { width:100px; }


/* styles général ************************************************************/

.error {
	clear:both;
	margin:20px;
	padding:10px;
	background-color:#bc0000;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:20px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	background:url(../img/read.jpg) no-repeat left;
	padding:4px 5px 5px 15px;
	float:right;
}

span.sW { background:#FFCC00; color:#000 }
.cl { clear:both; }	
.imageZ { cursor: pointer; cursor:-moz-zoom-in; cursor: url(img/z.ani) }


/* navigation ******************************************* */

#menu ul {margin:0; list-style-type:none; }
#menu ul li { margin:0; list-style-image:none; font-size:13px; text-transform:uppercase; }
#menu ul li a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	width:227px;
	height:32px;
}
#menu ul li a:hover, #menu ul li a.m_active {
	width:227px;
	height:32px;
}
#menu ul li a span { visibility:hidden }

#menu ul li a.m_1 { background:url(../img/menu_01.jpg) top left }
#menu ul li a.m_2 { background:url(../img/menu_02.jpg) top left }
#menu ul li a.m_3 { background:url(../img/menu_03.jpg) top left }
#menu ul li a.m_4 { background:url(../img/menu_04.jpg) top left }
#menu ul li a.m_5 { background:url(../img/menu_05.jpg) top left }
#menu ul li a.m_6 { background:url(../img/menu_06.jpg) top left }
#menu ul li a.m_7 { background:url(../img/menu_07.jpg) top left }
#menu ul li a.m_8 { background:url(../img/menu_08.jpg) top left }
#menu ul li a.m_9 { background:url(../img/menu_09.jpg) top left }

#menu ul li a.m_1:hover, #menu ul li a.m_1_active { background:url(../img/menu_01.jpg) 228px 0}
#menu ul li a.m_2:hover, #menu ul li a.m_2_active { background:url(../img/menu_02.jpg) 228px 0}
#menu ul li a.m_3:hover, #menu ul li a.m_3_active { background:url(../img/menu_03.jpg) 228px 0}
#menu ul li a.m_4:hover, #menu ul li a.m_4_active { background:url(../img/menu_04.jpg) 228px 0}
#menu ul li a.m_5:hover, #menu ul li a.m_5_active { background:url(../img/menu_05.jpg) 228px 0}
#menu ul li a.m_6:hover, #menu ul li a.m_6_active { background:url(../img/menu_06.jpg) 228px 0}
#menu ul li a.m_7:hover, #menu ul li a.m_7_active { background:url(../img/menu_07.jpg) 228px 0}
#menu ul li a.m_8:hover, #menu ul li a.m_8_active { background:url(../img/menu_08.jpg) 228px 0}
#menu ul li a.m_9:hover, #menu ul li a.m_9_active { background:url(../img/menu_09.jpg) 228px 0}


/* structure ******************************************* */

#ct1 {
	width:100%;
	padding-bottom:25px;
	min-height:650px;
	background:#424242;
}

#ct2 {
	width:100%;
	background:url(../img/bg.jpg) repeat-x #292929;
}

#container {
	position:relative;
	width:950px;
	background:url(../img/bg_left.jpg) repeat-y;
	margin:0 auto
}

#left {
	width:273px;
	margin-bottom:120px;
	float:left;
}

#right {
	width:677px;
	float:right;
}

#footer {
	margin:0 auto;
	height:27px;
	padding:10px 0 0 0;
	width:100%;
	background:url(../img/bg_footer.jpg) top repeat-x #424242;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}


#logo {
	position:absolute;
	width:273px;
	height:107px;
	top:0;
	left:0;
}


/* éléments *************************************************************************/

h1 span { display:none }
h1.t_1 { background-image:url(../img/t_01.gif)}
h1.t_2 { background-image:url(../img/t_02.gif)}
h1.t_3 { background-image:url(../img/t_03.gif)}
h1.t_4 { background-image:url(../img/t_04.gif)}
h1.t_5 { background-image:url(../img/t_05.gif)}
h1.t_6 { background-image:url(../img/t_06.gif)}
h1.t_7 { background-image:url(../img/t_07.gif)}
h1.t_8 { background-image:url(../img/t_08.gif)}
h1.t_9 { background-image:url(../img/t_09.gif)}

#menu {
	position:relative;
	top:107px;
	background:url(../img/bg_menu.jpg) no-repeat top;
	width:229px;
	padding:43px 0 0 44px
}

#actu {
	width:197px;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	padding:30px 15px 15px 15px
}
#actu span {
	color:#24e3ff;
	margin-bottom:10px;
}
#actu a {
	float:right;
	text-decoration:none;
	text-align:right
}
#actu a:hover {
	text-decoration:underline
}
#actu p {
	margin:5px 0 5px 0
}

#footer a { color:#000; text-decoration:none }
#footerb {
	width:880px;
	padding:0 25px 0 45px;
	text-align:center;
	margin:0 auto
}
#footerLeft {float:left}
#footerLeft .nameo { background:url(../img/nameo.jpg) left no-repeat; padding-left:15px }
#footerRight {float:right;width:670px}
#footerRight span {
display:none}
	
#legal {
	float:left;
	width:250px;
	background-color:#006600
}

#header {
	width:677px;
	float:left;
	height:266px;
	background-image:url(../img/header.jpg)
}

#content {
	width:677px;
	background:url(../img/bg_content.jpg) repeat-y;
	float:left;
	padding-bottom:30px
}

#content #txt {
	padding:15px 25px;
	width:609px;
	min-height:430px;
}

#right #content #txt.accueil {
	padding:15px 140px 15px 25px;
	width:494px;
	background:url(../img/txt_accueil.jpg) right top no-repeat;
}

#right #content #txt.usinage {
	padding:15px 120px 15px 25px;
	width:514px;
	background:url(../img/txt_accueil.jpg) right top no-repeat;
}


#right #content #txt.accueil span {
	padding:10px 0 10px 0;
}

#right #content #txt div.visu {
	padding:20px 20px 20px 0
}
#right #content #txt img.visu {
	margin:0 15px 15px 0;
	padding-right:15px;
	border-right:1px dashed #666666;
	float:left
}

.imageZ img {
	margin:2px;
	border:none
}

.pageNav {
	position:absolute;
	width:400px;
	height:26px;
	padding:10px 0 0 20px;
	background:url(../img/bgNav.png) no-repeat bottom;
	text-align:left
}
.pageNav input, .pageNav select { margin:0} 
.pageNav #submit { margin:0; display:inline; padding:1px }
.pageNavSearch { float:left; }
.pageNavSearch input { background:url(../img/bg_input_search.gif) no-repeat left top; padding-left:24px }
.pageNavSearch input:focus { background:url(../img/bg_input_search-focus.gif) no-repeat left top; }
.pageNavCats { float:right; }
.pageNavCats input { margin-top:-5px}  	

.listing { padding-bottom:30px }
.listing h3 { font-size:19px }
.listing h3 a, .listing h3 a:hover, .listing h3 a:visited, .listing h3 a:visited:hover { color:#fff; text-decoration:none}
.listingLeft { float:left }
.listingRight { float:right }
.listingContent { clear:both; padding-bottom:30px }
.listingImg { float:left; margin:0 15px 15px 0 }
.listingFiles { width:200px; float:right; border-left:1px dashed #666666; padding-left:10px; margin-left:10px }
.listingFiles span { font-size:10px; }
.listingImgs img { float:left; margin:0 25px 20px 25px }


.result { padding:10px; font-size:13px; border-top:1px dashed #666666; }
.resultNav { float:left; font-weight:bold; }
.resultNavInfos { float:right; text-align:right; font-size:11px }

.pageCols { float:left; width:285px;  }
.cols1 { padding-right:15px; margin-right:15px; border-right:1px dashed #666666; } 
.pageCols h3 { font-size:16px; }

#map { width: 610px; height: 500px; clear:both; color:#000000 }
#map .gmapDirButton  { background-image:none; padding:3px; border:none; background-color:#01628d; border:1px outset #CCCCCC; color:#FFFFFF; font-weight:bold; cursor:pointer }