body {
    background:#F4F2E3;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
}

#page {
	background:#e8e5c6;
	margin:0 auto; 
	width:996px;
}

#logo {
	background:#fff;
	height:167px;
	vertical-align:top;
	width:100%;
}

#logo div img{
	margin-left:119px;
	margin-top:39px;
}

#topMenu {
	background:#00a850;
	height:22px;
}

.backgroundPhoto {
	background:#d1cc8d; 
	width:100%;
}


span {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
}

p, ul, ol {
    font-size: 11px;
}

a {
    font-size:11px;
    text-decoration: none;
    color: #333300;
    margin: 0px;
    padding: 0px;
}

a:hover {
    text-decoration: underline;
}

form {
    padding: 0;
    margin: 0;
}

a.menu {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size:11px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

a.menu:hover {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    text-decoration: underline;
}

/* Headers */
h1 {
    color: #6E8453;
    font-size: 12px;
}

h2 {
    color: #97233f;
    font-size: 11px;
    font-weight: bold;
    margin: 2px 0px 5px 0px;
}

h3 {
    color: #6E8453;
    font-size: 0.92em;
    font-weight: normal;
    margin: 5px 0px 5px 0px;
}

h4 {
    color: #6E8453;
    font-size: 0.92em;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: -5px;
}

/* accueil */

div.centerImage {
    margin:28px 28px 28px 0;
    float:right;
}

/*Formats*/

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.olive {
    color: #695B2C;
    font-size: 10px;
}

.black {
	color:#000;
}

.red{
	color:#97233f;

}

input.search {
    width: 122px;
    height: 12px;
    margin-right:7px;
    font-size: 0.8em;
}

.white {
    color: #FFFFFF;
}

.green {
    color: #019648;
    font-weight:bold;
    text-decoration:underline;
}

.small {
    font-size: 10px;
    text-decoration:underline;
}

.copyright {
	color:#6e8453;
	text-decoration:none;
}

.medium {
    font-size: 0.92em;
}

.nounderline {
    text-decoration: none;
}

.nounderline:hover {
    text-decoration: underline !important;
}

/*alignement des images pour les blocs*/
span.image_right {
    float: right;
    /*align:center;*/
    margin: 20px 0px 20px 20px;
    font-size: 10pt
}

span.image_left {
    float: left;
    margin: 20px 20px 20px 0px;
    font-size: 10pt
}

span.caption {
    font-size: 0.7em;
    font-weight: bold
}

span.highlighted {
    background-color:yellow;
}

/*boites  pour documents telechargeables*/
div.docs {
    padding: 5px 5px 5px 0px;
}

div.docs a:link, div.docs a:visited {
    padding-left: 5px;
}

div.docs img {
    vertical-align: bottom;
}

/*boites pour la liste des audiences pour le comite de discipline*/
div.plaintes {
    padding-left: 25px;
    font-size: 10px;
}

div.printThisPage {
    padding:10px 30px 10px 0;
    text-align:right;
}

/*separateur*/
hr {
    color: #6E8453;
    height: 1px;
}

/*** containers ***/
#right_menu {
    margin: 12px 0px 0px 10px;
}

a.document-pdf {
    background: transparent url(../images/icones/pdf.gif) no-repeat scroll 1px 2px;
    padding:2px 0 4px 18px;
}
a.document-ppt {
    background: transparent url(../images/icones/ppt.gif) no-repeat scroll 1px 2px;
    padding:2px 0 4px 18px;
}
a.document-doc {
    background: transparent url(../images/icones/doc.gif) no-repeat scroll 1px 2px;
    padding:2px 0 4px 18px;
}
a.document {
    background: transparent url(../images/icones/other.gif) no-repeat scroll 1px 2px;
    padding:2px 0 4px 18px;
}

a.smallBulletLink {
    background: transparent url(../images/smallBullet.gif) no-repeat scroll 1px 5px;
    padding-left: 12px;
}

.bulletCell {
    padding: 4px 0px 0px 0px;
}

.ch390dh89389 {
    padding: 0px 0px 0px 5px;
}

/*  Début section pour le bouton opq vert */

/* les 4 prochaines regles sont utilisées si le javascript qui fait le bouton ne peut pas marcher (genre si IE est trop sécuritaire) */
div.boutonOpq{
    text-align: center;
    padding: 5px;
}
div.boutonOpq a {
    color: black;
    text-decoration: underline;
    font-family: sans-serif;
    font-size: 14px;
}
div.boutonOpq a:visited {
    color: black;
    text-decoration: underline;
    font-family: sans-serif;
    font-size: 14px;
}
div.boutonOpq a:hover {
    text-decoration: underline;
}


.boutonOpq2 a {
    color: white;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 14px;
}
.boutonOpq2 a:visited {
    color: white;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 14px;
}
.boutonOpq2 a:hover {
    text-decoration: none;
}



.boutonOpq2 td.boutonOpqContent {
    background-color: #2C9949;
    padding: 2px 0px 2px 0px;
    text-align:center;
}

.boutonOpq2 td.c1 {
    background-image: url(/images/boutonVert/c1.gif);
    background-color:#2C9949;
    background-position:top;
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
}
.boutonOpq2 td.c2 {
    background-image: url(/images/boutonVert/c2.gif);
    background-color:#2C9949;
    background-position:bottom;
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
}
.boutonOpq2 td.c3 {
    background-image: url(/images/boutonVert/c3.gif);
    background-color:#2C9949;
    background-position:bottom;
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
}
.boutonOpq2 td.c4 {
    background-image: url(/images/boutonVert/c4.gif);
    background-color:#2C9949;
    background-position:top;
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
}

/*  Fin section pour le bouton opq vert */

/* Offres Emploi*/
.sectionEmploi{
    font-family:verdana, arial;
    font-size:10px;
    margin:0 auto;
    width:478px;
}

table.offresEmploi{
    border-collapse:collapse;
    border:solid 1px #d2cea2;
    margin:0;
    padding:0;
    width:100%;
}

table.offresEmploi thead {
    background:#e5e3c5;
    border:none;
    color:#807f6f;
    font-weight:bold;
}

table.offresEmploi thead td{
    border-bottom:solid 1px #d2cea2;
    margin:0;
    padding:5px;
}

table.offresEmploi tbody td{
    padding:7px 5px 5px 5px;
}

table.offresEmploi tbody tr.odd{

}

table.offresEmploi tbody tr.even{
    background:#f2f1e4;
}

#VideoPlayer {
    width: 320px;
    height: 240px;
}