body {font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px }
a img {border:none;}


/************************************************/
/*												*/
/*		structure générale - CASTELET			*/
/*												*/
/************************************************/

#conteneur, #leoconteneur {position:relative; width:900px; margin:0 auto;}
#haut{height:30px; background-image:url(../images/castelet/cadre_haut.gif)}
#centre, #contactcentre, #leocentre, #bastacentre {margin-left:160px; width:579px; height:470px; overflow:auto;}
/*#contact {margin-left:160px; width:579px; height:50px; margin-top:7px}*/
#contact {margin-left:183px; width:533px; height:50px; margin-top:7px; background:url(../images/castelet/etoiles.gif) repeat-x;}

#bas {clear:both; height:19px; background-image:url(../images/castelet/cadre_bas.gif)}

#contactcentre {height:527px;}
#contactlqz {float:left; width:320px; height:145px;}
#contactphone {}

#leoconteneur {background-image: url(../images/castelet/leonard_poisson.gif); background-repeat:no-repeat; background-position:600px 110px;}
#leocentre {background-image: url(../images/castelet/leonard_algue.gif); background-repeat:no-repeat; background-position:30px 320px;}
#leoimg {float:right; width:260px; height:195px;}

#dcdcnimg {float:left; margin-top:15px; margin-left:30px; width:110px; height:209px; background-image:url(../images/castelet/dcdcn.jpg)}
#dcdcntitre {height:224px;}
#dcdcninfotech {float:right; width:320px; height:246px;}

#bastacentre {background-image: url(../images/castelet/fond.gif); background-repeat:no-repeat; background-position:0px 0px;}

#frankimg {float:left; width:200px; height:315px;}

#formimg {float:right; width:270px; height:203px;}
#formpart1 {float:left;}
#formpart2 {}


/*----------------------------------------------*/
/*	colonne gauche CASTELET + boutons images	*/
/*----------------------------------------------*/

#gauche {position:absolute; left:0; width:160px; height:527px;background-image:url(../images/castelet/cadre_gauche.gif)}

a.bouton1 {position:absolute; top:0; width:160px; height:57px; background-image:url(../images/boutons/bouton1.gif)}
a.bouton2 {position:absolute; top:74px; width:160px; height:86px; background-image:url(../images/boutons/bouton2off.gif)}
a.bouton2:hover {background-image: url(../images/boutons/bouton2on.gif);}
a.bouton3 {position:absolute; top:218px; width:160px; height:150px; background-image:url(../images/boutons/bouton3off.gif)}
a.bouton3:hover {background-image: url(../images/boutons/bouton3on.gif);}
a.bouton4 {position:absolute; top:431px; width:160px; height:96px; background-image:url(../images/boutons/bouton4off.gif)}
a.bouton4:hover {background-image: url(../images/boutons/bouton4on.gif);}


/*------------------------------------------------------*/
/*	colonne droite CASTELET + boutons images + titres	*/
/*------------------------------------------------------*/

#droite {position:absolute; right:0; width:161px; height:527px; background-image:url(../images/castelet/cadre_droit.gif)}

a.bouton5 {position:absolute; right:0; top:39px; width:160px; height:94px; background-image:url(../images/boutons/bouton5off.gif)}
a.bouton5:hover {background-image: url(../images/boutons/bouton5on.gif);}
a.bouton6 {position:absolute; right:0; top:153px; width:160px; height:67px; background-image:url(../images/boutons/bouton6off.gif)}
a.bouton6:hover {background-image: url(../images/boutons/bouton6on.gif);}
a.bouton7 {position:absolute; right:0; top:244px; width:160px; height:67px; background-image:url(../images/boutons/bouton7off.gif)}
a.bouton7:hover {background-image: url(../images/boutons/bouton7on.gif);}
a.bouton8 {position:absolute; right:0; top:328px; width:160px; height:67px; background-image:url(../images/boutons/bouton8off.gif)}
a.bouton8:hover {background-image: url(../images/boutons/bouton8on.gif);}
a.bouton9 {position:absolute; right:0; top:439px; width:160px; height:88px; background-image:url(../images/boutons/bouton9off.gif)}
a.bouton9:hover {background-image: url(../images/boutons/bouton9on.gif);}

#titre1 {position:absolute; right:0; width:160px; height:39px; background-image:url(../images/titres/lespestacles.gif)}
#titre2 {position:absolute; right:0; top:439px; width:161px; height:27px; background-image:url(../images/titres/lesformations.gif)}

#test {position:absolute; right:300px; top:0px; width:145px; height:275px; background-image:url(../images/castelet/dcdcn.jpg)}


/*----------------------------------------------*/
/*			paragraphe, titres, liens			*/
/*----------------------------------------------*/

p {margin:0 30px 0 30px;}
.p1 {margin-left:155px;}
*p.p1 {margin-left:25px;}

h1 {font-size:20px; text-align:center;}
*h1 { margin-top:10px}
h2 {font-size:18px; text-align:center;}
h3 {font-size:16px; text-align:center;}
h4 {font-size:14px; text-align:center;}

p.genre {font-size:12px; text-align:left; margin-bottom: 8px}
p.date {font-size:12px; font-weight:bold; text-align:left;}
p.note {font-size:12px; font-style:italic; text-align:left;}
p.adresse {margin:0; font-size:24px; font-weight:bold; text-align:center;}
p.contact1 {margin:0px; font-size:12px; text-align:center;}
p.contact2 {padding:16px; font-size:12px; text-align:center;}

a:link {color: #990000; font-weight:bold; text-decoration:underline}
a:visited {color:#990000; text-decoration: none;}
a:hover {color:#CC3300; text-decoration: none;}
a:active {text-decoration: none;}