/* parametres generaux */
html {background: #D3BBBB; padding: 0px;}
html#site {background: #D3BBBB url(titre.jpg) no-repeat top left;}
body {padding: 0px; margin: 0px;}
#site body {min-width: 1155px;}
form {margin: 0px;}
a:visited, a    {text-decoration: none; color: black;}
a:hover {text-decoration: underline;}
a img {vertical-align: middle; padding: 0px; border : 0px; margin:0px;}
.clear {clear: both;}
h1,h2,h3 {text-align: center; padding: 0px; margin: 0px;}
h1 {font-size: 1.4em; text-transform: uppercase;}
h2 {font-size: 1.3em; text-transform: uppercase;}
h3 {font-size: 1.2em; text-transform: uppercase;}

/* structure */
#colgauche {width: 480px; overflow: auto; float: left; margin: 25px; margin-left: 20px; padding-right: 10px; margin-top: 0px;}
#coldroite {float: left; overflow: none; margin: 25px; margin-left: 10px; margin-right: 0px; width: 610px;}
#colmilieu {float: left; margin: 25px; margin-left: 10px; margin-right: 10px; width: 90%;}
#top { margin: auto; text-align: center; float: left; width: 100%; height: 150px;}



/* menu */
#logo img {width: 175px; height: 175px;}
/* archive */
#right {text-align: center; width: 200px; font-family: Verdana; font-size: 0.7em; padding: 0px; margin-right: 0px; color: white;}
#right img {width: 85px; height: 85px; padding-left: 5px;} 
#right br {margin-bottom: 1em;}

/* contact & co */
#menup {margin: 0px; margin-top: 50px; width: 95%; }
#menup li {display: block; float: right; margin: 0px; margin-right: 15px; margin-top: 5px;}
#menup a {margin: 0px; color: #333; font-family: Verdana; font-size: 0.7em;}
#menup a:hover {font-style: italic;}


/* ligne 2 */
#menu {padding-top: 45px;}
#menu a {display: block; float: left; width: 110px; overflow: none; margin: 0 5px; background: #5D6A7D; color: #fff; padding: 5px 10px; border: 3px outset #3D4A5D; height: 3.5em; font-size: 0.8em; font-family: Verdana;}
#menu a:hover, a#selected {background: #3D4A5D; font-weight: bold;}
a#selected{border: 3px inset #5D6A7D;}


/* menu vignettes parcours, artiste, scolaire, acte1, acte2 */
.lien {width: 150px; height: 150px; display: block; float: left;}
.lien:hover { border: 1px solid black; width: 198px; height: 198px; display: block; float: left; position: relative; top: 0px; left: 0px; margin: -25px;}
.lien img { width: 100%; height: 100%;}             


/* menu vignettes asso */
.asso .lien {width: 120px; height: 120px; display: block; float: left;}
.asso .lien:hover { width: 148px; height: 148px; display: block; float: left; position: relative; top: 0px; left: 0px; margin: -15px;}
.asso .lien img { width: 100%; height: 100%;}             
/**/

/* popup */
.popup {padding: 5px; text-align: justify; }
.popup table { width: 99% }
.popup th{font-size: 1.3em;}


/* div {border: 1px solid red;}