/* CSS commun */

/* ---- MISE EN PAGE GENERALE ----  */
html {height:100%;}
body {margin:0; text-align:center; font:11px verdana, arial, helvetica, sans-serif; height:100%;}
#conteneur {margin:auto; width:800px; text-align:left;}
#adSense {/*height:30px; En commentaire puisqu'on a enlever les adSense -> Enleve de l'espace inutile*/ text-align:center; margin-top:5px; margin-bottom:25px;}
#colonneGauche {float:left; width:155px;}
#colonneDroite {float:left; width:80%;}
#footer {color:#808080; height:40px; margin-top:80px; text-align:center; clear:left;}


#association {text-align:left; color:#808080; padding:10px 0 10px 15%; font-size:12px;}
#association a {color:#808080;}
#association a:hover {color:#4F402B;}


/* Colonne de gauche */
#logo {margin-top:19px; background:url('http://www.waka.ca/medias/coin1.png') no-repeat right bottom; height:125px !important; height:128px;}
#logo img {margin:5px 0 0 20px; border:none;}
#pubAgent {margin-left:8px; background:url('http://www.waka.ca/medias/coin2.png') no-repeat left top; padding-top:10px;}

/* Colonne de droite */
#entete {height:55px !important; height:53px; background:url('http://www.waka.ca/medias/coin3.png') no-repeat; background-position:-1px 39px !important; background-position:-1px 42px; margin:0; padding-left:20px;}
#entete p {padding:5px 3px 0 0 !important; padding:19px 3px 0 0; width:137px; float:left;}
*:first-child+html #entete p {padding:16px 3px 0 0 !important;} /* hack ie7 */
#entete p a img {border:0;}
#colonneResultats {float:left; width:66%;  padding-left:10px;}
#colonneMoteurRech {float:left; width:183px; margin-top:21px !important; margin-top:0; text-align:center; position:relative;}

/* Bas de page */
#footer a {color:#808080;}
#footer a:hover {color:#4F402B;}

#filArianne {padding-left:15px; color:#808080;}
#filArianne a {font-weight:normal;}



/* ---- ELEMENTS GENERAUX ---- */
.spacer {clear:both; border:0; background-color:transparent; color:white; margin:0;}
.spacerGris {color:#f8f8f8;}
.spacerBeige {color:#ffffee;}
a {color:#7da41e; text-decoration:none; font-weight:bold;}
a:hover {color:#4F402B; text-decoration:none; font-weight:bold;}
.sep {margin:30px 0 0 10px; width:600px; background-color:#f5f5f5; padding:4px;}
a.lienBleu {color:#2b7d91; font-weight:normal;}
a.lienBleu:hover {color:#4f402b; font-weight:normal}
.text {padding:10px 0 0 30px; color:#474747; margin-right:25px; width:570px;}



/* ---- HAUT DE PAGE ---- */
#conBtns {float:right; margin-right:75px !important; margin-right:35px;}
#conBtns a {color:black; font-weight:bold; text-decoration:none; line-height:28px;}
#conBtns a:hover {color:black; font-weight:bold; text-decoration:underline;}
#btnConn {background:transparent url('http://www.waka.ca/images/se_connecter_small.png') no-repeat scroll 0%; margin-right:5px; padding-left:20px;}
#btnDeconn {background:transparent url('http://www.waka.ca/images/se_deconnecter_small.png') no-repeat scroll 0%; margin-right:5px; padding-left:20px;}
#btnLangue {margin-left:5px;}
#btnUsager {color:black; float:left; padding-left:18px; margin-right:20px; background:transparent url(http://www.waka.ca/images/user.png) no-repeat scroll 0%; -moz-opacity:0.5; opacity:0.5; filter: alpha(opacity=50);}



/* ---- QUESTIONS & REPONSES ---- */
.mesQuestions {margin-top:20px; margin-left:15px color:#838383; font-size:10px; font-style:italic;}
.mesQuestions .colonneGauche {float:left; width:75%;}
.mesQuestions .colonneDroite {float:left; width:110px; margin-left:15px;}
.mesQuestions .zoneFiche {text-align:right;}
.mesQuestions .zoneFiche img {border:1px solid #b5b5b5;}
.mesQuestions .zoneTxtQ, .mesQuestions .zoneTxtA p {padding-left:23px;}
.mesQuestions .corrTxt {margin-top:0;}
.mesQuestions .zoneQuestion {background-color:#ffffee; border:1px solid #e1e1e1; padding:7px;}
.mesQuestions .question {font-style:normal; font-weight:bold; font-size:14px; color:#d69722;}
.mesQuestions .zoneTxtQ {float:left; background:#ffffee url('http://www.waka.ca/images/comment_yellow.gif') no-repeat; width:74%;}
.mesQuestions .zoneReponses {background-color:#f8f8f8; border:1px solid #d9d9d9; width:80%; margin-top:10px; margin-bottom:15px; float:right; clear:both;}
.mesQuestions .reponse {padding:10px;}
.mesQuestions .zoneTxtA {float:left; background:url('http://www.waka.ca/images/comment_blue.gif') no-repeat; width:75%;}
.mesQuestions .txtRep {font-style:normal; color:#555;}
.mesQuestions .auteur {padding-top:7px;}
.mesQuestions .zonePhoto {width:75px; float:left;}
.mesQuestions .zonePhoto img {border:1px solid #d5d5d5;}
.mesQuestions .inaproprieBeige {background:url('http://www.waka.ca/images/bullet_error.png') no-repeat; padding-left:18px;}
.mesQuestions .inaproprieGris {background:url('http://www.waka.ca/images/bullet_errorG.png') no-repeat; padding-left:18px;}
.mesQuestions .conteneurInapproprie {text-align:right; margin-top:30px; width:100%;}
.mesQuestions .conteneurInapproprie span {padding-right:15px;}
.mesQuestions .lienReponse {width:78%; float:right; clear:both; margin-top:15px; font-size:11px;}
.mesQuestions a.petitLien {color:#575757; font-weight:normal;}
.mesQuestions a.petitLien:hover {color:#4f402b;}
.mesQuestions .entrerReponse span {font-style:normal; color:black;}
.mesQuestions textarea {width:98%; color:#555555; border:1px solid #d9d9d9; margin-bottom:15px; padding:2px;}
.mesQuestions .entrerReponse {margin-left:10px; margin-right:10px; clear: both;}
a.expand{background: url("http://www.waka.ca/images/expand.png") no-repeat 0px -1px;padding-left: 18px;}
a.collapse{background: url("http://www.waka.ca/images/collapse.png") no-repeat 0px -1px; padding-left: 18px;}



/* ---- TITRE SECTION ---- */
.sep a {float:right; margin-right:15px;}
.hd-section {height:17px;}
.hd-section h2.info-header {float:left; font-weight:bold; font-size:12px; color:#777; margin:0;}
.hd-section div.ct-collapse-close {float:right; display:inline;}
.hd-section div.ct-collapse-close span.collapse {background:transparent url('http://www.waka.ca/images/gray/layout/ns-collapse.gif') no-repeat scroll 0%; cursor:pointer;}
.hd-section div.ct-collapse-close span.expand {background:transparent url('http://www.waka.ca/images/gray/layout/ns-expand.gif') no-repeat scroll 0%; cursor:pointer;}
.hd-section div.ct-collapse-close span.close {display:none; background:transparent url('http://www.waka.ca/images/gray/layout/tab-close-on.gif') no-repeat scroll 0%; cursor:pointer;}
.hd-section div.ct-collapse-close span.close:hover {background:transparent url('http://www.waka.ca/images/gray/layout/tab-close.gif') no-repeat scroll 0%; cursor:pointer;}



/* ---- CONNEXION ---- */
/* CLASSE POUR MODIFIER LE LOOK DU MASK */
#loading-dialog {background-color: #BAD2F6; text-align:center;}
#loading-dialog  .loading-indicator {background:url('http://www.waka.ca/images/loadingBar.gif') no-repeat top center; height:20px; position:relative; top: 0px; left:0px;}
.x-dlg-mask{z-index:10000; display:none; position:absolute; top:0; left:0; -moz-opacity: 0; opacity:0; filter: alpha(opacity=0); background-color: white;}

/* CLASSE POUR UNIFIER LE LOOK DES INPUT DE TYPE TEXT */
	.inputText {border:1px solid #D9D9D9;color:#838383;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;padding:2px 1px;}
/* CONNECTION - INSCRIPTION */
	div#connInsc {font:12px arial, helvetica, sans-serif;}
	div#connecter {width:45%; float:left; padding-left:10px; margin-top:15px;text-align:left;}
	div#connecter a#lienGetPwd:link, div#connecter a#lienGetPwd:visited {font:10px verdana,arial,helvetica,sans-serif; text-decoration:none; cursor:pointer; color:#2b7d91;}
	div#connecter a#lienGetPwd:hover {font:10px verdana,arial,helvetica,sans-serif; text-decoration:underline; cursor:pointer; color:#2b7d91;}
	div#connecter a#lienGetPwd:active {font:10px verdana,arial,helvetica,sans-serif; text-decoration:none; cursor:pointer; color:#2b7d91;}
	div#inscription {width:46%; float:left; padding-left:20px; margin-top:15px; border-left:1px solid gray;text-align:left;}
	div#connInsc div.btn {margin-top:20px;}
	div#connInsc div#connecter p {margin-bottom:10px; color:#2b7d91;}
	div#connInsc div#inscription p {color:#5d5d5d;}
	div#connexion-message-err {font-size:11px; margin-top:10px; color:red; background: url('http://www.waka.ca/images/error.png') no-repeat; padding-left: 18px;}
	div#divInscription {font:12px arial, helvetica, sans-serif; text-align:left;}
	div#divInscription div.btn {margin-top:20px;}
	div#divInscription p {margin-bottom:10px; color:#2b7d91;}
	div#divInscription div#colonneGauche {float:left; width:200px; margin-top:15px;}
	div#divInscription div#colonneDroite {float:left; width:310px; margin-top:15px;}
	div#divInscription #petiteColGauche {float:left; width:190px;}
	div#divInscription #petiteColDroite {float:left; width:120px; padding-top:25px;}
	div#divInscription .important {font-size:9px; color:#ff2b75;}
	div#divInscription #vraiNom {float:left;}
	div#divInscription #txtVraiNom {color:black; float:left; width:154px; margin-left:6px;}
	div#divInscription #lnkWhy {font-size:9px;}
	div#divInscription #btnEnregistrer {clear:both;}
	div#inscription-message-err {color:red; font-size:11px; margin-top:10px; background: url('http://www.waka.ca/images/error.png') no-repeat; padding-left: 18px;}
	form#frmInscription {margin:10px;}
	div.fondBlanc {font:11px arial,helvetica,sans-serif; height:99%; width:99%; background-color:white; border:1px solid #6593cf; border-bottom:0; overflow:hidden;}
/* FORMULAIRE - Q&A - denonciation */
	.frmDenonciation {position: absolute; font:11px verdana,arial,helvetica,sans-serif; color:#686868; z-index:20000; width:285px; background-color:white; border:1px solid #D9D9D9; padding:5px; }
	.frmDenonciation p{text-align:center; width:100%}
	.frmDenonciation label{font-weight: bold}
	.frmDenonciation textarea{width:265px;}
	.frmDenonciation input{float:right;margin-top:10px;}
	
/* pour le formulaire d'obtention de mot de passe */
	div#conteneurGetPwd {text-align:left; background-color:#f1f6fD; border:2px solid #C3DAF9; font-size:11px; left:-1000px; overflow:auto; padding:5px; position:absolute; top:-1000px; width:235px; z-index:99999999; font:10px verdana, arial, helvetica, sans-serif;}
	div#conteneurGetPwd img {float:right; cursor: pointer;}
	div#conteneurGetPwd div#getPwdError{color:red;}
/* CONTACTEZ-NOUS */
	div#contactezNous-dlg {font:12px arial, helvetica, sans-serif; color:#2b7d91;}
	div#contactezNous-dlg input#contact-nom {width:150px;}
	div#contactezNous-dlg input#contact-courriel {width:190px;}
	div#contactezNous-dlg input#contact-sujet {width:190px;}
	div#contactezNous-dlg textarea#contact-sujet {width:220px; font:12px arial, helvetica, sans-serif;}
	div#contactezNous-dlg p {width:300px; margin-bottom:5px; padding-left:80px; line-height:15px; text-align:left;}
	div#contactezNous-dlg label {display:block; float:left; width:90px; height:15px; text-align:right; margin-left:-70px !important; margin-left:-38px; margin-right:8px; line-height:20px;}
	div#contactezNous-dlg input {width:150px; font:12px arial, helvetica, sans-serif;}
	div#contact-message-err {font-size:11px; margin-left:50px; margin-top:10px; color:red;}
.hide {display:none; !important}




/* ANNONCES CLASSEES */
#pubAgent {padding:8px;}
#adBox {background-color:#f3f3f3; border:1px solid #d9d9d9;}
#adBox #hautAd {padding:7px 0; text-align:center; border-bottom:1px solid #d9d9d9;}
#adBox .ad {text-align:center; padding-top:8px; color:#3d3b3b; margin-bottom:10px;}
#adBox .titre {margin-top:0; font-weight:bold; color:#6f6f6f;}
#adBox a img {border:0;}
#adBox .sepAd {margin:0 15px 10px 25px; border-top:1px solid #d9d9d9;}
#lienSousAdBox {margin:7px 0 30px 0; font-size:10px; text-align:center;}
#lienSousAdBox a {font-weight:normal;}

div#liensRapides {text-align:left; padding:40px 0 0 10px;}
#flecheBoite {top:45%;}
*html #flecheBoite {top:20%;}