/* initialisation */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,a{margin:0px;padding:0px;font-family: arial, verdana, sans-serif; font-size: 14px;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}a {outline:none;}

/* initialisation - fin */

body{background-color: #343434;}

/* -------- zones principales -------- */

#page {				background-color: #343434;width: 843px;margin: 0px auto;}
#haut {				height:145px;position: absolute;width: 713px;top: 0px;z-index: 500;}
#milieu {				width: 843px;position: absolute;margin-top:144px;z-index:10;background-color: #fff;border-bottom: 15px solid #686868;}
/* ----- zones principales . fin ----- */


/*________ SOUS PARTIES _________________*/
/*  dans HAUT */
#logo {				margin: 12px 0px 16px;}
h1{					position: absolute;top: 47px;right: 0px;margin: 14px 0px 0px 0px;color: white;font-size: 29px;letter-spacing: 1px;text-transform: uppercase;}
#menu{				position: absolute;bottom: 0px;margin-left: 15px;z-index: 1;}
.low-case{			text-transform:lowercase;}


/*  dans PAGE */
h2{ 					position: relative;height: 11px;width: 843px;text-align: right;}
h2 a{					display: block;width: 814px;height: 64px;padding:12px 29px 0px 0px;background: url("../images/parts/fond-bandeau.png") repeat-x top;color:white;text-decoration: none;text-transform: uppercase;font-size: 39px;letter-spacing: 1px;line-height: 20px;}
h2  span{z-index:200; display: block;position: absolute;}	
h2 span  span {	height: 1px;background-color: #343434;}
h2 .rond-left,h2 .rond-right{width: 8px;height: 7px;}
h2 .rond-right,h2 .rond-right span{		right: 0px;}
h2 span  span:first-child  {width: 8px;top: 0px;}
h2 span  span:first-child  + span {width: 6px;top: 1px;}
h2 span  span:first-child  + span + span{width: 4px;top: 2px;}
h2 span  span:first-child  + span + span + span{width: 3px;top: 3px;}
h2 span  span:first-child  + span + span + span + span{width: 2px;top: 4px;}
h2 span  span:first-child  + span + span + span + span + span{width: 1px;top: 5px;}
h2 span  span:first-child  + span + span + span + span + span + span{width: 1px;top: 6px;}
h2 span  span:first-child  + span + span + span + span + span + span+ span{width: 1px;top: 7px;}

#left-col{			height: 980px;width: 170px;margin-left: 14px;float: left;}
#left-col #tag-cloud {width:170px;height:200px;position:relative;z-index:300;margin-left:-45px;}


#main { 				width: 100%;height: 100%;margin-top:52px;padding-top: 27px;position: relative;z-index:999;background-color: #fff;}

#centr-col {			padding-left: 202px;padding-bottom: 27px;}
	#bando {				margin-right: 13px;}
		#bando h3{			float: left;font-size: 28px;color: #959697;padding-left: 22px;padding-top: 5px;}

#content {			position: relative;padding-top: 122px;padding-left: 39px;}
#content p {			text-align: justify;}

#pied-page{			text-align: center;font-size: 12px;color: #686868;font-variant: small-caps;width: 843px;height: 100px;position: absolute;z-index: 100;bottom: -150px;padding-bottom: 0px;}

.quick-link {		position: relative;width: 194px;height: 133px;clear: both;margin-bottom: 9px;}
.quick-link  h4{	width: 171px;height: 26px;margin: 4px 0px 3px -6px;background-color: #959697;line-height: 26px;padding-left: 8px;}
.quick-link  h4 a{	text-decoration: none;display: block;font-size: 11px;letter-spacing: 0.13em;color: #FFFFFF;text-transform: uppercase;}
.quick-link  h4 + a,.quick-link  h4 + a:visited{color: black;}
.quick-link > div {	height: 133px;float: left;}
.ql-left{			position: absolute;left: 0px;width: 11px; background: url("../images/parts/quick-link-left.png") no-repeat top;}
.ql-mid{				position: absolute;left: 11px;width: 154px; background: url("../images/parts/quick-link-mid.png") repeat-x top;}
.ql-mid a{			text-decoration: none;}
.ql-right{			position: absolute;right: 0px;width: 29px; background: url("../images/parts/quick-link-right.png")  no-repeat top right;}

#ql2 img + img{		float: right;margin-top: 5px;margin-right: -5px;}
#ql3 img{				float: right;margin-top: -28px;margin-right: -5px;}
.ql-mid span {		display: block;float: right;font-size: 11px;font-weight: bold;}
#ql1  img + span {	float: left;margin-left: 28px;}
#ql1  span + span{	margin-right: 12px;}
#ql2 span{			width: 50px;text-align: center;margin-top: -32px;margin-right: -7px;}
#ql3 span{			float: left;width: 100px;line-height: 15px;margin-top: -84px;}

.a-droite {			float: right;}
.a-gauche {			float: left;}
.ft-8{				font-size: 8px;}



/* ________ FIN DE FICHIER CSS general.css ________ */