@charset "UTF-8";
/* CSS Document */

/* HEADER ///////////////////////////////////////////////////////////////////////////////////*/

.header {
	margin-top:0;
	margin-left:0;
	height:140px;
	width:980px;
}

.logo {
	margin-left:30px;
	margin-top:33px;
	width:103px;
	height:103px;
	float:left;
	background:url(img/logo.png);
}

.barre {
	margin-left:20px;
	margin-top:29px;
	width:3px;
	height:111px;
	float:left;
	background:url(img/barre.png);
}

.presentation {
	line-height:1.1em;
	margin-left:20px;
	margin-top:34px;
	width:230px;
	height:104px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

.accroche {
	margin-left:20px;
	margin-top:43px;
	width:104px;
	height:84px;
	float:left;
	background:url(img/pasrigoler.png);
}

.mail {
	margin-left:20px;
	margin-top:23px;
	width:110px;
	height:114px;
	float:left;
	background:url(img/mail.png);
}


/* MENU ///////////////////////////////////////////////////////////////////////////////////*/


.menu {
	margin-left:20px;
	margin-top:31px;
	width:106px;
	height:105px;
	float:left;
}

.photos {
	background:url(img/menu/photos2.png);
	margin-top:2px;
	width:106px;
	height:19px;
	
}

.photos:hover {
	background:url(img/menu/photos1.png);
}

.historique {
	background:url(img/menu/historique2.png);
	margin-top:2px;
	width:106px;
	height:19px;
	
}

.historique:hover {
	background:url(img/menu/historique.png);
}

.participer {
	background:url(img/menu/participer2.png);
	margin-top:2px;
	width:106px;
	height:19px;
	
}

.participer:hover {
	background:url(img/menu/participer.png);
}

.shop {
	background:url(img/menu/shop2.png);
	margin-top:2px;
	width:106px;
	height:19px;
	
}

.shop:hover {
	background:url(img/menu/shop.png);
}

.liens {
	background:url(img/menu/liens2.png);
	margin-top:2px;
	width:106px;
	height:19px;
	
}

.liens:hover {
	background:url(img/menu/liens.png);
}

/* PHOTOS ///////////////////////////////////////////////////////////////////////////////////*/

.colonne {
	margin-top:50px;
	margin-left:148px;
	width:621px;
}

.haut {
	background:url(img/haut.png);
	background-repeat:no-repeat;
	width:621px;
	height:67px;
}

.photo {
	width:621px;
	height:264px;
}

.millieu {
	background:url(img/millieu.png);
	background-repeat:no-repeat;
	width:621px;
	height:60px;
}

.bas {
	background:url(img/bas.png);
	background-repeat:no-repeat;
	width:621px;
	height:118px;
}

/* PARTICIPER ///////////////////////////////////////////////////////////////////////////////////*/

.participation {
	line-height:1.3em;
	margin-left:7px;
	width:607px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.participation2 {
	line-height:1.3em;
	text-align:justify;
	margin-left:7px;
	margin-top:10px;
	width:607px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.interstice {
	width:607px;
	height:30px;
}

.barre2 {
	margin-top:30px;
	margin-bottom:30px;
	background:url(img/barre2.png);
	margin-left:7px;
	width:607px;
	height:3px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

/* HISTORIQUE ///////////////////////////////////////////////////////////////////////////////////*/

.histoire {
	line-height:1.3em;
	text-align:justify;
	margin-left:7px;
	margin-top:10px;
	width:607px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

/* LIENS ///////////////////////////////////////////////////////////////////////////////////*/

.photomaton {
	background:url(img/lien_photo.png);
	background-repeat:no-repeat;
	margin-left:7px;
	width:220px;
	height:500px;
	float:left;
}

.amis {
	background:url(img/lien_amis.png);
	background-repeat:no-repeat;
	width:240px;
	height:500px;
	float:left;
}

.travail {
	background:url(img/lien_travail.png);
	background-repeat:no-repeat;
	width:220px;
	height:500px;
	float:left;
}

.link {
	width:220px;
	margin-left:5px;
	margin-top:50px;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	float:left;
}

.colonne2 {
	margin-top:50px;
	margin-left:148px;
	width:700px;
}

a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

/* SHOP ///////////////////////////////////////////////////////////////////////////////////*/

.colonne3 {
	margin-top:50px;
	margin-left:155px;
	width:300px;
	float:left;
}

.titreshop1 {
	background:url(img/photo_shop.png);
	background-repeat:no-repeat;
	width:150px;
	height:20px;
}

.titreshop2 {
	background:url(img/stickers_shop.png);
	background-repeat:no-repeat;
	margin-top:30px;
	width:150px;
	height:20px;
}

.titreshop3 {
	background:url(img/livre_shop.png);
	background-repeat:no-repeat;
	margin-top:30px;
	width:150px;
	height:20px;
}

.descr1  {
	margin-top:15px;
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	line-height:1.3em;
	text-align:justify;
}

.descr2  {
	margin-top:15px;
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:1.3em;
	text-align:justify;
}

.planche  {
	background:url(img/planche.png);
	background-repeat:no-repeat;
	float:left;
	margin-top:50px;
	margin-left:20px;
	width:126px;
	height:122px;
}