@import url(default.css);


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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6c;
	text-align:justify;
}

body{
		background-color:#fff;
		background:url(../images/wrapper.jpg) repeat-x #FFF;
		}

#site{
		width:1023px;
		margin:auto;
		}
		
#header{
		width:1023px;
		height:432px;
		}		

#gauche{
		width:322px;
		float:left;
		}
		
#droite{
		width:701px;
		float:left;
		background:url(../images/wrapper-02.jpg) repeat-y;
		}
		
#contenu{
		width:598px;
		float:right;
		min-height:458px;
		}

#bande{
		float:left;
		}
		
#total{
		width:1023px;
		clear:both;
		padding:0 20px 0 65px;
		}
		
#footer{
		width:889px;
		height:68px;
		}
		

#w3c{
		width:106px;
		height:20px;
		margin:48px auto;
		padding-left:461px;
		}


h1 {
		font-size:1.3em;
		color:#336a7b;
		}

h2 {
		font-size:1.2em;
		color:#336a7b;
		font-weight:normal;
		}

p {
		font-size:1em;
		line-height:1.2;
		padding-left:16px;
		}

ul li {
	font-size:1em; 
	list-style-position:outside;
	}

a:link, a:visited {
		text-decoration:underline; 
		color:#336a7b;
		}

a:hover {
		text-decoration:none; 
		color: #6b6b6c;
		}

#plansite{
		width:550px;
		margin:auto;
		text-align:center;
		padding-left:400px;
		padding-top:40px;
		clear:both;
		}		

#plansite a:link, #plansite a:visited{
		color:#aaa;
		text-decoration:none;
		}

#plansite a:hover {
	color:#666;
	}

.chapo{
		font-weight:bold;
		}

.bloc-formulaire{}