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

html, body {
margin:0;
padding:0;
height:100%
}

body{
background:url(../images/interface/bg-body.gif) repeat-x left top;
text-align:center;
font-family:arial;
}

#global{
text-align:left;
position:relative;
margin:auto;
width:957px;
background:#E3EBF1 url(../images/interface/bg-global.gif) repeat-x right top;
}

#header{
background:url(../images/interface/bg-global.gif) repeat-x right top;
}
#logo a img {border:0;}
#lang{
position:absolute;
right:0;
top:0;
background-color:#749CB7;
width:190px;
height:25px;
color:white;
font-weight:bold;
}

#body{
border-bottom:1px solid white;
background:url(../images/interface/ilu-logos.gif) no-repeat left bottom;
}

#lang p{
background:url(../images/interface/ilu-arrow.gif) no-repeat 10px 6px;
margin:0;
padding:3px 0 0 65px;
}

#lang p a{
font-size:12px;
color:white;
text-decoration:underline;
}

#lang p a:hover{
text-decoration:none;
}

#menu{
float:left;
width:190px;
background-color:#E3EBF1;
padding-bottom:6px;
background:url(../images/interface/bg-menu-last.gif) repeat left top;
}
#menu ul#niv{
margin:0;
padding:0;
list-style:none;
}
#menu ul#niv li{
display:block;
border-top:1px solid #E3EBF1;
font-size:13px;
}

#menu ul#niv li.menu1{
background:url(../images/interface/bg-menu-1.gif) repeat left top;
}
#menu ul#niv li.menu2{
background:url(../images/interface/bg-menu-2.gif) repeat left top;
}
#menu ul#niv li.menu3{
background:url(../images/interface/bg-menu-3.gif) repeat left top;
}
#menu ul#niv li.menu4{
background:url(../images/interface/bg-menu-4.gif) repeat left top;
}

#menu ul#niv li a{
background:url(../images/interface/ilu-arrow.gif) no-repeat 10px 7px;
color:white;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
display:block;
height:22px;
padding-left:21px;
padding-top:5px;
}

#menu ul#niv li.select a{
background:url(../images/interface/ilu-arrow-bot.gif) no-repeat 6px 7px;
}

#menu ul#niv ul.subniv{
margin:0;
padding:0;
list-style:none;
background-color:#F8F9FB;
}
#menu ul#niv ul.subniv li{
border-top:1px solid #6D8A9C;
background-color:#F8F9FB;
}

#menu ul#niv li ul.subniv li a{
text-transform:lowercase;
padding-left:21px;
padding-top:5px;
height:22px;
text-decoration:none;
color:#2D506C;
background:none;
}
#menu ul#niv li ul.subniv li.select{
background-color:#D9E0E6;
}


#sitemap{
background:url(../images/interface/bg-sitemap.gif) repeat-x left top;
height:27px;
}
#sitemap ul{
margin:0;
padding:0;
list-style:none;
}
#sitemap ul li{
padding-left:15px;
margin:6px 0 0 10px;
font-size:13px;
float:left;
background:url(../images/interface/ilu-sitemap-arrow.gif) no-repeat left 4px;
}
#sitemap ul li a{
text-decoration:none;
color:#698292;
}

#container{
width:765px;
float:left;
border-left:2px solid white;
background:white;
/* background:url(../images/interface/bg-ciel.gif) repeat left top; */
}

#homepage{
float:left;
width:576px;
}

#evenement{
float:left;
width:50%;
background-color:white;
}
#recherche{
float:left;
width:50%;
background-color:white;
}

#focus{
float:right;
width:186px;
background-color:#FFA800;
border-left:3px solid white;
}

#focus h2{
color:black;
text-transform:uppercase;
text-decoration:underline;
margin:6px 0 6px 0;
padding:0;
font-size:14px;
}

#focus p{
margin:6px 0 6px 0;
padding:0;
font-size:13px;
}

.contenu{
margin:10px 20px 10px 20px;
font-size:13px;
}

#article{
background:white url(../images/interface/bg-article-illustration.gif) repeat-y left top;
}

#articleheader{
border-top:1px solid white;
background:#FF5601 url(../images/interface/bg-article-header.gif) repeat-y right top;
color:white;
position:relative;
}

#articleheader h3{
margin:0;
padding:5px 0 0 20px;
text-transform:uppercase;
font-size:23px;
font-weight:normal;
}

#articlecontent{
margin:0;padding:0;
}
.articlecontent{
border-bottom:1px solid #C1CED6;
background:url(../images/interface/bg-bleu.gif) repeat left top;
}

#print{
position:absolute;
right:10px;
margin-top:-25px;
padding-left:20px;
background:url(../images/interface/ilu-imprimer.gif) no-repeat left 3px;
}
#print a{
color:white;
text-decoration:none;
}
#print a:hover{
text-decoration:underline;
}

#illustration{
float:left;
width:290px;
}

.illustration{
float:left;
width:205px;
}

#illustration *,.illustration *{margin:0;padding:0;}

#texte,.texte{
float:left;
/* width:430px; */
width:720px;
padding:0 0 20px 30px;
font-size:13px;
}
.texte{
width:530px;
}

#texte h2,.texte h2{
margin:30px 0 0 0;
}
.texte{
background-color:white;
}

.texte2{
/* width:430px; */
font-size:14px;
}


#illustration .legend,.illustration .legend{
font-size:11px;
color:#0D2C5B;
}

#illustration img,.illustration img{border-top:1px solid white;}

h1{
font-size:14px;
padding:6px 0 4px 0;
text-transform:uppercase;
color:white;
margin:0;
}

h1 span{
padding-left:35px;
}
h2{font-size:18px;}

.titrerouge{
background:url(../images/interface/bg-rouge.gif) repeat left top;
}
.titreorange{
background:url(../images/interface/bg-orange.gif) repeat left top;
}
.titreorange span{
background:url(../images/interface/ilu-titre-orange.gif) no-repeat 10px center;
}
.titrerouge span{
background:url(../images/interface/ilu-titre-rouge.gif) no-repeat 10px center;
}
.titrevert{
background:url(../images/interface/bg-vert.gif) repeat left top;
}
.titrevert span{
background:url(../images/interface/ilu-titre-vert.gif) no-repeat 10px center;
}
.soustitrerouge{
text-transform:uppercase;
color:#FF3D00;
}
.soustitrevert{
text-transform:uppercase;
color:#97BF0D;
}

.plus{
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}

.savoir a{color:#FF3D00;}
.savoir a:hover{text-decoration:none;}
.rouge{color:#FF3D00;}
.rouge a{
color:#FF3D00;
text-decoration:none;
border-bottom:1px dashed #FF3D00;
}
.vert{color:#97BF0D;}
.vert a{
color:#97BF0D;
text-decoration:none;
border-bottom:1px dashed #97BF0D;
}

#footer{
background-color:#749CB7;
text-align:right;
}
#footer ul{
margin:0;
padding:0;
list-style:none;
}
#footer ul li{
float:left;
margin:6px 0 0 20px;
font-size:12px;
}

#footer a{
text-decoration:underline;
color:#DCE6ED;
}

#footer a:hover{
text-decoration:none;
}

.photo{
font-size:1px;
margin:0;
padding:0;
}

.photo img{display:block;}

#focus .hr{
height:10px;
font-size:1px;
background:url(../images/interface/bg-focus-hr.gif) repeat-x left top;
}
.centre{
text-align:center;
}
.marge{margin:10px;}
.clear{
overflow:hidden;
width:0;
height:0;
clear:both;
}