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

/*********************** Styles **************************/
a, a:link, a:visited
{	text-decoration:none;
	color:#530097;
	font-weight:bold;	}

a:hover
{	text-decoration:underline;	}

h1
{	margin:0 350px 0 30px;
	padding:0 50px 0 0;
	font-size:24px;
	color:black;	}

h3
{	font-size:12px;
	font-weight:bold;
	margin:3px 0;	}

.niv1
{	position:relative;
	left:15px;
	margin:0;
	z-index:0;	}

.niv2
{	position:relative;
	left:30px;
	margin:0;
	z-index:0;	}

/**************************** Design global **************************/
body
{	margin:0;
	padding:0;
	font-family:Verdana, "Trebuchet MS";
	font-size:11px;
	color:#530097;
	background:url(../images/fond_body.png) repeat-x;	}

#cadre
{	width:790px;
	height:413px;
	margin:10px auto;
	padding:205px 15px 0 15px;
	background:url(../images/fond_web.png) top left no-repeat;	}

/**************************** Partie Menu ******************************/
#menu
{	float:right;
	width:200px;
	height:185px;	}

#menu p
{	position:relative;
	font-size:14px;
	font-weight:bold;
	z-index:1;	}

#m1
{	top:-7px;
	left:-150px;	}

#m2
{	top:-13px;
	left:-65px;	}

#m3
{	top:-13px;
	left:-6px;	}

#m4
{	top:-13px;
	left:32px;	}

#m5
{	top:-13px;
	left:58px;	}

#m6
{	top:-13px;
	left:75px;	}

#m7
{	top:-13px;
	left:88px;	}

#m8
{	top:-13px;
	left:98px;	}

#menu a
{	text-decoration:none;
	color:#530097;	}

#menu a:hover
{	text-decoration:underline;	}

/**************************** Partie footer ******************************/
#footer
{	position:relative;
	top:-10px;
	margin:0;
	padding:0;
	text-align:center;
	color:#666666;
	font-size:9px;	}

#partenaires
{	font-size:8px;
	color:black;	}

#partenaires a
{	color:black;
	font-weight:normal;	}

/***************************** Partie contenu ****************************/
#content
{	padding:15px;	}

/* Page : index.php */
#pers0
{	float:left;
	margin:0 10px 10px 0;
	border:1px solid #530097;	}

#blocs div
{	float:left;
	width:130px;
	height:130px;
	margin:30px 20px 30px 0;
	padding:10px;
	text-align:center;	}

#blocs a:hover
{	text-decoration:none;	}

#b1
{	color:#FCC;
	background:url(../images/bloc_red.png) no-repeat;	}

#b2
{	color:#CFC;
	background:url(../images/bloc_green.png) no-repeat;	}

#b3
{	color:#CCF;
	background:url(../images/bloc_blue.png) no-repeat;	}

#b4
{	color:#FFF;
	background:url(../images/bloc_yellow.png) no-repeat;	}

#blocs div p
{	text-align:left;	}

/* Page : bat.php */
.color
{	float:left;
	width:20px;
	height:350px;	}

#color_bat1
{	background:url(../images/barre_red.gif) repeat-y;	}

#color_bat2
{	background:url(../images/barre_green.gif) repeat-y;	}

#color_bat3
{	background:url(../images/barre_blue.gif) repeat-y;	}

#color_bat4
{	background:url(../images/barre_yellow.gif) repeat-y;	}

#underline_bat1
{	border-bottom:3px solid #FF7864;	}

#underline_bat2
{	border-bottom:3px solid #78C8A0;	}

#underline_bat3
{	border-bottom:3px solid #6478FF;	}

#underline_bat4
{	border-bottom:3px solid #CC0;	}

.fcolor_bat1
{	color:#FF7864;	}

.fcolor_bat2
{	color:#78C8A0;	}

.fcolor_bat3
{	color:#6478FF;	}

.fcolor_bat4
{	color:#990;	}

#pers
{	float:left;	}

#infos
{	min-height:200px;
	margin-left:340px;	}

#bas
{	width:467px;
	margin-left:40px;	}

#bas p
{	float:right;
	margin-top:30px;
	padding-left:5px;
	text-align:left;
	border-left:3px double #530097;	}

#bas td
{	width:100px;
	text-align:center;	}
	
#bas img
{	margin:0 15px;
	border:none;	}

/* Page : contact.php */
.nom_champ
{	text-align:right;	}

input, textarea
{	font-family:courier;
	font-size:11px;	}