body{
	background: url(medias/fond.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font: normal arial, sans;
	font-size: 11px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin: 0px auto;
	top: 0px;
	width: 1000px;
}

#contenu{
	width: 1000px;
}

#bandeau-home{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-menu.jpg) no-repeat;
}

#contenu-bandeau{
	width: 1000px;
	height: 167px;
}

#contenu-bandeau #logo{
	width: 175px;
	height: 160px;
	float: left;
	padding-left: 34px;
}

#contenu-bandeau #menu{
	float: right;
	width: 762px;
	height: 113px;
}

#menu #menu2{
	height: 40px;
	width: 722px;
	color: #3f3f3f;
	font-size: 10px;	
	padding-right: 40px;
}

#menu2 ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-top: 13px;
	margin-left: 360px;
}

#menu2 li{
	float: left;
	background: url(medias/puce-menu2.gif) no-repeat 4px left;
	padding-left: 7px;
	margin-right: 20px;
}

#menu2 li a{
	color: #3f3f3f;
	font-size: 10px;
	text-decoration: none;
}

#menu2 li a:hover{
	color: #3f3f3f;
	font-size: 10px;
	text-decoration: underline;
}	

#menu #menu-principal{
	width: 762px;
	height: 62px;
	margin-top: 2px;
	margin-right: 20px;
}

#menu-principal ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu-principal li{
	float: left;
}

#menu-principal li a{
	display: block;
}

#menu-principal li a span{
	display: none;
}

a#btn01{
	background: url(medias/menu/rencontres.gif);
	width: 211px;
	height: 62px;
}

a#btn01:hover{
	background: url(medias/menu/rencontres_over.gif);
}

a#btn01.select, a#btn01:hover.select{
	background: url(medias/menu/rencontres_over.gif);
}

a#btn02{
	background: url(medias/menu/ateliers.gif);
	width: 117px;
	height: 62px;
}

a#btn02:hover{
	background: url(medias/menu/ateliers_over.gif);
}

a#btn02.select, a#btn02:hover.select{
	background: url(medias/menu/ateliers_over.gif);
}

a#btn03{
	background: url(medias/menu/signe.gif);
	width: 138px;
	height: 62px;
}

a#btn03:hover{
	background: url(medias/menu/signe_over.gif);
}

a#btn03.select, a#btn03:hover.select{
	background: url(medias/menu/signe_over.gif);
}

a#btn04{
	background: url(medias/menu/bibliotheque.gif);
	width: 138px;
	height: 62px;
}

a#btn04:hover{
	background: url(medias/menu/bibliotheque_over.gif);
}

a#btn04.select, a#btn04:hover.select{
	background: url(medias/menu/bibliotheque_over.gif);
}

a#btn05{
	background: url(medias/menu/accueiltel.gif);
	width: 138px;
	height: 62px;
}

a#btn05:hover{
	background: url(medias/menu/accueiltel_over.gif);
}

a#btn05.select, a#btn05:hover.select{
	background: url(medias/menu/accueiltel_over.gif);
}

#visuel-home{
	width: 1000px;
	height: 191px;
	background: url(medias/visuels-home.jpg) no-repeat;
}

#elements-contenu{
	width: 1000px;
	background-color: #fff;
	height: 180px;
}

#elements-contenu #edito{
	width: 284px;
	background: #fff url(medias/sepa-home.gif) no-repeat top right;
	padding: 10px 25px 0 25px;
	float: left;
	/*height: 180px;*/
}

#elements-contenu #rencontres{
	width: 282px;
	background: #fff url(medias/sepa-home.gif) no-repeat top right;
	padding: 0 25px 0 25px;
	float: left;
	/*height: 180px;*/
}

#elements-contenu #ateliers{
	width: 284px;
	padding: 0 25px 0 25px;
	float: left;
	background-color: #fff;
	/*height: 180px;*/
}

#pied-page{
	display: block;
	clear: both;
	margin-top: 20px;
	background: url(medias/pied-page.gif) no-repeat top left;
	color: #626262;
	height: 23px;
	background-color: #fff;
	padding: 10px 0 0 48px;
}

.titre{
	margin-top : 10px;
	color: #917c76;
	font-weight: bold;
	background: url(medias/puce-titre.gif) no-repeat left 2px;
	padding-left: 10px;
	height: 20px;
	display: block;
	clear: both;
}

a#btninfos{
	background: url(medias/btn-infos.gif);
	height: 13px;
	width: 74px;
	display: block;
	clear: both;
	float: right;
	margin-bottom: 20px; 
}

a#btninfos:hover{
	background: url(medias/btn-infos_over.gif);
}

a#btntelecharger{
	background: url(medias/btn-telecharger.gif);
	height: 13px;
	width: 74px;
}

a#btntelecharger:hover{
	background: url(medias/btn-telecharger_over.gif);
}

.clearer{
	display: block;
	clear: both;
}

/* bandeaux pages */

#bandeau-rencontres{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-rencontres.jpg) no-repeat;
}

#bandeau-liens{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-liens.jpg) no-repeat;
}

#bandeau-contact{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-contact.jpg) no-repeat;
}

#bandeau-ateliers{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-ateliers.jpg) no-repeat;
}

#bandeau-accueil{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-accueil.jpg) no-repeat;
}

#bandeau-signe{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-signe.jpg) no-repeat;
}

#bandeau-bibliotheque{
	width: 1000px;
	height: 176px;
	background: url(medias/fond-bibliotheque.jpg) no-repeat;
}

/* visuels pages */

#visuel-rencontres{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-rencontres.jpg) no-repeat;
	float: left;
}

#visuel-liens{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-liens.jpg) no-repeat;
	float: left;
}

#visuel-contact{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-contact.jpg) no-repeat;
	float: left;
}

#visuel-ateliers{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-ateliers.jpg) no-repeat;
	float: left;
}

#visuel-accueil{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-accueil.jpg) no-repeat;
	float: left;
}

#visuel-signe{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-signe.jpg) no-repeat;
	float: left;
}

#visuel-bibliotheque{
	width: 334px;
	height: 361px;
	background: url(medias/visuel-bibliotheque.jpg) no-repeat;
	float: left;
}


#elements-contenupages{
	width: 1000px;
	background-color: #fff;
	height: 100%;
}

#elements-contenupages #textepages{
	width: 616px;
	background-color: #fff;
	padding: 0 25px 0 25px;
	float: left;
}

.titrepages{
	margin-top : 10px;
	color: #917c76;
	font-weight: bold;
	background: url(medias/puce-titre.gif) no-repeat left 4px;
	padding-left: 15px;
	height: 20px;
	display: block;
	clear: both;
	font-size: 14px;
}

.texte{
	font: normal arial, sans;
	font-size: 11px;
	color: #626262;
	clear: both;
	display: block;
	margin-left: 15px;
}

.texte a{
	font-size: 11px;
	color: #626262;
	text-decoration: underline;
}

.texte a:hover{
	font-size: 11px;
	color: #626262;
	text-decoration: underline;
}

.textegrasrose{
	color: #917c76;
	font-weight: bold;
	display: block;
	clear: both;
	margin-bottom: 4px;
	margin-top: 10px;
}