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

body{
font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
color:#000000;
font-size:0.8em;
line-height:150%;
background:#FFFFFF url(/assets/css/bg-body.jpg) no-repeat 50% 30px;
}

br.clear{clear:both;}

#conteneur{ /* utilisé pour gérer l'ombre de droite */
position:relative;
width:772px;
margin:71px auto 0 auto; /* margin-top regle le positionnement de l'ombre au-dessus de #access*/
padding:0 8px; /* padding-left regle le positionnement de l'ombre de #conteneur avec celle de #page qui la frole sur sa droite */
background:transparent url(/assets/css/bg-conteneur.jpg) no-repeat 0 4px;
}

#page{
position:relative;
width:auto;
background:transparent url(/assets/css/bg-degrade.jpg) repeat-y; /* ombre droite */
}

.conteneur2{
position:relative;
width:726px;
margin-left:17px;
}

/*############################## BARRE D'ACCESSIBILITE ###########################*/
#access{
position:relative;
width:743px;
padding:6px 15px 3px 0;
font-size:0.8em;
text-align:center;
background:#FFFFFF url(/assets/css/bg-access.jpg) no-repeat;
color:#761327;
overflow:auto;
}

#access ul{
list-style:none;
float:right;
}

#access ul li{
float:left;
}

#access a, #access label{
text-decoration:none;
color:#761327;
padding:0 4px;
}

#access a:hover{
color:#3F3A37;
}

#access li.invisible{
display:none;
}

/*############################## NAVIGATION HAUT ###########################*/
#menutop{
position:relative;
font-size:0.9em;
width:726px;
margin-bottom:10px;
}

#menutop ul{
position:relative;
padding:20px 0 0 25px;
width:360px;
}

#menutop ul li{
float:left;
list-style:none;
}

#menutop a{
color:#FFFFFF;
font-weight:bold;
padding:4px 10px 4px 25px;
text-decoration:none;
letter-spacing:0.1em;
}

#menutop a:hover{
color:#b8b8b8;
}

#menutop .li-accueil a{
background:transparent url(/assets/css/li-accueil.gif) no-repeat 0 30%;
}

#menutop .li-presentation a{
background:transparent url(/assets/css/li-presentation.gif) no-repeat 0 30%;
}

#menutop .li-contact a{
background:transparent url(/assets/css/li-contact.gif) no-repeat 0 30%;
}

#menutop .li-blog a{
background:transparent url(/assets/css/li-blog.gif) no-repeat 0 30%;
}

/*############################## RECHERCHE ###########################*/
#recherche{
position:absolute;
top:10px;
right:10px;
width:340px;
text-align:right;
}

#recherche div{
display:inline;
}

#recherche label{
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
}

#recherche #ajaxSearch_input{
border:1px solid #D6D6D6;
background-color:#d7bcc3;
font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
font-size:1em;
color:#000000;
font-weight:bold;
}

#recherche input{
margin:0 3px;
}

#recherche #ajaxSearch_submit{
position:relative;
top:4px;
}

#ajaxSearch_output{
background-color:#DFDFDF;
border:1px solid #000000;
margin:10px 0 0 10px;
z-index:100;
}

.ajaxSearch_pagination{
text-align:right;
padding-right:15px;
}

.ajaxSearch_result{
margin:5px 0 20px 15px;
}

#contenu #ajaxSearch_resultListContainer .ajaxSearch_highlight, #contenu #ajaxSearch_resultListContainer .ajaxSearch_paging{
color:#000000;
}

#contenu .ajaxSearch_highlight, #contenu #ajaxSearch_resultListContainer .ajaxSearch_highlight{
background-color:#761327;
color:#FFFFFF;
}

#contenu h2 .ajaxSearch_highlight{
background-color:transparent;
}

#contenu .ajaxSearch_resultsIntroFailure{
padding-bottom:200px;
}

/*############################## BLOCS DES PAGES INTERNES ###########################*/
#gauche{ /* colonne de gauche comprenant le logo et le menu de la rubrique en cours */
width:150px;
float:left;
padding:60px 0 10px 0;
}

#logo{
margin-left:15px;
}

#contenu{ /* colonne de droite comprenant le contenu de la page en cours */
/* Ne pas toucher au padding-top ou margin-top : voir picto des domaines d'intervention */
width:520px;
float:right;
margin-top:0;
}

/*############################## NAVIGATION RUBRIQUES (menu de droite) ###########################*/
#contenu #menu-rubriques{ /* menu situé sur la droite */
float:right;
width:212px;
margin:0 0 40px 0; /* réinitialise les margin par rapport au #menu-rubrique de l'accueil */
font-size:0.9em;
text-align:right;
}

#menu-rubriques ul{
margin:0 15px 0 0; /* ne pas toucher au margin-top pour l'accueil */
height:152px;
list-style:none;
background:transparent url(/assets/css/bg-rubriques.jpg) no-repeat 100% 0;
padding-top:5px;
}

#menu-rubriques li{
display:inline;
}

#menu-rubriques ul a{
display:block;
height:25px;
line-height:25px;
color:#761327;
font-weight:bold;
text-decoration:none;
padding-right:38px;
text-transform:uppercase;
}

#menu-rubriques ul a:hover{
color:#3F3A37;
background:transparent url(/assets/css/bg-rubriques.jpg) no-repeat 100% 0;
}

#menu-rubriques ul li#TRUE4 a:hover{
background-position:100% -162px;
}

#menu-rubriques ul li#TRUE105 a:hover{
background-position:100% -187px;
}

#menu-rubriques ul li#TRUE7 a:hover{
background-position:100% -212px;
}

#menu-rubriques ul li#TRUE61 a:hover{
background-position:100% -237px;
}

#menu-rubriques ul li#TRUE6 a:hover{
background-position:100% -262px;
}

#menu-rubriques ul li#TRUE8 a:hover{
background-position:100% -287px;
}

/*############################## ELEMENTS DE TEXTE ###########################*/
.center{
text-align:center;
}

.tip{
font-size:0.8em;
}

h2{
font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
font-size:1em;
color:#761327;
text-align:right;
font-weight:bold;
}

h3{
font-size:0.9em;
color:#666666;
}

strong{
color:#761327;
font-weight:bold;
}

p, #divers #contenu  ul, #contact label, #pres-texte ul, .pagination{
font-size:0.9em;
}

#pres-texte ul ul{
font-size:inherit;
}

p#rea-desc span, #divers #contenu span{
color:#761327;
font-weight:bold;
}

#divers #contenu p, #divers #contenu ul{
margin-bottom:15px;
}

#contenu #img-rea-big p{
color:#3F3A37;
font-weight:bold;
margin-top:100px;
}

#divers #contenu ul, #pres-texte ul{
margin-left:30px;
}

#pres-texte ul{
list-style:none;
}

.li-carres{
list-style-type:square;
}

/*############################## LIENS ###########################*/
#derniere-rea-accueil p a, #contenu #rea-dl a, #contenu #rea-zoom a, #divers #contenu a, #contenu #pres-texte a, #blog a, .blog-art div a, #contenu p a{
color:#761327;
text-decoration:none;
}

#divers #contenu li a{
color:#761327;
}

#divers #contenu li li li a{
color:#333333;
}

p#references-accueil a{
color:#3F3A37;
text-decoration:none;
}

#contenu #rea-dl a:hover, #contenu #rea-zoom a:hover, #divers #contenu a:hover, #contenu #pres-texte a:hover, #blog a:hover,.blog-art div h5 a:hover, .blog-art div a:hover, #contenu p a:hover{
text-decoration:underline;
}


/*############################## FOOTER ADRESSE ###########################*/
#foot-adr{
font-size:0.9em;
padding:15px 5px 0 0;
text-align:right;
color:#761327;
clear:both;
}

/*############################## FOOTER ###########################*/
#footer{
width:709px;
margin:0 auto;
background:#FFFFFF url(/assets/css/bg-footer.jpg) no-repeat;
padding:18px 80px 10px 0;
font-size:0.8em;
text-align:right;
color:#302F2D;
}

#footer a{
color:#761327;
}

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