/* ----- RESET ----------------------------------------------------------------------------- */

html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox,textarea{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
fieldset,img{border:0;}
.clearer {clear: both;}
* {margin: 0;}
html, body {height: 100%;}


/* ----- MAIN ----------------------------------------------------------------------------- */
body{background:url(../images/design/bg-global.png) top center repeat-y;color:#8a8a8a;background-color:#002f55;font:11px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#bg-top{background:url(../images/design/bg-header.jpg) top center repeat-x;height: 274px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -68px;}
#container{background:url(../images/design/bg-header.png) top center repeat-x;width:980px;position:relative;margin: 0 auto}
#header{height: 300px}
#top-bar{background:url(../images/design/bg-top-bar.png) top center repeat-x;height: 44px}
.logo{float:left;width: 244px;height: 95px;margin:64px 0 0 24px}
.slogan{float: right;width: 289px;height: 76px;margin:38px 22px 0 0}
#content-left{width: 243px;float: left;margin:24px 0 0 6px;_margin:24px 0 0 3px}
#content-right{width: 697px;float: right;margin:32px 0 0 0;padding: 0 8px 0 26px}
.slideshow{margin: 0 0 36px 0}
#content-right h1, h2{font-family: Verdana,Arial,Helvetica,sans-serif   }
#content-right h1 {font-size:15px;line-height:1em;color:#b8ae7e;font-weight:bold;margin:0px 0 10px 0;padding:0 0 12px 0;text-transform: uppercase}
#content-right h2 {font-size:11px;line-height:1em;color:#fff;font-weight:bold;margin:15px 0 10px 0;padding:0 0 12px 0;text-transform: uppercase}
.plus-details{float:right;margin:15px 0 0 0;width:91px;height:33px}
#content-right p{font-size:11px;color:#fff;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
#content-left p{font-size:11px;color:#fff;line-height:1.5em;margin:10px 0 15px 10px;padding:0;text-align:justify}
#content-left h1.mailing {background:url(../images/design/restez-informe.png) top center no-repeat;margin: 20px 0 14px 64px;padding: 0;width: 135px;height: 19px;}
h1.mailing span{display:none;}
#mailingfield{width: 146px;height: 21px;padding: 3px 5px 0 4px;color: #739bba;background: url(../images/design/input-left.png) no-repeat top left;border: 0;float: left;font-size: 11px;font-style: italic;margin: 22px 0 0 14px;}
#mailingfield-right{float: left;width: 5px;height: 21px;border: 0;position: relative;left: 0;margin: 22px 0 0 0;}
.soumettre {margin:4px 14px 0 0;float:right}
a:link, a:active, a:visited{color: #fff}
#content-left div.separateur{background:url(../images/design/separateur-left.png) top center no-repeat;width: 228px;height: 12px;margin:16px 0 20px 0;float:left}
#content-right div.separateur{background:url(../images/design/separateur-right.png) top center no-repeat;width: 697px;height: 19px;margin:16px 0 20px 0;float:left}
#accreditations{margin:0 0 0 10px}
.cga{margin:0;padding: 0;vertical-align: middle}
.adma{margin:0 20px 0 20px;padding: 0;vertical-align: middle}
.cma{margin:0;padding: 0;vertical-align: middle}
#mailing{background:url(../images/design/bloc-mailing-list.png) top center no-repeat;width: 222px;height: 112px;margin:0 0 10px 0;float:left}
.top {background: url(../images/design/haut.png) no-repeat;width: 24px;height: 30px;position: fixed;bottom: 80px;right: 0;cursor: pointer;z-index: 1;}
ul.default{width:697px;color:#fff;list-style-image: URL(../images/design/arrow.png);;margin:0 0 20px 0;float:left}
ul.default li{color:#fff;margin-bottom: 10px;margin-left:40px;padding-left:6px}
ul.default li a{color:#fff;text-decoration: none}
ul.default li a:hover{color:#fff;text-decoration: underline}
ul.equipe{color:#b5c3ce;list-style-image: URL(../images/design/arrow.png);;margin:0 0 20px 0;float:left}
ul.equipe li{color:#b5c3ce;margin-bottom: 2px;margin-left:16px;padding-left:6px}
ul.equipe li a{color:#b5c3ce;text-decoration: none}
ul.equipe li a:hover{color:#b5c3ce;text-decoration: underline}
#bloc-dual{width:329px;float:left;margin: 0 0 20px 0}
#bloc-dual-map{width:350px;float:left;margin: 10px 0 20px 0}
#bloc-dual-right{width:299px;float:left;margin: 0 0 0 30px}
.portrait{float: left;margin: 10px 16px 20px 0;border: white solid 4px}
.graphique{float: left;margin: 4px 16px 6px 0}
.jsclass body .randomcontent{ display: none;}
.separateur{width: 697px;height: 19px;margin:16px 0 10px 0}

/* ----- NAVIGATION PRINCIPALE -------------------------------------------------------------- */

#navprinc{position:relative;bottom:0;width:980px;height:162px;margin:16px 0 0 0;padding:0;float:right}
ul#navprinc li{float:left;display:inline;height:162px;list-style-type:none;margin:0;padding:0;}
ul#navprinc li a{float:left;text-indent:-9999px;text-decoration:none;height:162px;line-height:0;background:url(../images/design/nav-princ.png);}
ul#navprinc li.entreprises a{width:249px;background-position:0 0;margin:0}
ul#navprinc li.entreprises2 a{width:249px;background-position:0 -162px;margin:0}
ul#navprinc li.entreprises a:hover{background-position:0 -162px ;}
ul#navprinc li.particuliers a{width:242px;background-position:-249px 0;margin:0}
ul#navprinc li.particuliers2 a{width:242px;background-position:-249px -162px;margin:0}
ul#navprinc li.particuliers a:hover{background-position:-249px -162px ;}
ul#navprinc li.fiscaux a{width:242px;background-position:-491px 0;margin:0}
ul#navprinc li.fiscaux2 a{width:242px;background-position:-491px -162px;margin:0}
ul#navprinc li.fiscaux a:hover{background-position:-491px -162px ;}
ul#navprinc li.conseils a{width:247px;background-position:-733px 0;margin:0}
ul#navprinc li.conseils2 a{width:247px;background-position:-733px -162px;margin:0}
ul#navprinc li.conseils a:hover{background-position:-733px -162px ;}

/* ------- NAVIGATION TOP ------- */
#top-navigation,#top-navigation li{list-style:none;color:#ccc;margin:0;padding:0;}
#top-navigation li {background:url(../images/design/nav-sep.png) 0 0 no-repeat;float:left;}
#top-navigation li a{display:block;float:left;color:#fff;text-decoration:none;font:1em/11px Arial, Helvetica, sans-serif;font-weight:bold;height:27px;padding:15px 14px 0 16px;text-transform: uppercase}
#top-navigation li a:hover {color:#FFF;text-decoration:none;padding-top:15px;background:url(../images/design/arrow-menu.jpg) center bottom no-repeat}
div.liste {float:right;background:url(../images/design/nav-sep.png) right 0 no-repeat;height:44px;padding: 0 7px 0 0;margin:0 10px 0 0}

/* ------------------------------------- FORM  */
div.contact_form{width: 697px;float: left;padding:0 0 40px 0;}
div.contact_form fieldset{border: none}
div.contact_leftcolumn{float:left;width: 224px}
div.contact_centercolumn{float:left;width:224px;}
div.contact_rightcolumn{float:right;width:220px;}
div.contact_doublecolumn{float:left;padding-top:0;clear:both;}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #fff;margin:0}
form.contact input.inputfield_small{background-color:#f4f4f4;border:none;background-image:url(../images/design/contact_form.gif);background-position:-10px -298px;background-repeat:no-repeat;height:19px;padding-top:6px;width:186px;padding-left:8px;padding-right:10px;}
form.contact input.inputfield_small:focus {background-position: -10px -388px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:672px;font-size:0;height:4px;background-image:url(../images/design/contact_form.gif);background-position:-10px -433px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/design/contact_form.gif);background-position:-10px -437px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fafafa;border:none;width:661px;height:91px;padding-left:3px;padding-top:2px;padding-bottom:1px;}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/design/contact_form.gif);background-position:-678px -437px;}
form.contact div.contact_inputtext_bottom{float:left;width:672px;height:4px;font-size:0;background-image:url(../images/design/contact_form.gif);background-position:-10px -531px;}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 672px;}
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
form.contact p{margin: 10px 0 6px 0}
input.submit_button_go {background:url(../images/design/submit_buttons.png) -4px -4px no-repeat;	width: 29px;height: 21px;border: none;cursor: pointer;margin:22px 0 0 4px}
input.submit_button_go:hover {background-position: -4px -31px;}
input.submit_button_envoyer {background:url(../images/design/submit_buttons.png) -4px -60px no-repeat;	width: 66px;height: 21px;border: none;cursor: pointer;}
input.submit_button_envoyer:hover {background-position: -4px -90px;}
input.submit_button_effacer {background:url(../images/design/submit_buttons.png) -4px -119px no-repeat;	width: 66px;height: 21px;border: none;cursor: pointer;margin: 0 0 0 10px}
input.submit_button_effacer:hover {background-position: -4px -148px;}

/* ----- FOOTER --------------------------------------------------------------------------- */

#footer{background:url(../images/design/bg-footer.jpg) top center repeat-x;height: 68px;margin:40px 0 0 0}
#footer p{font-size:11px;color:#314e59;line-height:1.5em;margin:20px 0 15px 30px;padding:0;text-align:justify;float:left}
#footer-content{width: 980px;margin: 0 auto}
#footer-content-left{width: 490px;float: left}
#footer-content-right{width: 490px;float: right}
#footer .logo-footer{margin:16px 0 0 0;float: left}
#footer, .push {height: 68px;}
.logo-oktane{float:right;margin: 14px 0 0 0}



/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 12px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('http://www.groupecomptablecfl.ca/infolettre/admin/images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('http://www.groupecomptablecfl.ca/infolettre/admin/images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.message {
                background: #d5ffce url('http://www.groupecomptablecfl.ca/infolettre/admin/images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('http://www.groupecomptablecfl.ca/infolettre/admin/images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */



.button,
#main-content table tfoot td .bulk-actions select,
.pagination a.number,
form input.text-input,
form textarea,
form .wysiwyg,
form select {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
			}
			
.content-box,
.content-box-header,
ul.content-box-tabs li a.current,
.shortcut-button,
.notification {
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
				border-radius: 6px;
                }

.content-box-header {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				
.closed-box .content-box-header {
                -moz-border-radius-bottomleft: 6px;
                -moz-border-radius-bottomright: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -webkit-border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
				border-bottom-right-radius: 6px;
                }

ul.content-box-tabs li a.current {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				

.shortcut-button span {
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
				border-radius: 7px;
                }
				
div.wysiwyg ul.panel li a { opacity: 0.6; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }

.radio {margin:0 10px 0 0}