/****************************
* Mise en page
****************************/
.toLeft {
    float: left;
}
.toRight {
    float: right;
}
.spacer {
    clear: both;
}

/****************************
* Master
****************************/
body {
    margin: 10px 0;
    padding: 0;
    background: #63520a;
    font-family: Geneva, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #fffdfa;
    text-align: center;
}
div.global {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    background: #63520a;
}
div.menu {
    width: 1000px;
}
div.encartTitre {
    background: url(http://www.lereve-de-laborigene.net/Themes/Default/Images/MP/encart1repeat.jpg) repeat-y;
    padding: 1px 10px 10px 10px;
    margin: 0;
}
/****************************
* Contenu
****************************/
div.contenu {
  background: url(http://www.lereve-de-laborigene.net/Themes/Default/Images/MP/encart2repeat.jpg) repeat-y;
  padding: 1px 20px 20px 100px;
  margin: 0;
}
img {
    border: none;
}
div.texteGauche
{
    width: 400px;
    float: left;
    text-align: justify;  
}
div.imgDroite
{
    width: 400px;
    float: left;
    padding-left: 20px  
}
div.pleinTexte
{
    width: 800px;
    margin-right: 100px;    
}
div.loading
{
    background: url(http://www.lereve-de-laborigene.net/Themes/Default/Images/loading.gif);
}
div.imgLegende
{
    text-align: center;
    font-style: italic;
}
h1 {
    text-align: center;
    font-family: Geneva, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #CC6600;
}
h2 {
    text-align: left;
    font-family: Geneva, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #993300;
}
h3 {
    font-family: Geneva, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #dd1443;
    margin-left:180;
}
a {
    color: #4B2000;
    text-decoration: none;    
}

/* sous menu */
.sousmenu {
    text-align: center;
}
.sousmenu a {
    color: #FDFF20;
    font-size: 14px;
    font-weight: normal;
}

/* les messages de confirmation */
.confirmation {
    color: #44dd73;
    font-weight: bold;    
}

/* les liens "continuez la visite" */
.visite {
    color: #9AC4EC;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 60px;    
}

/* texte centré */
.centree {
    text-align: center;
}

/* les adresses */
.adresse {
    margin-left : 70px;
}

/* liens vers fichiers pdf */
.decale {
    padding-left : 50px;
}
.banniere {
    text-align: center;
    padding: 20px;    
}
/**************************************
* Formulaire
**************************************/
.formulaire .colGauche
{
    width: 200px;
}
.formulaire .colDroite
{
    width: 600px;
}
/**************************************
* Environnement
**************************************/
.news {
    width: 600px;
}
/**************************************
* Environnement
**************************************/
.environnement h3 a
{
}
.environnement h4 a
{
    color: #FDFF20;
}
.environnement h5
{
    text-align: center;
    text-decoration: underline;
    font-style: italic;
}
/**************************************
* Archives
**************************************/
div .archiveDetails
{
}
div .archiveDetails h2
{
    text-align: left;
}
div .archiveDetails .commentaire
{
}
div .archiveDetails .divLien
{
    margin-left: 5px;
}
div .archiveDetails .lien
{
}
div .archiveDetails .confirmation
{
    color: red;
}
div .formNewArchive
{
    border: 1px thin black;
}
div .formNewArchive .colGauche
{
    width: 110px;
}
div .formNewArchive .colDroite
{
}
div .formNewArchive .exemple
{
}
div .archiveAffiche
{
    margin-top: 5px;
    margin-left: 5px;
    background: black;    
}
img .archiveAffiche
{
    width: 200px;
}
.prog {
    width: 200px;
    border-spacing: 0px;
    border-collapse: collapse;
    float: left;
}
/* Cellules d'horaire */
.prog .horaire {
    vertical-align: top;        
    height: 40px;    
}
/* Entêtes de colonne */
.prog .header {
    font-weight: bold;
    text-align: center;    
}
/* Pied de colonne */
.prog .bottom, .prog .bottom img {
    width: 200px;
    height: 1px;
}
/* Cellules communes */
.prog .event {
/*    border: thin dotted white;*/
    width: 200px;
}
.prog .back, .prog .front {
    position: absolute;
    width: 200px;
    vertical-align: center;        
}
.prog .back {
    z-index: 1;
}
.prog .front {
    z-index: 2;
    padding-top: 1px;    
    text-align: center;
}
/* Cellules d'evenement : durée */                
.prog .quartFois1 {
    height: 10px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois2 {
    height: 20px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois3 {
    height: 30px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois4 {
    height: 40px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois5 {
    height: 50px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois6 {
    height: 60px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois7 {
    height: 70px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois8 {
    height: 80px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois9 {
    height: 90px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois10 {
    height: 100px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois11 {
    height: 110px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois12 {
    height: 120px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois13 {
    height: 130px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois14 {
    height: 140px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois15 {
    height: 150px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois16 {
    height: 160px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois17 {
    height: 170px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois18 {
    height: 180px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois19 {
    height: 190px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois20 {
    height: 200px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois21 {
    height: 210px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois22 {
    height: 220px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois23 {
    height: 230px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois24 {
    height: 240px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois25 {
    height: 250px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois26 {
    height: 260px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois27 {
    height: 270px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois28 {
    height: 280px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois29 {
    height: 290px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois30 {
    height: 300px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois31 {
    height: 310px;
}
/* Cellules d'evenement : durée */                
.prog .quartFois32 {
    height: 320px;
}
/* Type 1 : Aucun */
.type1,.type1 a {
    text-decoration: none;
}
/* Type 2 : Projections */
.type2,.type2 a {
    background-color: #73bf67;
    color: #e4e36c;    
}
/* Type 3 : Conférences */
.type3,.type3 a {
    background-color: #5759aa;
    color: #f2f2ca;    
}
/* Type 4 : Concerts */
.type4,.type4 a {
    background-color: #ecbb53;
    color: #676754;    
}
/* Legende de la prog */
.legende {
    width: 100px;
    height: 50px;
    padding-left: 20px;
    padding-top: 20px;
    margin-left: 100px;
    font-weight: bold;
}
/* Detail de l'evenement : Heure */
.progDetHeure {
    text-align: right;
    font-style: italic;    
}
/* Detail de l'evenement : Detail */
.progDetDetail {
}
/**************************************
* Admin
**************************************/
div.admin .colGauche {
    width: 200px;
}
div.admin .colDroite {
    width: 600px;
}
div.admin .result {
    color: #ff0000;
}