/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body {
	font: 8pt/16pt georgia;
	color: #555753;
	background: #fff url(blossoms.jpg) no-repeat bottom right;
	margin: 0px;
	margin-top: 0px;
	padding-top: 0px;
	vertical-align: top;
	font-size: 14px ;
	}
p {
	font: 8pt/16pt georgia;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #555753;
	}
h1 {
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #330033;
	line-height: normal;
	margin-top: 5px;
	}	
h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	font-weight: bold;
	}
	
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 14px;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #3f2ee5;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #3f2ee5;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #3f2ee5;
	}

th {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	color: #006600;
	background-color: #FFFFCC;
	font-weight: bold;
}

td, th {
	font: 8pt/16pt georgia;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #555753;
	}

/* specific divs */
.MenuLink a {
	font-weight: bold; 
	text-decoration: none; 
	color: #990000;
	font-size: 12px;
	
}

.MenuLink a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #990000;
	font-size: 12px;
	}
.MenuLink a:hover, a:active { 
	text-decoration: underline; 
	background: #006633;
	color: #FFFFFF;
	font-size: 12px;
	}

#container { 
	background: url(zen-bg.jpg) no-repeat top left; 
	padding: 0px 175px 0px 110px;  
	margin: 0px; 
	}

#pageHeader { 
	margin-bottom: 20px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(h1.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display: none
	}
#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}
#pageHeader h2 span {
	display: none;
	}

#quickSummary {
	clear: both; 
	margin: 20px 20px 20px 10px; 
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align: center;
	}

#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px;
	}
#supportingText {
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#footer {
	text-align: center;
	font: italic 10pt/22pt georgia;
	font-size: xx-small;
	color: #CCCCCC;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	margin-left: 10px;
	position: static;
	top: 0px;
	right: 0px;
	margin-bottom: 10px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	background: transparent url(h3.gif) no-repeat top left; 
	margin: 10px 0px 5px 0px; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display: none
	}
#linkList h3.favorites { 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display: none
	}
#linkList h3.archives { 
	background: transparent url(h5.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width: 57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display: none
	}
#linkList h3.resources { 
	background: transparent url(h6.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width: 63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display: none
	}


#linkList ul {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	font-family: trebuchet ms;
	}
#linkList li a:link {
	color: #988F5E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	}
#linkList li a:visited {
	color: #B3AE94;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	}
	


#extraDiv1 { 
	background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}
	
	
h1.float-left {/* header element float */
  float: left;
  width: 9em;
  margin: 0 0.2em 0 0;
  background: #eee8aa;
  border-right: 2px dotted #cd853f;
  border-bottom: 2px dotted #cd853f;
  }	
  
liOld {
	font: 8pt/16pt georgia;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	text-align: justify;
	margin-top: 0px;
}

li {
	font: 8pt/16pt georgia;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	text-align: justify;
	margin-top: 0px;
}



.containerAdmin {
	width: 100%;
	float: right;
	background-color: #FFFFFF;
	color: #CCCCFF;
}

.container{
	width: 100%;
	float: right;
	background-color: #ffffcc;
	color: #ffffcc;
}


.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #666666;
}

.couleurBandeau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #003333;
}

.PageHeading {
font-family: Impact;
font-size: 24px;
color: #006600;
}


.ZoneHeading {
font-family:Impact;
font-size:16px;
color:#006600;
}


.StrongRouge {
color: #FF0000;
font-weight: bold;
}

.StrongVert {
color: #006600;
font-weight: bold;
}

.footerAnchor fa a:link { 
	text-decoration: none; 
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	}

.footerAnchor fa a:hover, a:active { 
	text-decoration: underline; 
	color: #999999;
	}

.CondGen {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px
}

#wrapper{
	
	background-color: #FFFFFF;
	margin: 0;
	border: 0;
	text-align: left;
	background-repeat: repeat-y;
}

#leftcolAdmin #nav ul {
	margin: 0; 
	padding: 0;
	background-color: transparent;
	list-style-type: none;
	font-size: 100%;
}

#leftcol #nav ul {
	margin: 0; 
	padding: 0;
	background-color: transparent;
	list-style-type: none;
	font-size: 100%;
}

#leftcol #nav ul li a{
	background-color: #ffffcc;
	border-bottom: 0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	display: block;
	padding: 2px 0 3px 2px;
	text-decoration: none;
	height: 1%;
	text-align: center;
	}

#leftcolAdmin #nav ul li a{
	background-color: #ffffff;
	border-bottom: 2px solid #000000;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 4px 0 6px 4px;
	text-decoration: none;
	height: 1%;
	text-align: center;
}


#leftcol #nav a:hover, #leftcol #nav a:focus { 
	color: #FFFFFF;
	background-color: #006600;
}

#leftcolAdmin #nav a:hover, #leftcolAdmin #nav a:focus { 
	background-color: #ffffff;
	color: #ff3333;
}


.NavPage {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: left;
}

.labelInput {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.enteteMenu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #006600
}

/* Gestion des onglets */

.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom: solid 2px black ; /* crée le trait noir en-dessous des onglets */
  padding-top: 12px ; /* marge intérieure haute */
  padding-bottom: 0px} /* marge intérieure basse */

.onglet { /* style des onglets inactifs */
  margin: 5px 5px 0px 5px ; /* marge extérieure */
  padding: 11px 0px 0px 0px ; /* marge intérieure */
  font-size : 16px ; /* taille de la police des onglets */
  float: left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width: 100px ; /* largeur de la boite float */
  background : url(../assets/onglet.gif) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration: none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align: center} /* Le texte des onglets est centré */

a.onglet:hover {color: green} /* lors du survol d'un lien, la police devient verte */

.onglet-actif { /* style de l'onglet de la page active */
  position: relative ; /* l'onglet inactif est mis en position relative */
  top: 2px ; /* pour pouvoir baisser l'onglet de 2 pixels */
  border-bottom : solid 0px white} /*on efface le trait inférieur du menu */

.spacer {clear:both} /* force le retour à la ligne après des boites float */

.texteColonneDroite {
	font-size: 12px;
	font-family: tahoma;
	color: #006600 ;
}

.enteteColTableau {
	font-size: 12px;
	font-family: tahoma;
	color: #006600 ;
	font-weight: bold;
	}



A.external{
color: #666666;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
}
A.external:hover {
font-style: oblique;
}



/* debug Tableau
td, th
{
    border-color: #999999 ;
    border-style: solid ;
    border-width: 1px ;
    padding: 1em ;
    text-align: left ;
    vertical-align: top ;
}

th
{
    background-color: #000000 ;
    color: #ffffff ;
    font-variant: small-caps ;
    min-width: 10em ;
    white-space: nowrap ;
    width: 10em ;
}
*/
.avertissementText {
  font-family: tahoma;
  font-size: 14px;
  color: #336699;
  background-color: #f0f0f0;
}

.titreParagraphe {
	background-color: #CCCCFF ;
	font-family: Georgia, Times New Roman, Times, serif ;
	border-color: #000000 ;
	font-weight: bold;	
}

.corpsTableau {
	font-family: tahoma;
	font-size: 12px ;
	color: #336699;
}


<!-- OLD-TABLE {table-layout:fixed; width: 100%} -->
<!-- old-#fixed COL {width: 50%} -->