body {margin: 0;padding: 0;font: 12px arial, serif;}
#conteneur {position:absolute;top:2px;left: 50%;margin-left: -400px;width:800px;height: 600px;}
#haut {width:800px;height:95px;background: transparent url(../img/menu.jpg) no-repeat 0px 0px;font-size: 12px;}
#menu {width:800px;height:25px;}
#gauche {position: absolute; float:left;width: 148px;height: 450px; border-left: 1px solid #ddd ; border-right: 1px solid #ddd ; text-align:left;background: url(../img/fond01.jpg) repeat-x 0 bottom ; background-color: #eee;}
#droite {margin-left: 150px;position: absolute;height: 440px; width: 650px;overflow: auto;background: url(../img/barre.jpg) repeat;}
#bas {width:800px;height: 20px;background: transparent url(../img/pied.jpg) repeat-x;position: relative;top: 450px;}
.bastexte {font-size: 10px;text-align: center;top: 2px;}

/* menu haut */

#hautlogo{position: absolute;left: 10px;top: 5px;width: 150px;}
#hauttitre{font-size:15px;color:#990000;font-style:italic;position: absolute;left: 165px;top: 42px;width: 300px;}
#hautmenu{position: absolute;left: 550px;top: 60px;width: 250px;}

/* menu onglet */

.hautmenu {border-left: 1px solid #000;padding: 0 5px 0 5px;}
a#hautmenu:hover {background-color:#FEE;}

/* menu rubrique */

#rubrique li{float: left;}
#rubrique a{display: block;height: 25px;width: 264px;color: #222;font-size: 14px;line-height: 25px;font-family: arial, serif;border-bottom: 5px solid #fff;text-align: center;margin: 0 1px 0 1px;}

a#rubrique1 {background: transparent url(../img/bt_01.jpg) repeat-x 0px -25px;}
a#rubrique2 {background: transparent url(../img/bt_02.jpg) repeat-x 0px -25px;}
a#rubrique3 {background: transparent url(../img/bt_03.jpg) repeat-x 0px -25px;}

a#rubrique1:hover {background: transparent url(../img/bt_01.jpg) repeat-x 0px -50px;color: #fff;}
a#rubrique2:hover {background: transparent url(../img/bt_02.jpg) repeat-x 0px -50px;color: #fff;}
a#rubrique3:hover {background: transparent url(../img/bt_03.jpg) repeat-x 0px -50px;color: #fff;}

a#select1 {background: transparent url(../img/bt_01.jpg) repeat-x 0px 0px;color: #fff;}
a#select2 {background: transparent url(../img/bt_02.jpg) repeat-x 0px 0px;color: #fff;}
a#select3 {background: transparent url(../img/bt_03.jpg) repeat-x 0px 0px;color: #fff;}

#sousrubrique1 li{margin:0; padding:0; width:100%;background-color: #fc0;}
#sousrubrique1 a{font-size:12px; display: block; color: #fff; text-align: left; font-style: italic; border-bottom: 1px solid #ddd; border-left: 4px solid #ddd; border-right: 4px solid #ddd ; padding: 5px 10px;}
.sousrubrique1:hover {background-color: #cfaf00;}
.sousrubrique1 {background-color: #fc0;}
.sousselect1 {background-color: #cfaf00;}

#sousrubrique2 li{margin:0; padding:0; width:100%;background-color: #fc0;}
#sousrubrique2 a{font-size:12px; display: block; color: #fff; text-align: left; font-style: italic; border-bottom: 1px solid #ddd; border-left: 4px solid #ddd; border-right: 4px solid #ddd ; padding: 5px 10px;}
.sousrubrique2:hover {background-color: #f13a00;}
.sousrubrique2 {background-color: #f90;}
.sousselect2 {background-color: #f13a00;}

#sousrubrique3 li{margin:0; padding:0; width:100%;background-color: #fc0;}
#sousrubrique3 a{font-size:12px; display: block; color: #fff; text-align: left; font-style: italic; border-bottom: 1px solid #ddd; border-left: 4px solid #ddd; border-right: 4px solid #ddd ; padding: 5px 10px;}
.sousrubrique3:hover {background-color: #1f5bca;}
.sousrubrique3 {background-color: #39f;}
.sousselect3 {background-color: #1f5bca;}

/* application generale menu */

ul, li {list-style-type: none; margin:0;padding:0;}
a:link {text-decoration: none; color:#000000;}
a:visited {text-decoration: none; color:#000000;}
a:hover {text-decoration: none; color: #fb1c00;}
a:active {text-decoration: none; color:#000000;}

/* modules photos galerie */

#module{position: relative;float: left;}
dl.module{width: 150px; border: 1px solid #aaa; background-color: #eee; color: #444; text-align: center; margin: 2px 0 5px 5px;display: inline-block;float: left;}
.module dt img {width: 150px; border: 0px; border-bottom: 1px solid #aaa;}
.module dd {font-size:12px; margin: 0; padding: 3px;}

/* modules photos accueil */

#module2{}
dl.module2{border: 1px solid #ccc; background-color: #eee; color: #444; text-align: center;display: inline-block;float: left;margin: 20px;}
.module2 dt img {border-bottom: 1px solid #ccc;}
.module2 dd {font-size:12px; margin: 0; padding: 3px;}


/* mise en page */

h1 {font-size:15px; font-style:italic; font-weight:normal;}
h2 {font-size:14px; font-weight:normal; font-style:italic;}
h3 {font-size:12px; text-decoration: underline; font-weight:normal;}
h4 {font-size:12px; font-weight:normal;}
p {margin: 15px 10px;}
.orange{color:#F60;}
.orange2{color:#f13a00;}
.bleu{color:#06F;}
.vert{color:#cfaf00;}
.rouge{color:#F00;}
.soul{text-decoration: underline;}
.ital{font-style:italic;}
.t11{font-size:11px;}