body
{
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px;
	font-size: 11px;
}

img{border:0;}

p{margin:10px 0;}

.center{text-align:center;}

#index{background-color:#BADF0F;}

#page{width:935px; margin-left:5px;}

#header{height:1%;}
#header:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#header div{float:left;}
#header #logo{padding-top:5px;}
#header #baseline img{padding:25px 0 0 154px;}

#content{background:#FFFFFF url(../img/bgPage.gif) right top no-repeat; _height:1%; height:515px;}
#content:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

#content #menu 
{
   padding: 0;
   width:160px;
   height:510px;
   float:left;
   margin:0px;
   height:1%;
}

#content #menu li 
{
   margin: 0;
   padding: 0;
   list-style: none;
}

#content #menu a {display: block; height: 48px; width:160px; padding-bottom:1px;}

#content #menu1{background:url(../img/MenuCSS/mAccueilT.gif) no-repeat; margin-bottom:2px;}
#content #menu2{background:url(../img/MenuCSS/mObjetSupportT.gif) no-repeat;}
#content #menu3{background:url(../img/MenuCSS/mBeauxArtsT.gif) no-repeat;}
#content #menu4{background:url(../img/MenuCSS/mMozaiqueT.gif) no-repeat;}
#content #menu5{background:url(../img/MenuCSS/mModelageT.gif) no-repeat;}
#content #menu6{background:url(../img/MenuCSS/mPerlesT.gif) no-repeat;}
#content #menu7{background:url(../img/MenuCSS/mArtFilT.gif) no-repeat;}
#content #menu8{background:url(../img/MenuCSS/mScrapbookT.gif) no-repeat;}
#content #menu9{background:url(../img/MenuCSS/mAtelierT.gif) no-repeat;}
#content #menu10{background:url(../img/MenuCSS/mFicheCreaT.gif) no-repeat;}
 
#content #menu1:hover, #content #menu1.on{background:url(../img/MenuCSS/mAccueil.gif) no-repeat;}
#content #menu2:hover, #content #menu2.on{background:url(../img/MenuCSS/mObjetSupport.gif) no-repeat;}
#content #menu3:hover, #content #menu3.on{background:url(../img/MenuCSS/mBeauxArts.gif) no-repeat;}
#content #menu4:hover, #content #menu4.on{background:url(../img/MenuCSS/mMosaique.gif) no-repeat;}
#content #menu5:hover, #content #menu5.on{background:url(../img/MenuCSS/mModelage.gif) no-repeat;}
#content #menu6:hover, #content #menu6.on{background:url(../img/MenuCSS/mPerles.gif) no-repeat;}
#content #menu7:hover, #content #menu7.on{background:url(../img/MenuCSS/mArtFil.gif) no-repeat;}
#content #menu8:hover, #content #menu8.on{background:url(../img/MenuCSS/mScrapbook.gif) no-repeat;}
#content #menu9:hover, #content #menu9.on{background:url(../img/MenuCSS/mtechDeco.gif) no-repeat;}
#content #menu10:hover, #content #menu10.on{background:url(../img/MenuCSS/mIdeeCrea.gif) no-repeat;}

#content #contenu
{
	position:relative;
	width:775px;
	float:left;
	padding:5px 0 0;
	
}

#content #contenu #titre{padding:0 20px;width:730px; height:1%;}
#content #contenu #titre:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

#content #contenu #titre #titreText{float:left;padding-top:10px; width:450px; height:40px;}

#content #contenu #titre #titreRond{float:right;}

#content #contenu #texte
{
	padding:5px 25px; 
	margin:0 5px 20px 0;
	height:360px;
	overflow:auto;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #8AA705;
	scrollbar-face-color: #BADF0F;
	scrollbar-track-color: #697F05; 
	clear:both;
}

#content #contenu #texte:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

#construction
{
	background:url(../img/construction.gif) center no-repeat;
	height:298px;
	margin:0;
	padding:0px;
}

/************************************/
/****************ACCUEIL*************/
/************************************/
#aconstruction{margin-left:120px;}
#perso{position:absolute; bottom:-57px; right:10px;}



/************************************/
/****************FOOTER**************/
/************************************/
#footer
{
	background-color:#FFFFFF;
	padding:3px 0;
}

#footer a
{
	text-decoration:none;
	color:#000000;
	padding:0 15px;
}