body{
background-color:#FFF;
padding:0;
margin:0;
color:#000;
font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
border-left:2px solid #FF7B00;
}

img{
border-style:none;
}

@media screen{
/***********/
/* barrehaut*/
/***********/
#barrehaut{
float:left;
height:30px;
width:100%;
background-color:#007A7A;
background-repeat:repeat-y;
}

#barrehaut #barrehaut2{
width:25%;
background-image:url("../images/fond2.png");
background-position:right;
background-repeat:repeat-y;
height:30px;
}

/******/
/* nav */
/******/
#nav{
float:left;
width:100%;
background-color:#FFF;
}

#nav #logo{
float:left;
}

#nav #rubriques{
float:right;
}

#nav #rubriques a, #nav #rubriques span{
float:left;
}

/**********/
/* contenu */
/**********/
#contenu{
float:left;
width:100%;
text-align:justify;
}

#contenu a.top{
clear:both;
color:#FFF;
background-color:#007A7A;
font-weight:bold;
font-size:80%;
text-decoration:none;
float:right;
padding:0.5ex;
margin:0.5ex;
border:4px solid #838383;
}

#contenu h1{
border-top:4px solid #878787;
text-align:right;
margin:10px;
background:url("/images/virgule.png") bottom right no-repeat;
color:#007a7a;
font-size:1em;
font-weight:bold;
padding-bottom:25px;
padding-right:30px;
}

#contenu p.indent{
text-indent:1em;
}

/***********/
/* barrebas */
/***********/
#barrebas{
height:20px;
background:url("../images/filetbas.png") repeat-x bottom left #1A67A5;
}

/***********/
/* mentions */
/***********/
#mentions{
text-align:center;
color:#878787;
font-size:80%;
margin:1ex 0;
}
}