@charset "iso-8859-1";
/* auteur: Jean-Pierre Dubuc */
/* Date de création: 2008-04-14 */
/* Commun */


body {margin: 0px; padding: 0px; height: 100%; background: url(/images/fond-p.jpg) #676767 repeat-y; width: 100%; font:12px Verdana, Helvetica, Arial, Tahoma, sans-serif;}


#main {position: relative; width: 990px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; border: 1px solid #D5D8E0; background: white} 

#main360 {position: relative; width: 100%; height: auto; text-align: left; padding: 0; background: white} 
#likefacebook {color: #cc9933; background-color: #ffffff; position: relative; padding-left: 20px ; width:450px;}

#logo {background: black}
#google01 {width: 100%; background: #000000}
#google02 {width: 100%; margin-top: 6px}

#servicesmenu {height: 34px; width: 100%; border-bottom: 1px solid black}
#servicesmenu01 {float: left; width: 400px; margin-left: 10px}
#servicesmenu01p {float: left; width: 450px; margin-left: 10px}
#servicesmenu01a {line-height: 24px; float: left; margin-left: 10px}
#servicesmenu01b {float: left; margin-left: 10px; padding-top: 10px}
#servicesmenu02 {line-height: 23px; float: left}
#servicesmenu03 {line-height: 23px; float: right; margin-right: 10px}
#servicesmenu03a {line-height: 24px; float: left; margin-right: 10px}
#servicesmenu03b {float: left; padding-top: 10px}
a.servicesmenulink:link {color: black; font-size: 11px; text-decoration: none}
a.servicesmenulink:visited {color: black; font-size: 11px; text-decoration: none}
a.servicesmenulink:hover {color: #77a0ce; font-size: 11px; text-decoration: none}
a.servicesmenulink:active {color: black; font-size: 11px; text-decoration: none}

#menu {width: 100%; margin-top: 10px; background: #EBEBEB; border-bottom: 2px solid #9AA0B5; height: 53px}
#menu span {list-style: none; display: block; float: left; height: 53px; line-height: 53px;}
#menu span a {display: block; float: left; color: #42485A; font-size: 11px; font-weight: bold; line-height: 53px; text-decoration: none; padding: 0 25px; background: #EBEBEB url(images/menu_037_bg.jpg) no-repeat left; border-bottom: 2px solid #9AA0B5;}
#menu span a:hover {color: #fff; background: #42485A url(images/menu_037_h.jpg) no-repeat left; border-bottom: 2px solid #b75542}
#menu span a.current1_act {display: block; float: left; color: #ffffff; background: #42485A url(images/menu_037_h.jpg) no-repeat left; border-bottom: 2px solid #b75542; font-size: 11px; font-weight: bold; line-height: 53px; text-decoration: none; padding: 0 25px}
#menu span a:hover.current1_act {color: #ffffff;}

#col01 {width: 188px; float: left; margin-top: 6px; margin-bottom: 6px}
#col02 {width: 492px; float: left; margin-top: 6px; margin-bottom: 6px}
#col03 {width: 310px; float: left; margin-top: 6px; margin-bottom: 6px}

#col01content {width: 170px}
div.titlebleu {color: #585F78; font-size: 21px; font-weight: bold; padding: 8px 0 4px 0}
div.titlebleu a {color: #585F78; font-size: 21px; font-weight: bold; padding: 8px 0 4px 0; text-decoration: none}
div.titlebleu a:hover {color: #2A2E3A; font-size: 21px; font-weight: bold; padding: 8px 0 4px 0; text-decoration: none}

div.titlebleusection {color: #585F78; font-size: 14px; font-weight: bold; padding: 8px 0 4px 0; width: 100%}
div.titlebleusection a {color: #585F78; font-size: 14px; font-weight: bold; padding: 8px 0 4px 0; text-decoration: none}
div.titlebleusection a:hover {color: #2A2E3A; font-size: 14px; font-weight: bold; padding: 8px 0 4px 0; text-decoration: none}
img.anim308T4Imgdecosection {border: 1px solid gray; margin: 0 0 10px 6px}


div.titlejaune {color: #D5AF00; font-size: 21px; font-weight: bold; padding: 8px 0 4px 0; text-align: left}
div.titlebleu {color: #57AAFD; font-size: 21px; font-weight: bold; padding: 8px 0 4px 0; text-align: left}

div.content600title {color: #4D4D4D; font-size: 11px; font-weight: bold; padding: 2px 0 2px 0}
div.content600 {border-bottom: 1px solid black; margin-bottom: 0px; padding-bottom: 10px}

div.img600centre {text-align: center}


div.img170 .content170link {color: #BDBDBD; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #353535; display: block; line-height: 20px; text-decoration: none}
div.img170:visited .content170link {color: #BDBDBD; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #353535; display: block; line-height: 20px; text-decoration: none}
div.img170:hover .content170link {color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #606060; display: block; line-height: 20px; text-decoration: none}
div.img170:active .content170link {color: #BDBDBD; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #353535; display: block; line-height: 20px; text-decoration: none}

div.img170 .content170link_act {color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #606060; display: block; line-height: 20px; text-decoration: none}
div.img170:visited .content170link_act {color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #606060; display: block; line-height: 20px; text-decoration: none}
div.img170:hover .content170link_act {color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #606060; display: block; line-height: 20px; text-decoration: none}
div.img170:active .content170link_act {color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 2px 0 2px 0; background: #606060; display: block; line-height: 20px; text-decoration: none}

div.img170 .content170img {}
div.img170:visited .content170img {}
div.img170:hover .content170img {opacity:.50;filter:alpha(opacity=50)}
div.img170:active .content170img {}

div.img170 .content170img_act {opacity:.50;filter:alpha(opacity=50)}
div.img170:visited .content170img_act {}
div.img170:hover .content170img_act {}
div.img170:active .content170img_act {}

div.pageWrap {width: 478px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; background: url(/images/bg_title.gif) repeat-x; margin: 2px 0 0 0}
div.pages {width: auto; height: auto; }

.pagelinkcurrent 	{display: block; height: 20px; border: 1px solid gray; float: left; background: silver; text-align: center; line-height: 20px; margin: 0 0 0 2px; font-weight: bold; min-width: 20px; padding: 2px}
.pagelink 			{display: block; height: 20px; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px; margin: 0 0 0 2px; font-weight: bold; min-width: 20px; padding: 2px}
a.pagelink:link 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}
a.pagelink:visited  {display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}
a.pagelink:hover 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px; background: #FF6600; color: white}
a.pagelink:active 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}

.previouspagelink 			{display: block; height: 20px; width: auto; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px; margin: 0 0 0 2px; min-width: 20px; padding: 2px;}
a.previouspagelink:link 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}
a.previouspagelink:visited  {display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}
a.previouspagelink:hover 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px; background: #FF6600; color: white}
a.previouspagelink:active 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}

.nextpagelink 			{display: block; height: 20px; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px; margin: 0 0 0 2px; min-width: 20px; padding: 2px;}
a.nextpagelink:link 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}
a.nextpagelink:visited  {display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}
a.nextpagelink:hover 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px; background: #FF6600; color: white}
a.nextpagelink:active 	{display: block; border: 1px solid gray; float: left; text-align: center; text-decoration: none; line-height: 20px}

.pagedot {display: block; height: 20px; width: 20px; float: left; text-align: center; line-height: 20px}


div.content170separator {border-bottom: 1px solid black; height: 5px; width: 170px; margin-bottom: 5px}

/* CSS Accueil */
#flashaccueil {display: none}
#css_accueil div#flashaccueil {display: block; position: absolute; z-index: 500; top: 210px; left: 2px}
body.css_accueil {background: url(/images/fond-p.jpg) #676767 repeat-y;}
#css_accueil {width: 100%; height: 100%; position: absolute}
#css_accueil div#arianne {display: none}
#css_accueil div#arianne a {display: none}
#css_accueil div#menuside {background: url(/images/bg-left-menu-bleu-line.gif) #DDEEFF repeat-y; padding: 0 0 0 0}
#css_accueil div#leftmenudecotop 	{background: url(/images/bg-left-menu-bleu.gif) #DDEEFF no-repeat; width: 218px; height: 39px}

.leftnav_admin * {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 6px 0px 4px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #5b5b5b; text-decoration: none; width: 100%}
.leftnav_admin a:link 		{background: url("/images/button_nav_grey.gif") top left no-repeat; color: #5b5b5b;}
.leftnav_admin a:visited 	{background: url("/images/button_nav_grey.gif") top left no-repeat; color: #5b5b5b;}
.leftnav_admin a:hover 		{background: url("/images/button_hover_nav_grey.gif") top left no-repeat; color: #5b5b5b;}
.leftnav_admin a:active {background: url("/images/button_hover_nav_grey.gif") top left no-repeat; color: #5b5b5b;}
.leftnav_admin_act * {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 6px 0px 4px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: black; text-decoration: none; width: 100%}
.leftnav_admin_act a:link 	{background: url("/images/button_hover_nav_grey.gif") top left no-repeat; color: black}
.leftnav_admin_act a:visited {background: url("/images/button_hover_nav_grey.gif") top left no-repeat;color: black}
.leftnav_admin_act a:hover 	{background: url("/images/button_hover_nav_grey.gif") top left no-repeat; color: black}
.leftnav_admin_act a:active {background: url("/images/button_hover_nav_grey.gif") top left no-repeat; color: black}

#css_accueil .leftnav * {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 4px 0px 6px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #024587; text-decoration: none; width: 100%;}
#css_accueil .leftnav a:link 		{background: url("/images/button_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav a:visited 	{background: url("/images/button_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav a:hover 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav a:active 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav_act * {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 4px 0px 6px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #024587; text-decoration: none; width: 100%;}
#css_accueil .leftnav_act a:link 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav_act a:visited {background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav_act a:hover 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_accueil .leftnav_act a:active 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_accueil div#leftmenudeco {background: url(/images/bg-left-menu-deco-bleu.gif) no-repeat; width: 158px; height: 13px}


body.css_sinformer {background: url(/images/fond-p.jpg) #676767 repeat-y;}
#css_sinformer {width: 100%; height: 100%; position: absolute}
#css_sinformer div#arianne {background: url(/images/bg-ariane-menu-bleu.gif) #DDEEFF; height: 40px; color: #024587; line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 0 0 6px}
#css_sinformer div#arianne a {color: #024587; font-size: 14px; font-weight: bold;}
#css_sinformer div#menuside {background: url(/images/bg-left-menu-bleu-line.gif) #DDEEFF repeat-y; padding: 0 0 0 0}
#css_sinformer div#leftmenudecotop 	{background: url(/images/bg-left-menu-bleu.gif) #DDEEFF no-repeat; width: 158px; height: 39px}

#css_sinformer .leftnav * {font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:10px; display: block; padding: 4px 0px 6px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #024587; text-decoration: none; width: 100%;}
#css_sinformer .leftnav a:link 			{background: url("/images/button_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav a:visited 		{background: url("/images/button_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav a:hover 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav a:active 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav_act * {font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:10px; display: block; padding: 4px 0px 6px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #024587; text-decoration: none; width: 100%;}
#css_sinformer .leftnav_act a:link 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav_act a:visited 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav_act a:hover 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_sinformer .leftnav_act a:active 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_sinformer div#leftmenudeco {background: url(/images/bg-left-menu-deco-bleu.gif) no-repeat; width: 158px; height: 13px}
#css_sinformer .leftnav_noclick {display: block; font-weight: bold; height: 25px; width: 153px; padding: 0 2px 0 0; background: url(/images/bg-leftnav-noclick-chr.gif); color: #3E3E3E; font: 16px; line-height: 25px; text-align: center}



a {color: #5C5C5C; text-decoration: underline;}
a:hover {color: #6699CC; text-decoration: underline;}
a:visited {color: #4E759D; text-decoration: underline;}
a img {border: none}
h1 {font-size: 14px; color: #4D4D4D; padding: 0 0 0 25px; background: no-repeat 4px url(/images/tv-onwhite.png); clear: both; line-height: 20px}
h2 {font-size: 12px; color: #4D4D4D; padding: 0 0 0 0px; clear: both}
h3 {font-size: 14px; color: #4D4D4D; border-bottom: 1px solid gray; padding: 0 0 0 20px; background: no-repeat 4px url(/images/bullet-orange.png); clear: both}

#pubChronique {text-align: center; width: 100%}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
div.clearer {clear: both; overflow: hidden; height: 0}
div.clearerspace {clear: both; overflow: hidden; height: 6px}
/* Hides from IE-mac &*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */  
/* Commun Out */
#popdefault {background: white}

/* Formulaire */
#mailtoformwrap {}
#mailtoformsubmit {text-align: center; width: 100%; border-top: 1px solid gray; padding: 4px 0 4px 0}
#mailtblock01 {float: left; padding: 20px 10px 10px 10px}
#mailtblock02 {float: left; padding: 10px 10px 10px 15px}
#mailtblock03 {padding: 0 10px 10px 10px}
#mailtoformsuccess div.mailtoformfrienddesc div.formtxtspacer {font-size: 16px; font-weight: bold; color: #009900}

div.form {width: 300px}
div.form2 {width: 490px}
div.input {float: left; width: 50%; background: #F0F0F0}
div.input2 {float: left; width: 30%; background: #F0F0F0}
div.input3 {float: left; width: 70%; }
div.formtitle {font-size: 14px; font-weight: bold; color: #CC3300; padding-bottom: 6px}
div.formtitle2 {font-size: 14px; font-weight: bold; color: #000000; padding: 6px; background: #EFEFEF; width: 300px}
div.formtitle3 {font-size: 17px; font-weight: bold; color: #CC3300; padding: 6px; background: #EFEFEF; }
div.formtitle4 {font-size: 10px; font-weight: bold; color: #CC3300; padding-bottom: 6px}

div.success {font-size: 14px; font-weight: bold; color: #009933; padding-bottom: 6px}
SELECT.noel {font: 8pt verdana; color: #000022; background-color: #FAFBEC; border-color: #000044; border-width: 0px; border-left-width: 0px; border-right-width: 0px; border-style: dashed;} 

div.submitcontest {text-align: right; width: 250px}
div.submitcontest2 {text-align: center; width: 100%}
div.submitcontest3 {text-align: right; width: 250px; font-size: 9px; font-weight: normal}


INPUT.submitbutton {font: 8pt verdana; color: #000022; background-color: #FBE66F; border-color: #000044; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; font-weight: bold; width: auto; height: 14pt} 
INPUT.submitbutton2 {font: 7pt verdana; color: #000022; background-color: #FBE66F; border-color: #000044; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; font-weight: normal; width: auto; height: 14pt} 


/* Mise en page vidéo */
#css_plaisirvid {width: 100%; height: 100%; position: relative;}
#css_plaisirvid div#arianne {background: url(/images/bg-ariane-menu-orange.gif) #FBF4B3; height: 40px; color: #646464; line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 0 0 6px; width: 720px; display: none }
#css_plaisirvid div#arianne a {color: #646464; font-size: 14px; font-weight: bold; display: none}
#css_accueilvid {width: 100%; height: 100%; position: absolute}
#col0203wrappervidchronique {width: 864px; margin: 10px 0 12px 0}
#col02vidchronique {float: left; width: 558px; position: relative;}
#col03vidchronique {float: left; width: 306px; position: relative;}
#col03vidchroniquewrap {width: 300px; position: relative;}
#css_sinformervidchronique #footercredit {color: #D4D4D4; background: #2A2A2A; opacity: .5; filter: alpha(opacity=50); padding: 4px 4px 4px 4px}
#css_sinformervidchronique #footercredit a {color: #E4E4E4;} 
#css_sinformervidchronique #footercredit a:hover {color: #C4C4C4;} 

#mainvid {position: relative; width: 864px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; background: white} 
#sitelogovid {float: left; background: white; width: 230px; height: 100px}
#superbannervid {background: white; width: 740px; height: 94px;}
#superbannerspacervid {padding: 6px}
#servicevid {width: 864px; padding: 0 0 0 10px}
#servicepopother {width: 490px; padding: 0 0 0 10px; text-align: center}
#ariannevid {display: none}
#col0203wrappervid {width: 864px;}
#col02vid {float: left; width: 558px; position: relative;}
#col03vid {float: left; width: 306px; position: relative;}
#col03vidwrap {width: 300px; position: relative;}
div.vidWrap {width: 532px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x; position: relative;}
div.vidImgwatermark {position: absolute; background: no-repeat url(/images/tv.png); display: block; width: 33px; height: 44px; z-index: 50; left: 80px; top: 2px}
div.ppsImgwatermark {position: absolute; background: no-repeat url(/images/tv-pps.png); display: block; width: 33px; height: 44px; z-index: 50; left: 80px; top: 2px}
img.vidImg {float: right; border: 4px solid #4A4A4A;}
div.vidLink {background: #e3e3e3; clear: both;}
div.vidTitle {font-size: 16px; font-weight: bold; color: #444444; text-align: left; padding: 4px 0 0 0; border-top: 1px solid #898989; margin: 4px 0 0 0;}
div.vidcenter {padding-top: 6px; height: auto; width: 100%}
div.vidContent {font-size: 12px; color: #515151;}
div.vidContent p,strong,b {font-size: 12px; color: #515151;}
div.vidseparator {height: 3px; width: 100%; border-top: 3px double #c2c2c2}
div.horizontalblankvid {width: 740px; height: 10px; clear: both}
#superbannerpopvid {background: white; width: 776px; height: 90px; float: left; text-align: right}
/* Mise en page vidéo OUT */

#col0203wrapperinclude2col {width: 1138px; float: left;}
#col02include2col {float: left; background: #FFFFFF; width: 674px}
#col03include2col {float: left; background: #FFFFFF; width: 306px}

#mainpopchr {position: relative; width: 822px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; background: white} 
#sitelogopopchr2 {padding: 6px 0 0 0; float: left; width: 350px}
#sitelogopopchr {float: left; background: white; width: 82px; height: 100px; padding: 0 0 0 0}
#superbannerpopchr {background: white; width: 720px; height: 90px; float: left; text-align: right}
#superbannerspacerpopchr {padding: 0px}
#servicechr {width: 100%;}
#servicemenu {width: 490px; text-align: center; padding: 6px 0 2px 0}
#col0203wrapperpopchr {width: 822px;}
#col02popchr {float: left; width: 494px;}
#col03popchr {float: left; width: 328px;}
#col03popchrwrap {float: left; width: 320px; position: relative; left: 16px}
div.popchrseparator {height: 3px; width: 100%; border-top: 3px double #c2c2c2}
div.horizontalblankpopchr {width: 822px; height: 10; clear: both;}


/* Mise en page flash IN */
div.col02popflash {width: 822px;}
div.blockFlashWrap {width: 800px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x}
img.blockFlashImg {float: right; padding: 0 0 4px 4px}
div.blockFlashLink {background: #e3e3e3; padding: 4px 4px 4px 4px; clear: both}
span.blockFlashdate {font-size: 8px; font-weight: bold}
div.blockFlashTitle {font-size: 16px; font-weight: bold; text-decoration: none; padding: 4px 4px 4px 0; color: #204B8C}
div.blockFlash {}
div.blockFlashContent {font-size: 12px; color: #515151; float: left; width: 400px; padding: 20px}
div.blockFlashContent p,strong,b {font-size: 12px; color: #515151;}

/* Mise en page flash OUT */

/* Forum 911Ordi */
#mainforum {position: relative; width: 992px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; overflow: hidden; border: 1px solid black; background: white} 
	#content4colforum {position: relative; width: 992px; height: auto; background: white; display: block; clear: both}	
					#col01forum {position: relative; width: 820px; height: auto; background: white; float: left; text-align: left; overflow: hidden}
					#col02forum {position: relative; width: 170px; height: auto; background: white; float: left; text-align: center; overflow: hidden}
					#canoeforum {position: relative; width: 992px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; border: 1px solid black; background: white} 
					#fcnavforum {position: relative; width: 992px; height: 18px; background: black}
					#logobannerforum {position: relative; width: 992px; height: 90px; background: white}
#searchlinkforum {position: relative; width: 992px; height: 84px; position: relative; background: #EFEFEF repeat url(/images/bg_searchlink.gif)}
#canoebannerforum {position: absolute; width: 728px; height: 92px; left: 262px; top: 77px; z-index: 20000;}
#forumtopmenu {width: 992px; text-align: center}
#css_911ordi div#arianne div#forumtopmenu a {font-size: 10px; text-decoration: underline}
#css_911ordi div#arianne div#forumtopmenu a:hover {font-size: 10px; text-decoration: underline; color: black}
#css_911ordi div#arianne div#forumtopmenu a:visited {font-size: 10px; text-decoration: underline}
#css_911ordi div#arianne div#forumtopmenu a:active {font-size: 10px; color: black}
/* Forum 911Ordi Out */

/* Site ***********************************/
#sitelogo {float: left; background: white; width: 230px; height: 129px; display: none}
#sitelogospace {padding: 6px 0 0 6px}
#superbanner {float: left; width: 750px; height: 129px}
#search {height: 26px; padding: 6px 0 0 3px; float: left; display: none}
#googlesearch {height: 46px; padding: 6px 0 0 3px; clear: both; border-bottom: 1px; text-align: right; width: 170px}
#superbannerspacer {padding: 6px 0 0 3px}
#loginlink {float: right; padding: 4px 18px 2px 3px; width: 400px; height: 33px; text-align: right}
#loginlink a {font-size: 12px; font-weight: bold}
#loginlink a:hover {font-size: 12px; font-weight: bold; color: black}

#login {width: 600px; margin: 6px; padding: 6px; border: 1px solid gray; display: none} 
#loginwrap {margin: 6px; padding: 6px; border: 1px solid gray}


div.bigbox1 {width: 100%; padding: 6px 0 0 0; text-align: center}
div.bigbox2 {width: 490px; padding: 6px 0 22px 0; height: auto; text-align: center;}

#newBrowser #col01 {display: none}
#newBrowser #col0203wrapper {width: 1138px; float: left;}
#newBrowser #col02 {float: left; background: #FFFFFF; width: 674px}
#newBrowser #col03 {float: left; background: #FFFFFF; width: 306px}
#newBrowser div.col02popflash {width: 660px;}
#newBrowser div.blockFlashWrap {width: 650px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x}

#include2col #col01 {display: none}
#include2col #col0203wrapper {width: 1138px; float: left;}
#include2col #col02 {float: left; background: #FFFFFF; width: 674px}
#include2col #col03 {background: #FFFFFF; width: 1138px}
#include2col div.col02popflash {width: 660px;}
#include2col div.blockFlashWrap {width: 650px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x}

/* CSS Chronique */

div.player360 {width: 490px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x; margin: 0 0 0 0}
div.player360right {width: 490px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x; margin: 0 0 0 0}



#contentwrapper{
float: left;
width: 99%;
height: 100%;
}

#contentcolumn{
margin-right: 124px;
height: 100%; 
}

#rightcolumn {float: left; width: 124px; margin-left: -124px;  text-align: center} 

.innertube {margin: 0; margin-top: 0; height: 100%; position: absolute; }


#mainWrap {background: #1C1C1C; width: 100%; height: auto; font-family: Verdana,Arial,Helvetica; font-size: 8pt; color: #ebebeb; position: relative}

#credit a {color: #cc9933; position: relative; padding-left: 5px; font-weight: bold}
#credit a:hover {color: #B4B4B4}
#instruction {padding: 2px 0 2px 4px;}
#instruction a {color: #cc9933; position: relative; font-weight: bold; font-size: 12px; line-height: 30px}
#instruction a:hover {color: #B4B4B4}

#siteWeb a {color: #cc9933; position: relative;}
#siteWeb a:hover {color: #B4B4B4}
#iweb a {color: #cc9933; position: relative; padding-left: 1px}
#iweb a:hover {color: #B4B4B4}
#Photos a {color: #cc9933; background: url('/bullets.png') no-repeat; position: relative; padding-left: 20px}
#Photos a:hover {color: #B4B4B4}


#Videos a {color: #cc9933; background: url('/bullets.png') no-repeat; position: relative; padding-left: 20px}
#Videos a:hover {color: #B4B4B4}
#Logiciel a {color: #cc9933; background: url('/bullets.png') no-repeat; position: relative; padding-left: 20px}
#Logiciel a:hover {color: #B4B4B4}
#googlepub a {color: #cc9933; position: relative; padding-left: 0px}


#addthis a {color: #cc9933; position: relative; padding-left: 0px}

#addthis a:hover {color: #B4B4B4}

#firstblocWrap {float: left; width: 490px}
#Ads {width: 100%; background: black; height: 18px}
#googleAds {float: left}
#credit {padding: 2px 0 2px 4px; float: left; background: black; text-align: center; width: 380px}
#titleWrap {float: left}
#title {font-size: 9pt; font-weight: bold; padding: 2px 0 2px 4px; color: #99CCFF}

#siteWeb {float: left; width: 200px; border: 1px solid silver; margin: 2px; height: auto; padding: 2px}
#iweb {float: left; width: 475px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}
#Photos {float: left; width: 118px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}
#Videos {float: left; width: 115px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}
#Logiciel {float: left; width: 115px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}
#googsearch {float: left; width: 255px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}
/* #googlepub {width: 472px; text-align: right}*/
#addthis {float: left; width: 115px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}
#picture {float: left; width: 215px; padding: 2px 0px 2px 4px; border: 1px solid silver; margin: 2px}

div.clearer {clear: both; overflow: hidden; height: 0}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#photolink {float: left; line-height: 30px}
#photoimg {float: right; width: 210px; height: 30px; text-align:center}




div.chrWrap {width: 490px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x; margin: 0 0 0 0}
div.chrImg {float: right; position: relative}
div.chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Imgwatermark {position: absolute; background: no-repeat url(/images/loupe.png); display: block; width: 33px; height: 44px; z-index: 50; left: 210px; top: 2px}
div.chrLink {background: #e3e3e3; padding: 4px 4px 4px 4px; clear: both}
span.chrdate {font-size: 8px; font-weight: bold}
div.chrTitle {font-size: 14px; font-weight: bold; text-decoration: none; padding: 4px 4px 4px 10px}
div.chrTitle a:link {font-size: 14px; font-weight: bold; color: #454545; display: block; text-decoration: none}
div.chrTitle a:visited {font-size: 14px; font-weight: bold; color: #9A9A9A; display: block; text-decoration: none}
div.chrTitle a:hover {font-size: 14px; font-weight: bold; color: #515151; background: #E5E5E5; display: block; text-decoration: underline}
div.chrTitle a:active {font-size: 14px; font-weight: bold; color: #515151; display: block;}

div.chrWraplist {width: 490px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; margin: 0 0 0 0}
div.chrdatelist {font-size: 8px; font-weight: bold}
div.separatorlist {height: 3px; width: 100%; border-top: 1px dotted #c2c2c2}
div.chrTitlelist {font-size: 14px; font-weight: bold; text-decoration: none; padding: 0 4px 4px 0; display: block}
div.chrTitlelist a:link {font-size: 14px; font-weight: bold; color: #204B8C; display: block; text-decoration: none}
div.chrTitlelist a:visited {font-size: 14px; font-weight: bold; color: #9A9A9A; display: block; text-decoration: none}
div.chrTitlelist a:hover {font-size: 14px; font-weight: bold; color: #515151; display: block; text-decoration: underline}
div.chrTitlelist a:active {font-size: 14px; font-weight: bold; color: #515151; display: block;}

a.lasuite:link {font-weight: bold; color: #FF6600;}
a.lasuite:visited{font-weight: bold; color: #FF6600;}
a.lasuite:hover {font-weight: bold; color: gray}
a.lasuite:active{font-weight: bold; color: #FF6600;}

div.center {padding-top: 6px; height: auto; width: 100%}
div.chrContent {font-size: 12px; color: #515151; float: left; width: 370px; padding: 10px; min-height: 100px}
div.chrContentvideo {font-size: 12px; color: #515151; float: left; width: 342px; padding: 10px}
div.chrContent p,strong,b {font-size: 12px; color: #515151;}
div.separator {height: 3px; width: 100%; border-top: 3px double #c2c2c2; clear: both}

a.internal_link {background: #E6E6E6 no-repeat url(/images/icon-link-internal.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.internal_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-internal.gif); color: #002200;}
a.external_link {background: #E6E6E6 no-repeat url(/images/icon-link-external.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.external_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-external.gif); color: #002200;}
a.secure_quebec_link {background: #E6E6E6 no-repeat url(/images/icon-link-quebec.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.secure_quebec_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-quebec.gif); color: #002200;}
a.secure_world_link {background: #E6E6E6 no-repeat url(/images/icon-link-world.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.secure_world_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-world.gif); color: #002200;}
a.tryout_link {background: #E6E6E6 no-repeat url(/images/icon-link-tryout.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.tryout_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-tryout.gif); color: #002200;}
a.freeware_link {background: #E6E6E6 no-repeat url(/images/icon-link-gratuit.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.freeware_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-gratuit.gif); color: #002200;}
a.pdf_link {background: #E6E6E6 no-repeat url(/images/icon-link-pdf.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.pdf_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-pdf.gif); color: #002200;}
a.download_link {background: #E6E6E6 no-repeat url(/images/icon-link-download.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.download_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-download.gif); color: #002200;}
a.audio_link {background: #E6E6E6 no-repeat url(/images/icon-link-audio.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #006600; width: auto}
a.audio_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-audio.gif); color: #002200;}

div.blockchrWrap {width: 800px; height: auto; border: 1px solid #8a8a8a; padding: 6px 6px 6px 6px; text-align: left; background: url(/images/bg_title.gif) repeat-x; margin: 25px 10px 10px 10px; position: relative}
img.blockchrImg {float: right; padding: 0 0 4px 4px}
div.blockchrLink {background: #e3e3e3; padding: 4px 4px 4px 4px; clear: both}
span.blockchrdate {font-size: 8px; font-weight: bold}
div.blockchrTitle {font-size: 16px; font-weight: bold; text-decoration: none; padding: 4px 4px 4px 0; color: #204B8C}
div.blockchrContent {font-size: 12px; color: #515151; float: left; width: auto; padding: 0}
div.blockchrContent p,strong,b {font-size: 12px; color: #515151; padding: 0}
div.blockchrContent a {color: #5C5C5C; text-decoration: underline; font-size: 12px;}
div.blockchrContent a:hover {color: #6699CC; text-decoration: underline;}
div.blockchrContent a:visited {color: #4E759D; text-decoration: underline;}

div.concourstitle {font-weight: bold; font-size: 14px}
div.blockchrContent a.participez {font-weight: bold; font-size: 14px; color: #FF6600}
div.blockchrContent a.participez:visited {font-weight: bold; font-size: 14px; color: #A9A9A9}
div.blockchrContent a.participez:hover {font-weight: bold; font-size: 14px; color: #6B6B6B}


div.galerylthumbs {float: left}



body.css_default {background: url(/images/bg-charcoal.jpg) #000000 repeat-x;}
#css_default {width: 100%; height: 100%; position: absolute}
#css_default div#arianne {background: url(/images/bg-ariane-menu-bleu.gif) #DDEEFF; height: 40px; color: #024587; line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 0 0 6px}
#css_default div#arianne a {color: #024587; font-size: 14px; font-weight: bold;}
#css_default div#menuside {background: url(/images/bg-left-menu-bleu-line.gif) #DDEEFF repeat-y; padding: 0 0 0 0}
#css_default div#leftmenudecotop 	{background: url(/images/bg-left-menu-bleu.gif) #DDEEFF no-repeat; width: 158px; height: 39px}

#css_default .leftnav * {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 4px 0px 6px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #024587; text-decoration: none; width: 100%;}
#css_default .leftnav a:link 		{background: url("/images/button_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav a:visited 	{background: url("/images/button_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav a:hover 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav a:active 		{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav_act * {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 4px 0px 6px 0px; text-indent: 6px; white-space: nowrap; background-color: #FFFFFF; color: #024587; text-decoration: none; width: 100%;}
#css_default .leftnav_act a:link 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav_act a:visited {background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav_act a:hover 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_default .leftnav_act a:active 	{background: url("/images/button_hover_nav_bleu.gif") top left no-repeat;}
#css_default div#leftmenudeco {background: url(/images/bg-left-menu-deco-bleu.gif) no-repeat; width: 158px; height: 13px}





#blockvedettewrap {width: 502px; height: auto; border: 0px solid #8a8a8a;  text-align: left; margin: 6px 0 0 0}
#blockvedettetxt p {font-size: 13px; width: auto; }
#blockvedettetxt {float: left; width: 250px;}
#blockvedetteimg {width: 250px; font-size: 14px; font-weight: bold; border: 1px solid gray; float: left; text-align: center}
ssssa.page-options {font-weight: bold; font-size: 14px; color: #FF6600}
span.txtpadding {display: block; padding: 0 6px 6px 12px}

#top5wrap {width: 502px; text-align: left; margin: 6px 0 0 0; clear: both;}
#nouveau5 {float: left; width: 251px}
#top5 {float: left; width: 251px}
div.col5 {width: 234px}

div.linknew5 {float: left; width: 180px; background: #FFFFFF; height: 50px; border: 1px solid #D8D8D8; overflow: hidden; text-align: left}
div.linknew5 :hover {background: #D0F1FD; display: block; height: 50px; color: #2C2C2C}
a.new5 {display: block; height: 50px; padding: 6px; text-decoration: none; font-size: 11px;}
a.new5 :hover {display: block; height: 50px; padding: 6px}

div.linktop5 {float: left; width: 180px; background: #e8e8e8; height: 50px; border: 1px solid #D8D8D8; overflow: hidden; text-align: left}
div.linktop5 :hover {background: #D0F1FD; display: block; height: 50px; color: #2C2C2C}
a.top5 {display: block; height: 50px; padding: 6px; text-decoration: none; font-size: 11px;}
a.top5 :hover {display: block; height: 50px; padding: 6px}


div.participezTXT {text-align: left}
div.participezLink {text-align: left; padding: 0 0 4px 0;}
div.participezLink a {font-size: 14px; font-weight: bold}
div.lasuite {width: 504px; height: 35px; text-align: left; background: url(/images/alaune_ent_bg.gif) repeat-x; margin: 20px 0 0 0}
div.alaune {height: 35px; text-align: right; margin: 5px 0 0 0; width: 250px; display: block;background: url(/images/alaune_ent_bg.gif) repeat-x;}

div.news3-2 {float: left; width: 241px; border: 1px solid silver}
div.news3-3 {float: right; width: 241px; border: 1px solid silver}
div.news3-mainWrap {width: 490px; display: block; position: relative;}
div.news3-cat {text-align: right; border-bottom: 1px double gray; height: 30px; margin: 10px 0 4px 0; line-height: 30px; font-size: 16px}
div.news3-mainImg {float: left; width: 175px}
div.news3-contentWrap {float: left; width: 315px}
div.news3-mainLink {text-align: left;}
div.news3-mainLink :hover {text-align: left; background: silver}
div.news3-mainContent {text-align: left}
div.news3-mainContent-padd {padding: 6px 10px 0 10px; font-size: 14px}
div.news3-blocWrap {width: 490px}
div.news3-Img {float: left; width: 60px}
div.linknew3 {float: left; width: 180px; background: #e8e8e8; height: 60px; overflow: hidden; text-align: left; border-left: 1px solid silver}
div.linknew3 :hover {background: #D0F1FD; display: block; height: 60px; color: #2C2C2C}
a.new3 {display: block; height: 50px; padding: 6px; text-decoration: none; font-size: 13px;}
a.new3 :hover {display: block; height: 50px; padding: 6px}
a.newmain {display: block; height: auto; padding: 10px; text-decoration: none; font-size: 15px; font-weight: bold; color: #204B8C}
a.newmain :hover {display: block; height: auto; padding: 10px}

div.horizontalblanknews3 {width: 490px; height: 16px; clear: both;}


div.img5 {float: left; width: 50px; height: 50px; border: 1px solid #D8D8D8; }
/* Site Out */

/* Navigation *************************************************/
#navline {width: 485px;}
#previous {float: left; width: 25%;}
#next {float: right; width: 25%;}
#original {float: left; width: 50%; line-height: 25px}
div.previouslink {float: left; line-height: 25px}
div.previouslinkimg {float: left; width: 35px;}
div.nextlink {float: right; line-height: 25px}
div.nextlinkimg {float: right; width: 36px;}

#logowrap {position: relative; width: 1138px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0;}

#firstmenu {position: absolute; left: 298px; top: 8px; display: block; height: 18px; width: 740px;}
#menumedia {float: left; position: relative}
div.menumedia-separator {float: left;}
.menumedialink {float: left; line-height: 30px}
a.menumedialink 		{font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 4px 10px 6px 10px; text-indent: 0; white-space: nowrap; background-color: #FFFFFF; color: #425821; text-decoration: none; width: auto;}
a.menumedialink:link 		{ background: url("/images/bt-bg-logo-01.gif") top left repeat-x}
a.menumedialink:visited 	{ background: url("/images/bt-bg-logo-01.gif") top left repeat-x}
a.menumedialink:hover 		{ background: url("/images/bt-bg-logo-02.gif") top left repeat-x}
a.menumedialink:active 		{ background: url("/images/bt-bg-logo-01.gif") top left repeat-x}
a.menumedialink_act 	{font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; display: block; padding: 4px 10px 6px 10px; text-indent: 0; white-space: nowrap; background-color: #FFFFFF; color: #425821; text-decoration: none; width: auto;}
a.menumedialink_act:link 	{ background: url("/images/bt-bg-logo-02.gif") top left repeat-x}
a.menumedialink_act:visited { background: url("/images/bt-bg-logo-02.gif") top left repeat-x}
a.menumedialink_act:hover 	{ background: url("/images/bt-bg-logo-02.gif") top left repeat-x}
a.menumedialink_act:active 	{ background: url("/images/bt-bg-logo-02.gif") top left repeat-x}

#menuasurveiller {float: left; left: 20px; position: relative; display: none}
#menulinktable {width: 100%; height: 35px; padding: 0}

div.horizontalblank {width: 1138px; height: 20px; clear: both}

#topmenuwrap {width: 1138px; padding: 0; margin: 0; background: white}

#menusection01 {float: left; display: block; width: auto; background: white}
#menusection02 {float: left; display: block; width: auto; background: white}
#menusection03 {float: left;; display: block; width: auto; background: white}

div.topmenuspacer {float: left; width: 75px; height: 59px; background: white}

#menuheader01 {background: url("/images/ent-menu-01-bar.gif") repeat; display: block; height: 25px; width: 327px; position: relative; left: 1px}
#menuheader02 {background: url("/images/ent-menu-02-bar.gif") repeat; display: block; height: 25px; width: 361px; position: relative; left: 1px}
#menuheader03 {background: url("/images/ent-menu-03-bar.gif") repeat; display: block; height: 25px; width: 132px; position: relative; left: 1px}
#menuheadertitle01 {background: no-repeat url("/images/ent-menu-01.gif"); display: block; height: 25px; width: 100%; position: relative; background-position: 21px 0}
#menuheadertitle02 {background: no-repeat url("/images/ent-menu-02.gif"); display: block; height: 25px; width: 100%; position: relative; background-position: 136px 0}
#menuheadertitle03 {background: no-repeat url("/images/ent-menu-03.gif"); display: block; height: 25px; width: 100%; position: relative; background-position: 21px 0}

div.menuselectspacer01 {text-align: center;}
div.menuselectspacer02 {text-align: center;}
div.menuselectspacer03 {text-align: center;}
div.menuselect01 {float: left; padding: 0px 0px 0px 0px; top left;}
div.menuselect02 {float: left; padding: 0px 0px 0px 0px; top left;}
div.menuselect03 {float: left; padding: 0px 0px 0px 0px; top left;}

.mainmenu01 a {font-size: 11px; color: #00506F; text-decoration: none; font-weight: bold; line-height: 34px; display: block; padding: 0 6px 0 6px}
.mainmenu01 a:link 			{background: repeat-x url("/images/bg-menu-bleu.gif") top left;}
.mainmenu01 a:visited 		{background: repeat-x url("/images/bg-menu-bleu.gif") top left;}
.mainmenu01 a:hover 		{background: repeat-x url("/images/bg-hover-menu-bleu.gif") top left;}
.mainmenu01 a:active 		{background: repeat-x url("/images/bg-hover-menu-bleu.gif") top left;}

.mainmenu01_act a {font-size: 11px; color: #00506F; text-decoration: none; font-weight: bold; line-height: 34px; display: block; padding: 0 6px 0 6px}
.mainmenu01_act a:link 		{background: repeat-x url("/images/bg-hover-menu-bleu.gif") top left;}
.mainmenu01_act a:visited 	{background: repeat-x url("/images/bg-hover-menu-bleu.gif") top left;}
.mainmenu01_act a:hover 	{background: repeat-x url("/images/bg-hover-menu-bleu.gif") top left;}
.mainmenu01_act a:active 	{background: repeat-x url("/images/bg-hover-menu-bleu.gif") top left;}

.mainmenu02 a {font-size: 11px; color: #565656; text-decoration: none; font-weight: bold; line-height: 34px; display: block; padding: 0 6px 0 6px }
.mainmenu02 a:link 			{background: repeat-x url("/images/bg-menu-jaune.gif") top left;}
.mainmenu02 a:visited 		{background: repeat-x url("/images/bg-menu-jaune.gif") top left;}
.mainmenu02 a:hover 		{background: repeat-x url("/images/bg-hover-menu-jaune.gif") top left;}
.mainmenu02 a:active 		{background: repeat-x url("/images/bg-hover-menu-jaune.gif") top left;}

.mainmenu02_act a {font-size: 11px; color: #565656; text-decoration: none; font-weight: bold; line-height: 34px; display: block; padding: 0 6px 0 6px }
.mainmenu02_act a:link 		{background: repeat-x url("/images/bg-hover-menu-jaune.gif") top left;}
.mainmenu02_act a:visited 	{background: repeat-x url("/images/bg-hover-menu-jaune.gif") top left;}
.mainmenu02_act a:hover 	{background: repeat-x url("/images/bg-hover-menu-jaune.gif") top left;}
.mainmenu02_act a:active 	{background: repeat-x url("/images/bg-hover-menu-jaune.gif") top left;}

.mainmenu03 a {font-size: 11px; color: #1D5B11; text-decoration: none; font-weight: bold; display: block; padding: 0 6px 0 6px; line-height: 34px;}
.mainmenu03 a:link 			{background: repeat-x url("/images/bg-menu-vert.gif") top left;}
.mainmenu03 a:visited 		{background: repeat-x url("/images/bg-menu-vert.gif") top left;}
.mainmenu03 a:hover 		{background: repeat-x url("/images/bg-hover-menu-vert.gif") top left;}
.mainmenu03 a:active 		{background: repeat-x url("/images/bg-hover-menu-vert.gif") top left;}

.mainmenu03_act a {font-size: 11px; color: #1D5B11; text-decoration: none; font-weight: bold; display: block; padding: 0 6px 0 6px; line-height: 34px;}
.mainmenu03_act a:link 		{background: repeat-x url("/images/bg-hover-menu-vert.gif") top left;}
.mainmenu03_act a:visited 	{background: repeat-x url("/images/bg-hover-menu-vert.gif") top left;}
.mainmenu03_act a:hover 	{background: repeat-x url("/images/bg-hover-menu-vert.gif") top left;}
.mainmenu03_act a:active 	{background: repeat-x url("/images/bg-hover-menu-vert.gif") top left;}


.topnav a {font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:7pt; display: block; padding: 3px 0px 4px 0px; text-indent: 12px; white-space: nowrap; background-color: #FFFFFF; color: #FFFFFF; text-decoration: none; width: 100%;}
.topnav a:link 			{background: url("/images/button_nav1_canoe.gif") top left no-repeat;}
.topnav a:visited 		{background: url("/images/button_nav1_canoe.gif") top left no-repeat;}
.topnav a:hover 		{background: url("/images/button_nav1_hover_bleu.gif") top left no-repeat;}
.topnav a:active 		{background: url("/images/button_nav1_canoe.gif") top left repeat;}
.topnav_act a {font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:7pt; display: block; padding: 3px 0px 4px 0px; text-indent: 12px; white-space: nowrap; background-color: #FFFFFF; color: #FFFFFF; text-decoration: none; width: 100%;}
.topnav_act a:link 		{background: url("/images/button_nav1_canoe.gif") top left no-repeat;}
.topnav_act a:visited 	{background: url("/images/button_nav1_canoe.gif") top left no-repeat;}
.topnav_act a:hover 	{background: url("/images/button_nav1_hover_bleu.gif") top left no-repeat;}
.topnav_act a:active 	{background: url("/images/button_nav1_canoe.gif") top left repeat;}

.leftnav_noclick {}


div.plantitle {display: block; padding: 4px; border: 1px solid gray; background: #EFEFEF; font-size: 13px; margin: 6px 0 0 0}
div.plansubtitle {padding: 4px 4px 4px 25px; font-weight: bold}
div.plansubsubtitle {padding: 2px 2px 2px 60px;}
/* Navigation Out */
/*Footer*/


#footermenufull {position: relative; width: 100%; height: auto; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 10px; padding: 0;background: white}
#footermenuwrap {position: relative; width: 992px; height: auto; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 10px; padding: 0;background: white}
#footermenu {padding: 10px 10px 10px 10px}
#footercredit {padding: 10px 10px 10px 10px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; margin: 5px 0 5px 0}

/* ENTETE CANOE  */
#sepcanoe {position: relative; width: 1138px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; background: url(/images/bg-sep-canoe.gif); height: 10px; border-right: 1px solid black; border-left: 1px solid black}
#canoe {position: relative; width: 1138px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; border: 1px solid black; background: white} 


div.klix490 {padding: 13px; overflow: hidden}	
	
/* ENTETE CANOE  */


/* ANIMATION */
/* 310 = gauche */
/* 308 = haut 309 = bas */
/* 311 = droit */
li{list-style: square;}



/* 310 = gauche */
li.anim310T1SingleLink {color: #FF9933}
ul.anim310T1SingleLink {margin: 6px 0 6px 15px}
a.anim310T1SingleLink {left: -3px; position: relative}

div.anim310T4Img {background: #3a3a3a}
div.anim310T4Img:hover .content170img {opacity:.50;filter:alpha(opacity=50)}

div.anim310T4Link {height: auto; text-align: center; background: #E6E6E6; }
div.anim310T4Link a:link {padding: 4px 2px 6px 2px; margin: 0 0 2px 0; text-decoration: none; color: #232323; display: block}
div.anim310T4Link a:visited {padding: 4px 2px 6px 2px; margin: 0 0 2px 0; text-decoration: none; color: #232323; display: block}
div.anim310T4Link a:hover {padding: 4px 2px 6px 2px; margin: 0 0 2px 0; text-decoration: none; color: #f4f4f4; background: #3E3E3E; display: block}
div.anim310T4Link a:active {padding: 4px 2px 6px 2px; margin: 0 0 2px 0; text-decoration: none; color: #232323; display: block}

div.animseparator310 {border-bottom: 1px dotted gray; padding: 2px 0 2px 0; width: 100%; clear: both; height: 2px; margin: 0 0 2px 0}

div.col1animanimationLink {width: 100%; text-align: center; font-weight: bold; }
div.col1animanimationLink a {font-size: 10px; color: #660066; padding: 4px 0 4px 0; display: block}
div.col1animanimationLink a:hover {font-size: 10px; color: #FF0000}

div.col1animWrap_simplebox {width: 140px; height: auto; text-align: left; margin: 0 0 0 0; border-top: 1px dotted #8a8a8a; border-bottom: 1px dotted #8a8a8a; border-right: 1px dotted #8a8a8a; border-left: 1px dotted #8a8a8a}
div.col1animWrap_simplebox img.col1animImg {display:none}
div.col1animWrap_simplebox div.col1animLink {display: none}
div.col1animWrap_simplebox div.col1animTitle {display: none}
div.col1animWrap_simplebox div.col1animContent {font-size: 12px; color: #515151;padding: 6px 6px 6px 6px; }
div.col1animWrap_simplebox div.col1animContent p {font-size: 12px; color: #515151;}
div.col1animWrap_simplebox div.col1animseparator {display: none}

div.col1animWrap_gris {width: 170px; height: auto; padding: 0; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 1px dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; }
div.col1animWrap_gris img.col1animImg {float: right; margin: 4px}
div.col1animWrap_gris div.col1animLink {padding: 4px 4px 4px 4px; clear: both}
div.col1animWrap_gris div.col1animTitle {font-size: 13px; font-weight: bold; padding: 4px 2px 1px 0; color: #2E2E2E; border-bottom: 6px solid #D5D5D5; background: white}
div.col1animWrap_gris div.col1animContent {font-size: 12px; color: #515151;}
div.col1animWrap_gris div.col1animContent p {font-size: 12px; color: #515151;}
div.col1animWrap_gris div.col1animseparator {height: 3px; width: 100%; border-top: 1px dotted #c2c2c2; margin: 4px 0 0 0}


/* 308 = haut 309 = bas */
li.anim308T1SingleLink {color: #FF6633}
ul.anim308T1SingleLink {margin-bottom: 0px; margin-top: 6px}
a.anim308T1SingleLink {left: -3px; position: relative; font-size: 12px}

/* ACTIF */
div.anim308T4Align {width: 100%;}
div.anim308T4Wrap {width: 450px; border-bottom: 1px solid #000000; padding: 2px 0 2px 0; margin-bottom: 4px}
div.anim308T4Img {float: left; width: 100px; }
div.anim308T4MedImg {position: absolute; z-index: 500; visibility: hidden; left: 20px; padding: 6px; background: #E2E2E2; border: 1px solid gray}
img.anim308T4Imgdeco {border: 1px solid gray}
div.anim308T4Link {float: left; padding: 10px; text-align: left; width: 310px}
div.anim308T4Link a {font-size: 13px; display: block}
div.animseparator308 {border-bottom: 1px gray; padding: 2px 0 2px 0; width: 100%; clear: both; height: 2px; margin: 0 0 2px 0}

li.anim309T1SingleLink {list-style: square; color: #FF9933}
ul.anim309T1SingleLink {margin: 6px 0 6px 15px}
a.anim309T1SingleLink {left: -3px; position: relative}

/* ACTIF */
div.anim309T4Align {width: 100%;}
div.anim309T4Wrap {width: 450px; border-bottom: 1px dashed #ff6600; padding: 2px 0 2px 0; margin-bottom: 4px}
div.anim309T4Img {float: left; width: 100px; }
div.anim309T4MedImg {position: absolute; z-index: 500; visibility: hidden; left: 20px; padding: 6px; background: #E2E2E2; border: 1px solid gray}
img.anim309T4Imgdeco {border: 1px solid gray}
div.anim309T4Link {float: left; padding: 10px; text-align: left; width: 310px}
div.anim309T4Link a {font-size: 13px; display: block}
div.animseparator309 {border-bottom: 1px dotted gray; padding: 2px 0 2px 0; width: 100%; clear: both; height: 2px; margin: 0 0 2px 0}

div.col2animanimationLink {width: 100%; text-align: left; font-weight: bold;}
div.col2animanimationLink a {font-size: 10px; color: #666666; padding: 2px 15px 0 0}
div.col2animanimationLink a:hover {font-size: 10px; color: #FF0000}

div.col2animWrap_simplebox {width: 490px; height: auto; padding: 6px 6px 6px 6px; text-align: left;}
div.col2animWrap_simplebox img.col2animImg {float: right; margin: 4px}
div.col2animWrap_simplebox div.col2animLink {padding: 4px 4px 4px 4px; clear: both}
div.col2animWrap_simplebox div.col2animTitle {display: none}
div.col2animWrap_simplebox div.col2animHead {display: none}
div.col2animWrap_simplebox div.col2animContent {font-size: 12px; color: #515151;}
div.col2animWrap_simplebox div.col2animContent p {font-size: 12px; color: #515151;}
div.col2animWrap_simplebox div.col2animseparator {display: none}

div.col2animWrap_borderbox {width: 490px; height: auto; text-align: left; border-top: 1px solid #8a8a8a; border-bottom: 1px solid #8a8a8a; border-right: 1px solid #8a8a8a; border-left: 1px solid #8a8a8a; padding: 6px}
div.col2animWrap_borderbox img.col2animImg {float: right; margin: 4px}
div.col2animWrap_borderbox div.col2animLink {clear: both}
div.col2animWrap_borderbox div.col2animTitle {display: none}
div.col2animWrap_borderbox div.col2animHead {display: none}
div.col2animWrap_borderbox div.col2animContent {font-size: 12px; color: #515151;}
div.col2animWrap_borderbox div.col2animContent p {font-size: 12px; color: #515151;}
div.col2animWrap_borderbox div.col2animseparator {display: none}

/* Boite active */
div.col2animWrap_gris {width: 478px; height: auto; padding: 6px 6px 6px 6px; text-align: left; margin: 6px 0 0 0; border-top: 1px solid #838383; border-bottom: 1px solid #838383; border-right: 1px solid #838383; border-left: 1px solid #838383;}
div.col2animWrap_gris img.col2animImg {float: right; margin: 4px}
div.col2animWrap_gris div.col2animLink {padding: 4px 4px 4px 4px; clear: both}
div.col2animWrap_gris div.col2animTitle {font-size: 18px; font-weight: bold; padding: 4px 2px 1px 0; color: #4C4C4C; border-bottom: 6px solid #D5D5D5; background: white}
div.col2animWrap_gris div.col2animContent {font-size: 12px; color: #515151; background: #ffffff repeat url(/images/bg-490-col2.gif); padding: 10px; border-top: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF}
div.col2animWrap_gris div.col2animContent p {font-size: 12px; color: #515151;}
div.col2animWrap_gris div.col2animseparator {height: 2px; width: 100%; margin: 0 0 0 0}

div.col2animWrap_liste {}
div.col2animWrap_liste img.col2animImg {}
div.col2animWrap_liste div.col2animLink {}
div.col2animWrap_liste div.col2animTitle {font-size: 14px; font-weight: normal; padding: 4px 2px 1px 0; color: #1f026b; border-bottom: 6px solid #A4B5D9; background: white; text-align: left; width: 502px}
div.col2animWrap_liste div.col2animContent {}
div.col2animWrap_liste div.col2animContent p {}
div.col2animWrap_liste div.col2animseparator {}

 /* 311 = droit */

li.anim311T1SingleLink {list-style: square; color: #FF9933}
ul.anim311T1SingleLink {margin: 6px 0 6px 15px}
a.anim311T1SingleLink {left: -3px; position: relative}
div.anim311T4Img {margin: 0 0 1px 0; background: black}
div.anim311T4Img:hover .content300img {opacity:.50;filter:alpha(opacity=50)}

div.anim311T4Link {}

div.animseparator311 {border-bottom: 1px dotted gray; padding: 2px 0 2px 0; width: 100%; clear: both; height: 2px; margin: 0 0 2px 0}


div.col3animWrap_empty div.col3animTitle {display: none;}

div.col3animWrap_simplebox {width: 286px; height: auto; padding: 6px 6px 6px 6px; text-align: left; margin: 6px 0 0 0; border-top: 1px dotted #8a8a8a; border-bottom: 1px dotted #8a8a8a; border-right: 1px dotted #8a8a8a; border-left: 1px dotted #8a8a8a}
div.col3animWrap_simplebox img.col3animImg {float: right; margin: 4px}
div.col3animWrap_simplebox div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_simplebox div.col3animTitle {display: none}
div.col3animWrap_simplebox div.col3animContent {font-size: 12px; color: #515151;}
div.col3animWrap_simplebox div.col3animContent p {font-size: 12px; color: #515151;}
div.col3animWrap_simplebox div.col3animseparator {height: 3px; width: 100%; border-top: 1px dotted #c2c2c2; margin: 4px 0 0 0}


div.col3animWrap_gris {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0px; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a}
div.col3animWrap_gris div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_gris div.col3animTitle {color: #57AAFD; font-size: 21px; font-weight: bold; padding: 8px 0 4px 0}
div.col3animWrap_gris div.col3animContent {font-size: 12px; color: #515151; background: #EFEFEF}
div.col3animWrap_gris div.col3animseparator {}


/* Administration */
div.sectiontitle {background: #4D4D4D; border: 1px solid gray; height: auto; width: 958px; font-size: 12pt; font-weight: bold; color: #f8f8f8}
div.menubloc {background: #F4F4F4; border: 1px solid gray; height: auto; width: 958px}
div.blocspacer {width: 100%; height: 5px; clear: both}
div.txtspacer {padding: 10px; font-size: 12pt;}

	/* Formulaire de concours */
	div.thin_img {float: left; width: 400px; background: #F3F3F3; height: 244px; text-align: center}
	div.large_img {float: left; width: 504px; background: silver; height: 244px}
	
	div.thin_img_input {float: left; width: 400px; background: silver}
	div.large_img_input {float: left; width: 504px; background: #E5E5E5}
	
	div.imginput {padding: 4px}
	div.imgtextinput {padding: 4px}

	div.lineinput {float: left}
	div.linetextinput {padding: 3px; float: left; width: 400px; background: #DDE0BB}
	
	div.formtxt {}
	div.forminput {}
	div.formpadding {padding: 10px}
	
legend {font-size: 16px; font-weight: bold}
legend.int {font-size: 12px; font-weight: bold; color: #C90202}
fieldset {padding: 4px;}	
div.inputbutton {padding: 4px; text-align: center}	

textarea {font: 10pt verdana; color: #000022; background-color: #ffffff; border: 1px solid #000044} 
select {font: 8pt verdana; color: #000022; background-color: #FAFBEC; border: 1px solid #000044} 
input {font: 8pt verdana; color: #000022; background-color: #FFFFFF; border: 1px solid #000044} 
input.submit {font: 10pt verdana; color: #000022; background-color: #D5DBBE; border: 1px solid #000044; font-weight: bold; width: 200px} 
input.submitnew {font: 10pt verdana; color: #000022; background-color: #E6E6E6; border: 1px solid #000044; font-weight: bold} 
input.contenttitle {padding: 4px;font-size: 16px;}	
	/* Formulaire de concours  out*/
#adminmenuspacer {height: 30px; width: 958px;}
#adminmenuwrap {background: #4D4D4D; border: 1px solid gray; height: auto; width: 958px; color: #f8f8f8; padding: 2px 0 2px 2px; position: relative; left: 0; top: 0;}
a.adminmenu {color: #FFFFFF; text-decoration: underline; font-weight: normal}
a.adminmenu:hover {color: #FFCC00; text-decoration: underline;}
a.adminmenu:visited {color: #FFFFFF; text-decoration: underline;}

	/* Catégorie*/
	div.menulevel01 {background: #DAE0CD; height: auto; width: 958px; border-bottom: 1px dashed gray; border-top: thick solid gray}
	div.menulevel02 {background: #E5EBD8; border: 1px solid #dbe1cf; height: auto; width: 958px; }	
	div.menulevel03 {background: #F5FCE8; border: 1px solid #dbe1cf; height: auto; width: 958px; }
	div.catspacer01 {float: left; padding: 4px 4px 4px 18px;font-weight: bold; color: #515151}		
	div.catspacer02 {float: left; padding: 4px 4px 4px 74px;font-weight: bold; color: #515151}
	div.catspacer03 {float: left; padding: 4px 4px 4px 154px;font-weight: bold; color: #515151}
	
	div.xspacer {float: right}	
	a.erasex {font-weight: bold; color: red}
	a.catlevel01 {font-weight: bold; color: #515151}
	a.catlevel02 {font-weight: bold; color: #515151}
	a.catlevel03 {font-weight: bold; color: #515151}		

div.displyimg {float: left; padding: 6px}

#navigation2 {
  min-width: 760px;
  position: relative; 
}
* html #navigation2 {
  width: 780px;
  width: expression((document.body.clientWidth>2000) ? "1600px" : ((document.body.clientWidth>800) ? "auto" : "780px"));
}
#navigation2 {width: 100%; background-color: #3D3D3D; border-top: 1px solid #fff; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 6px;}
* html #navigation2 {
  position: absolute;
  width: 100%;/*IE5.5*/
  bottom: 0;
  left: 0;
  overflow: visible;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

* html #navmenu2 {height: 1.5em;}
	#navmenu2 a, #navmenu2 a:visited {text-decoration: none; text-align: center; color: #fff; white-space: nowrap; font-size: 12px; border: 1px solid #d5d5d5}
	#navmenu2 a:hover{
  	  color: #000000;
	  background: #F8F8F8;
	}
a.adminmenu {color: #f8f8f8; padding: 4px 4px 0 4px; background: #565656; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}
a.adminmenugestion {color: #f8f8f8; padding: 4px 4px 0 4px; background: #0A6EAB; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}
a.adminmenufichier {color: #f8f8f8; padding: 4px 4px 0 4px; background: #626C4D; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}
a.adminmenucron {color: #f8f8f8; padding: 4px 4px 0 4px; background: #A10000; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}
a.adminmenubigcron {color: #f8f8f8; padding: 4px 4px 0 4px; background: #FF6600; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}
	
/* Administration Out */