html,body {
margin:0;
padding:0;
}

body {
background:#fff url(../images_mat/bg.jpg) repeat-y center;
font:100% verdana, arial, sans-serif;
text-align:center;
}

a:focus { outline:0; } 

a img {
border:none;
}

p {
line-height:20px;
text-align:left;
}

#container,#header,dyn_menu {
text-align:left;
}

div#container {
position:absolute;
width:700px;
left:50%;
margin-left:-350px;
}

#header h1 {
font-size:1.8em;
padding:15px 15px 15px 10px;
}

#header {
color:#FFF;
border-bottom:1px solid #000;
background:url(../images_mat/header.jpg) no-repeat;
padding:10px;
}

#gauche {
position:absolute;
left:0;
width:170px;
}

#droit {
margin-left:170px;
}

h1,h2,h3 {
letter-spacing:-1px;
}

dl,dt,dd,ul {
margin-left:0;
margin-top:0;
padding-left:0;
margin-bottom:0;
}

dt,li {
font:70% Verdana, Helvetica, sans-serif;
}

#page_indicator {
font-size:xx-small;
margin-left:540px;
}

.alt_header {
color:#c30;
background-color:#000;
border:10px solid #fff;
text-transform:uppercase;
visibility:hidden;
padding:5px 5px 10px;
}

#footer {
clear:both;
background:#c30 url("../images_mat/map.gif") no-repeat 475px 0;
color:#FFF;
font-size:xx-small;
margin:70px 20px 10px;
padding:5px;
}

#small {
margin-left:12px;
}

#small p {
line-height:4px;
}

#small a {
color:#FFF;
text-decoration:none;
}

#small a:hover {
color:#FFF;
text-transform:uppercase;
text-decoration:underline;
}

.bloc1,.bloc2,.bloc3,.bloc4 {
width:480px;
border-bottom:3px dashed #ccf;
margin:25px 0 0 15px;
padding:0 0 10px;
}

.bloc1 p,.bloc2 p,.bloc3 p,.bloc4 p,.innerlist1 li,.innerlist2 li {
font-size:70%;
line-height:13px;
margin-top:10px;
text-align:justify;
list-style:square url("../images_mat/puce_corps_text.gif") inside;
padding:0 30px;
}

.innerlist2 li {
list-style:square url("../images_mat/puce_rays.gif") inside;
}

.bloc1 h1,.bloc2 h1,.bloc3 h1,.bloc4 h1 {
font-size:80%;
color:#fff;
margin-bottom:12px;
padding:7px 30px 0;
}

.bloc1 h2 {
font-size:70%;
color:#666;
margin-bottom:12px;
padding:0 30px;
}

.bloc1 ul {
background-image:url(../images_mat/dotted_bkg.gif);
background-repeat:repeat-x;
background-position:10% 50%;
}

.bloc2 h1,.bloc3 h1 {
text-align:right;
color:#000;
}

.bloc1 a,.bloc2 a,.bloc3 a {
font-weight:700;
text-decoration:underline;
color:red;
}

.bloc1 {
background:#cff url("../images_mat/corps_text_bkg.jpg") no-repeat 0 0;
}

.bloc2 {
background:#ffc url("../images_mat/corps_text_bkg2.jpg") no-repeat 0 0;
}

.bloc3 {
background:#ff9 url("../images_mat/corps_text_bkg3.jpg") no-repeat 0 0;
}

.bloc4 {
background:#cff url("../images_mat/corps_text_bkg4.jpg") no-repeat 0 100%;
border-bottom:0;
border-top:3px dashed #ccf;
}

.bloc4 h1 {
color:#000;
}

.bloc_order {
width:70%;
border:1px solid #039;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#fff url("../images_mat/wave.gif") repeat-x bottom left;
font-size:90%;
padding:20px 0;
}

.bloc_order_bt {
width:80px;
height:41px;
font-size:90%;
text-align:center;
margin:20px auto;
}

.bloc_titres {
width:70%;
border:3px dotted #666;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#fff url("../images_mat/wave3.gif") repeat-x bottom left;
font-size:90%;
padding:20px 0;
}

.bloc_titres_bt {
width:80px;
height:41px;
font-size:90%;
text-align:center;
color:#fff;
margin:20px auto;
}

.innerlist1 li {
font-weight:700;
color:#930;
}

.innerlist2 li a {
color:#00c;
text-decoration:underline;
}

.innerlist2 li a:hover {
color:red;
}

.booklist li {
list-style-image:url(../images_mat/puce_book.gif);
margin-left:50px;
text-align:left;
font:bold 12px verdana, arial, sans-serif;
}

.bulblist li, .photolist li {
list-style-image:url(../images_mat/bulb.gif);
margin-left:50px;
padding-bottom:10px;
}

.photolist li {
list-style-image:url(../images_mat/camera.gif); margin-top:10px;
}

.sstitre {
color:#09f;
font-size:70%;
font-weight:700;
letter-spacing:2px;
margin-left:30px;
border-bottom:1px dotted #999;
width:auto;
display:inline;
}

.sstitre_firstletter {
color:#03c;
font-size:150%;
}

.firstletter {
font-size:110%;
font-weight:700;
color:#930;
}

.underlined {
text-decoration:underline;
}

.chapitre {
width:100%;
padding:5px 0 20px;
}

.titre {
margin:20px 0 0 15px;
padding:0;
}

.bigpic {
margin:30px 0 0 15px;
padding:0;
}

#corner {
background:url(../images_mat/corner_left.gif) no-repeat 0 0;
padding-top:200px;
clear:both;
}

#topmenu {
width:100%;
color:#999;
border-bottom:1px dashed #ccf;
padding-bottom:4px;
text-align:center;
}

#topmenu li {
display:inline;
}

#topmenu li a {
color:#333;
text-decoration:none;
}

#topmenu li a:hover {
color:#66f;
background-image:url(../images_mat/topmenu_bkg.gif);
background-repeat:repeat-x;
background-position:50% 50%;
}

#top a {
background:url(../images_mat/top_hv.gif) no-repeat -5px 8px;
font-size:small;
color:#b9b7b7;
float:right;
padding-top:10px;
padding-left:25px;
margin-right:30px;
text-decoration:none;
}

#top a:hover {
background:url(../images_mat/top.gif) no-repeat -5px 8px;
text-decoration:none;
color:#c30;
}

#dyn_menu dt a {
color:#fff;
display:block;
width:155px;
border-bottom:1px solid #fff;
text-decoration:none;
line-height:15px;
height:100%;
padding:6px;
}

#dyn_menu li {
text-align:left;
background:#fff;
margin-left:20px;
margin-top:0;
padding-left:0;
margin-bottom:0;
list-style-type:square;
}

#dyn_menu li a {
color:#000;
text-decoration:none;
padding:1px 0 2px 12px;
}

#dyn_menu li a:hover {
background:#900;
color:#fff;
}

#dyn_menu dt a:hover {
text-decoration:underline;
background-color:#600;
}

dt#menu_bt1 a {
background:url(../images_mat/menu_bt1.gif) no-repeat 140px 50%;
}

dt#menu_bt2 a {
background:url(../images_mat/menu_bt2.gif) no-repeat 140px 50%;
}

dt#menu_bt3 a {
background:url(../images_mat/menu_bt3.gif) no-repeat 140px 50%;
}

dt#menu_bt4 a {
background:url(../images_mat/menu_bt4.gif) no-repeat 140px 50%;
}

dt#menu_bt5 a {
background:url(../images_mat/menu_bt5.gif) no-repeat 140px 50%;
}

dt#menu_bt6 a {
background:url(../images_mat/menu_bt6.gif) no-repeat 140px 50%;
}

dt#menu_bt7 a {
background:url(../images_mat/menu_bt7.gif) no-repeat 140px 50%;
}

dt#menu_bt8 a {
background:url(../images_mat/menu_bt8.gif) no-repeat 140px 50%;
}

.notcurrent,.current {
width:167px;
}

.notcurrent {
background:#900;
}

.current {
background:#c30;
}

#col_half {
width:50%;
float:left;
padding-bottom:15px;
}

#col_right {
width:auto;
float:right;
padding:0 10px;
}

#col_left {
width:auto;
float:left;
padding : 0 20px 0 30px;
}

.photo_legende,.photo_legende a {
font:bold 10px verdana, arial, sans-serif;
text-align:center;
margin:0;
padding:0;
}