body{
background:url(../images/bg.png) repeat-x #eeecde;
}


img, img a{
border:none;
}

#wrapper{
width:842px;
margin:5px auto 5px auto;
background:url(../images/wrap.png) repeat-y;
}

#phrase{
width:700px;
float:left;
text-align:left;
color:#55345F;
font-family:"century gothic",Arial,Helvetica,sans-serif;
font-size:1.1em;
background:#f0eee1;
padding-left:20px;
height:25px;
}

#flags{
width:102px;
padding-right:20px;
float:left;
text-align:right;
background:#f0eee1;
padding-top:5px;
height:20px;
}

#flags a{
text-decoration:none;
}

#wrap_top{
height:5px;
}

#wrap_top #left{
float:left;
height:5px;
width:5px;
background:url(../images/top_left.png) no-repeat;
}

#wrap_top #mid{
float:left;
height:5px;
width:832px;
background:url(../images/top_mid.png) repeat-x;
}

#wrap_top #right{
float:left;
height:5px;
width:5px;
background:url(../images/top_right.png) no-repeat;
}

#header{
margin:10px auto 0 auto;
width:800px;
height:194px;
}


#content{
background:#f3f3e9;
width:780px;
margin-left:auto;
margin-right:auto;
padding:10px;
}

#content #left{
float:left;
height:100%;
}

#content #top{
float:left;
}

#content #right{
width:560px;
float:left;
margin:5px 0 0 10px;
}

#article h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin:0px 0px 10px;
color:#464646;
}

#article a{
font-family:Arial, Helvetica, sans-serif;
color:#55345F;
font-weight:bold;
}

#rss h1 a{
color:#464646;
}

#article p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#464646;
text-align:justify;
}

#rss{
width:265px;
padding: 0px 5px 10px 5px;
float:left;
background:#FFF;
}

#rss ul{
margin:0px;
padding-left:15px;
}

#rss li{
list-style-type:square;
}

#rss li a{
font-weight:bold;
color:#464646;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}

/*Menu haut*/
#menu{
background:url(../images/menu.png) repeat-y left #55345f;
text-align:right;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:795px;
padding:2px 5px 2px 0px;
color:#FFF;
font-size:0.7em;
font-weight:bold;
}

#menu a{
display:inline;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

/*Menu regions*/
#dromes{
width:210px;
margin-bottom:20px;
margin-top:-5px;
}

html* #dromes h2{
margin:0;
}

html* #drome1, #drome2, #drome3, #drome4, #rss{
margin-top:10px;
}

#dromes h2 a{
color:#FFF;
font-family:"century gothic", Arial, Helvetica, sans-serif;
text-decoration:none;
margin-left:10px;
}


#drome1 .title{
width:210px;
background:url(../images/title1.png) right no-repeat #00a0b0;
height:19px;
}

#drome1.active .title{
width:210px;
background:url(../images/menu_active1.png) left no-repeat #f3f3e9;
height:19px;
border-bottom:1px solid #00a0b0;
}

#drome1.active .title h2 a{
color:#00a0b0 !important;
margin-left:14px !important;
}

#drome2{
width:210px;
}

#drome2 .title{
width:210px;
background:url(../images/title2.png) right no-repeat #8a9b0f;
height:19px;
}

#drome2.active .title{
width:210px;
background:url(../images/menu_active2.png) left no-repeat #f3f3e9;
height:19px;
border-bottom:1px solid #8a9b0f;
}

#drome2.active .title h2 a{
color:#8a9b0f !important;
margin-left:14px !important;
}

#drome3{
width:210px;
}

#drome3 .title{
width:210px;
background:url(../images/title3.png) right no-repeat #cc333f;
height:19px;
}

#drome3.active .title{
width:210px;
background:url(../images/menu_active3.png) left no-repeat #f3f3e9;
height:19px;
border-bottom:1px solid #cc333f;
}

#drome3.active .title h2 a{
color:#cc333f !important;
margin-left:14px !important;
}

#drome4{
width:210px;
}

#drome4 .title{
width:210px;
background:url(../images/title4.png) right no-repeat #6a4a3c;
height:19px;
}

#drome4.active .title{
width:210px;
background:url(../images/menu_active4.png) left no-repeat #f3f3e9;
height:19px;
border-bottom:1px solid #6a4a3c;
}

#drome4.active .title h2 a{
color:#6a4a3c !important;
margin-left:14px !important;
}

/*Article*/

#article{
min-height:270px;
}

.diaporama{
float:right;
margin-left:10px;
}

.image{
max-height:185px;
overflow:hidden;
}

.image img{
width:246px;
height:185px;
}

.images_mini{
width:246px;
margin-top:2px;
}

.images_mini img{
width:60px;
height:45px;
float:left;
border:none;
margin:0 2px 2px 0;
padding:0;
}

.margin_right_null{
margin-right:0px !important;
}

.images_mini a{
text-decoration:none;
margin:0;
padding:0;
}

.titre_resultats{
font-size:18px;
background:url(../images/sous_titre.png) no-repeat center top;
padding-top:10px;
}


#footer{
text-align:center;
margin-top:10px;
padding-bottom:10px;
}

#footer a {
color:#788c03;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}



.clear{
clear:both;
}