/* ---------------BODY contient le contenu, HTML est le background a gauche et a droite--------------- */

* {padding:0; margin:0}

#haut
{background:url(images/logoCRL.gif) no-repeat 0 30px #FFF;
border:1px solid #739600; 
border-top-width:0; 
border-bottom-width:0;}

#pied
{background-color:#739600; 
height:50px;}

html
{background-color:#EEE}

body
{margin:0 auto; 
width:950px; }

/* ---------------divs de contenu--------------- */

#contenu, #contenu-plan, #contenu-sainte-marie, #contenu-accueil
{padding-top:95px; margin-left:230px;}

#contenu-accueil
{width:500px}

#accueil1
{float:left; width:235px}

#accueil2
{float:right; width:235px}

#contenu
{width:370px;}

#contenu-plan
{width:470px;}

#contenu-sainte-marie
{padding-right:320px;
width:370px;
background:url(images/histoire.gif) center right no-repeat}

#repoussoir /* remonte le contenu au-dessus du pied de page */
{height:70px}

/* ------------- Typo --------------- */

ul,li,p,h1,h2,h3,dl
{font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
font-size:11px; 
line-height:17px; 
color:#83847a;}

#pied p
{font-size:10px; 
color:white; 
text-align:right; 
padding:15px 65px 0 0}

h1
{text-align:right; 
font-size:13px; 
padding:33px 65px 0 0}

h1 span
{color:#739600}

h2,h3{color:#739600;
text-transform:uppercase}

h3{font-weight:normal}

#haut p,h2,h3
{padding:5px 0}

#contenu ul,#accueil1 ul,#accueil2 ul
{padding:0px 0 5px 15px;}

#contenu li,#accueil1 li,#accueil2 li
{padding-top:5px;}

dt{padding-top:5px}
dd.courriel
{color:#739600; padding-bottom:5px}

a{text-decoration:none}
a img{border:0}
#contenu a, #accueil1 a, #accueil2 a{color:#739600; text-decoration:underline}
#pied a{color:#FFF; text-decoration:underline}



/* ---------------Menus--------------- */

ul#primaire
{position:absolute; top:105px; left:223px;
text-transform:uppercase; 
font-weight:bold;}

ul#primaire li
{list-style-type:none; 
float:left; 
padding:0 8px; 
border-right: 1px solid #c1c2bd}

ul#primaire li.dernier
{border-right: 0}

ul#primaire li a
{color:#c1c2bd}

ul#primaire li.actif a
{color:#83847a}

ul#secondaire
{position:absolute; top:150px; left:90px;
list-style-type:none; 
text-transform:uppercase; 
font-weight:bold;}

ul#secondaire li
{padding-bottom:10px}

ul#secondaire li.actif
{list-style-type:disc}

ul#secondaire li a
{color:#b9cb80}

ul#secondaire li.actif a
{color:#739600}


/* ---------------coller le Pied de page en BAS--------------- */

html, body {height:100%}
#haut{position:relative; min-height:100%}
* html #haut{height:100%}    /* un hack pour contourner IE */
#pied{position:relative; margin-top:-50px}