*{
	margin:0px;
	padding:0px;
}

HTML, BODY {
	background:url(../img/bg.gif) repeat-x #c3c3c1;
	color:#666;
	font-family:Arial, Geneva, sans-serif;
	margin:0;
	font-size:12px;
	line-height:18px;
	height: 100%;	
	text-align:center;
}
.main_intro {
	width:970px;
	background-image:url(../img/mainbox.png);
	}
.main {
	width:950px;
	background:url(../img/mainboxgeneral.gif) no-repeat;
	background-position: left 38px;
	}
.main, .main_intro {	
	margin:0 auto -50px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
.footer,.push {
	width:930px;
	height:50px;
	margin:0 auto 0 auto;
	text-align:right;
	overflow:hidden;

	}
.footer {
	background:url(../img/footer.jpg) no-repeat;
	}
	
.footer a{
	text-decoration:none;
	padding-top:30px;
	display:block;
	font-size:10px;
	color:#666;
	}

.pro-gauche {
	float:left;
	width:350px;

	}
.pro-droite {
	float:right;
	width:186px;

	}

.pro-gauche UL, .pro-droite UL{
	list-style:none;
	}

.pro-droite .block UL{
	margin:80px 0 20px 0;
	}
.pro-droite .block LI{
	margin:0 0 10px 0;
	}

.pro-gauche OL {
	margin-left:20px;
	}
.pro-gauche UL LI, .pro-droite UL LI {
	background:url(../img/subsub-bullet.gif) no-repeat 0 5px;
	padding-left:15px;
	}
.pro-gauche UL {
	margin-bottom:20px;
	}


a:link, a:visited, a:active { color:#2953a5; }
a:hover { color:#246dff;}

:focus, INPUT[type=submit], a:active {
	outline:none;
	-moz-outline-style:none;
	outline-style:none;
}

.menus { padding:10px 0 20px 0; }

.modal {
	background:#FFF;
	padding:50px;
	}
.modal DIV{
	margin:10px;
	}

.promenus {
display:block;
	}

.promenus DD{
	float:left;
	height:1px;
	
}


H1 {
	font-size:20px;
	color:#16439d;
	font-weight:bold;
	margin-bottom:10px;
	}

H2,H3 {
	font-size:16px;
	font-weight:normal;
	}

H3 {
	color:#243283;
	margin-bottom:10px;
	}
	
.ultoss H2 {
	color:#243283;
	padding-bottom:8px;
	margin:25px 0 5px 30px;
	background:url(../img/dotz.gif) bottom repeat-x;
	}

H2.titre {
	width:100%;
	padding-bottom:8px;
	margin-bottom:20px;
	background:url(../img/dotz.gif) bottom repeat-x;
	}
	
.publication H2.titre {
	margin-bottom:8px;
	}
	
H1.titre {
	text-align:right;
	width:100%; height:30px;
	font-size:1px;
	color:#fff;
	}
	
H1.champs-de-pratique-liste { background:url(../img/headers/h1_champs-de-pratique_list_fr.gif) left no-repeat; }
H1.champs-de-pratique { background:url(../img/headers/h1_champs-de-pratique_fr.gif) left no-repeat; }
H1.champ-de-pratique { background:url(../img/headers/h1_champ-de-pratique_fr.gif) left no-repeat; }
H1.carrieres { background:url(../img/headers/h1_carrieres_fr.gif) left no-repeat; }
H1.profil-du-cabinet { background:url(../img/headers/h1_profil-du-cabinet_fr.gif) left no-repeat; }
H1.professionnels { background:url(../img/headers/h1_professionnels_fr.gif) left no-repeat; }
H1.publications { background:url(../img/headers/h1_publications_fr.gif) left no-repeat; }
H1.plan-du-site { background:url(../img/headers/h1_plan-du-site_fr.gif) left no-repeat; }
H1.pour-nous-joindre { background:url(../img/headers/h1_pour-nous-joindre_fr.gif) left no-repeat; }
	
H4 {
	font-size:12px;
	}
	
.listenouvelles H2.titre {
	font-size:14px;
	width:100%;
	padding-bottom:8px;
	margin:-15px 0 5px 0;
	text-align:left;
	background:url(../img/dotz.gif) bottom repeat-x;
	}

P {
	margin-bottom:20px;
	text-align:left;
	}
	
.plus {
	text-decoration:none;
	}

.listenouvelles{
	text-align:justify;
	}

.clear { clear:both; }

BLOCKQUOTE{quotes: "\00AB" "\00BB";}
BLOCKQUOTE:before{: open-quote;  font-size: 24px; color: #8bb139;}
BLOCKQUOTE:after{: close-quote;  font-size: 24px; color: #8bb139;}

.header {
	margin-left:auto;
	text-align:right;
	height:38px;
	background:url(../img/headerbar.png) bottom no-repeat;
	}

.head {
	width:586px;
	height:260px;
	margin:0 0 36px 0;
	text-align:right;

	}
	
.head IMG {
	width:586px;
	height:260px;
	}

.menu {
	float:right;
	list-style:none;
	font-size:11px;
	margin-right:12px;
	}

.filarianne a{
	color:#666;
	text-decoration:none;
	}
	
.filarianne a:link, .filarianne a:visited, .filarianne a:active{
	color:#666666;
}

.menu a{
	display:block;
	font-size:10px;
	float:left;
	height:34px;
	color:#fff;
	text-decoration:none;
	line-height:34px;
	padding:0 0 0 18px;
	}

.menu a:hover, .menu a.active{
	background:url(../img/menuselect.gif) bottom center no-repeat;
	}
	
.menu a:link, .menu a:visited, .menu a:active{
	color:white;	
}

.introgauche {
	width:400px; 
	float:left;
	line-height:24px;
	font-size:18px;
	padding:5px 0 0 65px;
	text-align:left;
	color:#999999;
	}

.introgauche b, .introgauche strong{ 
	font-size:15px;
	color:#555;
}

.introdroite {
	width:50%; 
	float:right;
	line-height:15px;
	text-align:left;
	}

.introgauche DIV, .introdroite DIV{
	margin:0 25px 0 25px;
	}

.pro-form {
	padding:10px 0 10px 0;
	float:left;
	width:33%;
	}

a.b_vcard, a.b_courriel, a.b_imprimer {
	display:block;
	height:69px;
	width:62px;
	text-decoration:none;
	float:left;
	font-size:10px;
	text-align:center;
	line-height:30px;
	}
	
a:hover.b_vcard, a:hover.b_courriel, a:hover.b_imprimer {
	background-position:0 -69px;
	}
	
a.b_vcard { background:url(../img/b_vcard.gif); }
a.b_courriel { background:url(../img/b_courriel.gif); }
a.b_imprimer { background:url(../img/b_imprimer.gif); }

. {
	min-height:500px;
	}

.col_gauche{
	float:left;
	width:300px;
	overflow:hidden;
	}

.col_droite{
	float:right;
	width:586px;
	text-align:left;
	padding-right:40px;
	}
	
.gauche {
	width:380px;
	float:left;
	}
	
.droite {
	width:240px;
	float:right;
	}
	
#diffuseur {
	width:100%;
	margin:1px 0 10px 0;
	}
	
.col_gauche .submenu {
	float:right;
	width:290px;
	margin-right:10px;
	min-height:780px;
	
	text-align:center;
	}
	
.submenu a.logo {
	display:block;
	height:77px;
	width:316px;
	margin-bottom:130px;
	}

.introboutons a{
	font-size:1px;
	color:#fff;
	}

.introboutons{ 
	margin:0;
	list-style:none;
	}

.col_gauche .submenu .navigation {
	background:url(../img/submenubuttonend.gif) no-repeat bottom;
	list-style:none;
	list-style-type:none;
	list-style-position:outside;
	width:186px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 2px 0;
	}
	
.submenu .navigation li, .submenu .navigation li.active {
	text-align:left;
	display:block;
	width:186px;
	}
	
.submenu ul.navigation li {
	background:url(../img/submenubutton.png) no-repeat;
	}
	
.submenu ul.navigation li.active {
	background:url(../img/submenubuttonend.gif) no-repeat;
	}

.submenu ul.navigation li ul li.active { background-image:none; }

.submenu .navigation a.menulink {
	font-size:1px;
	text-align:right;
	color:#FFF;
	display:block;
	width:190px;
	height:48px;
	background-repeat:no-repeat;
	background-position:0 11px;
	}
	
.submenu .navigation LI UL, .submenu .navigation LI UL LI,   							/* level 2 off par defaut general */
.submenu .navigation LI UL LI UL LI, .submenu .navigation LI UL LI UL					/* level 3 off par defaut general*/	
.submenu .navigation LI.active UL LI UL LI, .submenu .navigation LI.active UL LI UL 	/* level 3 off par defaut aussi quand level 1 actif*/			
	{ display:none; }

.submenu .navigation LI.active UL, .submenu .navigation LI.active UL LI,   							/* level 2 on si level 1 active */
.submenu .navigation LI.active UL LI.active UL LI, .submenu .navigation LI.active UL LI.active UL 	/* level 3 on si level 2 active */				
	{
	display:block;
	}

.submenu .navigation UL {
	margin:-10px 0 20px 0;
	list-style:none;
	list-style-type:none;
	list-style-position:outside;
}

.submenu .navigation UL UL{
	margin:5px 0 5px 20px;
	list-style-position:outside;
	list-style:none;
	list-style-type:none;
}

.submenu .navigation LI UL LI, .submenu .navigation LI UL LI UL LI {
	background-image:none;
	display:inline;
	}

.submenu .navigation LI LI A, .submenu .navigation LI LI LI A {
	display:table-cell;
	height:12px; 
	font-size:12px;
	color:#999;
	text-decoration:none;
	padding:5px 0 0 10px;
	background:url(../img/subsub-bullet.gif) no-repeat 0 10px;
	}
	
.submenu .navigation LI LI.active { font-weight:bold;  }
.submenu .navigation LI LI.active LI { font-weight:normal;  }
.submenu .navigation LI LI.active LI.active { font-weight:bold;  }
.submenu .navigation .topmenu { display:none; }
.submenu .navigation li li a.category,.submenu .navigation li li.active a.category { color:#485185; }

.submenu #menu-fr-profil { background-image:url(../img/menu/fr-profil.png); }
.submenu #menu-fr-professionnels { background-image:url(../img/menu/fr-professionnels.png); }
.submenu #menu-fr-champsdepratique { background-image:url(../img/menu/fr-champs.png); }
.submenu #menu-fr-carrieres { background-image:url(../img/menu/fr-carrieres.png); }
.submenu #menu-fr-publications { background-image:url(../img/menu/fr-publications.png); }

.fr-intro-profil { background:url(../img/menu/intro_profil_fr.jpg) no-repeat; display:block; width:206px; height:59px;}
.fr-intro-professionnels { background:url(../img/menu/intro_pro_fr.jpg) no-repeat; display:block; width:206px; height:67px;}
.fr-intro-carrieres { background:url(../img/menu/intro_carrieres_fr.jpg) no-repeat; display:block; width:206px; height:58px;}

.ultoss {
	margin-left:-30px;
	}

.ultoss UL {
	margin-left:-40px;
	padding-left:-25px;
	}

.introbar { height:60px; text-align:center; }

.introbar a{
	font-size:1px;
	color:#fff;
	width:186px;
	height:49px;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	display:block;
	
}

.introbar #fr-profil { background-image:url(../img/menu/fr-intro-profil.png); margin:0 17px 0 70px; }
.introbar #fr-professionnels { background-image:url(../img/menu/fr-intro-professionnels.png); margin:0 17px 0 17px;}
.introbar #fr-champs { background-image:url(../img/menu/fr-intro-champs.png); margin:0 17px 0 17px;}
.introbar #fr-carrieres { background-image:url(../img/menu/fr-intro-carrieres.png); margin:0 35px 0 17px;}

.sitemap UL.navigation, .sitemap UL.navigation LI {
	list-style:none;
	margin-left:15px;
	}

.sitemap UL.navigation LI {
	font-size:12px;
	color:#999;
	text-decoration:none;
	padding:10px 0 0 10px;
	background:url(../img/subsub-bullet.gif) no-repeat 0 15px;
	}

.intrositemap {

	}

.intrositemap a{
	color:#666;
	text-decoration:none;
	font-size:15px;
	}
 
.intrositemap UL.navigation, .intrositemap UL.navigation LI {
	list-style:none;
	}

.intrositemap UL.navigation LI {
	font-size:12px;
	color:#999;
	text-decoration:none;
	padding:10px 0 0 10px;
	background:url(../img/subsub-bullet.gif) no-repeat 0 15px;
	}
	
.head {
	margin-top:0px;
	}
	
.publication, .nouvelle {
	margin:0 0 20px 0;
	}
	
.publication .titre a, .nouvelle .titre a{
	text-decoration:none;
	display:block;
	padding-top:14px;
	line-height:16px;
	background-position:right;
	}

.publicationlink a{
	background-position:left;
	line-height:20px;
	padding:0 0 0 24px;
	display:block;
	}

a.pdf30{ background:url(../img/pdf30.gif) no-repeat; }
a.doc30{ background:url(../img/doc30.gif) no-repeat; }
a.externe30{ background:url(../img/externe30.gif) no-repeat; }
	
a.pdf20{ background:url(../img/pdf20.gif) no-repeat; }
a.doc20{ background:url(../img/doc20.gif) no-repeat; }
a.externe20{ background:url(../img/externe20.gif) no-repeat; }

.intrologo {
	
	display:block;
	height:100px;
	margin-top:70px;
	}

#introloop{
	width:950px; height:425px;
	}

.la_date {
	color:#999;
	}
	
.pro_vignette {
	float:left;
	width:33%;
	}
	
IMG {
	border:0;
	}
	
.pro_vignette a{
	display:block;
	text-decoration:none;
	}
	
.block{
	margin-bottom:20px;
	line-height:18px;
	}
	
.block UL {
	margin-left:2px;
	list-style-type:none;
	}
	
.professionnels-details {
	background:url(../img/pro-droite.gif) no-repeat;
	}
.filarianne {
	height:20px;
	text-align:right;
	padding:10px 10px 50px 0;
	}
	
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}



form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input.submit{
	text-align:center;
	margin-left:210px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.errors{
	color:red;
	margin-left:210px;
}

#proFiltre-label, #typeChamp-label{
	float:left;	
}