@charset "utf-8";
/* Web Experience Toolkit (WET) / Boîte ?  outils de l'expérience Web (BOEW)
Terms and conditions of use: http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Terms
Conditions régissant l'utilisation : http://tbs-sct.ircan.gc.ca/projects/gcwwwtemplates/wiki/Conditions */

/* All tabs CSS */

.multiple{padding-top:1px;}

.tabs{border-bottom:solid 1px #d6d6d6;margin:0;padding:0;position:relative; margin-left:0px !important; padding-left:10px !important;}


.tabs li{display:inline-block;border:solid 1px #d6d6d6;border-bottom:none;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0; font-size:.85em;}
.tabs li a{display:block;text-decoration:none;color:#000 !important;background:#d4dee8 repeat-x 0 0;font-weight:400;border-top:1px solid #d6d6d6;padding:4px;}
.tabs li.active{background:#d4dee8;position:relative;top:1px;border:solid 1px #d6d6d6;border-bottom:none;}
.tabs li a.active,.tabs li a.active:hover{color:#000;background:#aabbcb;cursor:text;text-decoration:none;} 
.tabs-panel{border:solid 1px #d6d6d6;border-top:none;padding:10px;}
.tabs-panel > div {display:none;}
.tabs-panel > div.active{display:block;}
.tabs-panel a:hover,.tabs-panel a:focus,.tabs-panel a:active{background:#d4dee8 !important; color:#000!important;}

.tabs-panel h2,.tabs-panel h3,.tabs-panel h4,.tabs-panel h5,.tabs-panel h6{border:none;}
.tabs-panel .float-right {margin-left:10px;}
.tabs-panel .float-left {margin-right:10px;}
.tabs-roller {height:100%;width:0;position:absolute;top:0;left:0;cursor:text;background-color:#000;opacity:0.1;filter:alpha(opacity=10);}

/* style 1 */
.tabs-style-1{border:solid 1px #ccc;padding:2px;}
.tabs-style-1 .tabs{background:#007B9F url(gradient-accent.png) repeat-x scroll 50% 50%;border:1px solid silver;color:#222;font-weight:700;padding:2px 2px 0;}
.tabs-style-1 .tabs li a{background:#000 url(gradient2.png) repeat-x scroll 50% 50%;border-top:none;color:#FFF;padding:2px 4px 3px;}
.tabs-style-1 .tabs li a:hover{background:#eee url(gradient.png);color:#000;border-top:1px solid #fff;padding-top:1px;}
.tabs-style-1 .tabs li a.active,.tabs-style-1 .tabs li a.active:hover{color:#000;background:#fff;border-top:none;padding:4px;}
.tabs-style-1 .tabs-panel{border:none;}
.embedded-grid,.embedded-grid .tabs-panel{border:none;padding:0;}
.tabs-style-1  .tabs-toggle a.tabs-stop,.tabs-style-1 .tabs-toggle a.tabs-start{background-repeat:no-repeat;background-position:-1px 0;color:#000; border: 1px solid #999;}
.tabs-style-1 .tabs-toggle a:active.tabs-stop,.tabs-style-3 .tabs-toggle a:active.tabs-start,.tabs-style-1 .tabs-toggle a:hover.tabs-stop,.tabs-style-1 .tabs-toggle a:hover.tabs-start{background-repeat:no-repeat;background-position:-1px 0;color:#c00;padding-top:2px;border: 1px solid #999;}


/* style 2 */
.tabs-style-2{border:0;padding:0;position:relative;z-index:1;margin:0;}
.tabs-style-2 .tabs{border:none;background:#eee;opacity:0.95;filter:alpha(opacity=95);min-height:24px;position:absolute;width:100%;z-index:2;padding-top:2px;margin-top:0;bottom:0;left:0;}
.tabs-style-2 .tabs li{border:none;margin-right:2px;background:#00556b;opacity:1;filter:alpha(opacity=100);-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px; width:auto;float:left;}
.tabs-style-2 .tabs li.active{border:none;top:auto;color:#fff;}
.tabs-style-2 .tabs li a{border:1px solid #999;padding:2px 5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;}
.tabs-style-2 .tabs li a.active,.tabs-style-2 .tabs li a:hover{padding-top:2px;border-bottom-width:0;background:#333;color:#fff;}
.tabs-style-2 .tabs-panel{border:none;min-height:220px;background:url(background-1.gif) repeat-x 0 0 #00779c;color:#fff;margin:0;padding:0;}
.tabs-style-2 .tabs-panel a,.tabs-style-2 .tabs-panel a:visited{color:#fff;}
.tabs-style-2  li.tabs-toggle a:focus,.tabs-style-2  li.tabs-toggle a:active,.tabs-style-2  li.tabs-toggle a:hover{border-bottom-width:1px;text-decoration:underline !important;color:#c00;}
.embedded-grid,.embedded-grid .tabs-panel{border:none;padding:0;}
.tabs-style-2 .tabs-content-pad{padding:10px 10px 36px;}
.tabs-style-2 .tabs-roller{background-color:#fff;opacity:0.25;filter:alpha(opacity=25);}
.tabs-style-2 .tabs-toggle a.tabs-stop,.tabs-style-2 .tabs-toggle a.tabs-start {position:static;}

/* style 3 */
.tabs-style-3{position:relative;z-index:1;border:1px solid #ccc;margin:0;min-height:220px;padding:10px 0 10px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.tabs-style-3 .tabs{width:35%;position:absolute;z-index:3;border:none;margin:20px 0 0;right:0;}
.tabs-style-3 .tabs li{border:none;margin:0;width:100%;}
.tabs-style-3 .tabs li.active{border:none;color:#fff;}
.tabs-style-3 .tabs li a{color:#00799c;display:block;border:none;text-decoration:none;background:transparent;padding:5px 5px 5px 25px;}
.tabs-style-3 .tabs li a:hover{text-decoration:underline;}
.tabs-style-3 .tabs li a.active,.tabs-style-3 .tabs li a:hover{background:#000;color:#fff;margin-right:0;padding:5px 5px 5px 25px;opacity:0.75;filter:alpha(opacity=75);-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;text-decoration:none;}
.tabs-style-3 .tabs-panel{width:66%;z-index:1;border:none;background:#eee url(gradient.png) repeat-x 0 bottom;color:#333;margin:0;padding:0;min-height:220px;z-index:2;border:1px solid #ccc;}
.tabs-style-3  li.tabs-toggle a:focus,.tabs-style-3  li.tabs-toggle a:active,.tabs-style-3  li.tabs-toggle a:hover{margin-right:2px;padding:2px 5px 2px 24px;opacity:1;filter:alpha(opacity=100);}
.tabs-style-3 .tabs-content-pad{padding:10px;}
.tabs-style-3 .tabs-roller{background-color:white;opacity:0.2;filter:alpha(opacity=20);-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}
.tabs-style-3 .tabs-toggle a.tabs-stop,.tabs-style-3 .tabs-toggle a.tabs-start{float:right;position:static;margin-right:2px;margin-top:10px;border:1px solid #999;background-repeat:no-repeat;background-position:-1px 0;}

/*pause and play effect*/
.tabs .tabs-toggle {border:none;background:none;}
.tabs li.tabs-toggle a{padding:2px 5px 2px 24px;}
.tabs li.tabs-toggle a:hover,.tabs li.tabs-toggle a:focus,.tabs li.tabs-toggle a:active{text-decoration:underline;color:#c00;}
.tabs-toggle a.tabs-stop,.tabs-toggle a.tabs-start{background-position:-1px 0;background-repeat:no-repeat;padding-left:24px;background-color:#fff !important;position:absolute;bottom:2px;right:2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;border:1px solid #999;}
.tabs-toggle a.tabs-stop{background-image:url(pause.png)!important;}
.tabs-toggle a.tabs-start{background-image:url(play.png)!important;}
.tabs li.tabs-toggle a:hover{background-repeat:no-repeat;background-position:-1px 0;}

/*with grids*/
.embedded-grid,.embedded-grid .tabs-panel{border:none;padding:0;}
.embedded-grid .tabs{margin:0 10px 10px;}
.span-1 .tabs,.span-2 .tabs,.span-3 .tabs,.span-4 .tabs,.span-5 .tabs,.span-6 .tabs{margin:0;}

ul.tabs {margin: 0; padding: 2px 5px 0px 5px !important; max-width: 391px;}
ul.tabs li {margin: 0 2px 0 0; padding: 0;}
ul.tabs li a {margin: 0; padding: 2px;text-decoration:none;}
ul.tabs li.tab_width_1 {width: 90px;}
ul.tabs li.tab_width_1 a {margin: 0; padding: 2px;text-decoration:none;}
ul.tabs li.tab_width_2 {width: 185px;}
ul.tabs li.tab_width_3 {width: 280px;}
ul.tabs li.tab_width_4 {width: 375px;}