/*
written by CGI for seao.ca / constructo.ca
Copyright 2012
*/
/*reset styles*/
html,body,iv,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup, tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/*reset fix to show table borders in description*/
table,tr,th,td { margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,td { text-align:left; font-weight:normal; }
th { text-align:left; font-weight:bold; }
th, td{vertical-align:top;}
body  {
 color: #333;
 text-align:center;
 background-color: #e9e8e6 ;
 font: 1em Arial, Helvetica, sans-serif;
 line-height:1.5em; 
}
/*generic styles for layout*/
.floatleft{
	float:left;
}
.hiddenOverflow
{
    overflow: hidden;   
}
.no-margin
{
    margin:0px !important;
}
.floatright{
	float: right;
}
.clear{
	clear: both;
}
.clearleft{
	clear: left;
}
.clearright{
	clear: right;
}
.alignement_gauche {
  text-align:left;
}
.alignement_droite,
.alignement_droite td {
  text-align:right;
}
.alignement_centre {
  text-align:center;
}
.overflow{
	overflow-x: auto;
	overflow-y:hidden;	
}
img{
/*	max-width: 100%; a verifier pour le responsive*/
}
.widthfix100{
	width: 6.250em;
}
.widthfix20pourcent{
	width: 20%;
}
.width100pourcent{
	width:100%;
}
.widthfix150{
	width:150px;
}
.widthDemi{
	width: 48%;
}
.widthfix40pourcent{
	width: 40%;
}
#container{
	background-color: #fff;
	color: #333;
	width:95%; /*base arbitraire a 960px*/
	margin:0 auto;
	text-align:left;
		
}
.indention{
	margin-left:20px;
}
/* styles dans l'entete de la page */


#RechercheSimple label{
	margin-left:10px;
	font-size:0.938em;
	font-weight:bold;
}

.RechChampBtn{
	vertical-align:bottom;
	margin-top:-5px;
}

.rechSimple{
	border:1px solid #666;
	border-collapse:collapse;
	border-spacing:0;
	width:72.7272%; /*160/220px*/
vertical-align:middle;
	margin:8px;
	padding:3px;
}

#RechercheSimple .rechSimple{
  font-size:0.750em;
}
.btnRechSimple{
	padding:0;
	vertical-align:middle;
}
.icone img{
	vertical-align:bottom;
	margin:0px;
}
.iconeAction{/*pour les images utilisees comme boutons dans une picking list*/
	margin: 3px 5px;
}
.iconeAlerte{/*pour les images utilisees dans un p pour informer d'un avertissement*/
	margin: 0 5px 0 0;
}
input.icone{
	vertical-align: top;
	margin: -2px 0 0 0;
}

.RechChampBtn .icone img{
	vertical-align:bottom;
	margin:8px 8px 8px 0px;
}
.lienRech{
	color:#000;
	font-size:0.6875em;
padding: 0 0 0 10px;
float:left;
margin-top:-10px;
}
/*menu d'intervention pour recherchiste et service clientele*/
.menuIntervention{
	background-color: #000;
	color: #fff;
	height:2.5em;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:200;
}
.menuIntervention h3{
	background-color: #000;
	color: #fff;
	margin:0;
	padding: 6px 0 5px 20px;
	float:left;
}
ul.menu{
	list-style: none;
	float:right;
	margin-right:2.525252%;/*25/990px*/
	margin-top:5px;
}
ul.menu li{
	display:inline;
	border-left: 1px dashed #347a97;
	padding:2px 10px;
}
ul.menu li:first-child{
	padding:2px 10px 2px 0;
	border-left:none;
}
ul.menu a{
	color: #c5eaf5;
	text-decoration: none;
	font-size: 0.813em;
	font-weight:bold;
   background-color: #000;
	
}
ul.menu a:hover{
	color:#f8dd45;
}
/*contenants dans la zone de contenu*/
#content{
	clear:both;
margin:0 1.04166666%;/*10/960px*/
padding:40px 0!important;
}

*+html #content{/*IE7 hack*/
	margin-top:-40px;
}
.uneColonne{
	width:100%;
	float:left;
	margin:0 0 20px 0;
}
.colLeft{
	float:left;
	width:23.4042%;/*220/940px*/
	margin:0 0 20px 0;
}
.colRight{
	float: right;
	width:23.4042%;/*220/940px*/
	margin:0 0 20px 0;
}
.colCenter{
	float:left;
	margin:0 0 20px 2.127659%;/*20/940px*/
	width:48.936170%;/*460/940*/

}
.colCenterFull{	
	margin:0 2.127659% 20px 2.127659%;/*20/940px*/
	width:95.936170%;/*460/940*/

}
.colLeftBig{
	float:left;
	margin:0 0 20px 0;
	width:74.468085%;/*700/940*/
}
.colRightBig{
	float:left;
	margin:0 0 20px 2.127659%;
	width:73.404255%;/*700/940*/

}
.colRightBig .colCenter{
	margin:0 0 20px 0;/*20/940px*/
	width:69%;
}

.colRightBig .colRight{
	width:28.57%;/*200/700px*/
}
.colTiersRight{
	float: right;
	width:31.914893%;/*300/940px*/
	margin:0 0 20px 0;
}
.colTiersLeft{
	float: left;
	width:31.914893%;/*300/940px*/
	margin:0 0 20px 0;
}
.colTiersCenter{
	float: left;
	width:31.914893%;/*300/940px*/
	margin:0 0 20px 2.127659%;/*20/940px*/
}
.colQuart{/*non utilise*/
	float:left;
	width:23.4042%;/*220/940px*/
	margin:0 0 20px 2.127659%;/*20/940px*/
}

/*Petites boites colorees*/
.boiteGrise, .boiteBleue{
	margin-bottom:20px;
	padding:10px 20px;
}
.boiteGrise{
	background-color: #e9e8e6;
border:1px solid #e9e8e6;
/*background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e9e8e6 100%); /* FF3.6+ */
/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e9e8e6)); /* Chrome,Safari4+ */
/*background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e9e8e6 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e9e8e6 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e9e8e6 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #ffffff 0%,#e9e8e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8e6', endColorstr='#F9F9F9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.boiteBleue{
	background-color: #c5eaf5;
border:1px solid #c5eaf5;
background: -ms-radial-gradient(center, ellipse cover, #e9f5fb 0%,#c5eaf5 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #e9f5fb 0%,#c5eaf5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5eaf5', endColorstr='#e9f5fb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.boiteGrise h2,
.boiteBleue h2{
	color:#000;
	font-size:1.188em;
	margin:0 0 .5em 0;
}
.boiteGrise h3{
	color:#214d64;
	font-size:1.063em;
	margin:0 0 .5em 0;
}
.boiteBleue h3{
	color:#000;
	font-size:1.063em;
	margin:0 0 .5em 0;
}
.boiteGrise h4{
	font-size:0.750em;
	line-height:130%;
	margin:5px 0;
}
.boiteGrise a{
	color:#04689F;
}
.boiteBleue a{
	color:#000;
}
.boiteBleue a:visited, .boiteGrise a:visited{
	color:#575757;
}
.boiteGrise a:hover{
	text-decoration: none;
}
.boiteGrise .btnPrimaire{
	width:auto;
}
.boiteContraste{
	margin:0 0 20px 0;
	padding: 10px;
	background-color:#f9f0b6;
}
.boiteContraste h2{
	color:#000;
	margin:3px 0 .5em 0;
}
.boiteContraste .tblPresentation,.boiteContraste .ligneTotal, .boiteContraste .ligneOrDr{
	background-color: transparent;
	color:#000;
}
.boiteContraste .tblPresentation{
	margin-bottom:20px;
}
.nouvellesService{
	background-color:#e9e8e6 ;
	margin:5px -10px;
	padding:5px 10px;
}
.petitTexte{
	font-size:0.688em;
	/*font-size:0.750em;*/
	line-height:1.4em;
	margin:10px 0;
}
.boiteContraste .petitTexte{
	font-size:0.750em;
}
.petitTexte a{
	color:#04689F;
}
.lienNormal a{
	color:#000;
}
.texteNormal,
.texteGras,
.inlineListing{
	font-size:0.750em;
	margin:10px 0;
	line-height:1.5em;
	
}
.texteNormal a:link,
.texteGras a:link,
a.texteNormal:link{
	color:#04689F;
}
.texteNormal a:visited,
.texteGras a:visited,
a.texteNormal:visited{
	color:#575757;
}
.texteNormal a:hover,
.texteGras a:hover,
a.texteNormal:hover{
	text-decoration: none;
}

.texteGras{
	font-weight:bold;
}
.boiteBleue .texteNormal a{
	color: #000;
}
ul.texteNormal{
	list-style: square;
	margin:15px 0 15px 30px;
}
ol.texteNormal{
	margin:15px 0 15px 30px;
	list-style: decimal;
}
ol.texteNormal ul,
ul.texteNormal ul
{
	list-style: square;
	margin:0 0 0 30px;
}
.inlineListing{
	list-style: none;
	
}
.inlineListing li{
	margin-right:20px;
	display: inline;
}
.inlineListing li span{
	margin-right:10px;
}
/*styles pour la page conditions d'utilisation*/
.niveau1 {
	list-style-position: outside;

}
.niveau1 li{
	margin:0 0 10px 40px;
}
ol.niveau2 li{
	margin: 10px 0 20px 40px;
}
ol.niveau1 {
      counter-reset:Point_liste_niveau1;
      list-style-type:none;
   }
   ol.niveau1 li:not(.unorderedList)::before {
      content: counter(Point_liste_niveau1) ".";
	  counter-increment:Point_liste_niveau1;
	  margin-left:-40px;
	  position: absolute;
   }
   ol.niveau2 {
      counter-reset:Point_liste_niveau2;
      list-style-type:none;
      padding: 10px 0;
   }
   ol.niveau2 li:not(.unorderedList)::before {
      content: counter(Point_liste_niveau1) "." counter(Point_liste_niveau2,decimal)".";
      counter-increment:Point_liste_niveau2;
	  margin-left:-40px;
	  position: absolute;
   }
   ul.square li:before{ 
	content:"\25A0";
	margin-left:-20px;
	position: absolute;
   }
   li p{ 
	padding: 10px 0;
   }
   /*style temporaires*/

.conditions p,
.conditions table{
	font-weight:normal;
	font-size:0.750em;
}

.conditions .libelle{
	font-weight:normal;
}
p.glossaire{
	font-size:0.750em;
	margin-bottom:10px;
	line-height:1.5em;
	color:#000;
	background-color: #fff;
}
p.glossaire:first-line{
	font-weight: bold;
}
ul.glossaire{
	list-style: none;
}
ul.glossaire li{
	display:inline;
}
ul.glossaire a{
	margin:5px;
	padding:5px 8px;
	background-color:#e9e8e6;
	color: #04689F;
	text-decoration: none;
	border-radius:0.3em;
}
ul.glossaire a:hover{
	background-color:#cccccc;
	color: #000;
}
.loginForm{
	font-size:0.813em;
	line-height:1em;
	color:#333;
	margin-bottom:0.5em; 
}
.loginForm label{
	display:block;
	margin-bottom:5px;
}
.loginForm input{
	border: 1px solid #b2aca9;
	background-color: #fff;
	color:#333;
	padding:3px;
	font-size:100%;
	width:74.545454%;
}

/*boite de message dans monseao*/
.messages{
	margin:0 0 20px 0px;
	padding: 5px 20px 10px 20px;
	background: #f9f0b6 url(https://www.seao.ca/images/ico_message.png) no-repeat 20px 10px;
}
.messages h2{
	color:#000;
	font-size:1.063em;
	margin:3px 0 .5em 30px;
}
.liensUser{
	float:left;
	list-style: none;
	margin:10px 0;
}
.liensUser li{
	display:inline;
}
.liensUser a{
	font-size: small;
	line-height:1em;
	/*text-decoration:none;*/
	padding:4px;
	margin-right:10px;
	color:#04689F;
	
}
.liensUser .btnPrimaire{
   float:left;
   padding: 5px;
}
/*Menu de navigation vertical*/
.menuVertical{
	list-style:none;
	font-size:0.938em;/*15px*/
	line-height:1.3em;
}
.menuVertical a{
	display:block;
	color: #000;
	text-decoration: none;
	background-color:#e9e8e6;
	padding:3px 10px;
	margin-bottom: 2px;
}
.menuVertical a:hover{
	background-color: #ccc;
}
.menuVertical a.select{
	background-color: #A7E0F2;
	font-weight: bold;
}
.menuVertical .sousmenu{
	background-color: #A7E0F2;
	list-style:none;
	padding-left:10px;
	margin-top:-1px;
}

.menuVertical .sousmenu a{
	display:block;
	color: #000;
	text-decoration: none;
	background-color: #A7E0F2;
	padding:3px 15px;
	margin-bottom:2px;
	font-size:smaller;
}
.menuVertical .sousmenu a:hover{
	text-decoration: underline;
}
.menuVertical .sousmenu a.select{
	font-weight: bold;
	background: url(https://www.seao.ca/images/ico_select.png) no-repeat 0 3px;
}
/*navigation de pagination*/
.pagination{
	font-size:0.750em;
	line-height:1.5em;
	margin:10px 0 20px 0;
	float:right;
}
.pagination ul{
	list-style:none;
}
.pagination li{
	display: inline;
}
.pagination a{
	margin:5px;
	padding:5px 8px;
	background-color:#e9e8e6;
	color: #04689F;
	text-decoration: none !important;
	border-radius:0.3em;
}
.pagination a:hover{
	background-color:#ccc;
	color: #000;
}
.pagination a.pageEnCours{
	background-color:#a7e0f2;
	color: #000;
	font-weight:bold;
}
/* groupes de styles pour les filtres des resultats de recherche*/
#ResultFilters{
	border:1px dotted #B2ACA9;
	padding:5px;
	margin:10px 0;
}
#ResultFilters a{
	color:#04689F;
}
#ResultFilters a:hover{
	text-decoration:none;
} 
#ResultFilters h2{
	font-size:0.938em;/* ou 15px*/
	clear: both;
}
#ResultFilters h3{
	font-size: 0.813em;/* ou 13px*/
	clear: both;
	line-height: 1.3em;
	margin-bottom:5px;
}
#ResultFilters h3 a img{
	margin-right:3px;
	vertical-align:middle;
}
#ResultFilters h3 a{
	text-decoration: none;
}
#ResultFilters h3 a:hover{
	color:#000;
}
.FiltresGroupToggle{
	clear:both;
	margin:10px 0 0 0;
	text-decoration:none;
}
.FiltresGroupToggle .libelle{
	font-size:0.750em;
}

.toggleDiv{
	clear:both;
	margin:0;
}
#ResultFilters p{
	font-size:0.750em;
	line-height: 1.3em;
	margin-bottom:5px;
}
.formRecherche{
	background-color:#e9e8e6;
	padding:10px;
}
.formRecherche .rechSimple{
	border:1px solid #918f8f;
	border-collapse:collapse;
	border-spacing:0;
	width:71.42%;
	font-size:0.750em;
	margin:5px 5px 5px 0;
 	overflow:visible; 
 	padding: 3px;
}
.formRecherche label{
	font-weight: bold;
	color:#204c63;
}
.iconeAide{
	vertical-align:bottom;
	margin:0px;	
}
.formRecherche .icone img{
	vertical-align:bottom;
	margin:5px 5px 5px 0px;	
}
.FiltresGroupe{
	padding:5px 0;
	clear:both;
}
.champ{ /*utilise pour les boites a cocher dans les filtres*/
	font-size:0.750em;
	line-height: 1.3em;
	margin-bottom:10px;
	width:98%;
	clear: both;
	float:left;
}
.champ label{
float:left;
width:87.9%;
margin-top:3px;
/*width:125px;dimension fixe pour vieux seao*/ 
}
.champ input{
float:left;
width:15px;
margin-right:3px;
}
.champConditions
{
    margin:0 0 10px 0 !important;
    min-width:100%;
}

.champGeneral2 { /*div pour duo label/champ */
    font-size: 12pt;
    line-height: 1.3em;
    margin: 5px 20px 5px 0;
    float: left;
    vertical-align: bottom;
    width: 50%;
}

.champConditions,
.champGeneral,
.champCheckbox,
.champRadioBtn{/*div pour duo label/champ */
	font-size:0.750em;
	line-height: 1.3em;
	margin:5px 20px 5px 0;
	float:left;
	vertical-align:bottom;
}
.champGeneralCenter
{
font-size:0.750em;
line-height: 1.3em;
margin-left:auto;
margin-right:auto;
width:100%;
}
.champGeneral label{
	margin: 0 5px 0 0;

}
.champConditions a,
.champGeneral a,
.ChampGeneralAffichage a,
.champCheckbox a,
champRadioBtn a{
	color: #04689F;
}
.champConditions a:visited,
.champGeneral a:visited,
.ChampGeneralAffichage a:visited,
.champCheckbox a:visited,
champRadioBtn a:visited{
	color: #575757;
}
.champConditions a:hover,
.champGeneral a:hover,
.ChampGeneralAffichage a:hover,
.champCheckbox a:hover,
champRadioBtn a:hover{
	text-decoration:none;
}
.champCheckbox{
	margin:0 0 5px 0;
	clear:left;
}
.champRadioBtn label{
	margin: 0 5px 0 0;

}
.champGeneralCenter label{
	margin:0 20px 0 0;
}

.tblsanscouleur  .champGeneral{
	margin-top:0;
}

.champConditions champGeneral,
.champCheckbox .champGeneral,
.champCheckbox .champRadioBtn,
.champCheckbox .champCheckbox,
.champRadioBtn .champGeneral,
.champRadioBtn .champCheckbox,
.champRadioBtn .champRadioBtn,
.champGeneral .champCheckbox,
.champGeneral .champRadioBtn,
.champGeneral .champGeneral
{
	margin-left:20px;
	font-size: 100%;
}
.desc_libelle{/*contient le label et le span obligatoire*/
	display:block;
	margin:0 0 3px 0;
}
.cache{
	margin:5px 0 0 20px;
}
.obligatoire{
	color:#B05800 !important;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.obligatoireBig{
	color:#B05800;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 133%;
}
.flashy{
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

.messageErrChamp{/*message d'erreur associe au label du champ*/
	color:#B05800;
	margin:0 5px;
}
/*affichage des differents messages en zone de statut*/
.MessageInformation,
.MessageErreur,
.MessageAvertissement,
.MessageTimeOut{
	padding:3px 10px 5px 36px;
	margin:5px 0 20px 0;
	}
.MessageInformation{
	background: #e9e8e6 url(https://www.seao.ca/images/ico_information_v2.png) no-repeat 5px 5px;
}
.MessageInformation h3,
.MessageInformation h2,
.MessageErreur h3,
.MessageErreur h2,
.MessageAvertissement h3,
.MessageAvertissement h2
{ font-weight:normal;
	color:#844200;
	margin:3px 0 5px 0;
	font-size: 1.2em;
}
.MessageInformation h2,
.MessageErreur h2,
.MessageAvertissement h2,
.MessageTimeOut h2{
	font-size: 1.2em;
	color: #844200;
}

.MessageErreur{
	background: #e9e8e6 url(https://www.seao.ca/images/ico_erreur_v2.png) no-repeat 5px 5px;
}
.MessageAvertissement{
	background: #e9e8e6 url(https://www.seao.ca/images/ico_alerte_v2.png) no-repeat 5px 5px;
}
.MessageTimeOut{
	background: #e9e8e6 url(https://www.seao.ca/images/ico_timeOut_v2.png) no-repeat 5px 5px;
}
.MessageTimeOut h3,
.MessageTimeOut h2
{
	color:#844200;
	margin:3px 0 5px 0;
}
input, textarea, select	{
	font-weight:normal;
	font-size: 100%;
	padding:3px;
}
textarea{
	font-family: Arial, Helvetica, sans-serif;
}
input[disabled="disabled"], 
textarea[disabled="disabled"], 
select[disabled="disabled"],
span[disabled="disabled"],
input[readonly],input[readonly="readonly"],
textarea[readonly],textarea[readonly="readonly"]{
	color:#4A4A4A;
}
.champDisabled,
input[readonly],input[readonly="readonly"],
textarea[readonly],textarea[readonly="readonly"]{
	border:1px solid #b2aca9;
	background-color: #f6f6f5;	
	color:#3f3f3f;
    margin-right:10px;
    padding:4px;
    overflow:visible;
	width:auto;
}
select.champDisabled 
{    
    overflow:hidden;
}
.champDisabled.nomargin{
	 overflow:auto;
	 margin:0;
}
.valide{
	margin: 0 0 0 10px;
}
.ChampGeneralAffichage{
	font-size:0.750em;
	line-height: 1.3em;
	margin:5px 20px 5px 0;
	float:left;

}
.ChampGeneralAffichage .libelle{
	font-weight: bold;
	padding:5px;
	background-color: #fff;
	color:#000;
	float:left;
	width:100%;
}
.ChampGeneralAffichage .data{
	padding:5px;
   float:left;
	background-color: #e9e8e6;
	color:#000;
	width:100%;
	clear:left;
}
.ChampGeneralAffichage ul{
	list-style:square;
	margin-left:15px;

}
.boiteBleue .ChampGeneralAffichage .data{
	background-color: #fff;
}
/*style pour faire flotter un bloc en lui donnant une marge seulement.*/
.groupefloatleft{
	margin:5px 20px 5px 0;
	float:left;
}

/*style pour formater un fieldset*/
.fieldsetApparent{
	border: 1px dotted #b2aca9;
	padding:5px 10px;
}
.fieldsetApparent legend{
	font-weight: bold;
	background-color:#fff;
}
.guidage{
	font-size: 90%;
	font-weight:normal;
}
.fieldsetApparent legend .guidage{
	font-size: small;
}
.fieldsetPanier{
border:none;
	padding:0;
	
}
.fieldsetPanier legend{
	font-size:larger;
	color:#000;
	font-weight: normal;
	font-family: "Bitter","Arial Black", Times, serif;
	margin-bottom: 10px;
}
.fieldsetPanier .check{
	margin:0;
}
.fieldsetOptionPanier{
	background-color:	#fff;
	border:none;
	margin:5px 0;
}
/*formulaire de recherche avancee*/
.rechAvanceePrecision, .rechAvanceePrecisionA, .Accordeon{
	background-color:#E9E8E6;
	padding:5px;
	clear:both;
	margin:10px 0;
	float:none;
}
.rechAvanceePrecision h3, .rechAvanceePrecisionA h2,.Accordeon h3{
margin-bottom:5px;
	color:#333333;
}
.rechAvanceePrecision h3 a, .rechAvanceePrecisionA h2 a,.Accordeon h3 a{
	color: #333333;
	text-decoration: none;
}
.rechAvanceePrecision h3 a img, .rechAvanceePrecisionA h2 a img,.Accordeon h3 a img{
	margin-right:3px;
}
.rechAvanceePrecisionA h2
{
    font-size:1em;   
}
/*formatage de texte avec icones*/
.information{
	background: url(https://www.seao.ca/images/ico_note_gr.png) no-repeat top left;
	font-size:0.750em;
	line-height: 1.3em;
	padding:0 0 10px 28px;	
	margin:10px 0;
}
.information a{
	color:#04689F;
}
.information a:visited{
	color: #575757;
}
.information a:hover{
	text-decoration: none;
}
.piecejointe{
	background: url(https://www.seao.ca/images/ico_documents.png) no-repeat top left;
	font-size:0.750em;
	line-height: 1.3em;
	padding:0 0 10px 30px;	
}
/*Affichage resultats de recherche*/
.outilsTri{
	background-color:#e9e8e6;
	padding: 2px 5px;
}
.champAligne{
	font-size:0.750em;
	line-height: 1.3em;
	margin-right:20px;
vertical-align:middle;
	display:inline;
}

.noteConstructo{
	font-size:80%;
	background: url(https://www.seao.ca/images/ico_note.png) no-repeat 0 0px;
	padding:0 5px 5px 20px;
	line-height: 1.3em;
	
}
.noteConstructo a{
	color:#04689F;
}
.noteConstructo a:visited{
	color:#575757;
}
.noteConstructo a:hover{
	text-decoration: none;
}
.champGeneral .noteConstructo{
	font-size:90%;
	margin-top:3px;
}
/*styles pour les differents champs dans des formulaires*/
.champGeneral .pickingList{/*pour les vases communicants*/
	height:10em;
	width:250px;
}
.btnsPickingList{
	margin-top:10px;
}

/*boutons*/
.btnPrimaire, .submitOp,
.btnSecondaire, .cancelOp{   
	 box-shadow:1px 1px 6px #b2aca9;
    border-radius:4px;
    border-radius:0\9;/*Hack IE9 et -*/
    padding: 5px 10px 5px 10px;
    margin: 5px 0px;
    font-size: 0.938em;
    font-weight: bold;
    cursor:pointer;
    overflow:visible;
	 width:auto;  
}
.btnPrimaire, .submitOp{   
    border: 1px solid #ffffff;
    border: 1px solid #eaa427\9;/*Hack IE9 et -*/  
}

.btnSecondaire, .cancelOp{   
    border: 1px solid #ffffff;
    border: 1px solid #214d64\9;/*Hack IE9 et -*/  
}
.btnPrimaire, .submitOp {
background-color: #f8dd45; /* Old browsers */
background: -ms-linear-gradient(top, #f8dd45 0%,#eaa427 100%); /* IE10+ */
background: linear-gradient(to bottom, #f8dd45 0%,#eaa427 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dd45', endColorstr='#eaa427',GradientType=0 ); /* IE6-9 */
    color: #000; 
}
.btnPrimaire:hover, .submitOp:hover{
	border-color:#f8dd45;
	background-color:#f8dd45;
}
.blockbutton {
    float:left;
    clear:left;
    white-space: nowrap;
}
a.btnPrimaire{
	text-decoration:none;
	margin-left:0;
	color:#000; 
}
a.btnPrimaire:link,
a.btnPrimaire:visited{
	color:#000;
}
.btnCommande{
	width:100%;
	padding:10px;
   border: 1px solid #eaa427\9;/*Hack IE9 et -*/
}
.btnSecondaire, .cancelOp {
background-color: #347a97; /* Old browsers */
background: -ms-linear-gradient(top, #347a97 1%,#214d64 100%); /* IE10+ */
background: linear-gradient(to bottom, #347a97 1%,#214d64 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347a97', endColorstr='#214d64',GradientType=0 ); /* IE6-9 */
    color: #fff;
    
}

.btnSecondaire:hover, .cancelOp:hover{
	border-color:#347a97;
	background:#347a97;	
}

a.btnSecondaire{
	text-decoration:none;
	margin-left:0;
	color:#fff;
}
a.btnSecondaire:visited{
	color:#fff;
}
.petitBouton{
	/*font-size:90%;*/
	padding: 3px 6px;
	font-weight: normal;

}
/*bouton avec icone dans le panier*/
.btnSupprimer{
	color:#204C63;
	font-weight:bold;
	font-size:90%;
	text-decoration: underline;
	border:none;
	background: url(https://www.seao.ca/images/ico_retirer.png) no-repeat left;
	padding:5px 0 5px 28px;
	margin-left:20px;
	cursor:pointer;
}
.btnSupprimer:hover{
	text-decoration :none;
}
.RangeeBoutons{ /* a utiliser quand il y a plusieurs boutons sur une meme ligne*/
	margin: 20px 0;
	clear:both;
}
.RangeeBoutons input
{
	margin-right:20px;
	vertical-align: middle;
}
.petitTexte input{
	margin-right:5px;
}
/*headings*/

h1, h2, h3{
   font-weight: normal;
	font-family: "Bitter","Arial Black", Times, serif;
   text-shadow: 0 0 1px #e9e8e6;
}
h1{
	color:#204C63;
	font-size:1.875em;
	line-height: 1.3em;
	margin-bottom: 20px;

}
h2{
	color:#204C63;
	font-size:1.4em;
    line-height:1.2em;
	margin:10px 0;
}
h2 a.btnSecondaire,
h3 a.btnSecondaire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height:1em;
	padding: 4px;
	margin-left:20px;
	font-weight: bold;
text-shadow: none;
}
h3{
	color:#23728B;
	font-size:0.875em;
	margin:10px 0 5px 0;
	line-height:1.3em;
}

h4{
	color:#333333;
	font-size: 0.875em;
	margin:10px 0 5px 0;
	font-weight :bold;
}
h2 a, h3 a, h4 a{
	color: #214d64;
}
h5, h6{
	font-size:0.750em;
	font-weight :bold;
}
.APExclusiveInfo{
    color:#ff9900;
	font-size:1.5em;
	font-weight :bold;
	font-family: "Bitter","Arial Black", Times, serif;
}
/*groupes de styles pour les tableaux*/
.tblListeAvisJour{
	width:100%;
	margin-bottom:.8em;
}

.tblListeAvisJour th,
.tblListeAvisJour td{
	padding:1px 0 1px 2px;
}
.tblListeAvisJour th.thTitreCategorie,
.tblListeAvisJour th.thTitreBulle{
		padding-top:20px;
}
.thTitreCategorie{
	color:#333;
	font-weight:bold;
 	vertical-align: middle;
 	font-size:0.938em;
 	text-align:left;
 
}
.thTitreCategorie a:link{
	color:#04689F;
	text-decoration:underline;
	font-size: smaller;
}
.thTitreCategorie a:hover{
	text-decoration: none;
	
}
.thTitreBulle{
	font-size: 0.750em;
	line-height:1em;
	font-style: italic;
	font-weight: bold;
	width: 13.043478%;/*60/460px*/
	text-align:center;
	vertical-align:middle;
	color:#000;

}
#colLeftBig .thTitreBulle{
	width:8.5714%;/*60/700px*/
}
.tblListeAvisJour td{
	font-size:0.813em;
	line-height: 1.2em;
	border-bottom:1px dotted #655954;
	vertical-align:middle;
}
.tblListeAvisJour td a{
	font-size:1.154em;
	color:#04689F;
	font-weight:bold;
	text-decoration : none;
	display:block;
text-align:center;
background-color:#E8E6E5;
padding:6px 5px;

}
td.demo{
	font-size:100%;
	font-weight:bold;
text-align:center;
background-color:#E8E6E5;
padding:6px 5px;
border-left:2px solid #fff;
}
.tblListeAvisJour td a:visited{
	color: #575757;
}
.tblListeAvisJour td a:hover{
	background-color: #a7e0f2;
	color: #000;
}
/*style de tableau pour un div colore quand il y a des boites a cocher*/
.tblFondColore{
	border: none;
	border-collapse: collapse;
	font-size: 0.813em;
	line-height:1.3em;
	margin: 10px 0;
}
.tblFondColore th{
	border: none;
	padding: 5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #B2ACA9;
	/*white-space: nowrap;*/
color:#214d64;
}
.tblFondColore th:first-child,
.tblFondColore td:first-child{
	background-color: #fff;
	text-align: center;
}
.tblFondColore td{
	border: none;
	padding: 5px;
	border-bottom: 1px dotted #B2ACA9;
}
.tblFondColore a{
	color:#04689F;	
	text-decoration: underline;
}
.tblFondColore td a:visited{
	color:#575757;
}
.tblFondColore td:last-child
{	
    background: none;
}
.tblFondColore a:hover{
	text-decoration: none;
}
.tbl100width
{
    width:100%;
}
.firstCol
{
    width:30px;
}

/* style de tableau avec bordure et header avec fond coloré bleu*/
.tblGuide{
	border: none;
	border-collapse: collapse;
	padding: 5px;
	margin: 10px 0;
	width:100%;
}
.tblGuide th{
	border: 1px solid black;
	padding: 5px;
	background-color: #31849B;
	color:#ffffff;
	vertical-align:middle;
}
.tblGuide td{
	border: 1px solid black;
	padding: 5px;
}

/*style de tableau sur fond blanc mais avec colonne coloree*/
.tblcouleur,
.tblsanscouleur{
	border: none;
	border-collapse: collapse;
	font-size: 0.813em;
	line-height:1.3em;
	margin: 10px 0;
	width:100%;
}
.tblcouleur th,
.tblsanscouleur th{
	border: none;
	padding: 5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #B2ACA9;
color:#214d64;
vertical-align:middle;
}
.tblcouleurth
{
	border: none;
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #B2ACA9;
    color: #214d64;
    text-align: left;
    vertical-align: middle;
    font-weight:bold;

}
.tblcouleur td,
.tblsanscouleur td{
	border: none;
	padding: 5px;
	border-bottom: 1px dotted #B2ACA9;
}
.moneyRight{
    text-align: right;
    padding-right:1px!important;
}
.tblcouleur a,
.tblsanscouleur a{
	color:#04689F;
}
.tblcouleur td a:visited,
.tblsanscouleur td a:visited{
	color:#575757;
}
.tblcouleur a:hover,
.tblsanscouleur a:hover{
	text-decoration: none;
}
.tblcouleur th:first-child,
.tblcouleur td:first-child,
.tblcouleurCellule{
	background-color: #daf0f6;
	text-align: center;
	width:2em;
}
.tblcouleur input,
.tblcouleur select,
.tblsanscouleur input,
.tblsanscouleur select,
.tblcouleurCellule input,
.tblcouleurCellule select{
	padding:0;
}
.tblcouleur input.btnPrimaire,
.tblcouleur input.btnSecondaire,
.tblcouleur input.champDisabled,
.tblsanscouleur input.btnPrimaire,
.tblsanscouleur input.btnSecondaire,
.tblsanscouleur input.champDisabled{
	padding:inherit;
	overflow:hidden;
}
.cellulecouleur{
	background-color:#eaeaea;
}

.cellulecouleurBleu{
	background-color:#D3F0F9;
}

.cellulenowrap{
	white-space: nowrap;
}
.tblcouleur .champDisabled,
.tblsanscouleur ..tblsanscouleur{
	margin-right:0;
}
/*tableau de resultats de recherche*/
.tblSearchResults,
.tblComplexe{
	border: none;
	border-collapse: collapse;
	font-size: 0.813em;
	line-height:1.3em;
	margin: 10px 0;
	width:100%;
}
.tblSearchResults th{
	border: none;
	padding: 5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #B2ACA9;
	white-space: nowrap;
	/*vertical-align: bottom;
	text-align:left;*/
}
.tblSearchResults th input{
	padding: 0;
	margin:0;
	vertical-align: top;
}
.tblSearchResultsth{
	border: none;
	padding: 5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #B2ACA9;
	white-space: nowrap;
	vertical-align: bottom;
	text-align:left;
	font-weight:bold;
}
.tblSearchResults td,
.tblComplexe td{
	/*margin-bottom: 20px;*/
	border: none;
	padding: 5px;
	border-bottom: 1px dotted #B2ACA9;
}
.tblSearchResults a,
.tblComplexe a{
	color:#04689F;

}
.tblSearchResults a.btnPrimaire{
	color:#000;
}
.tblSearchResults td a:visited,
.tblComplexe td a:visited{
	color:#575757;

}
.tblSearchResults a:hover,
.tblComplexe a:hover{
	text-decoration: none;
}
.tblSearchResults .pagination{
	font-size: 100%;
}
.tblSearchResults .btnPrimaire,
.tblSearchResults .btnSecondaire{
	margin:0;

}
.tblComplexe th{
	border: none;
	padding: 5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #B2ACA9;
	vertical-align: bottom;
}
.tblFondColore th.alignement_droite,
.tblcouleur th.alignement_droite,
.tblsanscouleur th.alignement_droite,
.tblSearchResults th.alignement_droite,
.tblComplexe th.alignement_droite,
.tblGuide th.alignement_droite{
	text-align: right;
}
.statut{

	color:#000;
}
.activite{
	font-weight:bold;
	color:#23728B;
}
.activite li{    
    list-style: none;
}
.exclusive{
    color: #ff7700;
}
caption{
	font-weight:bold;
	color:#000;
	text-align: left;
	background-color: #e9e8e6;
	padding:3px;
}
.highlight{/* style pour une rangee de tableau qu'on veut mettre en evidence*/
	background-color: #f9f0b6;
}

/*tableau de presentation pour affichage de donnees colonne gauche libelle et droite data*/
.tblAffichage1col{
	font-size:0.750em;
	line-height:1.5em;
	border:0;
	width:62.8571%;/*440/700px*/
	margin:10px 0;
}

.tblAffichage1col .libelle{
	width:40%;
	border-bottom: 1px dotted #b2aca9;
	padding:5px 5px 5px 0;
}
.tblAffichage1col .item{
	background-color:#e9e8e6;
	border-bottom: 1px solid #fff;
	padding:5px;
}
.tblAffichage1col a{
	color:#04689F;
}
.tblAffichage1col a:visited{
	color:#575757;
}
.tblAffichage1col a:hover{
	text-decoration: none;
}

.tblPresentation{
	border: none;
	width:100%;
	font-size:0.750em;
	line-height:1.5em;
	border-top: 1px dotted #b2aca9;
	border-bottom: 1px dotted #b2aca9;
	background-color: #daf0f6;
	
}
.tblPresentation td{
	border: none;
	padding:5px;
	margin-left: 10px;
	border-bottom: 1px dotted #b2aca9;
}
.tblPresentationInterne{
	width:100%;
	font-size:85%;
}
.tblcouleur .tblPresentationInterne td:first-child{
	background-color: transparent;
	text-align: left;
	width:auto;
}

/*styles pour la page consulter un avis*/
.identiteAvis{
	background:#e9e8e6 url(https://www.seao.ca/images/ico_avis.png) no-repeat 5px 5px;
	padding:3px 20px 0px 36px;
    float:left;
	font-size:0.750em;
	line-height:1.5em;
	margin-bottom:10px;
}

.identiteAvis a
{
    color:#04689F;
}
.identiteAvis a:visited
{
    color:#575757;
}
.identiteAvis a:hover
{
    text-decoration:none;
}

.libelle{
	color:#333;
	font-weight:bold;
}
.liensActions{
	clear:left;
	margin:0;
	padding:0;
}
.liensActions .liensUser {
	float:none;
}
.liensActions .liensUser a{
	margin-right:5px;
}
/*#ctl00_ctl00_phContent_phRightBigCol_MainUserControl_trDescription{
	font-size :small;
}*/
/*zone de panier dans l'avis*/
.panierAchat{
	background: #f9f0b6 url(https://www.seao.ca/images/ico_ajoutpanier.png) no-repeat 5px 5px;
	float:right;
	margin:0 0 10px 10px;
	width:20%;/*140/700px*/
	padding: 10px;
}
.panierAchat .PanierTit{
	padding:0px 0 0px 26px;
font-size:small;
line-height: 1.2em;
margin:0 0 5px 0;
color:#000;
}
.panierAchat h3{
	padding:5px 0;
font-size:small;
line-height: 1.2em;
margin:0 0 5px 0;
color:#000;
}
.descPanier{
/*	background-color:#fff;*/
	font-size: 0.750em;
	line-height: 1.3em;
	margin:5px 0;
}

.descPanier h3{
	color:#000;
	font-weight: bold;
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
}
.descPanier a{
	color: #214d64;
}
.document{
	width:100%;
}
.document td{
	width:50%;
	padding:2px;
	border-bottom:1px dotted #b2aca9;

}
.boutonsPanier .btnSecondaire{
	font-size: 0.688em;
	line-height:1em;
	text-decoration:none;
	padding:3px;
	margin-right: 5px;
}
.btnImprimer{
	float:right;
	width:10em;
	margin:-60px 0 20px 0;
}
.btnImprimer a{
float:right;
	border: 1px solid #f9f0b6;
	text-decoration:none;
	background-color:#f9f0b6;
	padding:3px;
	font-size: smaller;
	color:#000;
}
.btnImprimer a:hover{
	background-color:#f8dd45;
	color:#000;
}
.btnImprimer img{
	float: left;
	margin-right:5px;
}
.btnImprimer .libelle{
float:right;
	color:#333;
	font-weight:normal;
}
/*styles pour la page profil, organisation*/
.profilStatut{
	background-color:#e9e8e6;
	padding:3px 20px 3px 20px;
	float:left;
	font-size:0.750em;
	line-height:1.5em;
	margin:10px 0;
}
.profilStatut span{
	margin-right:10px;
}
.profilStatut .obligatoire{
color:#000;
	font-family: Arial, Helvetica, sans-serif;
}
.lienOrganisation{
	font-size:0.750em;
	line-height:1.5em;
	margin:10px 0;
}
.grisSouligne{
	font-weight:bold;
	color:#214d64;
}

.lienOrganisation a{
	text-decoration: none;
}
.grisSouligne{
	color:#3f3f3f;
}
.lienDroit{
	color:#214d64;
	text-decoration: underline;
}
/*pages relatives aux commandes  et au panier*/
.telechargementZip{
	background: url(https://www.seao.ca/images/ico_zip.png) no-repeat left top;
	padding: 5px 0 5px 28px;
	font-size:0.750em;
	line-height:1.5em;
}
.telechargementZip a{
	color:#04689F;
}
.telechargementZip a:hover{
	text-decoration: none;
}
.avisTelechargement{
	font-size:smaller;
	color:#000;
}
.avisTelechargement a{
	color: #04689F;
}
.avisPanier{
	border:1px solid #cccccc;
	margin-bottom:20px;
	/* -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;*/
}
.avisPanierLeft
{
    float:left;
    width:100%;
}
.avisPanierFond{
	  background-color: #EFEEEC;
    padding: 5px 10px 10px 10px;
    margin-bottom: 20px;
}
.avisPanier h2{
	font-size:smaller;
}
.avisPanier h3{
	font: bold smaller Arial, Helvetica, sans-serif;
	padding:0;
}
.avisPanier .tblSearchResults{
	margin:5px 0 10px 0;
}
.avisPanier .tblSearchResults td{
	background-color: #fff;
}
.facture{
	margin:0 0 20px 0;
}
.facture .tblPresentation{
	font-size: 70%;
}
.facture .tblPresentation td{
	padding: 3px 0;
}
.iconePDF{
	margin:0 3px 0 0;
	vertical-align:bottom;
}
.fieldsetPanier p{
	margin: 0 0 10px 0;
}
.ligneTotal{
	background-color: #fff;
	font-family: 'Bitter', Arial Black, Times, serif;
	font-size:medium;
	text-transform: uppercase;
}
.ligneOrDr{
	font-weight: bold;
	color:#214d64;
	font-size:larger;
}
ul.check{
	list-style-type: none;
	font-size:0.750em;
	line-height:1.5em;
	margin:10px;
}
.emptyGrid{
    background-color:#daf0f6;   
    width:100%;        
    border-bottom: 1px dotted #B2ACA9;
}
.check li{
	background: url(https://www.seao.ca/images/ico_check.png) no-repeat top left;
	padding:3px 20px;
}
.groupeConfirmation{/*div pour les blocs client, adresses et modes de paiement dans la confirmation */
	margin:10px 0 0 20px;
	float:left;
	padding:0;
   width:28%;/*280/920px*/
}
.groupeConfirmation h3{
	font-size:large;
}
.groupeConfirmation .ChampGeneralAffichage{
	margin-bottom:10px;
}
.groupeConfirmation .libelle,
.groupeConfirmation .data{
	background-color: transparent;
	padding:0 0 0 0;
}
.widthDemi .libelle,
.widthDemi .data{
	background-color: transparent;
	padding:0 0 0 0;
}
.groupeConfirmation .tblPresentation td{
	padding:3px;
	margin-left:0;
	border-bottom: 1px dotted #b2aca9;
}
.plan{
	width:25%;
	margin-right:20px;
	float:left;
}
/*Page abonnement*/
/*Nouveaux styles*/
.tblabonnement{
	width:100%;
	margin:20px 0;
	font-size:0.875em;
	border-collapse:collapse;
}
.tblabonnement caption{
  background-color: #fff;
}
.tblabonnement td, .tblabonnement th{
	padding: 5px;
}
.tblabonnement th{
	padding: 10px 5px 5px 5px;
	text-align: center;
	font-size:120%;
	}
.tblabonnement a{
	color:#04689F;
}

.tblabonnement td a:visited{
	color:#575757;
}
.tblabonnement a:hover{
	text-decoration: none;
}
.tdborder{
		border-bottom: 1px dotted #B2ACA9;
}
.ti_base{
	font-weight: normal;
	font-family: "Bitter","Arial Black", Times, serif;
	color:#204C63;
	/*font-size:1.2em;*/
}
.ti_fed{
	color:#000;
	background: url(https://www.seao.ca/images/ico_federal.png) no-repeat top left ;
	padding:4px 2px 4px 30px;
}

.image_promo{
	max-width:25%;
	height:auto;
	position: absolute;
	right:0px;
	top: 0px;
	display: block;
	*width: 50px; /* fix ie7*/
}

.tblabonnement .btnPrimaire, 
.tblabonnement .btnSecondaire{

	line-height: 1.1em;
}
.tblabonnement .btnPrimaire{
	margin:10px auto;
}
.btnEssai{
	margin:10px auto;
	max-width: 50%;
}
.boldblue{
color: #23728D;
font-weight:bold;
}
.tblabonnement .btnEssai input{
	color:#fff;
	text-decoration: none;
}
.img-responsive {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.bg_base.hidden,.bg_seao.hidden, .bg_federal.hidden, .bg_constructo.hidden, .bg_aviseur.hidden, .bg_documentsearch.hidden{
	background-color:#ffffff;
}
.bg_base, .bg_seao, .bg_federal, .bg_constructo, .bg_aviseur, .bg_documentsearch{
	text-align: center;
	width:15%;
}
.bg_base{
	background-color: #E7F8FC;
}
.bg_seao{
	background-color: #D3F0F9;
}
.bg_documentsearch{
	background-color: #97C1E4;
}
.bg_federal{
	background-color: #F2F2F2;
}
.bg_constructo{
	background-color: #FDF7D2
}
.bg_aviseur{
	background-color: #FCF2BC;
}
.bg_gris{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	background-color: #f2f2f2;
}
.bg_gris .widthDemi{
	width:47%;
}
.bg_gris1{
   background-color: #f2f2f2;
   padding:5px;	
}
.bg_gris2{
	background-color: #e4e4e4;
	padding:5px;
	margin:0 2.127659% 20px 0;/*20/940px*/
	width:98%;/*460/940*/
}
.caracteristique li{
	list-style:none;
	background: url(https://www.seao.ca/images/ico_check_blue.png) no-repeat top left;
	padding:0 0 10px 24px;
	font-size: 80%;
	line-height:1.3em;
}
/*Anciens styles*/
.abnBlocHaut{
/*	background-position: 50% top;*/
    margin: -28px 0 20px 0;
    padding: 20px;
    float: left;
    width: 880px;
    /*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#214d64),color-stop(1,#4fc1e6));*/
    background-color: #214d64;
   /* background-repeat: repeat-x;
    background-attachment: scroll;*/
    background: -ms-linear-gradient(top, #214d64 0%,#4fc1e6 100%); /* IE10+ */
background: linear-gradient( to bottom, #214d64 0%,#4fc1e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214d64', endColorstr='#4fc1e6',GradientType=0 ); /* IE6-9 */
}

.abnBlocHaut h2{
	color: #f8dd45;
	text-shadow: 1px 1px 2px #15303e;
	margin-top:0;
	
}
.abnAvantages{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 1.1em;
	line-height: 1.6em;
	color:#fff;
	list-style: none;
	text-shadow: 1px 1px 1px #214d64;
	letter-spacing: 1px;
}
.abnAvantages li{
	display:inline;
	padding-right:10px;

}
.abn_seao{
	width:380px;
	float:left;
	margin: 0 20px 20px 0;
}

.couleur_seao{
	background-color: #c5eaf5;
border:1px solid #c5eaf5;
/*background: -moz-radial-gradient(center, ellipse cover, #e9f5fb 0%, #c5eaf5 100%); /* FF3.6+ */
/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e9f5fb), color-stop(100%,#c5eaf5)); /* Chrome,Safari4+ */
/*background: -webkit-radial-gradient(center, ellipse cover, #e9f5fb 0%,#c5eaf5 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-radial-gradient(center, ellipse cover, #e9f5fb 0%,#c5eaf5 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #e9f5fb 0%,#c5eaf5 100%); /* IE10+ */
background: radial-gradient(circle at center, #e9f5fb 0%,#c5eaf5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5eaf5', endColorstr='#e9f5fb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
padding:20px;
}
.abn_bulletin{
	/*width:39.5833%;/*380/960px*/
	width:380px;
	float:left;
	margin: 0 20px 20px 0;
	clear:left;
}
.abn_bulletin .RangeeBoutons .btnPrimaire{
	margin-right:20px;
}
.abn_constructo,
.abn_inscription{
	/*width:56.25%; /*540/960px*/
	width:520px;
	float:left;
}
.abn_constructo{
	margin-bottom:20px;
}
.abn_seao h2,
.abn_constructo h2,
.abn_inscription h2,
.abn_bulletin h2{
	margin:0;
	padding:0;
}
.abn_inscription .RangeeBoutons{
	margin:20px 0 10px 0;
	float: left;
}
.abn_bulletin .RangeeBoutons{
	margin:10px 0 0 0;
}
.abn_bulletin .RangeeBoutons .btnPrimaire{
	margin-bottom:5px;
}

.couleur_grise{
background: #eaeaea; /* Old browsers */
background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #eaeaea 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding:20px;
}
.couleur_bleue{
background: #C6DEED; /* Old browsers */
background: -ms-linear-gradient(top, #ffffff 0%, #C6DEED 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #C6DEED 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#C6DEED',GradientType=0 ); /* IE6-9 */
}

.abn_constructo{
background: #C6DEED; /* Old browsers */
background: -ms-linear-gradient(top, #C6DEED 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #C6DEED 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6DEED', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.couleur_bleue{
	padding:20px 10px 0px 20px;
}
.imgconstructo{
	background: url(https://www.seao.ca/images/bg_batiment.png) no-repeat left bottom;
	padding:20px 10px 120px 20px;
}
*+html .imgconstructo{/*hack IE7*/
	padding:20px 10px 240px 20px;
}
.prix{
	border-top:1px solid #057CBA;
	border-bottom:1px solid #057CBA;
	margin:10px 0;
	padding:5px;
	color:#057CBA;
	font-style: italic;
	font-size:90%;
	float: left;
}
.prix .montant{
	font-size:150%;
	font-style: normal;
	margin-left:20px;
}
.abn_inscription .prix{
	margin:-5px 0 0 20px;
}
.abn_inscription .RangeeBoutons input{
	margin: -5px 0;
	vertical-align: top;
}

.avantages{
	margin-left:20px;
	width:17em;
}
.avantages h3{
	margin:0 0 10px;
}
h2.surtitre{
	color:#347a97;
	font-size: smaller;
	margin-bottom: 20px;
}

/*Alterations du dialogBox et du datepicker de jQuery*/
.ui-widget-content{
	border:1px solid #333333;
}
.ui-widget,
.ui-widget input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

.ui-dialog-content p{
	font-size:0.750em;
	margin:10px 0;
	line-height:1.5em;
	text-align:left;
}
.ui-state-highlight,.ui-state-active, .ui-state-hover{
	color:#000;
}

.AllCalendrier
{ background-color: #fff;
	border: 1px solid #000;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.AllCalendrier .title {
border-bottom: 1px solid #000;
background-color: #daf0f6;
font-family: Arial, Helvetica, sans-serif;
color:#000;
}
.AllCalendrier a{
	text-decoration: none;
}
.AllCalendrier .closebutton {
font-family: Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #214d64;
font-size: 1.3em;
text-decoration: none;
line-height: 1.3em;
}
.AllCalendrier .titlenavigation {
background-color: white;

}
.ui-datepicker-trigger{
	vertical-align:top;
	margin:2px 0 0 0;
	cursor: pointer;
	width:24px;
	height:24px;
}
.hasDatepicker{
	margin-right:5px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: Arial, Helvetica, sans-serif;
}
.ui-datepicker .ui-datepicker-title select{
	font-size:90%;
}
/* jQuery Countdown styles 1.6.0. */
.hasCountdown {
}
.countdown_rtl {
                direction: rtl;
}
.countdown_holding span {
                color: #888;
}
.countdown_row {
                clear: both;
                width: 100%;
                padding: 0px 2px;
                text-align: center;
}
.countdown_show1 .countdown_section {
                width: 98%;
}
.countdown_show2 .countdown_section {
                width: 48%;
}
.countdown_show3 .countdown_section {
                width: 32.5%;
}
.countdown_show4 .countdown_section {
                width: 24.5%;
}
.countdown_show5 .countdown_section {
                width: 19.5%;
}
.countdown_show6 .countdown_section {
                width: 16.25%;
}
.countdown_show7 .countdown_section {
                width: 14%;
}
.countdown_section {
                display: block;
                float: left;
                font-size: 75%;
                text-align: center;
}
.countdown_amount {
                font-size: 200%;
}
.countdown_descr {
                display: block;
                width: 100%;
}
.countdown_highlight { color: #B05800; }

/*styles de couleurs pour les differentes taches*/
.delaiLate{
	font-weight: bold;
	color: #b05800;
}
.delaiRush{
	font-weight: bold;
	color: #2D2C6E;
}
.couleur1,
.couleur2,
.couleur3,
.couleur4{
	font-weight: bold;
}
.couleur1{
	color: #556B1F;
}

.couleur2{
	color: #68204b; 
}

.couleur3{
	color: #312B6E;
}

.couleur4{
	color: #9d4f00;
}
/*soumission electronique et aide en ligne*/
#soumission{

}
#soumission #header{
	height:144px;
	position:relative;
	margin:0;
	width:100%;
	border-bottom: 4px solid #347a97;
}
#soumission #header h1{
	float:right;
	margin:47px 20px 0 0;
	text-align: right;
	font-size: 1.4em;
}
#soumission #nav{
	margin:0 0;
	width:100%;
}
#soumission .menuUtilisateur{
	float:left;
	margin-left:20px;
}
#soumission .retour{
	background: url(https://www.seao.ca/images/ico_tri_gauche.png) no-repeat 2px;
	padding:2px 0 0 20px;
}
/**page externe Bambora */
.Bambora{
	background-color: white;
	background-color: #fff;
	color: #333;
	width:95%; /*base arbitraire a 960px*/
	margin:0 auto;
	text-align:left;
}

.Bambora #header{
	height:144px;
	position:relative;
	margin:0;
	width:100%;
	border-bottom: 4px solid #347a97;
}
.Bambora #nav{
	margin:0 0;
	width:100%;
}
.Bambora .uneColonne{
	margin:20px 20px;
}
#formButtons{
	margin-top:20px;
}
#formFields{
	font-size:0.750em;
	line-height: 1.3em;
	

}
#formFields td{
	padding:5px 20px 5px 0;
}
#formFields h1{
	font-size: 250%;
}
/*Aide en ligne*/
#aide {
	background-color: #fff;
	color: #333;
	text-align:left;
}
#noscroll{
	position:fixed;
	top:0;
	left:0;
	right:0;
background-color:#fff;
	height:130px;
	z-index: 200;
}

#aide #header{
	margin:0;
	width:inherit;
background-image : none;
height: 85px;
}

#aide #logo{
	margin:20px 20px 10px 20px; 
	float:left;
}
#aide #nav{
	margin:0; 
	width:100%;
   }
#aide .boiteBleue{
   margin-top: 40px; 
   }
#contentAide{
clear:both;
margin:20px 40px;
padding:0 0 20px 0;
top:130px;
position:relative;
}
#contentAide h2{
	font-size:1.2em;
line-height:1em;
	margin:10px 0;
}
#contentAide .tblAffichage1col{
	width:80%;
}
#titreAide{
	float:right;
	margin:10px 20px 0 0;
	text-align: right;
}
#titreAide h1{

	font-size:1.4em;
	line-height: 1.1em;
	margin-bottom: 0;
}
#titreAide .btnImprimer{
	float:right;
	width:10em;
	margin:5px 0 0 0;
}
#filAriane ul{
	list-style: none;
	margin:3px 15px;
}
#filAriane li{
	display: inline;
	color: #fff;
	font-weight:bold;
	font-size: 70%;
	line-height: 90%;
	margin-left:5px;
}
#filAriane a{
	color:#fff;
	text-decoration: underline;
	padding-right:5px;
	border-right:1px #fff solid;
}
#filAriane a:hover{
	text-decoration: none;
}

.menuAide{
	list-style: square;
   margin:15px 0 15px 30px;
   font-size:0.750em;
	line-height:1.5em;
}
.menuAide li{
	margin:10px 0;
}
.menuAide a{
	color:#04689F;
	text-decoration: none;

}
.menuAide a:visited{
	color:#575757;
}
.menuAide a:hover{
	text-decoration: underline;
}
.sousSectionLiens{
	list-style: none;
   margin:15px 0 20px 0;
   font-size:0.750em;
	line-height:1.5em;
}
.sousSectionLiens li{
	margin:5px 0;
}
.sousSectionLiens a{
	color:#23728b;
	text-decoration: underline;
}
.sousSectionLiens a:visited{
	color:#575757;
}
.sousSectionLiens a:hover{
   text-decoration: none;
}
.navAide{
	list-style: none;
	 font-size:70%;
	line-height:1.5em;
}
.navAide li {
	display:inline;
	margin:5px;
}
.navAide a{
	color:#04689F;
}
.navAide a:visited{
	color:#575757;
}
.navAide a:hover{
	text-decoration: none;
}
.navAide img{
	margin:-5px 3px;
}
.exp { 
	bottom: 1px;
	font-size: .7em;
	line-height: .7em;
	vertical-align: super; 
}


.boiteVerte{
background-color: #9EE2AF;
border:1px solid #9EE2AF;
background: -moz-radial-gradient(center, ellipse cover, #e9f5fb 0%, #9EE2AF 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e9f5fb), color-stop(100%,#9EE2AF)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #e9f5fb 0%,#9EE2AF 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #e9f5fb 0%,#9EE2AF 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #e9f5fb 0%,#9EE2AF 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover, #e9f5fb 0%,#9EE2AF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9EE2AF', endColorstr='#e9f5fb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
.texteBoiteVerte, .texteBoiteJaune{
   font-size:0.750em;
   margin:10px;
   line-height:1.5em;
   color:#000;            
}
.texteBoiteVerte a, .texteBoiteJaune a{
	color: #000;
	text-decoration: underline;
}
.couleurLien{
	color:#23728b;
}
.boiteJaune{
background-color: #EAA427;
border: 1px solid #EAA427;
background: -moz-radial-gradient(center, ellipse cover, #F0C16A 0%, #EAA427 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#F0C16A), color-stop(100%,#F0C16A)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #F0C16A 0%,#EAA427 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #F0C16A 0%,#EAA427 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #F0C16A 0%,#EAA427 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover, #F0C16A 0%,#EAA427 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAA427', endColorstr='#F0C16A',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
/*gestion des notes*/
.historyNotesDialogs
{
    display:none;
    font-size: 90%;
    text-align: justify;
}
.note
{
    width:535px;
    display:block !important;
}
.noteCol 
{
    width:60%;
}
.note .pagination a{
	background-color:#fff;
	font-size: 1.4em !important;
}
.note .pagination a.pageEnCours{
	background-color:#a7e0f2;
	}
.note	.pagination a:hover{
	background-color:#ccc;
	color: #000;
}
.note .tblFondColore{
	font-size:0.7em;
	line-height: 1.2em;
}
/*commis*/
.verifCommis{
	display:none;
	width:0;
	height:0;
}
#divPuroCodeBarre{
	font-family:Code128ARedA;font-size:60px;
	margin:20px 0;
}

#commande_commis #header, .header{
	height:100px;
	background-image:none;
	background-color:#fff;
	position:relative;
	margin:0;
	width: 100%;
	border-bottom: 1px solid #347a97;
}
#commande_commis #logo, .logo{
	margin: 0px 10px; 
	padding-top:5px;
float:none;
}
#commande_commis #content, .content{
	padding:20px 0;
	margin:20px;
}
#commande_commis .reference{
	color:#000;
	font-size: 0.688em;
	font-weight:normal;
}
#commande_commis .reference a{
	color: #04689F;
}
.boutonBasUsed {
    background:#ADE7BC url(https://www.seao.ca/images/bg_boutonBasUsed.png) repeat-x bottom;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ADE7BC), color-stop(100%,#34B454));
    background:-moz-linear-gradient(center top, #ADE7BC 0%, #34B454 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled='false', StartColorStr='#ADE7BC', EndColorStr='#34B454');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false', StartColorStr='#ADE7BC', EndColorStr='#34B454')";
    box-shadow:1px 1px 6px #DBD4CC;
    border-radius:8px;
    padding: 5px 10px 5px 10px;
    margin: 5px 0px;
    border: 1px solid #ffffff;
    font-size: 0.938em;
    color: #000;
    font-weight: bold;
    cursor:pointer;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#DBD4CC', Direction=135, Strength=3);
    /*zoom: 1;*/
	 overflow:visible;
	 width:auto;
}
.boutonBasUsed:hover{
	border-color:#ADE7BC;
	background:#ADE7BC;
}
/*Style pour les ajustement accessibilite*/
.champConditions span.alignLabelText,
.champCheckbox span.alignLabelText{
	float:left;
	margin-right:3px;
}
a span.texteInvisible,  span.texteInvisible
{
  position: absolute;
  clip: rect(1px 1px 1px 1px);/*IE7 */
  clip: rect(1px,1px,1px,1px);
  overflow: hidden!important;
  margin: 0!important;
}

label.texteInvisible
{
  position: absolute;
  clip: rect(1px 1px 1px 1px);/*IE7 */
  clip: rect(1px,1px,1px,1px);
  overflow: hidden!important;
  margin: 0!important;
} 

td.celluleNoWrap
{
white-space: nowrap;
}

/*Styles pour les ajustements de tablette*/
@media screen and (min-width: 700px) and (max-width: 1000px){
	.rechSimple{
		width:70%;
	}
	#container{
		width:100%;
	}

	.colRight{
		float: left;
		clear:both;
		width:100%;
		margin:0 0 20px 0;
	}
	.colLeftBig{
		margin:0 0 20px 0;
		width:100%;/*700/940*/
	}
	.colCenter{
		width:73.404255%;/*700/940*/
	}
	.colRight .boiteGrise, .colRight .boiteBleue, .colRight .messages{
		width:31.914893%;
		float:left;
		margin-right:20px;
	}
	.colRightBig .colCenter{
		width:100%;/*200/700px*/
		margin-bottom:0;
	}
	.colRightBig .colRight{
		width:100%;/*200/700px*/
	}
	ul.glossaire a{
		float:left;
	}
	ul.glossaire{
		display: block;
	}
	h2.glossaire{
		clear:left;
	}
	.menuVertical{
		/*font-size:0.725em;*/
		line-height:1.3em;
	}
	.menuVertical .sousmenu a{
		/*font-size: small;*/
	}
	#ResultFilters h2{
		font-size:0.875em;
	}
	.champ label{
		width:80%;
	}
	.champAligne{
		display: block;
		}
	.champGeneral .pickingList{
		width:200px;
		}
	.tblSearchResults th, .tblSearchResultsth{
		white-space: normal;
	}
	.tblAffichage1col{
		width:inherit;
	}
	.abnBlocHaut{
		width:94%;
	}
	.abnAvantages{
		font-size: 1em;
		line-height: 1.4em;
		font-weight:bold;
	}
	.abn_seao, .abn_bulletin{
		width:320px;
		margin:0 20px 20px 0;
	}
	.abn_constructo,
	.abn_inscription{
		width:340px;
	}
	.avantages{
		margin-left:0px;
		width:inherit;
	   margin-top:20px;
	}
	.imgconstructo{
		background: none;
		padding:20px;
	}
	.abn_inscription .prix{
		margin:10px 0;
	}
	.abn_bulletin .btnSecondaire{
		float: left;
		margin-top: 10px;
		display:block;
	}
	.abn_bulletin .RangeeBoutons{
		float:left;
	}
	.prix {
		text-align: center;
	}
	.montant {
		white-space: nowrap;
	}
	.petitTexte,
	.guidage,
	.noteConstructo,
	.tblPresentationInterne,
	.boutonsPanier .btnSecondaire,
	.facture .tblPresentation{
		font-size:0.750em;
	}

	.texteNormal,
	.texteGras,
	.niveau1,
	.inlineListing,
	.conditions p,
	.conditions table,
	p.glossaire,
	.pagination,
	.FiltresGroupToggle .libelle,
	.loginForm,
	.champCheckbox,
	.champConditions,
	.champRadioBtn,
	.champGeneralCenter,
	.ChampGeneralAffichage,
	.information,
	.piecejointe,
	.champAligne,
	h5, h6,
	.thTitreBulle,
	.tblAffichage1col,
	.tblPresentation,
	.identiteAvis,
	.descPanier,
	.profilStatut,
	.lienOrganisation,
	.telechargementZip,
	ul.check,
	.onglets,
	#ResultFilters p,
	.champ,
	.champGeneral,
	.tblListeAvisJour td,
	.tblFondColore,
	.tblcouleur,
	.tblsanscouleur,
	.tblSearchResults,
	.tblComplexe{
		font-size:0.875em;
	}

}
.pickingListScroll
{
	height:100%;
	min-width:250px;
	*width: 100%; /* parce que ie7 ne comprend pas min-width*/
}
.pickingListContainer
{
	overflow:auto; /* Pour ie7 et ie8 */
	overflow-x: auto; 
	overflow-y: hidden;
	width: 250px; 
	height: 10em;
}
/*Pour les onglets dans la section classification d'un avis*/
.onglets
{
line-height:1.5em;
margin:10px 0px -8px 0px;
padding:0;
font-size:0.750em;
}
.onglets li{
display:inline;
list-style-type: none;
}
.onglets .courant{
padding: 5px 10px;
background-color: #E9E8E6;
color:#000;
font-weight:bold;
}
.onglets a
{
padding:5px 10px;
}
.onglets a:link{color:#04689F;}
.onglets a:visited{color:#575757;}
.onglets a:hover{text-decoration: none;}

/*Pour la liste dans service clientele*/
.listServ li {
    list-style:none;
 }
 .listServ li li{
    list-style:square;
 }
.listServ span{
    text-decoration:underline;  
}
.listServ li li span{
    text-decoration:none;  
}

/*Pour la liste des raisons refus documents*/

.listRef li {
    font-weight:bold;
 }
 .listRef li li{
    font-weight:normal; 
 }
 ul.listRef ul{
	list-style: square;
	margin:0 0 0 30px;
 }
 ul.listRef{
	list-style:none;
	margin:5px 0 5px 0px;
}

/* hr styliser */

hr.styled
{
     border: 0; 
     height: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.1); 
     border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
}

/* Fieldset avec legend comme un h3 */
.fieldsetAcessibility legend
{
    font-weight: normal;
	font-family: "Bitter","Arial Black", Times, serif;
    text-shadow: 0 0 1px #e9e8e6;
}
fieldset.heading2 legend, .fieldsetAcessibility.heading2 legend
{
    color:#204C63;
	font-size:1.4em;
    line-height:1.2em;
	margin:10px 0;    
}
fieldset.heading3 legend, .fieldsetAcessibility.heading3 legend
{
    color:#23728B;
	font-size:0.875em;
	margin:10px 0 5px 0;
	line-height:1.3em;  
}
.CPStyle
{
    text-transform:uppercase;
}
pre.texteWrap
{
	white-space: pre-wrap;
	word-wrap: break-word;
	display: block;
}
.imageTri
{
    position:relative;
    top:3px;
}

.ConstructoTeaser a
{
    color:black;
    text-decoration:none;
    font-size:0.75em;
}

.ConstructoTeaser a:hover
{
    color:black;
    text-decoration:underline;
    font-size:0.75em;
}

.ConstructoTeaser .boiteContraste
{
    padding:5px;
}

.ConstructoTeaser img
{
    vertical-align:middle;
}

#KeywordCriteria input
{
    padding:5px;   
    margin-right:5px;
}

#KeywordCriteria label
{
    font-style:normal;
}

#KeywordCriteria
{
    font-style:italic;   
}

.rechDocChk
{
    font-size:1.1em;
    font-weight:bold; 
}

.lblTypeAvis
{
    font-size:1.1em;
    font-weight:bold; 
    margin-bottom:10px;
    display:inline-block
}

.rechAvanceeSpan
{
    max-width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.chkListRechAvancee tr
{
    max-width: 50%;
    min-width:50%;
    display: inline-block;
    vertical-align:middle;
    margin-bottom:10px;
}

.chkAllType
{
    margin-bottom:10px;
    display:inline-block;
}

.lblToggle
{
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #333333;   
}

.HighLighting{
	background-color :yellow;
	color:black;
}
.RandomHighLight{
	background-size: 100% 100%;
	background-repeat : no-repeat;
	padding: 5px 0px 2px 0px;
	color:black;
}
.HighLightImage1{
	background-image : url(https://www.seao.ca/images/highlight_70.png);
}
.HighLightImage2{
	background-image : url(https://www.seao.ca/images/highlight2_70.png);
}
.HighLightImage3{
	background-image : url(https://www.seao.ca/images/highlight3_70.png);
}
.HighLightImage4{
	background-image : url(https://www.seao.ca/images/highlight4_70.png);
}
.HighLightImage5{
	background-image : url(https://www.seao.ca/images/highlight5_70.png);
}
.floatleft li{
	float:left;
	clear:both;
}

.VideoLink{
	text-decoration: none;
	color: #333;
}

.container-relative{
	position:relative;
}
/* Styles for Max Length plugin v2.0.1 */
.maxlength-feedback {
	margin-left: 0.5em;
	font-size: 75%;
}
.maxlength-full {
	/*background-color: #fee;*/
}
.maxlength-overflow {
	background-color: #fcc;
}
.sideFeedBack + .maxlength-feedback {  display: inline-block; 
    width: 5em; margin: 0em 1em; vertical-align: top;}
	

/* HTML PAR DEFAULT */
.htmlDefault html,.htmlDefault address,
.htmlDefault blockquote,
.htmlDefault body,.htmlDefault dd,.htmlDefault div,
.htmlDefault dl,.htmlDefault dt,.htmlDefault fieldset,.htmlDefault form,
.htmlDefault frame,.htmlDefault frameset,
.htmlDefault h1,.htmlDefault h2,.htmlDefault h3,.htmlDefault h4,
.htmlDefault h5,.htmlDefault h6,.htmlDefault noframes,
.htmlDefault ol,.htmlDefault p,.htmlDefault ul,.htmlDefault center,
.htmlDefault dir,.htmlDefault hr,.htmlDefault menu,.htmlDefault pre   {display: block; unicode-bidi: embed }
.htmlDefault li              { display: list-item }
.htmlDefault head            { display: none }
.htmlDefault table           { display: table }
.htmlDefault tr              { display: table-row }
.htmlDefault thead           { display: table-header-group }
.htmlDefault tbody           { display: table-row-group }
.htmlDefault tfoot           { display: table-footer-group }
.htmlDefault col             { display: table-column }
.htmlDefault colgroup        { display: table-column-group }
.htmlDefault td,.htmlDefault th          { display: table-cell }
.htmlDefault caption         { display: table-caption }
.htmlDefault th              { font-weight: bolder; text-align: center }
.htmlDefault caption         { text-align: center }
.htmlDefault body            { margin: 8px }
.htmlDefault h1              { font-size: 1.875em; margin-bottom: 20px;line-height: 1.3em; }
.htmlDefault h2              { font-size: 1.4em; line-height:1.2em; margin:10px 0 }
.htmlDefault h3, .htmlDefault h4{ font-size: 0.875em; line-height:1.3em; margin: 10px 0 5px 0 }
.htmlDefault h1, .htmlDefault h2,.htmlDefault h3{color: #000; font-family: Arial, Helvetica, sans-serif; text-shadow: none;}
.htmlDefault h4,.htmlDefault p,
.htmlDefault fieldset,.htmlDefault form,.htmlDefault dir,
.htmlDefault menu            { margin: 1.12em 0 ; font-size:0.850em; }

.htmlDefault blockquote,.htmlDefault ul,
.htmlDefault ol,.htmlDefault  dl          { margin: 1.12em 40px ; font-size:0.850em; }
.htmlDefault h5, .htmlDefault h6{ font-size: 0.750em; margin: 10px 0 }

.htmlDefault h2,.htmlDefault h3,.htmlDefault h4,
.htmlDefault h5,.htmlDefault h6,.htmlDefault b,
.htmlDefault strong          { font-weight: bolder }

.htmlDefault i,.htmlDefault cite,.htmlDefault em,
.htmlDefault var,.htmlDefault address    { font-style: italic }
.htmlDefault tt,.htmlDefault code,
.htmlDefault kbd,.htmlDefault samp       { font-family: inherit;}
.htmlDefault pre             { white-space: pre-wrap; font-family:inherit; word-wrap: break-word;}
.htmlDefault big             { font-size: 1.17em }
.htmlDefault small,.htmlDefault sub,.htmlDefault sup { font-size: .83em }
.htmlDefault sub             { vertical-align: sub }
.htmlDefault sup             { vertical-align: super }
.htmlDefault table           { border-spacing: 0; }
.htmlDefault thead,.htmlDefault tbody,
.htmlDefault tfoot           { vertical-align: middle }
.htmlDefault td,.htmlDefault th,.htmlDefault tr      { vertical-align: inherit }
.htmlDefault s,.htmlDefault strike,.htmlDefault del  { text-decoration: line-through }
.htmlDefault hr              { border: 1px inset }
.htmlDefault ol,.htmlDefault  ul,.htmlDefault dir,
.htmlDefault menu,.htmlDefault dd        { margin-left: 40px }
.htmlDefault ol              { list-style-type: decimal }
.htmlDefault ul              { list-style-type: disc; }
.htmlDefault ol ul,.htmlDefault ul ol,
.htmlDefault ul ul,.htmlDefault ol ol    { margin-top: 0; margin-bottom: 0 }
.htmlDefault u,.htmlDefault ins          { text-decoration: underline }
.htmlDefault br:before       { content: "\A"; white-space: pre-line }
.htmlDefault center          { text-align: center }

/* FIN HTML PAR DEFAULT*/

/* CSS Pour les legend */
.legend { list-style: none; }
.legend .legendSquare { border: 1px solid #B2ACA9; float: left; width: 12px; height: 12px; margin: 2px; }