* {
text-decoration:none;
margin:0;
padding:0;
}

body {
	background:url(theme/fond_bleu3.jpg) no-repeat  center top;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	font-family:Verdana, Geneva, Arial, sans-serif;
	Font-size:12px;
}
/*//////////////////////////////////////////////////////
					Header
//////////////////////////////////////////////////////*/
#top {
	position:relative;
	width:910px;
	height:147px;
	margin:0 auto;
	padding:0;
	margin-bottom:20px;
}
#top img{
	border:none;
	position:relative;
	left:115px;
	top:32px;
	}

/*/////////////////////////////////////////////////////////////////////////////
						Conteneur
//////////////////////////////////////////////////////*/
#conteneur{
	position:relative;
	width:910px;
	height:400px;
	margin:0 auto;
	padding:0;
}


/*//////////////////////////////////////////////////////
						icônes
//////////////////////////////////////////////////////*/


#icone{
	width: 845px;
	height:154px;
	margin:0 auto;
	z-index:0;
	top:0.7em;
 }
 
#icone ul li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
#icone ul li a{
	height:150px;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	margin:0;
}

 
#icone ul li a:hover{
	height:150px;
	background-position:top;
	background-repeat:no-repeat;
	padding:0;
}

 /*///////////////////////////////////*/
/*////////////*/
#icone ul li a.edition{
	background-image:url(theme/icone_edition.png);
	width:148px;
}
#icone ul li a.edition:hover{
	width:148px;
}

/*////////////*/
#icone ul li a.site{
	background-image:url(theme/icone_site.png);
	width:133px;
}
#icone ul li a.site:hover{
	width:133px;

}

/*////////////*/
#icone ul li a.com{
	background-image:url(theme/icone_com.png);
	width:135px;
}
#icone ul li a.com:hover{
	width:135px;

}


/*////////////*/
#icone ul li a.illu{
	background-image:url(theme/icone_illu.png);
	width:148px;
}
#icone ul li a.illu:hover{
	width:148px;
}

/*////////////*/
#icone ul li a.photo{
	background-image:url(theme/icone_photo.png);
	width:131px;
}
#icone ul li a.photo:hover{
	width:131px;
}

/*////////////*/
#icone ul li a.contact{
	background-image:url(theme/icone_contact.png);
	width:134px;
}
#icone ul li a.contact:hover{
	width:134px;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
							Menu
///////////////////////////////////////////////////////////////////////////////////*/

#menu{
	background:url(theme/contenu_h.png) no-repeat bottom;
	height:57px;
	width:660px;
	margin:0 auto;
	padding:0;

}
#menu ul{
	width:642px;
	margin:0 auto;
	list-style:none;
}
#menu ul li {
	list-style:none;
	float:left;
	padding:0;

}
#menu ul li a{
	height:43px;
	width:107px;
	background-repeat:no-repeat;
	background-position:top;
	display:block;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	line-height:53px;
}
#menu ul li a:hover{
	height:43px;
	width:107px;
	background-position:bottom;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	line-height:38px;
	background-repeat:no-repeat;
}

/*////////////////////////////////////////////*/
#menu ul li a.orange{
	background-image:url(theme/btn_orange.png);
	color:#ff9900;
}
#menu ul li a.orange:hover{
	color:#fcdaa8;
}


/*///////////*/
#menu ul li a.bleu{
	background-image:url(theme/btn_bleu.png);
	color:#3399ff;
}
#menu ul li a.bleu:hover{
	color:#d2e1f0;
}


/*///////////*/
#menu ul li a.vert{
	background-image:url(theme/btn_vert.png);
	color:#66cc00;
}
#menu ul li a.vert:hover{
	color:#d2ffa4;
}


/*///////////*/
#menu ul li a.rose{
	background-image:url(theme/btn_rose.png);
	color:#fc5cac;
}
#menu ul li a.rose:hover{
	color:#fecee6;
}


/*///////////*/
#menu ul li a.violet{
	background-image:url(theme/btn_violet.png);
	color:#aa45aa;
}
#menu ul li a.violet:hover{
	color:#e6c8e6;
}


/*///////////*/
#menu ul li a.marron{
	background-image:url(theme/btn_marron.png);
	color:#996633;
}
#menu ul li a.marron:hover{
	color:#f4dbc2;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////
							Contenu
////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenu{
	background:url(theme/contenu.png) repeat-y left;
	width:620px;
	height:160px;
	position:relative;
	margin:0 auto;
	padding:0 20px;
}
#news p.maj{
	float:right;
	font-size:11px;
	height:17px;
	margin:8px 0 0 0;
	color:#cccccc;
}
#news{
	float:left;
}

#news h1{
	padding:0 15px;
	margin-bottom:10px;
	height:27px;
	line-height:27px;
	width:270px;
	background:url(theme/news_h1.png);
	font-size:1em;
	font-weight:bold;
}
#news p{
	padding:0 15px;
	margin-bottom:10px;
	color:#666666;
}


#contenu img{
	height:60px;
	width:68px;
	float:right;
	margin-right:40px;
}
#contenu .plus{
	display:block;
	position:absolute;
	top:120px;
	font-size:18px;
}




#vignette{
	width:324px;
	height:124px;
	float:right;
	margin-top:15px;
}
#vignette ul{
	margin:0;
}
#vignette ul li{
	list-style:none;
	display:inline;
}
#vignette ul li a{
	height:60px;
	width:60px;
	background-repeat:no-repeat;
	background-position:bottom;	
	float:left;
}
#vignette ul li a em{
	font-size:11px;
}
#vignette ul li a:hover{
	height:60px;
	width:60px;
	background-repeat:no-repeat;
	background-position:top;	
	padding:0;
}
#vignette ul li a span{
	display:none;
}
#vignette ul li a:hover span{
	display:block;
	position: absolute;
	right: 460px;
	top:15px;
	width: 160px;      
	text-align: left;
	border-top: 1px solid;
	color:#666666;
	padding-top:5px;
}

/*////////////////////////////////////////////*/
#vignette ul li a.element{
	margin: 0 6px 6px 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element2{
	margin: 0 6px 6px 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element3{
	margin: 0 6px 6px 0;

}
/*////////////////////////////////////////////*/
#vignette ul li a.element4{
	margin: 0 6px 6px 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element5{
	margin: 0 0 6px 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element6{
	margin: 0 6px 0 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element7{
	margin: 0 6px 0 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element8{
	margin: 0 6px 0 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element9{
	margin: 0 6px 0 0;
}
/*////////////////////////////////////////////*/
#vignette ul li a.element10{
	margin:0;
}

/*////////////////////////////////////////////////////////////////////////////////
							footer
/////////////////////////////////////////////////////////////////////////////*/
#bas{
	background:url(theme/bas.png) no-repeat;
	height:34px;
	width:660px;
	margin:0 auto;
	padding:0 ;

}
#copyright{
	height:10px;
	margin:0 auto;
	position:relative;
	bottom:2.1em;
	left:1.2em;
	color:white;
	width:620px;
}