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 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 : white; padding : 10px; border-bottom : 1px solid #000;
background : url(../images_mat/header_topmenu.jpg) no-repeat; }

#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; cursor : help; }
.alt_header { color : #cc3300; background-color : black; border : 10px solid #fff; padding : 5px; padding-bottom : 10px; text-transform : uppercase; }

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

#small { margin-left : 12px; cursor : help; }
#small p { line-height : 4px; }
#small a { color : white; text-decoration : none; }
#small a:hover { color : white; text-transform : uppercase; text-decoration : underline; }

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

.bloc1 { background: #CCFFFF url("corps_text_bkg.jpg") no-repeat 0 0 ; }
.bloc2 { background : #FFFF99 url("../images_mat/corps_text_bkg3.jpg") no-repeat 0 0 ; }
.bloc1 h1{ font-size: 80%; margin-bottom: 12px; padding :  7px 30px 0 30px; color: #FFF ; }
.bloc2 h2{ font-size: 70%; color: #669999 ; margin-bottom: 12px; padding :  0 30px 0 30px; }
.bloc2 h1 { font-size: 80%; margin-bottom: 12px; padding : 7px 30px 0 30px; text-align:right ; }
.bloc1 p, .bloc2 p, .innerlist1 li, .innerlist2 li { font-size: 70%; line-height : 13px; margin-top: 10px; padding : 0 30px; text-align:justify ; list-style: url("../images_mat/puce_rays.gif") square inside;}
.bloc1 ul { background-image:url(../images_mat/dotted_bkg.gif); background-repeat: repeat-x ; background-position: 10% 50%;}

.bloc_calendrier { width : 95% ; padding-top:20px ; margin-left: auto; margin-right: auto; text-align:center ; font-size: 90%;}

.innerlist1 li {font-weight:bold ; color: #993300; }
.innerlist2 li a { color: #0000CC ; text-decoration:underline ;}
.innerlist2 li a:hover { color: red ; }

.bulblist li { list-style-image:url(../images_mat/bulb.gif) ; margin-left : 50px;padding-bottom: 10px ;}
.radiolist li { list-style-image:url(../images_mat/puce_radio.gif) ; margin-left : 50px;padding-bottom: 10px ; text-align:left; font:bold 12px verdana, arial, sans-serif; }

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

.firstletter { font-size: 110%; font-weight:bold ;}
.underlined {font-weight:bold ; text-decoration:underline }

.chapitre { width: 100% ; padding : 5px 0 20px 0; }
.titre { margin: 20px 0 0 15px ; padding : 0 ; }
.bigpic { margin: 30px 0 0 15px ; padding : 0 ; }

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


/*Top menu*/
#topmenu { width:100% ; color: #999 ; border-bottom:1px dashed #CCCCFF ; padding-bottom: 4px ; text-align:center ; }
#topmenu li {display: inline ; }
#topmenu li a { color: #6666CC ; text-decoration : none ; }
#topmenu li a:hover { color: #000066 ; background-image:url(../images_mat/topmenu_bkg.gif) ; background-repeat: repeat-x ; background-position: 50% 50%; }

/*Fin Top menu*/

#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 : #cc3300; }


/*Menu Gauche - issu de: http://css.alsacreations.com*/
#dyn_menu dt a { color : #fff; display : block; padding : 6px; width : 155px; border-bottom : 1px solid #fff; text-decoration : none; line-height : 15px; height : 100%; }
#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; padding : 1px 0 2px 12px; text-decoration : none; }
#dyn_menu li a:hover { background : #CCCC33; color : #fff; }
#dyn_menu dt a:hover { text-decoration : underline; background-color : #CCCC33; }

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 : #6666CC ; }
.current { background : #996600 ; }
/*Fin Menu Gauche*/

#col_left { width:45%; float: left ; padding:0 ; background-color:#FFFF99 ; border:1px dotted #6666CC}
#col_left a , #col_left a:visited , #col_left a:hover, #col_left a:active { font-weight: bold ; color : #fff ; background-color:#CC3300 }
#col_right { width:45%; float: right ; padding-top:20px ; text-align:left}
#fullcol {width: 100% ; margin:0 ; padding:0 ;clear:both ; }

/*A laisser à la fin pour que ça prédomine sur le reste*/
.alt_header { visibility : hidden; }