@charset "iso-8859-1";

html
{
     margin: 0 auto ;
     text-align: center ;
}

body
{
    background-color: #000000 ;
	margin: 0 auto ;
	padding: 0 ;
	text-align: center ;width: 760px ;
}

/* -------------------- */
/* --- FIL D'ARIANE --- */
/* -------------------- */

div#ariane
{
	font-family: Arial,sans-serif ;
	text-align: left;
	font-size: 10px ;
	color: #808080 ;
	line-height: 11px ;
}

#ariane a:link
{
    font-family: Arial,sans-serif ;
	font-size: 10px ; 
    text-align: left ;
	text-decoration: underline ;
	color: #808080 ;
	line-height: 11px ;
}

#ariane a:visited
{
    font-family: Arial,sans-serif ;
	font-size: 10px ; 
    text-align: left ;
	text-decoration: underline ;
	color: #808080 ;
	line-height: 11px ;
}

#ariane a:hover
{
    font-family: Arial,sans-serif ;
	font-size: 10px ; 
    text-align: left ;
	text-decoration: underline ;
	color: #808080 ;
	line-height: 11px ;
}

/* ------------------- */
/* --- H E A D E R --- 	*/
/* ------------------- */

div#header
{
	background: url(image/fond1.gif) no-repeat center bottom ; 
	width: 760px ;
	height: 104px;
	position: absolute ; left: 0px ; top: 0px ;
}


div#headergauche
{
   	text-align: left ;
	position: absolute ; left: 48px ; top: 23px ;
}

div#headerdroit
{
   	text-align: left ;
	position: absolute ; left: 500px ; top: 2px ;
	width: 200px ;
	height: 102px;
}

div#headerdroit a:link
{
font-family: Arial,sans-serif;
text-decoration: underline;
color: #000000;
font-size: 14px;
}

div#headerdroit a:visited
{
font-family: Arial,sans-serif;
text-decoration: underline;
color: #000000;
font-size: 14px;
}

div#headerdroit a:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 14px;
}


/* ------------------- */
/* --- CONTENEUR --- 	*/
/* ------------------- */

div#conteneur
{
	background: url(image/fond2.gif) repeat ;
	width: 760px ;
	min-height: 800px ;
	margin: 0 auto ;
	text-align: left ;
	position: relative ; left: 0px ; top: 0px ;
}

div#contenu
{
	width: 470px ;
	min-height: 600px ;
	margin-left: 135px ;
	margin-right: 155px ;
	padding-top: 104px ;
}

/* ------------------- */
/* --- GAUCHE --- 	*/
/* ------------------- */

div#colonnegauche
{
	background: url(image/fondmenu.gif) no-repeat  ;
	width: 130px ;
	height: 600px ;
	position: absolute ; left: 0px ; top: 104px ;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 52px;
	font-family: Arial,sans-serif;
	text-decoration: none;
	font-size: 12px;
}

/* ------------------- */
/* --- DROITE --- 	*/
/* ------------------- */

div#colonnedroite
{
	width: 140px ;
	height: 600px ;
	position: absolute ; left: 615px ; top: 104px ;
	margin-bottom: 0px ;
	padding-left: 3px ;
	text-align: left ;
    font-family: Arial,sans-serif, ;
	font-size: 12px ;
	border: 1px solid black;
	line-height: 14px ;
}

/* ------------------- */
/* --- PIED --- 	*/
/* ------------------- */

div#pied
{
	background: url(image/cor2.gif) no-repeat center;
	position: relative ; left: 0px ; top: 0px ;
	width: 760px ;
	height: 90px ;
   	text-align: center ;
	border-bottom: 10px solid black;
}

div#pied a:link
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 10px;
}

div#pied a:visited
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 10px;
}

div#pied a:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 10px;
}

/* ------------------- */

p
{
   	text-align: justify ;
   	font-size: 15px ;
    line-height: 20px;
}

td
{
   	text-align: left ;
   	font-size: 15px ;
    line-height: 22px;
}

h1
{
   	height: 60px ;
   	text-align: center ;
	margin-top: 10px ;
	line-height: 60px ;
	font-size: 20px ;
	background: url(image/cor.gif) no-repeat center bottom ;
	color: #6A0000 ;

}

h2
{
   	text-align: center ;
	font-size: 20px ;
	color: #6A0000 ;
}

h2.petitcor
{
   	text-align: left ;
	margin-top: 0px ;
	margin-left: 10px ;
	padding-left: 40px ;
	line-height: 20px ;
	font-size: 14px ;
	background: url(image/petitcor.gif) no-repeat left bottom ;
	color: #6A0000 ;
	border-bottom: 1px solid #6A0000 ;
}


h3
{
	font-size: 14px ;
	color: #6A0000 ;
}

/* ------------------- */
/* ---  L I E N S  --- */
/* ------------------- */

a.menu:link
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 12px;
padding-left: 30px;
}

a.menu:visited
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 12px;
padding-left: 30px;
}

a.menu:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
padding-left: 30px;
}

a.menurouge:link
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
padding-left: 30px;
}

a.menurouge:visited
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
padding-left: 30px;
}

a.menurouge:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
padding-left: 30px;
}

a.divers:link
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 12px;
}
a.divers:visited
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 12px;
}
a.divers:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
}

a.diversrouge:link
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
}
a.diversrouge:visited
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
}
a.diversrouge:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 12px;
}

a.petit:link
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 9px;
}
a.petit:visited
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #000000;
font-size: 9px;
}
a.petit:hover
{
font-family: Arial,sans-serif;
text-decoration: none;
color: #FF0000;
font-size: 9px;
}

/* ------------------- */
/* --- BIOGRAPHIES --- */
/* ------------------- */

h2.bio
{
	width: 170px ;
	margin-left: 5px ;
	padding-left: 5px ;
	line-height: 25px ;
	font-size: 16px ;
	color: #000000 ;
	border-bottom: 1px solid #6A0000 ;
	border-top: 1px solid #6A0000 ;
	border-left: 1px solid #6A0000 ;
	border-right: 1px solid #6A0000 ;
}

div#biosylvain
{

   	text-align: left ;
   	float: top ;
   	padding-left: 80px ;
   	background: url(image/quatuor/tete-sylvain.jpg) no-repeat left top ;
}

div#biomathieu
{

   	text-align: left ;
   	float: top ;
   	padding-left: 80px ;
   	background: url(image/quatuor/tete-mathieu.jpg) no-repeat left top ;
}

div#biostef
{
   	text-align: left ;
   	float: top ;
   	padding-left: 80px ;
   	background: url(image/quatuor/tete-stef.jpg) no-repeat left top ;
}

div#biochris
{
   	text-align: left ;
   	float: top ;
   	padding-left: 80px ;
   	background: url(image/quatuor/tete-chris.jpg) no-repeat left top ;
}