/* position de la colonne de gauche 3 colonnes */
#colonneGauche3cols {
	clear:left;
	float:left;
	width: 165px;
	margin: 0;
	margin-top: 5px;
	border-right: 0px solid #CCCCCC; 
	background-color:#FFFFFF;
	z-index:10000;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	list-style-image: url("http://www.unites.uqam.ca/wn/atous/ico_fleche.gif");
}

/* position de la colonne de droite 3 colonnes */
#colonneDroite3cols {
	clear:right;
	float:right;
	width: 161px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

* html body #colonneDroite3cols { 
	width: 165px;
}

/* position de la colonne du centre 3 colonnes */
#colonneCentre3cols {
	position: relative;
	margin: 0px 165px 3px 165px;
	padding: 0px 15px 0px 15px;
	text-align: left;
	z-index:0;
}

* html body div#colonneCentre3cols {
 	margin: 0px 165px 3px 165px;
	width: 100%;
}

*:first-child+html div#colonneCentre3cols {
	position:relative;
 	z-index: 0;
}
/* position de la colonne de gauche 2 colonnes Gauche*/
#colonneGauche2colsGauche {
	float: left;
	width: 148px;
	margin: 0;
	margin-top: 5px;
	border-right: 1px solid #CCCCCC; 
}


/* position de la colonne du centre 2 colonnes Gauche*/
#colonneCentre2colsGauche{
	margin-top: 10px;
	margin-left: 151px;
	margin-right: 0px;
	max-width: 604px;
	padding-left: 5px;
}
* html body #colonneCentre2colsGauche {  /* hack pour IE */
	margin-left: 148px;
	width: 100%;
}

/* position de la colonne de droite 2 colonnes Droite  */
#colonneDroite2colsDroite {
	float: right;
	width: 144px;
	margin: 0;
	margin-top: 5px;
	padding-top:0px;
	padding-left: 3px;
	border-left: 1px solid #CCCCCC;
	height: 100%;
	margin-bottom: 2px;
}
* html body #colonneDroite2colsDroite {  /* hack pour IE */
	width: 147px;
}
/* position de la colonne du centre 2 colonnes Droite  */
#colonneCentre2colsDroite{
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 152px;
	max-width: 604px ;
}
* html body #colonneCentre2colsDroite {  /* hack pour IE */
	margin-right: 148px;
	width: 100%;
}

/* position de la colonne du centre 1 colonne */
#colonneCentre1col{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 752px;
}

#colonneGauche3cols p,#colonneDroite3cols p, #colonneGauche2colsGauche p,#colonneDroite2colsDroite p { 
	font-size: inherit;
	font-size: 75%;
	padding-left: 3px;
}
#colonneGauche3cols span,#colonneDroite3cols div, #colonneGauche2colsGauche div,#colonneDroite2colsDroite div { 
	padding-left: 3px;
}

/* début Code css pour le menu de gauche dans la colonne de gauche */
/*  premier niveau du menu, Organisation, Rendez=vous 2008.... */
.menu{
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
	font-weight: bold;
	background-color:#FFFFFF;
	border-bottom: 1px solid #9a9a9a;
}

.menu li{
	list-style-image:none;
	background-color: #e5e5e5;
	border-top: 1px solid #9a9a9a;
	display:block;
	color: #00488b;
	padding: 5px 0px 5px 5px;
}

* html body .menu li{
	padding: 5px 0px 5px 5px;
}

.menu li a{
	color: #00488b;
}

.menu li a:hover{
	text-decoration: none;
}

* html body .menu li a{
	color: #00488b;
	padding: 5px 0px 0px 0px;
}

.menu li.dernier{
	border-bottom:  1px solid #9a9a9a;
}
/* fin premier niveau du menu, Organisation, Rendez=vous 2008.... */
/* deuxième niveau Thématique, Appel */
.menu li ul {
	border-top: 1px solid #d2d2d2;
	list-style: none;
	padding:0px;
	margin: 3px 0px 0px -5px;
	font-weight:normal;
}


.menu li ul.menu2 {
	margin: 3px 0px -5px -5px;
}
.menu li ul li {
	background-color:#f7f7f7;
	padding: 0px;
	margin:0px;
	border: 0px;
	list-style-image:none;
}
* html body .menu li ul li {
	height: 20px;
}

.menu li ul li a{
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
	color: #676767;
}
* html body .menu li ul li a{
	height: 20px;
}
*:first-child+html .menu li ul li a{
	padding: 0px 0px 3px 10px;
}
.menu li ul li a:HOVER, .menu li ul li:HOVER, .menu li ul li.sfhover  {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #5595C3;
}
.menu li ul li:HOVER a, .menu li ul li.sfhover a {
	color:#FFFFFF;
}
.menu li ul li#num2, .menu li ul li#num3, .menu li ul li#num1, .menu li ul li#num4{
	background-image:url(../images/flecheMenu.jpg);
	background-repeat:no-repeat;
	background-position: 150px 8px;
}
.menu li ul li#num2 a:HOVER, .menu li ul li#num3 a:HOVER, .menu li ul li#num1 a:HOVER, .menu li ul li#num4 a:HOVER{
	background-image:url(../images/flecheMenuActif.jpg);
	background-repeat:no-repeat;
	background-position: 150px 8px;
}
.menu li ul li#num2:HOVER,.menu li ul li#num2.sfhover, .menu li ul li#num3:HOVER, .menu li ul li#num3.sfhover,.menu li ul li#num1:HOVER,.menu li ul li#num1.sfhover,.menu li ul li#num4:HOVER,.menu li ul li#num4.sfhover{
	background-image:url(../images/flecheMenuActif.jpg);
	background-repeat:no-repeat;
	background-position: 150px 8px;
}

* html body .menu li ul li#num2.sfhover, * html body .menu li ul li#num3.sfhover{
	margin-bottom:-3px;
	padding-bottom:0px;
}
/* fin deuxième niveau Thématique, Appel */
/* troisieme niveau */

.menu li ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 100px;
	width: 170px;
}
*:first-child+html .menu li ul li ul{
	margin-top: -21px;
	z-index:1000;
	margin-left: 160px;
}
.menu li ul li:hover ul, .menu li ul li.sfhover ul {
	display: block;
	position:absolute;
	left: auto;
	top: auto;
	margin-left: 165px;
	margin-top: -20px;
	z-index:10000 !important;
	border-top: 0px;
}
.menu li ul li#num4:hover ul{
	margin-top: -154px;
}
.menu li ul li.sfhover#num4 ul {
	margin-top: -154px;
}
*:first-child+html .menu li ul li.sfhover ul{
	margin-left: 160px;
	margin-top: -21px;
	z-index:1000;
}

.menu li ul li ul li{
	background-color:#5595C3;
}
.menu li ul li ul li a{
	color:#FFFFFF;
}
.menu li ul li ul li a:HOVER{
	background-color:#00488b;
	background-image:none !important;
}
*:first-child+html .menu li ul li ul li a{
	padding: 3px 0px 3px 10px;
}

/* fin troisieme niveau */




/* fin Code css pour le menu de gauche dans la colonne de gauche */
div.style_menu {
	border-top:1px solid #9A9A9A;
	border-bottom:1px solid #9A9A9A;
	margin: 0;
	padding: 0;
	background-color:#f7f7f7;
	margin-bottom: 15px;
}
div.style_menu h5{
	margin: 0;
	background-color:#E5E5E5;
	border-bottom: 1px solid #9A9A9A;
	color:#00488B;
	display:block;
	list-style-image:none;
	padding:5px 0 5px 5px;
}

div#legende{
	font-size: 65%;
	margin-top: 3px;
	line-height: 10px;
	margin-bottom:20px;
}

/* code css général */
.flecheHaut{
 	border: 0;
 	margin: 15px 0px 0px 0px;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #00488b;
	font-weight: bold;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #00488b;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 2px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #000000;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #000000;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
}
hr{
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #74aace;
	border-left: none;
	border-right: none;
}
img{
	border: none;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom: 10px;
	text-align: justify;
}
p.plusPetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	list-style-image: url(../images/puce.gif);
}

ol li {

   font-family: Arial, Helvetica, sans-serif;
   font-size:75%;

}

 ul li ul li{
font-size:100%;
}


a{
	color: #4076a8;
	text-decoration: none;
}
a:HOVER {
	text-decoration: underline;
}


.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom: 10px;
}

.plusPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

.centre {
       font-family: Arial, Helvetica, sans-serif;
      font-size:75%;
        text-align: center;
        margin-top:10px;
        margin-bottom: 10px;
}

table {
	/*border: solid 2px #4F81BD;*/
	/*border: solid 1px #f0d2d2;*/
	border: none;
	border-collapse: collapse;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	font-weight: normal;
	color: #202020;
	width: 100%;
}

table tr td {
	border: solid 1px #d7e3c1;
	border-collapse: collapse;
	/*border: solid 1px #fce4e4;*/
	padding: 4px 5px 4px 5px;
	text-align: left;
	vertical-align: top;
}

table tr th {
	font-weight: bold;
	border: solid 1px #d8c7a3;
	background-color: #fff0d3;
	color: #7e745e;
	padding: 4px 0px 4px 0px;
}

table tr td p {
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent10 {
	font-size:75%;
        padding-left:10pt;
}




.border0 {
	border: 0px;
}


/*
//--------------------------------------------------------------------
// Début partie ajoutée par : MOHAMED pour le formulaire de soumission 
//--------------------------------------------------------------------
*/
 
/* position de la colonne du centre 3 colonnes */
#colonneCentre3colsM {
	margin: 0px 0px 3px 165px;
	padding: 5px 0px 0px 8px;
	text-align: left;
	background-image:url(../images/coinCentreHaut.jpg);
	background-repeat:no-repeat;
	width: 410px;
}

#colonneCentre3colsMFin{
	background-image:url(../images/coinCentreBas.jpg);
	background-repeat:no-repeat;
}

* html body div#colonneCentre3colsM {
 	margin: 0px 115px 3px 165px;
	width: 410px;
}
*:first-child+html div#colonneCentre3colsM {
 	margin: 0px 115px 3px 165px;
	width: 410px;
}
 
 
 
#contenuCentre{	
	border: 1px solid #CCCCCC;
	min-height: 285px;
	margin: 0px 5px 1px 4px;
	padding: 5px 5px 5px 5px;	
	color: #676767;
}
* html body #contenuCentre{
	width: 395px;
	height: 297px;
}
 
fieldset{
	margin: 5px 0px 5px 0px;
	padding: 2px;
	border: 0px solid #fff;
	border-bottom: 1px dashed #fff;
	font-size: 70%;
}
legend{	
	color: #00488b;
	font-size:150%;	
	font-weight:bold;
	margin: 0px;
	padding:0px 0px;
}
fieldset label{
	font-size: 100%;
	float:left;
	width:100px;
	text-align:right;
	padding: 0px 5px 0px 0px;
}
fieldset label.titre{
	width:auto;
}

fieldset label.check{
	float:none;
	width:auto;
}

fieldset h2{
	font-size: 110%;
	margin-top: 0px;
}
fieldset div{
	margin: 5px 0px 5px 0px;
}
fieldset div.ligne2{
	height:30px;
}
fieldset  p {
	font-size: 100%;
}
p.obli{
	color: #FF0033;
}

fieldset table{
	color: #676767;
	font-size: 100%;
}

fieldset select{	
	font-size: 95%;
	width:370px;
}

fieldset input{	
	font-size: 95%;
}




#themeID{
	color: #676767;
}
.table1 {
	border: none;	
	background-color: #ffffff;	
	width: 100%;
}

.table1 tr td {
	border: none;	
}

#basDePage {
background-color:#FFFFFF;
border-top:0px solid #000000;
clear:both;
margin:0;
padding-top:2px;
}

/*------------------------------------------------------------------
// fin partie ajouter par : MOHAMED pour le formulaire de soumission 
//------------------------------------------------------------------
*/