/************** styles des balises **************/

body{
 font: small verdana,sans-serif;
 color: #FFFFFF;
 height: 100%;
 line-height: 1.166;
 background: url("../design/background.png") fixed;
}

a:link,a:visited {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a:hover{
 color: #FF7200;
}

h1{
 font: 150% verdana,sans-serif;
 color: #7DC700;
 background: url("../design/puce_title.png") no-repeat left bottom;
 padding: 20px 0px 1px 15px;
 border-bottom: 1px #7DC700 dashed;
 border-top: 1px #7DC700 dashed;
}

h2{
 font: 150% verdana,sans-serif;
 color: #7DC700;
 background: url("../design/puce_title.png") no-repeat left bottom;
 padding: 20px 0px 1px 15px;
 border-top: 1px #7DC700 dashed;
}

*{
 margin: 0px;
 padding: 0px;
}

p{
 margin: 5px;
}

img{
 border: none;
}

li{
 list-style: none;
}

/************** styles des calques **************/

#global{
 margin-left: auto;
 margin-right: auto;
 padding-top: 5px;
 width: 800px;
}

#head{
 display: block;
}

#menu{
 height: 30px;
 background: url("../design/menu.png") no-repeat;
 padding: 5px 40px;
}

#menu li{
 float: left;
 width: 155px;
 background: url("../design/puce_verte.png") no-repeat left;
 padding-left: 25px;
}

#menu img{
 display: block;
}

#page{
 overflow: auto;
 background: url("../design/bg_page.png") repeat-y;
 padding: 20px 30px;
 width: 740px;
}

#column{
 font: x-small verdana,sans-serif;
 float: left;
 width: 210px;
}

#column .cadre{
 background: url("../design/bg_cadre_small.png") repeat-y;
}

#column .cadre img{
 display: block;
}

#navig{
 border-top: 1px #FFFFFF dashed; 
 margin: 5px 15px;
}

#navig dt{
 font-size: 110%; 
 font-weight: bold;
 background: url("../design/puce_small_verte.png") no-repeat left;
 border-bottom: 1px #FFFFFF dashed;
 padding: 10px 0px 10px 25px;
}

#navig .smenu{
 margin: 0px 0px 10px 10px;
}

#navig .smenu li{
 background: url("../design/puce_content.gif") no-repeat left;
 padding: 5px 0px 5px 20px;
 border-bottom: 1px #FFFFFF dashed;
}

#navig a{
 display: block;
 width: 140px;
 padding-right: 10px;
}

#navig .lien a:visited{
 background: url("../design/icon_check.png") no-repeat right;
}

#navig .actualpage{
 background: url("../design/puce_small_orange.png") no-repeat left;
}

#actualite p{
 margin: 0px 20px;
}

#actualite .date{
 border-top: 1px #FFFFFF dashed;
 text-align: left;
}

#actualite .message{
 border-top: 1px #FFFFFF dashed;
 border-bottom: 1px #FFFFFF dashed;
 padding: 10px 0px;
 text-align: center;
}

#actualite .lien{
 border-bottom: 1px #FFFFFF dashed;
 margin-bottom: 40px;
 height: 14px;
 text-align: right;
}

#scroll{
 margin: 10px 0px;
}

#content{
 width: 520px;
 margin-left: 215px;
 border-bottom: 1px #7DC700 dashed;
 padding-bottom: 5px;
}

#content .cadre{
 margin: 10px;
 width: 500px;
 background: url("../design/bg_cadre_big.png") repeat-y;
}

#maj{
 font: x-small verdana,sans-serif;
 border-top: 1px #7DC700 dashed;
 text-align: right;
 padding: 1px;
}

#foot{
 font: x-small verdana,sans-serif;
 height: 10px;
 background: url("../design/foot_page.png") no-repeat;
 text-align: center;
 padding: 20px 0px;
}

/************** marquage des menus **************/

#accueil #accueil_nav,
#animation #animation_nav,
#presse #presse_nav,
#document #document_nav {
 background: url("../design/puce_orange.png") no-repeat left;
}