/***************************
			RESET			
****************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; background-image: transparent;}

:focus {outline: 0; }
body {line-height: 1; color: black; background: white; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

/***************************
			GENERAL			
****************************/
body {background:#0e2032; font:76% Arial, Helvetica, sans-serif; color:#13395e;}
h1 {font-size:2.4em; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #A3C2DF; }
h2 {font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; color:#ff9400; padding-bottom:5px;}
h3 {font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
h4 {font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#ff9400;}
h5 {font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#0E1F2F;}
h6 {font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#0E1F2F;}
h7 {font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; color:#ff6600;}
h8 {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#ff9400;font-weight: bolder;}
h9 {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#0E1F2F;font-weight: bolder;}
h10 {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#0E1F2F;}

hr {color:#A3C2DF; background-color:#A3C2DF; height:1px; border:0;}	


/***************************
		ESPACE CLIENT			
****************************/
ul.liste {padding:10px 0 10px 60px; list-style:circle;}
div.espaceclient p {margin:5px 0 10px;}
div.espaceclient table {background:#fff; width:100%;}
div.espaceclient table td { padding:3px;}
div.espaceclient table th { padding:3px; background:#eee; font-weight:bold; font-size:1.2em; border:1px solid white;}
div.espaceclient h4 { margin:20px 0 10px; background:#FF9900; padding:3px; color:#FFFFFF;}


/***************************
		FORMULAIRES			
****************************/
.bouton { padding:2px 0; background:#ff9400; color:#FFF; border:0; cursor:pointer;}
.droite { padding-right:5px;}

/***************************
			BLOCS			
****************************/
#header-bg {width:100%; min-height:150px; background:#1b3d5e url(images/header-bg.jpg) bottom repeat-x; overflow:auto;}
	#header {margin:0 auto; padding-bottom:10px; width:840px; background:url(images/logo.jpg) bottom left no-repeat; overflow:auto;}
#menu-bg {width:100%; background:#6699cc; overflow:auto;}
	#menu {margin:0 auto; width:840px; height:60px;}
#page-bg {width:100%; height:auto; background:#FFFFFF url(images/page-bg.jpg) top repeat-x; overflow:auto;}
	#page {margin:20px auto 20px; width:840px; overflow:auto;}
		#gauche {float:left; width:555px; height:auto; overflow:auto;}
		#droite {float:right; width:270px; height:auto;}
#footer { margin:10px auto; width:840px; height:auto; text-align:center;}

/***************************
			HEADER			
****************************/
#retour {float:left; width:300px; height:auto; min-height:}
#boxclient {float:right; margin-bottom:5px; width:270px; height:auto; background:#e0f3d6}
	#boxclienttop {width:270px; height:60px; background:url(images/boxclienttop.jpg) top no-repeat;}
	#boxclienttxt {width:250px; height:auto; padding:0 5px; text-align:right;}
	#boxclientbas { width:270px; height:20px; background: url(images/boxclientbas.jpg) top no-repeat;}
#boxclient label {display: inline; float: left; width: 90px; margin-right:5px; text-align:right;}

/***************************
			MENU			
****************************/
#menu ul {width:840px; margin:0 auto; padding:0; list-style:none;}
	#menu ul li { display:inline;}
		#menu a, #menu a:visited { float:left; color:#fff; text-decoration:none; display:block; width:140px; height:40px; padding:0; background: url(images/menu-bt-fond.jpg) top no-repeat; font:1.2em Arial; font-weight:bold; text-align:center; padding-top:20px;}
			#menu a:hover { background: url(images/menu-bt-fond.jpg) bottom no-repeat;}
			#menu a.focus { background: url(images/menu-bt-fond.jpg) bottom no-repeat;}			

/***************************
			PAGE			
****************************/

/*			GAUCHE			*/
#gauche p { padding:8px 0; font-size:1.1em;}
#flash {float:left; width:535px; height:140px; margin-bottom:10px; padding:9px; border:1px dashed #b2cce6; background:#f0f5fa;}
#colonne1 {float:left; width:270px; height:auto;}
#colonne2 {float:right; width:270px; height:auto;}
#gauche ul {list-style: square; margin-left:15px; padding-top:10px; line-height:1.1em; font-size:1em;}
	#gauche ul li {padding-bottom:5px;}
	

/*			DROITE			*/
#droite a, #droite a:visited, #droite a:active {color:#FFFFFF;}
#droite a:hover {color:#0e2032;}
#droite img {margin-bottom:5px;}

#boxdevis {float:right; margin-bottom:10px; width:270px; height:auto; background:#ff9400; text-align:justify;}
	#boxdevistop {width:270px; height:55px; background:url(images/boxdevistop.jpg) top no-repeat;}
	#boxdevistxt {width:250px; height:auto; padding:5px 10px 0;}
	#boxdevisbas { width:270px; height:20px; background: url(images/boxdevisbas.jpg) top no-repeat;}

#boxnews {float:right; margin-bottom:10px; width:270px; height:auto; background:#b2cce6}
	#boxnewstop {width:270px; height:55px; background:url(images/boxnewstop.jpg) top no-repeat;}
	#boxnewstxt {width:250px; height:auto; padding:5px 10px 0;}
	#boxnewsbas { width:270px; height:20px; background: url(images/boxnewsbas.jpg) top no-repeat;}
		#boxnews p {margin:5px 10px; font-family:arial; font-size:0.9em; overflow:auto;}

/***************************
			FOOTER			
****************************/
#footer ul {color:#FFF;}
	#footer li { display:inline; padding:0; margin:0;}
	#footer a { padding:0 10px; font:1em Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; border-left:1px solid #FFF; } 
	#footer a:hover {background:#FFF; color:#0e2032}
	#footer a.premier {border:0;}