/* Définitions de base
...................................................................................... */
* {
margin: 0px;
padding: 0px;
}
body{
margin:0;
padding:0;
background-image:url(/_commun/images/archeo/fd.gif);
background-color:#FFFFFF;
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
img {
border:0px !important;
}

/* Navigation d'en-tête
...................................................................................... */

#entete {
position:relative;
margin:0px auto;
height:98px;
width:770px;
background-repeat:no-repeat;
border-left:1px solid #C8C8C0;
border-right:1px solid #C8C8C0;
}
.enteteAcc {
background-image:url(/_commun/images/archeo/entete_acc.jpg);
}
.titreAI {
display: none;
}


.EnteteColDroite {
position:absolute;
top:0px;
right:0px;
width:180px;
height:98px;
border-left:1px dotted #D0CBB7;
}
.lienImp1 {
position:absolute;
right:0px;
top:0px;
width:180px;
height:20px;
background-image:url(/_commun/images/archeo/ombre.gif);
background-position:0px 19px;
background-repeat:repeat-x;
background-color:#E7E3D4;
text-align:left;
padding-top:2px;
}
.lienImp1 a {
padding-left:22px;
background-image:url(/_commun/images/archeo/fleche_lien.gif);
background-repeat:no-repeat;
background-position:7px 4px;
text-decoration:none;
color:#7B0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
	
/* Navigation d'en-tête
...................................................................................... */

#menuCadre {
width:770px;
margin:0px auto;
padding: 0;	
height:19px !important;
border-left:1px solid #C8C8C0;
border-right:1px solid #C8C8C0;
background-image:url(/_commun/images/archeo/navig_border.gif);
background-repeat:repeat-x;
background-color:#FAF6EB;
text-align: left;
position: relative;
}
	
/* Menu Principal
...................................................................................... */

#menu {
position: absolute;
top: 0px;
left: 0px;
height:19px;
}
#menu .menuItem {
float:left;
margin: 0px;
color:#7B0000;
text-decoration:none;
font-size:11px;
list-style: none;	
}

.menuItem a {
display: block;
float: left;	
height:19px;
padding:0px 15px 0px 15px;
color:#7B0000;
text-decoration:none;
font-size:11px;
padding-top: 3px;
}
.menuItem a:hover {
color:#FAF6EB;
background-color:#7B0000;
}
.menuItem .menuSelected {
color:#FAF6EB;
background-color:#7B0000;
}

/* Menu Langues 
...................................................................................... */

#langues {
position: absolute;
right: 5px;
top: 3px;
}
#langues li {
display:inline;
margin:0px;
padding:0px;
}
#langues a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#534E3D;
}
#langues a:hover {
color:#BAB49F;
}

/* Contenu
...................................................................................... */

#contenu {
text-align: left !important;
width: 770px;
position: relative;
margin: 0px auto;
border-top:5px solid #7B0000;
border-left:1px solid #C8C8C0;
border-right:1px solid #C8C8C0;
border-bottom:5px solid #7B0000;
background-color:#FFFFFF;
background-image:url(/_commun/images/archeo/fd_colonne.gif);
background-position:589px 0px;
background-repeat:repeat-y;
}

/* Breadcrumb 
...................................................................................... */

.breadcrumb {
width: 550px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-left:25px;
padding-top:5px;
padding-bottom:0px;
margin:0px;
}
.breadcrumb a {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#7B0000;
}

/* Contenu : Titrage, Paragraphes, Listes, Liens
...................................................................................... */

#contenuPrincipal {
padding: 0px 200px 0px 20px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #534E3D;
height: 300px;
}
html>body #contenuPrincipal{
height: auto;
min-height: 300px;
}
#contenuPrincipal table {
border: 0px !important;
}
#contenuPrincipal td {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
color: #534E3D;
border: 0px !important;
}
#contenuPrincipal a {
color:#534E3D;
text-decoration:none;
}
#contenuPrincipal a:hover {
color:#7B0000;
text-decoration:none;
}
#contenuPrincipal h1 {
margin:10px 0px;
padding-left:5px;
text-align:left;
letter-spacing:2px;
font-family:Trebuchet MS;
font-size:15px;
font-weight:bold;
background-image:url(/_commun/images/archeo/h_border.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#contenuPrincipal h1 a:hover {
color:#7B0000;
text-decoration:none !important;
}
#contenuPrincipal h2 {
font-family:Trebuchet MS;
letter-spacing:1px;
font-size:13px;
font-weight:bold;
text-align:left;
padding-left:5px;
color:#534E3D;
background-image:url(/_commun/images/archeo/h_border.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-top:10px;
margin-bottom: 7px;
}
#contenuPrincipal h4 {
font-size: 11px;
font-weight: bold;
text-align: left;
padding-left:5px;
}
#contenuPrincipal p {
margin:0px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:left !important;
}
#contenuPrincipal ul {
list-style-type: none;
}
#contenuPrincipal li {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(/_commun/images/archeo/puce_gris2.gif);
background-repeat: no-repeat;
background-position: 6px 5px;
padding-left:17px;
padding-bottom:2px;
margin-bottom: 3px;
}
#contenuPrincipal ul ul {
margin-left: 10px;
}

/* Contenu principal: une colonne simple
...................................................................................... */

.colsimple {
width:550px;
float:left;
position: relative;
}

/* Contenu principal: Système 2 colonnes 
...................................................................................... */

.col1 {
width:265px;
float:left;
}
.col2 {
width:265px;
float:right;
}
.col1 h4 {
padding-left: 3px;
}
.col2 h4 {
padding-left: 3px;
}
.col1 p {
padding-left: 3px;
}
.col2 p {
padding-left: 3px;
}

/* Contenu principal: Système 2 colonnes 2/3 + 1/3 pour agenda
...................................................................................... */
.linkedAgenda {
background-image:url(/_commun/images/archeo/fleche_beige.gif) !important;
background-repeat: no-repeat;
background-position: 6px 5px;
}


/* Ajoute spécial (temporaire), affichage actu (folder) */
.colActu2 {
width:355px;
float:right;
}

/* Contenu principal: Système 2 colonnes 2/3 + 1/3 pour agenda
...................................................................................... */

.colTiers1 {
width:200px;
float:left;
}
.colTiers2 {
width:330px;
float:right;
}
.colTiers1 h4 {
padding-left: 3px;
}
.colTiers2 h4 {
padding-left: 3px;
}
.colTiers1 p {
padding-left: 3px;
}
.colTiers2 p {
padding-left: 3px;
}
.agendaItem {
padding-left: 3px;
}
.imgGauche img{
display: block;
float: left;
margin: 4px 0px 0px 3px;
}


/* Contenu principal: Système de colonnes pour entités
...................................................................................... */

/* Adresse, communication */
.colEntite1 {
margin: 10px 0px 15px 0px;
width:160px;
float:left;
}
/* Horaire */
.colEntite2 {
margin: 10px 0px 15px 10px;
width:130px;
display: inline;
text-align: left !important;
float:left;
}
/* Image */
.colEntite3 {
margin: 10px 3px 15px 0px;
padding-top: 5px;
float:right;
}
.colEntite1 h4 {
padding-left: 3px;
}
.colEntite2 h4 {
padding-left: 0px !important;
margin-bottom:3px;
}
.colEntite3 h4 {
padding-left: 3px;
}
.colEntite1 p {
padding-left: 3px;
}
.colEntite2 p {
padding-left: 3px;
}
.colEntite3 p {
padding-left: 3px;
}
.imgGauche img{
display: block;
float: left;
margin: 4px 0px 0px 3px;
}

/* Demi colonnes (pour .col1 et col2): Focus boxes 
...................................................................................... */

.demicol175 {
float: right;
width: 175px;
}
.demicol135 {
float: right;
width: 135px;
}
.demicol175 p {
padding: 0px !important;
margin: 3px 0px !important;
}
.demicol135 p {
padding: 0px !important;
margin: 3px 0px !important;
}
.demicol175 h4 {
padding: 0px !important;
margin: 3px 0px !important;
}
.demicol135 h4 {
padding: 0px !important;
margin: 3px 0px !important;
}

/* ANCIEN Système 2 colonnes 
...................................................................................... */

.aff2colonnes {
margin-right:8px;
margin-left:8px;
width:270px;
float:left;
}
.aff2colonnes h3 {
padding:0px !important;
margin:0px;
}
.aff2colonnes img {
margin:0px;
padding:0px;
margin-right:10px;
}
.alignLeft {
float:left;
padding-right:10px;
padding-top:15px;
}
.alignLeft2 {
float:left;
padding-right:10px;
}
.fiche {
margin-left:150px !important;
padding-top:0px;
}
.ficheContent {
padding-top:10px;
clear:both;
}
.retrait {
margin:0px !important;
padding-left:5px !important;
}

/* Colonne de droite (rubrique) 
...................................................................................... */

.rubrique {
width:180px;
position: absolute;
top: 0px;
right: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
}
.rubrique h4{
height:18px;
padding-top:2px;
padding-left:18px;
margin: 7px 0px 7px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#7B0000;
background-color:#E8E2D4;
border-bottom:1px solid #CDCABB;
border-top:1px solid #CDCABB;
background-image:url(/_commun/images/archeo/puce_red.gif);
background-repeat:no-repeat;
background-position:7px 8px;
font-size:11px;
clear: both;
}
.rubrique h4 a {
color:#7B0000;
}
.rubrique p {
padding:2px 0px 2px 18px;
margin:0px;
color:#534E3D;
}
.rubrique a {
color:#534E3D;
text-decoration:none;
}
.rubrique a:hover {
color:#7B0000;
}
.img_vr {
margin: 0px 0px 10px 5px;
}
.ulSpacer {
margin-top:10px !important;
margin-bottom:5px !important;
}
.ulSpacer li{
padding:0px;
margin:0px;
padding-left:18px;
}
.rubrique ul {
list-style-image:url(/_commun/images/archeo/puce_gris.gif);
margin-bottom:5px;
padding-left: 18px;
}
.rubrique li {
margin-bottom:2px;
margin-top:2px;
background-image:url(/_commun/images/archeo/puce_gris.gif);
background-position:7px 6px;
background-repeat:no-repeat;
color:#534E3D;
}
.rubrique li a {
background-image:url(/_commun/images/archeo/puce_gris.gif);
background-position:7px 6px;
background-repeat:no-repeat;
color:#534E3D;
}
.rubrique li a:hover {
color:#7B0000;
}
.backPuce {
background-image:url(/_commun/images/archeo/puce_gris.gif);
background-repeat:no-repeat;
background-position:7px 8px;
}

/* Formulaire de recherche
...................................................................................... */

#recherche h4 {
margin: 0px !important;
}
#recherche input {
font-size:11px;
width:168px;
margin:10px 5px 5px 5px;
padding: 3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #CDCABB;
color:#7B0000;
}
.rubrique select{
height:20px;
font-size:9px;
width:168px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px;
border:1px solid #CDCABB;
}
.rechercheSubmit img {
float: right;
margin-right:5px;
}
/* Visite virtuelles
...................................................................................... */

.vrItem {
position: relative;
margin: 20px 0px 30px 0px;
height: 40px;
}
.vrItem img {
position: absolute;
top: 0px;
left: 5px;
}
.vrItem p {
position: absolute;
left: 125px;
margin-bottom: 3px !important;
padding: 0px !important;
line-height: 15px;
}
.imageVR {
diplay: block;
margin-left: 5px;
}
.formatVR {
top: 75px;
left: 440px;
position: absolute;
}
.formatVR h4 {
margin-bottom: 8px;
}

/* Pied de page
...................................................................................... */

#piedPage {
margin-top: 20px;
padding: 5px;
background-image:url(/_commun/images/archeo/navig_border.gif);
background-repeat:repeat-x;
background-color:#FAF6EB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#534E3D;
text-align:right!important;
clear:both !important;
}
#piedPage p {
padding-right:3px;
margin:0px;
}
#piedPage a {
color:#534E3D;
text-decoration: none;
}
#piedPage a:hover {
color:#7B0000;
}

/* Habillage spécifique de textes
...................................................................................... */
.evidence {
padding:0px;
margin:0px;
font-weight:bold;
color:#7B0000;
}
.rouge {
color: #7B0000
}
.plusinfo {
background-image:url(/_commun/images/archeo/fleche.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 11px !important;
font-weight: bold;
}
.tout {
background-image:url(/_commun/images/archeo/fleche.gif);
background-position: 7px center;
background-repeat: no-repeat;
padding-left: 18px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
font-weight: bold;
}
.dateJour {
font-size: 14px;
}
.alignGauche {
text-align: left !important;
}

/* Espaceurs invisibles: ahahaha c'est magique!
...................................................................................... */

.spacer {
visibility:hidden;
clear:both;
height: 1px;
font-size:1px;
}
.spacer5 {
padding-bottom: 5px;
visibility:hidden;
clear:both;
}
.spacer10 {
padding-bottom: 10px;
visibility:hidden;
clear:both;
}
.spacer20 {
padding-bottom: 20px;
visibility:hidden;
clear:both;
}
.spacer30 {
padding-bottom: 30px;
visibility:hidden;
clear:both;
}
.spacer40 {
padding-bottom: 40px;
visibility:hidden;
clear:both;
}
.spacer50 {
padding-bottom: 50px;
visibility:hidden;
clear:both;
}
.spacer60 {
padding-bottom: 60px;
visibility:hidden;
clear:both;
}
.spacer70 {
padding-bottom: 70px;
visibility:hidden;
clear:both;
}
.spacer80 {
padding-bottom: 80px;
visibility:hidden;
clear:both;
}

/* Publications
...................................................................................... */

.couvPublication {
float: right;
margin: 0px 5px 10px 10px;
text-align: right !important;
}
.detailPublication p {
position: relative;
clear: left;
}
.labelPublication {
position: absolute;
width: 130px;
display: block;
margin-right: 10px;
font-weight: bold;
float: left;
}
.valeurPublication {
margin-left: 130px;
display: block;
}

/* Manifestations
...................................................................................... */

.afficheManif {
float: right;
margin: 0px 5px 10px 10px;
text-align: right !important;
}
.detailManif p {
position: relative;
clear: left;
}
.labelManif {
position: absolute;
width: 100px;
display: block;
margin-right: 10px;
font-weight: bold;
float: left;
}
.valeurManif {
margin-left: 100px;
display: block;
}

/* Calendrier
...................................................................................... */

.year {
border-style: outset;
border-width: 1px;
text-align: center;
}
.selectMois {
width: 180px;
text-align: center !important;
margin: 20px 0px 0px 0px;
}
.month {
border-style: none;
text-align: center;
width: 180px;
}
.month td{
text-align: center !important;
font-size: 11px;
}
.yearname {
font-size: 11px;
font-weight: bold;
}
.monthname {
font-size: 11px;
padding: 3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#7B0000;
background-color:#E8E2D4;
border-bottom:1px solid #CDCABB;
border-top:1px solid #CDCABB;
}
.dayname td {
color: #534E3D;
font-weight:bold;
padding-top: 8px;
}
.yearnavigation {
font-size: 11px;
}
.datepicker {
background-color: #e4e4e4;
}
.datepickerform {
margin: 0px;
}
.monthnavigation {
text-align: center;
color:#7B0000;
background-color:#E8E2D4;
border-bottom:1px solid #CDCABB;
border-top:1px solid #CDCABB;
padding: 3px 2px;
font-size: 12px;
font-weight: bold;
}
.monthnavigation a {
color:#7B0000;
}
.monthpicker {
font-size: 11px;
background-color: #eeeeee;
}
.yearpicker {
font-size: 11px;
background-color: #eeeeee;
}
.pickerbutton {
font-size: 11px;
background-color: #eeeeee;
border-style: solid;
border-color: #000000;
border-width: 1px;
}
.nomonthday {
height: 17px;
}
.monthday {
text-align: center;
font-size: 11px;
color: #384955;
height: 17px;
}
.today {
text-align: center;
font-size: 11px;
background-color: #E7E3D4;
height:17px;
width:17px;
border:1px solid #7B0000;
color:#7B0000;
font-weight:bold; 
}
.selectedday {
text-align: center;
font-size: 11px;
background-color: #E7E3D4;
height:17px;
width:17px;
}
.sunday {
text-align: center;
font-size: 11px;
color: #BAB49F;
}
.sunday a {
color: #BAB49F;
}
.saturday {
text-align: center;
font-size: 11px;
color: #BAB49F;
}
.saturday a {
color: #BAB49F;
}
.event {
text-align: center;
font-size: 11px;
color: red;
background-color: #ffff99;
height:17px;
width:17px;
}
.event a {
background-color: #ffff99;
color: red;
}
.selectedevent {
text-align: center;
font-size: 11px;
color: red;
background-color: #ffff99;
height:17px;
width:17px;
}
.selectedevent a {
background-color: #ffff99;
color: red;
}
.todayevent {
text-align: center;
font-size: 11px;
color: red;
background-color: #ffff99;
height:17px;
width:17px;
}
.todayevent a {
background-color: #ffff99;
color: red;
}
.eventcontent {
font-size: 10px;
border-style: outset;
border-width: 1px;
width: 100%;
}