/*
-----------------------------------------------
AIEQ
Création : automne 2007, François Girard
Modification :  mars 2008, André Houde


----------------------------------------------- 
*/


/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	D'ÉDITION DU CONTENU
                                             
   ===========================================
*/


form, td, div, p, li, h5, h6 .txt_texte, .contenu{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: normal;
	color: #231F20;
}

/* Style de texte 
----------------------------------------------- */

h1, .txt_titre1{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #06233D;
	background-position: left bottom;
	background-image: url(../styles/imgs/ligneH1.gif);
	background-repeat: repeat-x;
	line-height: 150%;
	margin-bottom: 15px;
}

h2, .txt_titre2{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #82A241;
}

h3, .txt_titre3{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1177C1;
}

h4, .txt_titre4{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color: #82A241;
}

.txt_justifie{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: normal;
	color: #231F20;
	text-align:justify;
}

.txt_citation{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: normal;
	font-style: italic ;
	color: #06233D;
}

.txt_reference{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color: #06233D;
}

.txt_texte, .texte {
	text-align:justify;
}


/* Global 
----------------------------------------------- */


table, tbody, tr, td{
	border: 0px;
}

td .txt_texte, td.texte{
	text-align:left;
}


.contenu
{
	position: relative;
	clear: both; 
}

.boitePhoto {
	display: none;
}


/* Style sur le a
----------------------------------------------- */

a{
	margin:0;
	padding:0;
	color:#82A241;
}

a:hover {
	color:#231F20;
}

a img {
	margin:0;
	padding:0;
	border-width: 0; 
	border-style: none; 
	text-decoration: none;
}

a[href="javascript:openApp()"], a[href="javascript:openApp()"]:hover {
	color: #fff;
}


a[href="/francais/membres.html#haut"] span {
	font-size: 10px;
}

a[href="#"], a[href="#"]:hover{
	text-decoration: none;
	cursor: default;
	color: #82A241;
}


/* Style sur images
----------------------------------------------- */

.photo img {
	vertical-align:top;
	text-align:left;
	padding: 7px;
	margin: 7px;
}

.photo p{
	padding: 5px;
	margin: 0;
}

.wbkImage img,  img.wbkImage
{
	padding: 0px 5px 5px 0px;
}


/* Style sur puces
----------------------------------------------- */

#rightLeftTopC ul {
	margin-top:0px;
	list-style-image: url(../styles/imgs/fleche-verte.gif);
}

#rightLeftTopC ul li ul{
	list-style-image: url(../styles/imgs/fleche-bleue.gif);
}

#rightLeftTopC li {
	margin-top: 3px;
}









/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DE STRUCTURE DE LA PAGE
                                             
   ===========================================
*/

html {
	margin:0;
	padding:0;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#main {
	margin: auto;
	width: 790px;
	border: 2px solid #64A0D6;
	border-top: none;
}



/* Entete de page
----------------------------------------------- */

#header {
	width: 790px;
	height: 110px;
	background-image: url(../styles/imgs/header.jpg);
}


#imageToPrint {
	display: none;
}


/* Contenu de page
----------------------------------------------- */

#content {
	padding: 0px;
	margin: 0px;
	width: 790px;
}

#headC {
	padding: 0px;
	margin: 0px;
	width: 770px;
	clear: both;
}


/* Marge de gauche
----------------------------------------------- */

#left {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 175px;
}

#leftTopC {
	display: none;
	padding: 0px;
	margin: 0px;
}

#leftBotC {
	padding: 0px;
	margin: 0px;
	width: 155px;
}

/* Centre de page
----------------------------------------------- */

#right {
	width: 615px;
	float: right;
}

#rightHeadC {
	display:none;
	padding: 0px;
	margin: 0px;
	width: 595px;
	height: 0px;
	clear: both;
}

#rightLeft {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 445px;
}

#rightLeftTopC {
	padding: 0px;
	margin: 0px;
	width: 425px;
}

#rightLeftBotC {
	display: none;
	padding: 0px;
	margin: 0px;
}


/* Marge de droite
----------------------------------------------- */

#rightRight {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 165px;
}

#rightRightTopC {
	padding: 0px;
	margin: 0px;
	width: 165px;
}

#rightRightBotC {
	display: none;
	padding: 0px;
	margin: 0px;
}


/* Bas de page
----------------------------------------------- */


#rightFootC {
	padding: 0px;
	margin: 0px;
	width: 595px;
	clear: both;
}
#footC {
	padding: 0px;
	margin: 0px;
	width: 770px;
	clear: both;
}
#footer {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 790px;
	clear: both;
}









/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DES COMPOSANTES
                                             
   ===========================================
*/





/* Ancre de page
----------------------------------------------- */

#ancre{
	display: none;
}

#ancre ul {
	display:inline;
}

#ancre ul li {
	display:block;
}

#ancre li {
	
	display:inline;
	color:#1177C1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-right: 10px;
}

#ancre li a{
	color: #1177C1;
}

#ancre li a:hover{
	color: #82A241;
}





/* Plan du site
----------------------------------------------- */	

#sitemap {
	margin: 0;
	padding: 10px 0 0 15px;
}

#sitemap li{
	margin: 0;
	padding: 2px 0 0 0;
	vertical-align: top;
}

#sitemap ul
{
	margin-bottom: 0;
}




/* Nouvelles
----------------------------------------------- */


#nouvelles, #nouvellesAng {
	margin:0;
	padding-top: 3px;
	padding-bottom: 7px;
	float:right;
	background-image: url(../styles/imgs/ligneComp.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:165px;
	border-left: 1px solid #0e3c65;
}

#nouvelles .boiteEntete h1 ,
#nouvelles .boiteNouvelles h1,
#nouvelles h1,
#nouvellesAng .boiteEntete h1,
#nouvellesAng .boiteNouvelles h1,
#nouvellesAng h1 
{
	display: none;
}

#nouvelles .boiteEntete, #nouvellesAng .boiteEntete {
	padding:10px 0 0 0;
	margin:0;
	height: 15px;
	background-repeat: no-repeat;
}

#nouvelles .boiteEntete {
	background-image: url(../styles/imgs/headerNouvelles.jpg);
}

#nouvellesAng .boiteEntete {
	background-image: url(../styles/imgs/headerNouvellesAng.jpg);
}

#nouvelles h2, #nouvellesAng h2 {
	padding-bottom: 2px;
	padding-left: 15px;
	background-image: url(../styles/imgs/bulletPub.gif);
	background-repeat: no-repeat;
}

#nouvelles h2 a{
	display: block;
	padding-left: 0px;
	font-size: 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
}

#nouvelles h2 a:hover{
	text-decoration: underline;
}

#nouvellesAng h2 a {
	font-size: 10px;
	font-weight: normal;
}


#nouvelles .date,  #nouvellesAng .date{
	font-size: 11px;
	font-weight: normal;
	color: ##82A241;
}

#nouvelles p {
	font-size: 11px;
	margin-left: 15px;
	padding: 10px 0px 0px 0px;
	font-weight:normal;
	text-decoration: none;
}

#nouvellesAng p {
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}

#nouvelles p a {
	padding: 10px 0px 0px 0px;
}





/* Publication
----------------------------------------------- */


#publications, #publicationsAng {
	margin:0;
	padding-top: 3px;
	padding-bottom: 7px;
	float:right;
	background-image: url(../styles/imgs/ligneComp.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:165px;
	border-left: 1px solid #0e3c65;
}

#publications .boiteEntete h1 ,
#publications .boiteNouvelles h1,
#publications h1,
#publicationsAng .boiteEntete h1,
#publicationsAng .boiteNouvelles h1,
#publicationsAng h1 
{
	display: none;
}

#publications .boiteEntete, #publicationsAng .boiteEntete {
	padding:10px 0 0 0;
	margin:0;
	height: 15px;
	background-image: url(../styles/imgs/headerPublications.jpg);
	background-repeat: no-repeat;
}

#publications h2, #publicationsAng h2 {
	padding-bottom: 2px;
	padding-left: 15px;
	background-image: url(../styles/imgs/bulletPub.gif);
	background-repeat: no-repeat;
}

#publications h2 a, #publicationsAng h2 a {
	display: block;
	padding-left: 0px;
	font-size: 10px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
}

#publications .date, #publicationsAng .date{
	font-size: 11px;
	font-weight: normal;
	color: ##82A241;
}

#publicationsAng p {
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}






/* Événement
----------------------------------------------- */

#evenements, #evenementsAng {
	margin:0;
	padding-top: 3px;
	padding-bottom: 7px;
	float:right;
	background-image: url(../styles/imgs/ligneComp.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:165px;
	border-left: 1px solid #0e3c65;
}

#evenements .boiteEntete h1 ,
#evenements .boiteNouvelles h1,
#evenements h1,
#evenementsAng .boiteEntete h1,
#evenementsAng .boiteNouvelles h1,
#evenementsAng h1 
{
	display: none;
}

#evenements .boiteEntete, #evenementsAng .boiteEntete  {
	padding:10px 0 0 0;
	margin:0;
	height: 15px;
	background-repeat: no-repeat;
}
#evenements .boiteEntete {
	background-image: url(imgs/headerEvenements.jpg);
}
#evenementsAng .boiteEntete {
	background-image: url(../styles/imgs/headerEvenementsAng.jpg);
}

#evenements h1, #evenementsAng h1 {
	margin-bottom: 1px;
	margin-left: 5px;
	font-size: 11px;
	font-weight: bold;
	background-image: none;
}

#evenements h2, #evenementsAng h2, #evenements_archives h2 a, .avis h2 {
	position: relative;
	padding-bottom: 10px;
	padding-left: 15px;
	background: url(../styles/imgs/bulletNews.gif) no-repeat;
}

#evenements h2 a, #evenements_archives h2 a, .avis h2 a
{
	display: block;
	padding-left: 0px;
	font-size: 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
}

#evenements h2 a:hover, #evenements_archives h2 a:hover, .avis h2 a:hover{
	text-decoration: underline;
}

#evenements p, #evenements_archives p
{
	font-size: 11px;
	margin-left: 15px;
	padding: 0px 0px 0 0px;
	font-weight:normal;
	text-decoration: none;
}

#evenements p a 
{
	padding: 10px 0px 0px 0px;
}

#evenements .date, #evenementsAng .date {
	font-size: 11px;
	font-weight: normal;
	color: ##82A241;
}

#evenementsAng p {
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}







/* Magazine
----------------------------------------------- */


.magazine, .magazineAng {
	margin-bottom: 5px;
	background-image: url(../styles/imgs/footerMagazine.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 1px solid #6b8f27;
}

.magazine .boiteEntete h1 ,
.magazine .boiteNouvelles h1,
.magazineAng .boiteEntete h1,
.magazineAng .boiteNouvelles h1,
{
	display: none;
}

.magazine .boiteEntete, .magazineAng .boiteEntete {
	height: 25px;
	background-repeat: no-repeat;
}
.magazine .boiteEntete {
	background-image: url(../styles/imgs/headerMagazine.jpg);
}
.magazineAng .boiteEntete {
	background-image: url(../styles/imgs/headerMagazineAng.jpg);
}

.magazine .boiteContenu, .magazineAng .boiteContenu {
	padding-bottom: 50px;
}

.magazine h2, .magazineAng h2 {
	padding-bottom: 2px;
	padding-left: 15px;
	background-image: url(../styles/imgs/bulletNews.gif);
	background-repeat: no-repeat
}

.magazine h2 a, .magazineAng h2 a {
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

.magazine .date, .magazineAng .date {
	font-size: 11px;
	font-weight: normal;
	color: ##82A241;
}

.magazine p, .magazineAng p {
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}

















/* Login membership
----------------------------------------------- */

#perso_memberlogin {
	margin-bottom: 15px;
	width: 420px;/*425*/
	background-image: url(imgs/headerLogin.jpg);
	background-repeat: no-repeat;
	border: 1px solid #77acdb;
}
#perso_memberlogin h1 {
	margin: 0px;
	margin-left: 5px;
	margin-top: 1px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	background-image: none;
}
#perso_memberlogin_top_align_header {
	padding-left: 80px;
	padding-right: 35px;
	padding-top: 27px;
	padding-bottom: 5px;
}
#perso_memberlogin_top_align_header h1 {
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
	width: 90px;
	font-size: 12px;
	font-weight: normal;
	float: left;
	clear: both;
	background-image: none;
}
#perso_memberlogin .textClass {
	margin-bottom: 10px;
}
#perso_memberlogin .submitClass {
	margin-top: 10px;
	margin-left: 200px;/*260*/
}







/* Recherche
----------------------------------------------- */

#search {
	height:88px;
}

#rightRightTopC #search {
	border-left: 1px solid #0e3c65;
}


#search {
	background-repeat: no-repeat;
	background-image: url(../styles/imgs/headerRechercher.jpg);
}
.dynaForm #search {
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-image: url(imgs/headerRechercher.jpg);
}
#search .searchAng {
	background-image: url(../styles/imgs/headerRechercherAng.jpg);
	background-repeat: no-repeat;
}
.intranet #search {
	background-image: url(../styles/imgs/headerRechIntra.jpg);
	background-repeat: no-repeat;
}
.intranet #search .searchAng {
	background-image: url(../styles/imgs/headerRechIntraAng.jpg);
	background-repeat: no-repeat;
}

#search .boiteEntete {
	height:20px;
}

#filler {
	clear: both;
}


#search_left input {
	margin:5px;
	padding:1px 2px 0 2px;
	font-size:11px;
	width:140px;
}

#rightLeftTopC #search #motcle {
	margin: 5px;
	margin-left: 0px;
	width: 300px;
}

#search_right {
	text-align:right;
	width:153px;
}

#rightLeftTopC #search_right {
	width:300px;
}

#search a {
	display:none;
	margin-right: 5px;
	font-size: 10px;
}

#searchFooter {
	padding-bottom: 2px;
	padding-top: 3px;
	height: 23px;
	text-align: right;
	background-image: url(../styles/imgs/footerRechercher.jpg);
	background-repeat: no-repeat;
}

#rightLeftTopC #searchFooter {
	display:none;
}

#searchHeader {
	height: 20px;
}

#searchResultFooter
{
	padding: 10px 0px 10px 0px;
}














/* Modèle de contenu - Tableau pointillée horizontale
----------------------------------------------- */

#tab_horizontal {
	margin:0;
	padding:0;
	border:0;
	border-spacing: 0px; 
	border-collapse: collapse;
}

#tab_horizontal tr {
	margin:0;
	padding:0;
}

#tab_horizontal td{
	margin:0;
	padding:4px 10px 4px 10px;
	border-right: none;
}

#tab_horizontal #titre_col_font{
	background-color: #EEF5F8;
	border-right: 1px dashed #8FB349;
	border-bottom: 3px solid #8FB349; 
}

#tab_horizontal #titre_font{
	background-color: #EEF5F8;
	border-bottom: 3px solid #8FB349; 
}

#tab_horizontal #titre{
	border-bottom: 3px solid #8FB349; 
}

#tab_horizontal #titre_col{
	border-right: 1px dashed #8FB349;
	border-bottom: 3px solid #8FB349; 
}

#tab_horizontal #col_font{
	background-color: #EEF5F8;
	border-right: 1px dashed #8FB349;
}

#tab_horizontal #col{
	border-right: 1px dashed #8FB349;
}

#tab_horizontal #font{
	background-color: #EEF5F8;
}




/* Modèle de contenu - Tableau pointillée vertical
----------------------------------------------- */

#tab_vertical {
	margin:0;
	padding:0;
	border:0;
	border-spacing: 0px; 
	border-collapse: collapse;
}

#tab_vertical tr {
	margin:0;
	padding:0;
}

#tab_vertical td{
	margin:0;
	padding:4px 10px 4px 10px;
	border-right: none;
}

#tab_vertical #titre_ligne{
	border-bottom: 1px dashed #8FB349;
	border-bottom: 3px solid #8FB349; 
}


#tab_vertical #titre_ligne_font{
	background-color: #8FB349;
	border-bottom: 1px dashed #8FB349;
	border-bottom: 3px solid #8FB349; 
}


#tab_vertical #ligne_font{
	background-color: #EEF5F8;
	border-bottom: 1px dashed #8FB349;
}

#tab_vertical #ligne{
	border-bottom: 1px dashed #8FB349;
}

#tab_vertical #ligne2{
	border-bottom: 3px dashed #8FB349;
}






/* Modèle de contenu (image a gauche et droite avec texte
----------------------------------------------- */

.modTxt1, .modTxt2, .modTxt3, .modTxt4, .modTxt5, .modTxt6, .modTxt7, .modTxt8 {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
.modTxt1 img {
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	float: left;
}
.modTxt2 img {
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0px;
	float: right;
}
.modTxt3 img, .modTxt4 img, .modTxt5 img, .modTxt6 img, .modTxt7 img, .modTxt8 img {
	margin: 0px;
	padding: 0px;
}
.colGauche {
	margin: 0px;
	padding: 0px;
	width: 49%;
	float: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
.colDroite {
	margin: 0px;
	padding: 0px;
	width: 49%;
	float: right;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
.modTxtFoot {
	margin: 0px;
	padding: 0px;
	height: 0px;
	clear: both;
}












.intranet #main {
	border: 2px solid #82A241;
	border-top: none;
}

.intranet #header {
	background-image: url(../styles/imgs/headerIntra.jpg);
}

.intranet h1 {
	color: #8eab54;
	background-image: url(../styles/imgs/ligneH1intra.gif);
}

.intranet #rightRightTopC {
	border-left: 1px solid #82a241;
}


.intranet h1 {
	color: #8eab54;
	background-image: url(imgs/ligneH1intra.gif);
}

.intranet .nouvelles .boiteEntete {
	background-image: url(imgs/headerNouvIntra.jpg);
}
.intranet .nouvellesAng .boiteEntete {
	background-image: url(imgs/headerNouvIntraAng.jpg);
}

.intranet .publications .boiteEntete, .intranet .publicationsAng .boiteEntete {
	background-image: url(imgs/headerPubliIntra.jpg);
}

.intranet .evenements .boiteEntete {
	background-image: url(imgs/headerEvenIntra.jpg);
}
.intranet .evenementsAng .boiteEntete {
	background-image: url(imgs/headerEvenIntraAng.jpg);
}

.intranet .nouvelles h2, .intranet .nouvellesAng h2 {
	background-image: url(imgs/bulletNewsIntra.gif);
}


.intranet #search .searchAng {
	background-image: url(imgs/headerRechIntraAng.jpg);
	background-repeat: no-repeat;
}

.intranet .sous-menu li a{
background-color:#f3b642;}


.intranet  #searchFooter {
	padding-bottom: 2px;
	padding-top: 3px;
	height: 23px;
	text-align: right;
	background-image: url(imgs/footerRechIntra.jpg);
	background-repeat: no-repeat;
}