*{ padding: 0; margin: 0; }
body{ background: #0f0e0c; text-align: center; font: 12px/1.4em Arial, sans-serif; padding: 0 0 30px 0; color:#999;}
h1, h2, h3, h4, h5, h6 { font: 1em/1.4em Arial, sans-serif; }
h1{ font-size: 14px; font-weight:bold;}
h2{ font-size: 2.0em; }
h3{ font-size: 14px; }
h4{ font-size: 1.4em; }
p{ font-size: 1.1em; }

a, a:visited { color: #999; outline: invert; text-decoration: none; font-weight:bold;}

a img, img a {border: none; text-decoration: none;margin:0;padding:0;}
a:hover { /*text-decoration: underline;*/ color:#ff9c00; }

/* =layout
-------------------------------------------*/
#container { width: 980px; margin: 0 auto; text-align: left; }
	#header { height: 217px; }
	
	#container h3 { width: 750px; background: url(blank.gif) top center no-repeat;height: 30px; line-height: 30px; padding:0;margin:0;position: relative; cursor: pointer;}
	#container h3 a{ /*text-decoration: none;*/ }	
	#container h3 span {position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold; }
	
	/*#container h2{padding: 5px;  }*/
	#heading { float:left; position:relative;background:url(../img/cell.png) center top no-repeat;/*height:950px;*/ }
	

div.collapse-container{ width: 770px;  margin: 0; height: 100%; padding-top: 10px; padding-bottom:10px;}
div.end_block { padding:0; margin:0; width:750px; height:1px; background:url(../img/traitAccueilGris.gif) left top no-repeat; }

#gauche {float:left;width:750px;padding:10px;}
#apropos {width:750px; }
#ap_1 {float:left;margin-left:20px;margin-top:15px;width:360px;padding-bottom:10px;}
#ap_2 {float:left;width:220px;margin-left:30px;padding-bottom:10px;}

.crea {float:left; padding:0;}
#clients {float:left;}
#content_client {font-size:11px;line-height:13px;color:#666;padding-bottom:10px; padding-top:10px;}
#droite {float:left;width:180px;margin-left:10px;padding:10px;_margin-left:0;_padding-left:0;}
					 
h3, h3 a { text-transform:uppercase; color:#cccccc; font-weight:bold; font-size: 12px; margin:0; padding:0px 0;}

h3 a { color:#cccccc; display:block; padding:0px 0; } 

#footer { float:left; width: 750px;  text-align: right; color:#333333;font-size:11px; margin-top:5px;}
#footer a{text-decoration: underline; font-weight: normal; color:#333333;font-size:11px;}

/* FORM */

#phone img{margin: 0 9px 0 3px;}
#fax img{margin: 0 7px 0 1px;}
#adress {background:url(../img/traitAccueilGris.gif) left bottom no-repeat; margin: 10px 0;padding-bottom:10px;}
#form_login {background:url(../img/traitAccueilGris.gif) left top no-repeat; margin: 15px 0;padding-top:10px;}
form,fieldset,p,adress { border:0; padding:0; margin:0; }

form#form_contact input.input_text, form#formulaire_connexion input.input_text, form#frmLogin input.input_text { float:left; background:url(../img/form1.gif) left top no-repeat;
									width:170px; height:16px; position:relative; overflow:hidden; margin:0 0 2px 0; padding:2px 0 0 8px;
									border:0; color:#CCC; cursor: text; font-size:11px;  }
form#form_contact textarea.textarea_msg { float:left; background:url(../img/form2.gif) left top no-repeat;
										   width:170px; height:100px; position:relative; overflow:hidden; margin:0; padding:2px 0 0 8px;
									border:0; color:#CCC; cursor: text; font-size:11px; 
									font-family:Arial, Helvetica, sans-serif;}
form#form_contact input.input_submit { float:right; background:url(../img/bt_env.gif) left top no-repeat;
									width:100px; height:30px; margin:10px 10px 0 79px; border:0; cursor:pointer; }	
.perdu a{float:left;width:130px;margin-top:15px;font-size:11px;color:#CCC;text-decoration: underline; font-weight: normal;}
form#formulaire_connexion input.input_submit_login, form#frmLogin input.input_submit_login { float:left; background:url(../img/bt_go.gif) left top no-repeat;
									width:50px; height:30px; margin-top:10px; border:0;cursor:pointer;font-size:0;}
div.clear_form { clear:both;  }