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

*
{
margin:0;
padding:0;
}

img  {border: 0}

a img
{
	border:none;
}

.gras
{
	font-weight: bold;
}

.hr{
	clear:both;
}


/**********************************************************************************/
/*** Général **********************************************************************/
html,body
{
	height:100%;
	background-color:#faf8ff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../image/fond-page.jpg);
	background-repeat: repeat-x;
}

#contenant
{
	background-image: url(../image/fond-gen.jpg);
	background-repeat: no-repeat;
	min-height: 100%;
	width: 1000px;
	position: relative;
}

#menuUp
{
	height: 55px;
	width: 400px;
	margin-top: 120px;
	float: left;
}

#tools
{
	height: 55px;
	width: 270px;
	margin-top: 120px;
	float: left;
}

#menuLeft
{
	/*background-image: url(../image/fond-gauche.png);
	background-repeat: no-repeat;
	background-position: bottom left;*/
	width: 330px;
	float: left;
}

#page
{
	height: auto;
	width: 670px;
	float: left;
}

/**********************************************************************************/
/*** Menu Gauche **********************************************************************/

#menuLeft #menu1
{
	background-image: url(../image/fond-left1.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	height: auto;
	width: 330px;
	margin-bottom: 10px;
	margin-top: 172px;
	float: left;
}

#menuLeft #menu2
{
	background-image: url(../image/fond-left2.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	height: auto;
	width: 330px;
	margin-bottom: 10px;
	float: left;
}

#menuLeft #menu3
{
	background-image: url(../image/fond-left3.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	height: auto;
	width: 330px;
	margin-bottom: 10px;
	float: left;
}

#menuLeft #menu4
{
	background-image: url(../image/fond-left4.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	height: auto;
	width: 330px;
	margin-bottom: 10px;
	float: left;
	
}

#menuLeft #menu5
{
	background-image: url(../image/fond-left5.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	height: auto;
	width: 330px;
	margin-bottom: 10px;
	float: left;
	
}

#titreMenu
{
	width: 135px;
	height: auto;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#sMenu
{
	width: 169px;
	height: auto;
	float: left;
}

#sMenu #up
{
	background-image: url(../image/fond-sMenuH.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 169px;	
}

#sMenu #center
{
	background-color: #2c2d2b;
	height: auto;
	width: 164px;
	padding-left: 5px;	
}

#sMenu #center a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	display: block;
}

#sMenu #center a:hover
{
	font-weight: bold;
}

#sMenu #center #sRubrique
{
	height: auto;
	width: 151px;
	padding-left: 13px;	
}

#sMenu #center #sRubrique a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5890d1;
	text-decoration:none;
	display: block;
}

#sMenu #center #sRubrique a:hover
{
	font-weight: bold;
}

#sMenu #center #sPage
{
	height: auto;
	width: 140px;
	padding-left: 23px;
	margin-bottom: 5px;
}

#sMenu #center #sPage a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff8a00;
	text-decoration:none;
	display: block;
	
}

#sMenu #center #sPage a:hover
{
	color: #ffffff;
	font-weight: normal;
}

#sMenu #down
{
	background-image: url(../image/fond-sMenuB.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 169px;	
}

/**********************************************************************************/
/*** Contenu **********************************************************************/

#contenuTexte
{
	height: auto;
	width: 400px;	
	background-image: url(../image/fond-contenu.jpg);
	background-repeat: no-repeat;
	float: left;
}

#contenuFichier
{
	height: auto;
	width: 270px;	
	float: left;
}

#contenuFichier #diaporama {
	float: left;
	width: 270px;
	height: 185px;
}

#contenuFichier #diaporama img 
{
	position: absolute;
	border: 0;
	width: 270px;
}

#contenuFichier a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

#contenuTexte h1
{
	height: 34px;
	width: 400px;
	background-image: url(../image/fond-h1-contenu.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;	
	padding-left: 20px;
	padding-top: 5px;
}

#contenuTexte h2
{
	height: 30px;
	width: 400px;
	background-image: url(../image/fond-h1-contenu.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	padding-left: 20px;
}

#contenuTexte h3
{
	width: 360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}