/*----------------------General------------------------*/
/*---------------<-- Design by R@bbit972 ----------------*/

body {
	margin : 0px;
	padding : 0px;
	height: 100%;
	background-color:#FEF7FB;
	background-image:url(composants/filet.gif);
	background-position:top;
	background-repeat:repeat-x;
}


.droite{ float:right;}
.gauche{ float:left;}

#fondsite {
	position:absolute;
	width: 873px;
	margin-left: -384px;
	left:50%;
	background:url(composants/contenu_filet.gif) repeat-y right;
}

div#fondsite #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
		}
div#fondsite #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 4em;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
			 visibility: hidden;
		}
.contenu{
	float:right;
	clear:right;
	margin-right:35px;
	width:520px;
	z-index:0;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.ban{
	width:768px;
	height:87px;
	float:left;
}
.img_gauche{
	background-image:url(composants/imag_gauche.gif);
	background-repeat:no-repeat;	
	width:313px;
	height:482px;
	float:left;
	clear:left;
	z-index:2;
	position:relative;
}

.diapo{
	border:2px solid #000000;
	float:left;
	width:297px;
	height:446px;
	margin-top:15px;
	
}

.acc{
	width:200px;
	float:right;
	margin-right:15px;
	margin-top:10px;
	text-align:center;
}

.gallerie_img{
	margin:5px;
	border:#000000 1px solid;
}

.txt{
	float:right;
	width:560px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.txt a{
	font-weight:bold;
	color:#212c58;
	text-decoration:none;
}
.GdTitre{
	font-weight:bold;
	font-size:14px;
	color:#FC5889;
}
.Titre{
	font-weight:bold;
	font-size:14px;
	color:#FFCC33;
}
.img_border_blanc{ border:1px solid #FFFFFF;}

/*/////////////////  MENU ////////////////////////////*/
.menu{
	width:443px;
	height:64px;
	padding-top:50px;
	padding-left:430px;
	float:left;
	background:no-repeat url(composants/banniere.jpg);
	color:#FFFFFF;
	font-weight:bold;
	clear:left;
}
.menubt{
	margin-left:0px;
	margin-top:5px;
	float:left;
}
.menutxt1{
	margin-left:5px;
	float:left;
	width:74px;
	height:31px;
	background-image:url(composants/bt_acc_off.gif);
	background-repeat:no-repeat;
	position:relative;
}
.menutxt1 a{
	width:74px;
	height:31px;
	display:block;
}

#menu_on1 a{
	background-image:url(composants/bt_acc_on.gif);
	background-repeat:no-repeat;
}

.menutxt2{
	background-image:url(composants/bt_crea_off.gif);
	background-repeat:no-repeat;
	margin-left:25px;
	float:left;
	width:233px;
	height:31px;
}
.menutxt2 a{
	display:block;
	width:233px;
	height:31px;
}

#menu_on2 a{
	background-image:url(composants/bt_crea_on.gif);
	background-repeat:no-repeat;
}

.menutxt3{
	margin-left:20px;
	float:left;
	width:77px;
	height:31px;
	background-image:url(composants/bt_contact_off.gif);
	background-repeat:no-repeat;
}
.menutxt3 a{
	width:77px;
	height:31px;
	display:block;
}

#menu_on3 a{
	background-image:url(composants/bt_contact_on.gif);
	background-repeat:no-repeat;
}
/*///////////////// FIN MENU /////////////////////////////*/


/*///////////////// BAS ////////////////////////////////*/
.bas_site{
	background-image:url(composants/bas_site.gif);
	background-repeat:no-repeat;
	float:right;		
	bottom: 0; 
	width:656px;
	height:64px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#f9c3e6;
	vertical-align:middle;
	position:relative;
}
.bas_site_txt{
	padding-left:380px;
	padding-top:35px;
	float:left;
	margin-bottom:10px;
}
.bas_site_logo a{
	padding-top:31px;
	float:left;
}

.txt_centre{
	float:left;
	padding-left:100px;
	padding-right:10px;
	padding-top:5px;
}
/*///////////////////// FIN BAS ///////////////////////*/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color:#999999;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### FIN CSS for Shade Tabs. Remove if not using ######### */