/*-------------------------textes images et liens-----------------------------------------*/
a img{
	border:0;
	text-decoration:none;
	margin:0;
	}
img {margin:0}

h1 {color:#cc0033;font-size:24px;}
h2{font-weight:normal;font-size:18px;}
/*-------------------------fin textes images et liens---------------------------------------*/

/*-------------------------corps de page-------------------------------------------------*/

* {
/*margin:0;*/
margin:auto;
}


body {
/*background-image:url('images/fond-contact.jpg');*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0;
	text-align: center;

}

html, body {
margin:0;
padding:0;
	margin:0 auto;
width: 100%;
}

#arriere{
/* l'image occupe toute la place du body */
width : 100%;

}

#entete{
position:relative;
background-image:url('images/top.jpg');
width:960px;
height:199px;
/*border-right:1px solid #fff;
border-left:1px solid #fff;*/
}

#global {
position:relative;
width:960px;
height:643px;
/*margin-left:10px;*/
text-align:left;
/*border-right:1px solid #fff;
border-left:1px solid #fff;*/
}

#feuille {
position: absolute;
top:199px;
left:0px;
background-color: #fff;
font-family:georgia, serif;
width: 960px;

}

#feuille_droite{
position:absolute;
left:592px;
top:60px;

}

#img_gauche{
	margin-top:20px;
	margin-left:10px;
	width:565px;
	}

#texte_centre{
	position:relative;
	margin-left:593px;
	margin-top:60px;
	background:#fff;
	}

.texte_princ{margin-left:10px;color:#666}
/*-------------------------fin corps de page-----------------------------------------------*/

/*-------------------------menu haut-----------------------------------------------------*/
#menu_haut{
	position:absolute;
	width:960px;
	left:0px;
	top:5px;
	}
	#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;
				}
			#nav li {
				float: left ;
				}
			#nav li a {
				display: block ;
				color: #fff ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				}
#actu a{background: url(images/actualites-off.gif) left top no-repeat ;width: 320px;height:32px;}
#actu a:hover{background: url(images/actualites-on.gif) left top no-repeat ;}
#bout a{background: url(images/boutique-off.gif) left top no-repeat ;width: 280px;height:32px;}
#bout a:hover{background: url(images/boutique-on.gif) left top no-repeat ;}
#contact a{background: url(images/contact-off.gif) left top no-repeat ;width: 200px;height:32px;}
#contact a:hover{background: url(images/contact-on.gif) left top no-repeat ;}
#part a{background: url(images/partenaires-off.gif) left top no-repeat ;width: 158px;height:32px;}
#part a:hover{background: url(images/partenaires-on.gif) left top no-repeat ;}

/*-------------------------fin menu haut--------------------------------------------------*/

/*-------------------------pied de page---------------------------------------------------*/
#graphiste {
position: absolute;
bottom: 0;
float: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#CC0033;
font-size:8pt;
}

#texte_graphiste {
	font-size:10px;
	font-family:verdana, sans-serif;
	margin-left:10px
}
/*-------------------------fin pied de page-------------------------------------------------*/