@charset "iso-8859-1";
/* auteur: Jean-Pierre Dubuc */
/* Date de création: 2008-04-14 */
/* Commun */
body {margin: 0px; padding: 0px; height: 100%; background: white; width: 100%;}
*,body,td,th,p,div,span {font-family: Verdana,Helvetica,Tahoma,Arial,sans-serif; font-size: 13px; line-height: 110%}

body.css_accueil {background: url(/images/bg-main.png) #000000 repeat-y; background-size: 100%}
body.css_default {background: url(/images/bg-main.png) #000000 repeat-y; background-size: 100%}
#css_default {width: 100%; height: 100%; position: absolute}
body.css_accueilvid {background: url(/images/bg-charcoal-popup.jpg) #000000 repeat-x;}
body.css_accueil_popdefault {background: url(/images/bg-charcoal-popup.jpg) #000000 repeat-x;}
body.css_default_popdefault {background: url(/images/bg-charcoal-popup.jpg) #000000 repeat-x;}
body.css_defaultvidchronique {background: #181818  url(/images/bg-video-interface.jpg) repeat-x;}
body.css_defaultvid {background: #181818  url(/images/bg-video-interface.jpg) repeat-x;}

#bglink {display: none}
/*#bglink {width: 100%; height: 62px; text-align:center}*/

#bg_deco {position:absolute; background: url(/images/bg-deco.png) repeat-x; left: -140px; top:-114px; width:168px; height:1966px; z-index:-1}

#flashContent {font-size: 16px;}

#sitelogo {float: left; background: white; width: 230px; height: 139px}
#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}
#superbannerspacer {padding: 6px 0 0 14px}

#guidyu_wrap {	width:232px; border: 1px solid #878787; height:59px; background:#f5f5f5}
#guidyu_input { text-align:center; padding: 4px 0 0 0}
#guidyu_logo { float:left; padding: 3px 0 0 7px}
#guidyu_button { float:right;  padding: 1px 7px 0 0}
#guidyugroup {height: 35px; float: right; width: 340px; position: relative; padding: 5px 0 0 0}
#guidyuLogo {float: left; width: 56px;}
#guidyuSearch {float: right; width: 270px}
#guidyu_b {position: relative; top: 1px}

#Getflash {display: none}

a:link {color: #5C5C5C; text-decoration: underline;}
a:visited {color: #5C5C5C; text-decoration: underline;}
a:hover {color: #6699CC; text-decoration: underline;}
a:active {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; position: relative; margin: 25px 0 0 0}

li{list-style: square;}

blockquote {background: #f0f0f0; display: block; font-size: 14px; padding: 8px 8px 8px 10px; font-weight: bold; font-style: italic}

cite.citation_hoax {background: #f0f0f0; display: block; font-size: 14px; padding: 8px 8px 8px 10px; font-weight: bold}

div.iphonewatermark {position: absolute; background: no-repeat url(/images/iphone-play.png); display: block; width: 400px; height: 116px; z-index: 50; left: 75px; top: 50px}
div.iphone {width: 100%; text-align: center; padding: 10px; position: relative}
img.iphoneimg {}
img.img490 {max-width: 490px}
#vi_bg {position: relative; width: 980px; height: auto; background: #181818  url(/images/bg-video-interface.jpg) repeat-x; padding: 6px 0 0 0} 

div.captivatelist {width: 100%;}
div.captivateurl {text-align: left; padding: 20px; border-bottom: 1px dotted gray; width: 90%}

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

#vi_firstwrap {float: left; margin: 0 0 0 0;}
#vi_video {background: white; width: 576px; height: auto; text-align: center; min-height: 330px}
#vi_video-top {width: 576px; height: 22px; text-align: center;}
#vi_video-bot {width: 576px; height: 22px; text-align: center; background: #303030}

#vi_icon_chr { margin-bottom: 20px}

#social-connect-service { width: 532px; margin-left:45px}
#facebooklike {width: 175px; height: 32px; text-align: center; background: white; float:left;}
#facebooklike_chr {width: 236px; height: 35px; text-align: left; background: white}
#facebooklike-padding {padding: 10px 0 0 0;}

#googleplus1 {width: 175px; height: 38px; text-align: center; background: white; float:left;}
#googleplus1_chr {width: 236px; height: 38px; text-align: left; background: white ;}
#googleplus1-padding {padding: 10px 0 0 0;}

#twitterllike {width: 175px; height: 38px; text-align: center; background: white; float:left;}
#twitterllike_chr {width: 236px; height: 38px; text-align: left; background: white ;}
#twitterllike-padding {padding: 10px 0 0 0;}

#vi-textcontent {width: 576px; height: auto; text-align: left; background: white}
#vi-textcontent-padding {padding: 10px 22px 0 22px}
#googletheme {margin: 0 0 10px 35px}

#bannercontent {width: 926px; height: 100px; padding: 14px 0 0 0; margin: 0 0 0 0; }
#retourchr {height: 95px; width: 198px;  background: url(/images/vi-retour-chr-bg.png) no-repeat; float: left}
#vi_bigbanner {height: 95px; width: 728px; float: right}

#vi_title {height: 45px; width: 926px; background: url(/images/bg-video-interface-title.png) no-repeat; margin: 0 0 0 0;}
#vi_title_pad {height: 100%; width: 100%; color: #d9d9d9; font-size: 18px; padding: 10px 10px 0 10px}

#vi_icon {height: 44px; width: 926px; background: url(/images/bg-video-interface-icon.png) no-repeat; margin: 0 0 14px 0; padding: 0 0 0 3px}
div.vi_icon_spacer {padding: 6px 0 0 14px; float: left}
div.vi_prob_spacer {padding: 6px 10px 0 14px; float: right}

#vi_secondwrap {float: left; margin: 0 0 0 14px;}
#vi_promo {height: auto; width: 336px; text-align: center; background: white}



#main {position: relative; width: 980px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; border: 1px solid black; background: white;} 
.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 */

/* Formulaire */

/*Formulaire écrire In*/
#form_ecrire {
	width:610px;
	background: #eeeeee
}
#form_part_01 {
	width:100%;
	
}
#form_choix_label {float:left; width:260px; font-size:24px; color: #585858 ; padding:10px}
#form_choix_select {float:left; margin-bottom:20px}
#form_nom {float:left; width:50%; margin-bottom:10px;; margin-left:10px}
#form_courriel {float:left; width:48%;}
#form_sujet { margin-bottom:10px; margin-left:10px}
#form_message { margin-bottom:10px; margin-left:10px; font-weight:bold}
#form_button { text-align:center}

/*Formulaire écrire Out*/

#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: 531px}
div.form2 {width: 490px}
div.input {float: left; width: 229px; background: #F0F0F0; height: 25px; padding: 8px; line-height: 25px; border-bottom: 1px dotted #838383; font-size: 12px}
div.input input {width: 200px; margin: 4px 0 0 0}
div.input2 {float: left; width: 30%; background: #F0F0F0}
div.input3 {float: left; width: 70%; }
div.input4 {float: left; width: 30%;}
div.checkboxsquare {background: #F0F0F0; padding: 20px 0 20px 0}
div.checkboxsquareitem {padding: 6px; float: left}
div.legalitem {padding: 6px;}
div.bravo {background: #CCFF66; padding: 6px; margin-bottom: 4px} 
div.erreur {background: #FF6234; padding: 6px; margin-bottom: 4px} 
div.forgot1 {width: 240px; text-align: center; margin-bottom: 2px;}
div.forgot1 input {width: 232px; font-size: 14px; height: auto}
div.forgot2 {width: 240px; text-align: center;}
div.forgottxt {float: left; padding: 5px; width: 60px; }
div.forgotformwrap {float: left; width: 240px}
div.forgotwrap {width: 100%; text-align: center; margin-left: 60px; margin-right: auto;}
div.inputtitle {float: left; width: 58%; background: #F0F0F0; padding: 3px 0 3px 3px}
div.inputfield {float: left; width: 40%; background: #F0F0F0; padding: 2px 0 2px 2px}
div.formtitle {font-size: 16px; font-weight: bold; color: #60AE30; padding-bottom: 6px;}
div.formtitlebig {font-size: 22px; font-weight: bold; color: #60AE30; padding-bottom: 6px;}
div.formtitle2 {font-size: 24px; font-weight: bold; color: #565656; padding: 6px;background: repeat-x 0 -30px url(/images/button-large.png); width: 478px; text-align: center }
div.formsubtitle {font-size: 12px; font-weight: bold; color: #565656; background: repeat-x 0 -30px url(/images/button-large.png); width: 478px; text-align: center; padding: 6px 6px 6px 6px}
div.formtitle5 {font-size: 14px; font-weight: bold; color: #CC3300; padding: 6px; background: #EFEFEF; }
div.formtitle4 {font-size: 10px; font-weight: bold; color: #CC3300; padding-bottom: 6px}
div.formtitle3 {font-size: 14px; font-weight: bold; color: #757575; padding: 6px; background: #EFEFEF; }
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: center; width: 100%; padding: 6px 0 0 0}
div.submitcontest2 {text-align: center; width: 100%}
div.submitcontest3 {text-align: right; width: 250px; font-size: 9px; font-weight: normal}

cite.citation_hoax {background: #f0f0f0; display: block; font-size: 14px; padding: 8px 8px 8px 10px; font-weight: bold}

/* Mise en page vidéo */
#pubChronique {text-align: center; width: 100%}
#me { min-height:250px;}

#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}

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: 120px; 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; width: 160px}
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 */

#mainpopchr {position: relative; width: 822px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; } 
#sitelogopopchr2 {padding: 0px 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; background: white}
#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: 10px; clear: both;}




/* Site ***********************************/
#sitelogo_v2 {float: left; background: white; width: 230px; height: 90px}
#sitelogospace_v2 {padding: 6px 0 0 6px}
#superbanner_v2 {float: left; width: 740px; height: 102px}
#superbannerspacer_v2 {padding: 6px 6px 6px 6px}
div.horizontalblank_v2 {width: 900px; height: 0; clear: both}

#pano_sevice_recherche {float:right; width:240px; margin-top:7px}
#pano_sevice {float:left;}
#pano_contact {float:left; height:28px;}
#pano_aide {float:left; height:28px;}
#pano_recherche {}

.menusecondlevelItem_noclick {padding:4px 6px 6px 6px; background:#E2E2E2; clear:both; margin-bottom:6px; margin-top:12px; font-weight:bold; color:#454545}
.menusecondlevelItem_admin a {float:left; padding:4px 6px 6px 6px; text-decoration:none; background:#CCCCCC}
.menusecondlevelItem_admin a:link  {}
.menusecondlevelItem_admin a:visited {}
.menusecondlevelItem_admin a:hover {background: url(/images/menusecondlevelBG_off.gif) repeat-x;}
.menusecondlevelItem_admin a:active {background: url(/images/menusecondlevelBG_on.gif) repeat-x;}

.menusecondlevelItem_admin_act a {float:left; padding:4px 6px 6px 6px; text-decoration:none}
.menusecondlevelItem_admin_act a:link {background: url(/images/menusecondlevelBG_on.gif) repeat-x; color:#FFFFFF}
.menusecondlevelItem_admin_act a:visited {background: url(/images/menusecondlevelBG_on.gif) repeat-x;; color:#FFFFFF}
.menusecondlevelItem_admin_act a:hover {background: url(/images/menusecondlevelBG_off.gif) repeat-x;}
.menusecondlevelItem_admin_act a:active {background: url(/images/menusecondlevelBG_on.gif) repeat-x;; color:#FFFFFF}

#menusecondlevel_grey { padding:10px}
#menusecondlevel_grey .menusecondlevelItem a {float:left; padding:4px 6px 6px 6px; text-decoration:none}
#menusecondlevel_grey .menusecondlevelItem a:link { color:#000000}
#menusecondlevel_grey .menusecondlevelItem a:visited {color:#000000}
#menusecondlevel_grey .menusecondlevelItem a:hover {background: url(/images/menusecondlevelBG_off.gif) repeat-x; color:#000000}
#menusecondlevel_grey .menusecondlevelItem a:active {background: url(/images/menusecondlevelBG_grey_on.gif) repeat-x; color:#000000}

#menusecondlevel_grey .menusecondlevelItem_act a {float:left; text-decoration:none; padding:4px 6px 6px 6px;}
#menusecondlevel_grey .menusecondlevelItem_act a:link {background: url(/images/menusecondlevelBG_grey_on.gif) repeat-x; color:#FFF; display:block;}
#menusecondlevel_grey .menusecondlevelItem_act a:visited {background: url(/images/menusecondlevelBG_grey_on.gif) repeat-x; color:#FFF; display:block;}
#menusecondlevel_grey .menusecondlevelItem_act a:hover {background: url(/images/menusecondlevelBG_off.gif) repeat-x; display:block; color:#000000}
#menusecondlevel_grey .menusecondlevelItem_act a:active {background: url(/images/menusecondlevelBG_grey_on.gif) repeat-x; color:#FFF; display:block;}

#menusecondlevel_blue { padding:10px}
#menusecondlevel_blue .menusecondlevelItem a {float:left; padding:4px 6px 6px 6px; text-decoration:none}
#menusecondlevel_blue .menusecondlevelItem a:link {color:#000000}
#menusecondlevel_blue .menusecondlevelItem a:visited {color:#000000}
#menusecondlevel_blue .menusecondlevelItem a:hover {background: url(/images/menusecondlevelBG_off.gif) repeat-x; color:#000000}
#menusecondlevel_blue .menusecondlevelItem a:active {background: url(/images/menusecondlevelBG_on.gif) repeat-x; color:#000000}

#menusecondlevel_blue .menusecondlevelItem_act a {float:left; text-decoration:none; padding:4px 6px 6px 6px;}
#menusecondlevel_blue .menusecondlevelItem_act a:link {background: url(/images/menusecondlevelBG_on.gif) repeat-x; color:#FFF; display:block;}
#menusecondlevel_blue .menusecondlevelItem_act a:visited {background: url(/images/menusecondlevelBG_on.gif) repeat-x; color:#FFF; display:block;}
#menusecondlevel_blue .menusecondlevelItem_act a:hover {background: url(/images/menusecondlevelBG_off.gif) repeat-x; display:block; color:#000000}
#menusecondlevel_blue .menusecondlevelItem_act a:active {background: url(/images/menusecondlevelBG_on.gif) repeat-x; color:#FFF; display:block;}

#menusecondlevel_bottombar { width: 100%; height:28px; background: url(/images/menusecondlevel_bottombar.gif) repeat-x; margin: 4px 0 4px 0;}
div.menusecondlevelItem_sep { float:left; width: 6px; text-align:center}

#ariannewrap {}
#ariannepad { padding: 15px 0 0 13px}
#ariannepad a { font-size:25px; color:#000033; text-decoration:none;}
#ariannepad a:link {}
#ariannepad a:visited {}
#ariannepad a:hover {}
#ariannepad a:active {}


#sectiontitlewrap {}
#sectiontitlepad_blue { padding: 15px 0 0 13px}
#sectiontitlepad_blue a { font-size:25px; color: #1F4894; text-decoration:none;}
#sectiontitlepad_blue a:link {}
#sectiontitlepad_blue a:visited {}
#sectiontitlepad_blue a:hover {}
#sectiontitlepad_blue a:active {}

#sectiontitlepad_grey { padding: 15px 0 0 13px}
#sectiontitlepad_grey a { font-size:25px; color: #1F4894; text-decoration:none;}
#sectiontitlepad_grey a:link {}
#sectiontitlepad_grey a:visited {}
#sectiontitlepad_grey a:hover {}
#sectiontitlepad_grey a:active {}

#login {width: 600px; margin: 6px; padding: 6px; border: 1px solid gray; display: none} 
#loginwrap {margin: 6px; padding: 6px; border: 1px solid gray}
#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}

#col0203wrapper {width: 822px; float: left; background: white}
#col02 {float: left; background: #FFFFFF; width: 670px; background: white}
#col03 {float: left; background: #FFFFFF; width: 310px; background: white}
div.bigbox1 {width: 100%; padding: 6px 0 0 0;}
div.skyscraper {width: 100%; margin: 12px 0 0 0;}

#col0203wrapperaccueil {width: 980px; float: left; background: white}
#col02accueil {float: left; background: #FFFFFF; width: 674px; background: white}
#col03accueil {float: left; background: #FFFFFF; width: 306px; background: white}

#newBrowser #col01 {display: none}
#newBrowser #col0203wrapper {width: 980px; 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}

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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; 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: #5C5C5C; width: auto}
a.audio_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-audio.gif); color: #002200;}
a.votresite_link {background: #E6E6E6 no-repeat url(/images/icon-link-votresite.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #5C5C5C; width: auto}
a.votresite_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-votresite.gif); color: #002200;}
a.gf-games_link {background: #E6E6E6 no-repeat url(/images/icon-link-gf-games.gif); padding: 8px 0 0 50px; display: block; min-height: 28px; font-size: 12px; font-weight: bold; color: #5C5C5C; width: auto}
a.gf-games_link:hover {background: #D2D2D2 no-repeat url(/images/icon-link-gf-games.gif); color: #002200;}

/* Francois dans les médias */
#fdm_wrap {	width:628px; border:#333333 1px solid;}
div.fdm_single_block {width:205px; float:left; margin-left:3px;}
div.fdm_single_block_radio {width:205px; float:left; margin-left:3px;}
#fdm_title {border-bottom:#000000 thin solid}
div.fdm_text_wrap_header {font-size:24px; padding:10px 10px 10px 10px; color:#064a8e; text-align:left}

#fdm_title01 {width:628px; background:#292929; margin-bottom:18px }
div.fdm_title_wrap {text-align:left}
div.fdm_title_wrap a {padding:10px; font-weight:bold; font-size:14px; color:#FCFCFC; text-align:left; display:block; text-decoration:none}
div.fdm_title_wrap a:link {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
div.fdm_title_wrap a:visited {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
div.fdm_title_wrap a:hover {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules-00.gif);}
div.fdm_title_wrap a:active {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}

#fdm_title02 {width:205px; float:left; background:#333; margin-bottom:18px; border-right:#FFF dotted 1px; border-top:#000000 thin solid}
#fdm_title03 {width:422px; float:left; background:#666; border-top:#000000 thin solid}
div.fdm_img {text-align:center;}
div.fdm_img img {border: 1px #666666 solid}
div.fdm_img img:hover {opacity:.5;filter:alpha(opacity=50);}
div.fdm_text_wrap {padding:12px; font-weight:bold; color:#333; text-align:left}

div.fdm_text_wrap a:link { text-decoration:none}
div.fdm_text_wrap a:visited {}
div.fdm_text_wrap a:hover { color:#00CC33}
div.fdm_text_wrap a:active {}




div.blockchrWrap {width: 630px; height: auto; padding: 6px 6px 6px 6px; text-align: left;}
div.blockchrWrapPrint {width: 950px; height: auto; padding: 6px 6px 6px 6px; text-align: left;}

img.blockchrImg {padding: 0 0 4px 4px}
img.blockchrImg_1 {}
div.blockchrLink {background: #e3e3e3; padding: 4px 4px 4px 4px; clear: both}
span.blockchrdate {font-size: 8px; font-weight: bold}
div.blockchrTitle {font-size: 22px; font-weight: bold; text-decoration: none; padding: 8px 4px 4px 0; color: #204B8C;}


div.blockchrContent {font-size: 12px; color: #515151; float: left; width: 630px; padding: 0}
div.blockchrContent p,strong,b {font-size: 12px; color: #515151; padding: 0}
div.blockchrContent li {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.blockchrCPrint {font-size: 17px; color: #515151; float: left; width: 930px; padding: 0}
div.blockchrCPrint p,strong,b {font-size: 17px; color: #515151; padding: 0}
div.blockchrCPrint li {font-size: 17px; color: #515151; padding: 0}
div.blockchrCPrint a {color: #5C5C5C; text-decoration: underline; font-size: 17px;}
div.blockchrCPrint a:hover {color: #6699CC; text-decoration: underline;}
div.blockchrCPrint a:visited {color: #4E759D; text-decoration: underline;}

div.services-align { float:left; width: 50%; margin-top:20px}
div.services-button { width: 100%; height:30px}
div.services-button-align_right { padding: 4px 20px 4px 4px; text-align:right}
div.services-button-align_left { padding: 5px 4px 4px 60px; text-align:left}

div.galerylthumbs {float: left}



/* 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; position: relative}
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 */




/* CSS Accueil */
#flashaccueil-wrap {}
#flashaccueil-v2 {float: left; margin: 0 0 0 0; border-right: 1px solid #000000}
#aussilistWrap {float: left; padding: 0 0 0 6px; margin: 0 0 20px 0}
#aussilist { text-align: left; width: 190px;}
#aussilist img {padding: 0 0 10px 7px}
#aussilist span {display: block; padding: 4px 0 4px 10px; width: 160px}
#aussilist a:link {text-decoration: none; font-weight: bold; font-size: 11px}
#aussilist a:visited {text-decoration: none; font-weight: bold; font-size: 11px}
#aussilist a:hover {text-decoration: none; font-weight: bold; font-size: 11px; color: #00CC00}
#aussilist a:active {text-decoration: none; font-weight: bold; font-size: 11px}

#blockvedettewrap {width: 610px; height: auto; border: 0px solid #8a8a8a;  text-align: left; margin: 6px 0 0 0}
#blockvedettetxt {float: left; width: 350px; position: relative}
#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}
div.txtpadding {padding: 0 6px 6px 12px; position: relative; width: 330px;}

#nouveaute-t-f {margin-top:30px }
#nouveaute-t-f-title { float:left}
#nouveaute-t-f-deco {float:left; width:20px; height:15px}

#nouveaute-t-f-techno {width:118px; height:36px; float:left; background:#333; border-right:#FFF dotted 1px; border-top:#000000 thin solid}
#nouveaute-t-f-techno a {padding:10px; font-weight:bold; font-size:14px; color:#FCFCFC; text-align:left; display:block; text-decoration:none; text-align:center}
#nouveaute-t-f-techno a:link {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
#nouveaute-t-f-techno a:visited {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
#nouveaute-t-f-techno a:hover {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules-00.gif);}
#nouveaute-t-f-techno a:active {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}

#nouveaute-t-f-folies {width:117px; height:36px; float:left; background:#666; border-top:#000000 thin solid; text-align:center}
#nouveaute-t-f-folies a {padding:10px; font-weight:bold; font-size:14px; color:#FCFCFC; text-align:left; display:block; text-decoration:none; text-align:center}
#nouveaute-t-f-folies a:link {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
#nouveaute-t-f-folies a:visited {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
#nouveaute-t-f-folies a:hover {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules-00.gif);}
#nouveaute-t-f-folies a:active {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}

#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; height: 300px; width: auto; overflow: visible}
div.participezLink {text-align: left; padding: 0 0 0 0}
div.participezLink a {font-size: 14px; font-weight: bold; text-decoration: none}
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;}

/* 2iemes niveaux flash 3 news  */
div.news3-2 {float: left; width: 306px; border: 1px solid silver}
div.news3-3 {float: right; width: 306px; border: 1px solid silver}
div.news3-mainWrap {width: 620px; display: block; position: relative; text-align: left; background: repeat-x url("/images/bg-2news.gif") bottom;}
/*div.news3-cat {margin: 10px 0 4px 0; line-height: 23px; font-size: 12px; color: white; background: #4A4A4A; width: 175px; text-align: center; font-weight: bold}*/

div.news3-cat a {margin: 10px 0 4px 0; line-height: 23px; font-size: 12px; color: white; background: #4A4A4A; width: 175px; text-align: center; font-weight: bold; display:block; text-decoration:none}
div.news3-cat a:hover {background: #000000;}

div.news3-mainImg {float: left; width: 175px}
div.news3-contentWrap {float: left; width: 445px;}
div.news3-mainLink {text-align: left;}
div.news3-mainContent {text-align: left}
div.news3-mainContent-padd {padding: 20px 20px 0 20px; font-size: 14px}
div.news3-blocWrap {width: 620px; border-bottom: 2px solid #D5E04D; border-top: 2px solid #D5E04D; padding: 1px 0 1px 0; height: 62px; background: repeat-y url("/images/bg-2news-line.gif") }
div.news3-Img {float: left; width: 60px}

div.linknew3 {float: left; width: 245px; background: repeat-x url("/images/bg-2news-button.gif") bottom; height: 60px; overflow: hidden; text-align: left; border-left: 1px solid silver;}
div.linknew3 :hover {background: #D5E04D; display: block; height: 60px; color: #2C2C2C;}

a.new3:link {display: block; height: 50px; padding: 8px; text-decoration: none; font-size: 12px; font-weight: bold;}
a.new3:visited {display: block; height: 50px; padding: 8px; text-decoration: none; font-size: 12px; font-weight: bold;}
a.new3:hover {display: block; height: 50px; padding: 8px; text-decoration: none; font-size: 12px; font-weight: bold;}
a.new3:active {display: block; height: 50px; padding: 8px; text-decoration: none; font-size: 12px; font-weight: bold;}

a.newmain:link {display: block; height: auto; padding: 0 10px 5px 20px; text-decoration: none; font-size: 20px; font-weight: bold; color: #60AE30}
a.newmain:visited {display: block; height: auto; padding: 0 10px 5px 20px; text-decoration: none; font-size: 20px; font-weight: bold; color: #60AE30}
a.newmain:hover {display: block; height: auto; padding: 0 10px 5px 20px; color: #283F11}
a.newmain:active {display: block; height: auto; padding: 0 10px 5px 20px; text-decoration: none; font-size: 20px; font-weight: bold; color: #60AE30}

div.horizontalblanknews3 {width: 490px; height: 1px; clear: both;}
div.animseparatornews {display: block; height: 45px; width: 490px}
/* 2iemes niveaux flash 3 news  */

div.pageWrap {width: 588px; 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.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: 990px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0;}*/

#logowrap {position: relative; width: 980px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; border-left: 1px solid #333; border-right: 1px solid #333}
#firstmenu {position: absolute; left: 298px; top: 7px; display: block; height: 68px; width: 670px; text-align: right}
#menuasurveiller {position: relative; width: auto; font-size: 11px; text-align: right; float: right; top: 5px;}

div.menuinfo {float: left; line-height: 31px}

#menu2 {height: 31px; width: 736px; background: #ebebeb; margin: 8px 0 0 5px; border-top: 1px solid #929292; border-bottom: 1px solid #929292; border-right: 1px solid #929292;}
#menumedia {position: relative; width: 570px; height: 31px; font-size: 11px; float: left; margin: 0 0 0 10px}
#menu1line {float: right; height: 31px; width: 145px; line-height: 31px; display: block; background: repeat-x url("/images/bg-plan-du-site.gif") top left;}
#menu1line a:link {font-size: 11px; text-decoration: none; left: 55px; position: relative; display: block; font-weight: bold; line-height: 31px;}
#menu1line a:visited {font-size: 11px; text-decoration: none; left: 55px; position: relative; display: block; font-weight: bold; line-height: 31px;}
#menu1line a:hover {font-size: 11px; text-decoration: none; left: 55px; position: relative; display: block; font-weight: bold; color: #60AE30; line-height: 31px;}
#menu1line a:active {font-size: 11px; text-decoration: none; left: 55px; position: relative; display: block; font-weight: bold; line-height: 31px;}

div.menumedia-separator {float: left; line-height: 31px}
.menumedialink {float: left; }
a.menumedialink {font-weight: bold; font-size: 12px; display: block; padding: 0 6px 0 6px; text-indent: 0; white-space: nowrap; color: #313F76; text-decoration: none; width: auto; line-height: 31px;}
a.menumedialink:link 		{color: #3333CC; }
a.menumedialink:visited 	{color: #313F76; }
a.menumedialink:hover 		{color: #00CC33; }
a.menumedialink:active 		{color: #3333CC; }
a.menumedialink_act 	{font-weight: bold; font-size: 12px; display: block; padding: 0 6px 0 6px; text-indent: 0; white-space: nowrap; color: #313F76; text-decoration: none; width: auto; line-height: 31px;}
a.menumedialink_act:link 	{color: #313F76; }
a.menumedialink_act:visited {color: #313F76; }
a.menumedialink_act:hover 	{color: #313F76; }
a.menumedialink_act:active 	{color: #313F76; }

#menulinktable {width: 100%; height: 35px; padding: 0}
div.horizontalblank {width: 900px; height: 20px; clear: both}
#topmenuwrap {width: 980px; padding: 0; margin: 0; background: white; position: relative}

#menusection01 {float: left; display: block; width: auto; background: repeat-x url("/images/bg-menu-bleu-n.gif") top left;}
#menusection02 {float: left; display: block; width: auto; background: repeat-x url("/images/bg-menu-gris-n.gif") top left;}
#menusection03 {float: left; display: none; width: auto; background: white}



#menubar01 { width: 100%; height: 39px; background: repeat-x url("/images/bg-menu-bleu-n.gif") top left; top: 0; left: 0; z-index: 1}
#menubar02 { width: 100%; height: 39px; background: repeat-x url("/images/bg-menu-gris-n.gif") top left; top: 0; left: 0; z-index: 1}

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}

div.menuselectspacer01 {text-align: center;}
div.menuselectspacer02 {text-align: center;}
div.menuselectspacer03 {text-align: center;}

div.menuselect01 {float: left; padding: 0px 0px 0px 0px;}
div.menuselect02 {float: left; padding: 0px 0px 0px 0px;}
div.menuselect03 {float: left; padding: 0px 0px 0px 0px;}

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

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

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

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

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*/
#footermenuwrap {position: relative; width: 980px; 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; font-size: 10px; background: white}
#footercredit {font-size: 10px; padding: 10px 10px 10px 10px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; margin: 5px 0 5px 0; background: white}
#footercredit a {font-size: 10px;}
/* ENTETE CANOE  */
#sepcanoe {position: relative; width: 980px; height: auto; text-align: left; margin-left: auto; margin-right: auto; padding: 0; background: url(/images/bg-sep-canoe.gif); height: 2px; border-right: 1px solid black; border-left: 1px solid black}
#canoe {position: relative; width: 980px; 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}	

/* ANIMATION */
/* 308 = haut 309 = bas */
/* 311 = droit */
/*****************************************************************NEW TEMPLaTE */

div.bigbox2 {width: 490px; padding: 6px 0 22px 0; background: url(/images/bg-pub-bigbox2.jpg); height: auto}

div.motdefrancois a {font-size: 14px; color: #454545; padding: 2px 25px 0 0; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas.png); background-position: right; }
div.motdefrancois a:hover {font-size: 14px; color: #7A7A7A; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-hover.png); background-position: right}

/******* commun galerie col 2*********/
img.col2animImg {float: right; margin: 4px}
div.col2animLink {padding: 4px 4px 4px 4px; clear: both}

div.col2animanimationLink {width: 100%; text-align: right; font-weight: bold; margin: 12px 0 0 0}
div.col2animanimationLink a {font-size: 14px; color: #454545; padding: 2px 25px 0 0; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas.png); background-position: right; }
div.col2animanimationLink a:hover {font-size: 14px; color: #7A7A7A; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-hover.png); background-position: right}

div.souscat-toules {width: 620px; height:37px; text-align: right; font-weight: bold; background: url(/images/bg-souscat-toules.gif);}
div.souscat-toules a {font-size: 14px; color: #F8F8F8; padding: 2px 25px 0 0; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-blanc.png); background-position: right; }
div.souscat-toules a:hover {font-size: 14px; color: #F8F8F8; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-hover.png); background-position: right}
div.souscat-toules-pad { padding-top:12px; padding-right:6px}

div.col2animseparator {height: 2px; width: 100%; margin: 0 0 0 0; clear: both}
div.Wrap_txt_autre_large-490 div.col2animseparator {display: none}
div.Wrap_txt_une_large div.col2animseparator {display: none}
div.Wrap_txt_une_demi div.col2animseparator {display: none}
div.centerbox div.col2animseparator {display: none}

div.col2animContent {font-size: 12px; color: #515151; padding: 10px;}

div.Wrap_txt_autre_large-490 div.col2animContent {color: #525252; padding: 0;}
div.Wrap_txt_une_large div.col2animContent {color: #525252; padding: 0;}
div.Wrap_txt_une_demi div.col2animContent {color: #525252; padding: 0;}
div.centerbox div.col2animContent {color: #525252; padding: 0;}

div.anim308T4vidWrap {float: left; position: relative}
div.anim308T4vidSpacer {float: left; width: 20px; height: 10px; padding: 0; margin: 0;}
div.Wrap_jeuxgalerie div.anim308T4vidSpacer {float: left; width: 36px; height: 10px; padding: 0; margin: 0;}

div.anim308T3vidWrap {float: left; position: relative}
div.anim308T3vidSpacer {float: left; width: 20px; height: 10px; padding: 0; margin: 0;}

div.anim308T4chrWrap {float: left; position: relative}
div.anim308T4chrSpacer {float: left; width: 20px; height: 10px; padding: 0; margin: 0;}

div.col2animTitle{font-size: 24px; font-weight: bold; padding: 18px 2px 4px 28px; color: #E7E7E7}
div.Wrap_recentgalerie-490 div.col2animTitle {display: none}
div.Wrap_recentgalerie div.col2animTitle {display: none}

div.col2animWrap_empty div.col2animTitle {display: none}
div.col2animWrap_empty div.col2animseparator {display: none}
div.col2animWrap_empty div.col2animHead {display: none}
div.col2animWrap_empty div.col2animContent {padding: 0; margin: 0}

div.Wrap_une_hot3 div.col2animTitle {color: #FFE34A; font-size: 24px; font-weight: bold; padding: 10px 0 0 18px; height: 46px; line-height: 46px}
div.Wrap_une_hot4 div.col2animTitle {color: #FFE34A; font-size: 22px; font-weight: bold; padding: 10px 0 0 18px; height: 46px; line-height: 46px}
div.Wrap_txt_autre_large-490 div.col2animTitle {display: none}

div.Wrap_jeuxgalerie div.anim308T4vidLink {width: 108px; text-align: center; background: #E8E7E5; border: 1px solid #7B746C; margin: 5px 0 0 0; padding: 5px 0 5px 0}
div.anim308T4vidLink {width: 124px; text-align: center; background: #E8E7E5; border: 1px solid #7B746C; margin: 5px 0 0 0; padding: 5px 2px 5px 2px}
div.anim308T4vidLink a:link {text-decoration: none}
div.anim308T4vidLink a:visited {text-decoration: none}
div.anim308T4vidLink a:hover {text-decoration: none}
div.anim308T4vidLink a:active {text-decoration: none}

div.Wrap_photogalerie div.anim308T4vidLink {width: 124px; text-align: center; background: #E8E7E5; border: 1px solid #7B746C; margin: 5px 0 0 0; padding: 5px 2px 5px 2px; display: none}
div.anim308T3vidLink {width: 124px; text-align: center; background: #E8E7E5; border: 1px solid #7B746C; margin: 5px 0 0 0; padding: 5px 2px 5px 2px}
div.anim308T3vidLink a:link {text-decoration: none}
div.anim308T3vidLink a:visited {text-decoration: none}
div.anim308T3vidLink a:hover {text-decoration: none}
div.anim308T3vidLink a:active {text-decoration: none}

div.anim308T4chrLink {width: 124px; text-align: center; background: #E8E7E5; border: 1px solid #7B746C; margin: 5px 0 0 0; padding: 5px 2px 5px 2px}
div.anim308T4chrLink a:link {text-decoration: none}
div.anim308T4chrLink a:visited {text-decoration: none}
div.anim308T4chrLink a:hover {text-decoration: none}
div.anim308T4chrLink a:active {text-decoration: none}

div.anim308T4chrImgcadre {border: 1px solid #DADAD9; text-align: center; background: #FFFFFF; width: 128px; height: 128px;}
div.anim308T4vidImgcadre {border: 1px solid #DADAD9; text-align: center; background: black; width: 128px; height: 98px;}
div.anim308T3vidImgcadre {border: 1px solid #DADAD9; text-align: center; background: #FFFFFF; width: 128px; height: 98px;}
div.Wrap_photogalerie div.anim308T4vidImgcadre {width: 128px; height: auto;}
div.Wrap_jeuxgalerie div.anim308T4vidImgcadre {width: 108px; height: 108px;}

div.decotop {display: none}
div.decobot {display: none}
/******* commun galerie *********/

div.Wrap_vidgalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_vidgalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.gif); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_vidgalerie div.anim308T3vidwatermark {position: absolute; background: no-repeat url(/images/tv.png); display: block; width: 33px; height: 44px; z-index: 50; left: 110px; top: 5px}
div.Wrap_vidgalerie div.anim308T3vidImg {width: 160px; height: 90px; border: 0 solid #4A4A4A; text-align: center;}
div.Wrap_vidgalerie div.anim308T3vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Wrap_vidgalerie div.anim308T3vidImgcadre {border: 0 solid #DADAD9; text-align: center; background: black; width: 160px; height: 90px;}
div.Wrap_vidgalerie div.anim308T3vidSpacer {float: left; width: 36px; height: 10px; padding: 0; margin: 0;}
div.Wrap_vidgalerie div.col2animContent {font-size: 12px; color: #515151; padding: 20px 2px 2px 2px; background: black; border-top: 1px dotted #B5B5B5}
div.Wrap_vidgalerie div.col2animTitle {font-size: 24px; font-weight: bold; padding: 18px 2px 8px 15px; color: #E7E7E7}
div.Wrap_vidgalerie div.anim308T3vidWrap {float: left; position: relative; background: black}
div.Wrap_vidgalerie div.anim308T3vidLink {width: 154px; text-align: center; background: none; border: 0; margin: 5px 0 0 0; padding: 5px 2px 5px 2px}
div.Wrap_vidgalerie div.anim308T3vidLink a:link {color: white}
div.Wrap_vidgalerie div.anim308T3vidLink a:visited {color: white}
div.Wrap_vidgalerie div.anim308T3vidLink a:hover {color: gray}
div.Wrap_vidgalerie div.anim308T3vidLink a:active {}
div.Wrap_vidgalerie div.col2animanimationLink {width: 98%; text-align: right; font-weight: bold; margin: 12px 0 0 0; height: 25px}
div.Wrap_vidgalerie div.col2animanimationLink a {font-size: 14px; color: #BABABA; padding: 2px 25px 0 0; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas.png); background-position: right; }
div.Wrap_vidgalerie div.col2animanimationLink a:hover {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-hover.png); background-position: right}

div.Wrap_ppsgalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_ppsgalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.gif); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_ppsgalerie div.anim308T4vidwatermark {position: absolute; background: no-repeat url(/images/tv-pps.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_ppsgalerie div.anim308T4vidImg {width: 120px; height: 90px; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_ppsgalerie div.anim308T4vidImgcadre {width: 128px; height: 98px; border: 1px solid #DADAD9; text-align: center;}
div.Wrap_ppsgalerie div.anim308T4vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}
/*
div.Wrap_photogalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_photogalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.gif); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_photogalerie div.anim308T4vidwatermark {position: absolute; background: no-repeat url(/images/tv-photo.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_photogalerie div.anim308T4vidImg {width: 120px; height: 90px; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_photogalerie div.anim308T4vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}*/

div.Wrap_photogalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_photogalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.gif); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_photogalerie div.anim308T4vidwatermark {position: absolute; background: no-repeat url(/images/tv-photo.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_photogalerie div.anim308T4vidImg {width: 120px; height: auto; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_photogalerie div.anim308T4vidImg img {max-width: 120px}
div.Wrap_photogalerie div.anim308T4vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}

div.Wrap_photogalerie-490 {width: 490px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_photogalerie-490 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie-490.gif); height: 10px; width: 490px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_photogalerie-490 div.anim308T3vidwatermark {position: absolute; background: no-repeat url(/images/tv-photo.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_photogalerie-490 div.anim308T3vidImg {width: 120px; height: auto; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_photogalerie-490 div.anim308T3vidImg img {max-width: 120px}
div.Wrap_photogalerie-490 div.anim308T3vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}






div.Wrap_vidgalerie-490 {width: 496px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_vidgalerie-490 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie-496.gif); height: 10px; width: 496px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_vidgalerie-490 div.anim308T3vidwatermark {position: absolute; background: no-repeat url(/images/tv.png); display: block; width: 33px; height: 44px; z-index: 50; left: 110px; top: 5px}
div.Wrap_vidgalerie-490 div.anim308T3vidImg {width: 160px; height: 90px; border: 0 solid #4A4A4A; text-align: center;}
div.Wrap_vidgalerie-490 div.anim308T3vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Wrap_vidgalerie-490 div.anim308T3vidImgcadre {border: 0 solid #DADAD9; text-align: center; background: black; width: 160px; height: 90px;}
div.Wrap_vidgalerie-490 div.anim308T3vidSpacer {float: left; width: 3px; height: 10px; padding: 0; margin: 0;}
div.Wrap_vidgalerie-490 div.col2animContent {font-size: 12px; color: #515151; padding: 20px 2px 2px 2px; background: black; border-top: 1px dotted #B5B5B5}
div.Wrap_vidgalerie-490 div.col2animTitle {font-size: 24px; font-weight: bold; padding: 18px 2px 8px 15px; color: #E7E7E7}
div.Wrap_vidgalerie-490 div.anim308T3vidWrap {float: left; position: relative; background: black}
div.Wrap_vidgalerie-490 div.anim308T3vidLink {width: 154px; text-align: center; background: none; border: 0; margin: 5px 0 0 0; padding: 5px 2px 5px 2px}
div.Wrap_vidgalerie-490 div.anim308T3vidLink a:link {color: white}
div.Wrap_vidgalerie-490 div.anim308T3vidLink a:visited {color: white}
div.Wrap_vidgalerie-490 div.anim308T3vidLink a:hover {color: gray}
div.Wrap_vidgalerie-490 div.anim308T3vidLink a:active {}
div.Wrap_vidgalerie-490 div.col2animanimationLink {width: 98%; text-align: right; font-weight: bold; margin: 12px 0 0 0; height: 25px}
div.Wrap_vidgalerie-490 div.col2animanimationLink a {font-size: 14px; color: #BABABA; padding: 2px 25px 0 0; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas.png); background-position: right; }
div.Wrap_vidgalerie-490 div.col2animanimationLink a:hover {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-hover.png); background-position: right}

div.Wrap_ppsgalerie-490 {width: 490px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_ppsgalerie-490 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie-490.gif); height: 10px; width: 490px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_ppsgalerie-490 div.anim308T3vidwatermark {position: absolute; background: no-repeat url(/images/tv-pps.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_ppsgalerie-490 div.anim308T3vidImg {width: 120px; height: 90px; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_ppsgalerie-490 div.anim308T3vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}



/*div.Wrap_jeuxgalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_jeuxgalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.jpg); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_jeuxgalerie div.anim308T4chrwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_jeuxgalerie div.anim308T4chrImg {width: 120px; height: 120px; border: 4px solid #4A4A4A; text-align: center; background: white;}
div.Wrap_jeuxgalerie div.anim308T4chrImg img {margin: 10px 0 0 0}
div.Wrap_jeuxgalerie div.anim308T4chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}*/

div.Wrap_jeuxgalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_jeuxgalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.gif); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_jeuxgalerie div.anim308T4vidwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_jeuxgalerie div.anim308T4vidImg {width: 100px; height: auto; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_jeuxgalerie div.anim308T4vidImg img {max-width: 100px}
div.Wrap_jeuxgalerie div.anim308T4vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}

div.Wrap_jeuxgalerie-490 {width: 490px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_jeuxgalerie-490 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie-490.gif); height: 10px; width: 490px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_jeuxgalerie-490 div.anim308T4vidwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_jeuxgalerie-490 div.anim308T4vidImg {width: 100px; height: auto; border: 4px solid #4A4A4A; text-align: center;}
div.Wrap_jeuxgalerie-490 div.anim308T4vidImg img {max-width: 100px}
div.Wrap_jeuxgalerie-490 div.anim308T4vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}

div.Wrap_chrgalerie {width: 633px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_chrgalerie div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.jpg); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_chrgalerie div.anim308T4chrwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_chrgalerie div.anim308T4chrImg {width: 120px; height: 120px; border: 4px solid #4A4A4A; text-align: center; background: white;}
div.Wrap_chrgalerie div.anim308T4chrImg img {margin: 10px 0 0 0}
div.Wrap_chrgalerie div.anim308T4chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}

div.Wrap_chrgalerie-490 {width: 490px; height: auto; text-align: left; margin: 6px 0 20px 0; background: #C1C1BF repeat-x url(/images/bg-vidgalerie.jpg); position: relative}
div.Wrap_chrgalerie-490 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie-490.gif); height: 10px; width: 490px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_chrgalerie-490 div.anim308T4chrwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_chrgalerie-490 div.anim308T4chrImg {width: 120px; height: 120px; border: 4px solid #4A4A4A; text-align: center; background: white;}
div.Wrap_chrgalerie-490 div.anim308T4chrImg img {margin: 10px 0 0 0}
div.Wrap_chrgalerie-490 div.anim308T4chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}

div.Wrap_chrgalerie-576 {width: 576px; height: auto; text-align: left; margin: 20px 0 20px 0; position: relative}
div.Wrap_chrgalerie-576 div.col2animTitle {font-size: 24px; font-weight: bold; padding: 7px 2px 0 15px; color: #E7E7E7; width: 576px; height: 44px; background: no-repeat url(/images/bg-video-interface-other.png)}
div.Wrap_chrgalerie-576 div.col2animContent {background: black}
div.Wrap_chrgalerie-576 div.col2animseparator {display: none}
div.Wrap_chrgalerie-576 div.col2animHead {height: 10px; width: 576px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_chrgalerie-576 div.anim308T4chrSpacer {float: left; width: 7px; height: 10px; padding: 0; margin: 0;}
div.Wrap_chrgalerie-576 div.anim308T4chrwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_chrgalerie-576 div.anim308T4chrImg {width: 120px; height: 120px; border: 4px solid #4A4A4A; text-align: center; background: white;}
div.Wrap_chrgalerie-576 div.anim308T4chrImg img {margin: 10px 0 0 0}
div.Wrap_chrgalerie-576 div.anim308T4chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Wrap_chrgalerie-576 div.anim308T4chrLink {width: 126px; text-align: left; border: none; margin: 0 0 0 0; padding: 5px 2px 5px 2px; background: black}
div.Wrap_chrgalerie-576 div.anim308T4chrLink a:link {text-decoration: none; color: #FFFFFF;}
div.Wrap_chrgalerie-576 div.anim308T4chrLink a:visited {text-decoration: none;   color: #FFFFFF;}
div.Wrap_chrgalerie-576 div.anim308T4chrLink a:hover {text-decoration: none; color: #66CC00;}
div.Wrap_chrgalerie-576 div.anim308T4chrLink a:active {text-decoration: none;  color: #FFFFFF;}
div.Wrap_chrgalerie-576 div.decotop {display: block; background: no-repeat url(/images/vi-topother-deco.png); width: 576px; height: 22px}
div.Wrap_chrgalerie-576 div.decobot {display: block; background: no-repeat url(/images/vi-botother-deco.png); width: 576px; height: 22px}

div.Wrap_vidgalerie-576 {width: 576px; height: auto; text-align: left; margin: 20px 0 20px 0; position: relative}
div.Wrap_vidgalerie-576 div.col2animTitle {font-size: 24px; font-weight: bold; padding: 7px 2px 0 15px; color: #E7E7E7; width: 576px; height: 44px; background: no-repeat url(/images/bg-video-interface-other.png)}
div.Wrap_vidgalerie-576 div.col2animContent {background: black}
div.Wrap_vidgalerie-576 div.col2animseparator {display: none}
div.Wrap_vidgalerie-576 div.col2animHead {display: none}
div.Wrap_vidgalerie-576 div.anim308T3vidSpacer {float: left; width: 16px; height: 10px; padding: 0; margin: 0;}
div.Wrap_vidgalerie-576 div.anim308T3vidwatermark {position: absolute; background: no-repeat url(/images/tv.png); display: block; width: 33px; height: 44px; z-index: 50; left: 110px; top: 5px}
div.Wrap_vidgalerie-576 div.anim308T3vidImg {width: 160px; height: 90px; border: 0 solid #4A4A4A; text-align: center;}
div.Wrap_vidgalerie-576 div.anim308T3vidImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Wrap_vidgalerie-576 div.anim308T3vidLink {width: 154px; text-align: center; background: none; border: 0; margin: 5px 0 0 0; padding: 5px 2px 5px 2px}
div.Wrap_vidgalerie-576 div.anim308T3vidLink a:link {color: white}
div.Wrap_vidgalerie-576 div.anim308T3vidLink a:visited {}
div.Wrap_vidgalerie-576 div.anim308T3vidLink a:hover {color: gray}
div.Wrap_vidgalerie-576 div.anim308T3vidLink a:active {}
div.Wrap_vidgalerie-576 div.decotop {display: block; background: no-repeat url(/images/vi-topother-deco.png); width: 576px; height: 22px}
div.Wrap_vidgalerie-576 div.decobot {display: block; background: no-repeat url(/images/vi-botother-deco.png); width: 576px; height: 22px}
div.Wrap_vidgalerie-576 div.col2animanimationLink {width: 98%; text-align: right; font-weight: bold; margin: 12px 0 0 0; height: 25px}
div.Wrap_vidgalerie-576 div.col2animanimationLink a {font-size: 14px; color: #BABABA; padding: 2px 25px 0 0; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas.png); background-position: right; }
div.Wrap_vidgalerie-576 div.col2animanimationLink a:hover {font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; background: no-repeat url(/images/fleche-bas-hover.png); background-position: right}
div.Wrap_vidgalerie-576 div.anim308T3vidImgcadre {border: 1 solid #DADAD9; text-align: center; background: black; width: 160px; height: 90px;}
div.Wrap_vidgalerie-576 div.anim308T3vidWrap {float: left; position: relative; background: black}

div.Wrap_recentgalerie {width: 660px; height: auto; text-align: left; margin: 0 0 0 0; position: relative}
div.Wrap_recentgalerie div.col2animHead {display: none}
div.Wrap_recentgalerie div.anim308T4chrSpacer {float: left; width: 15px; height: 10px; padding: 0; margin: 0;}
div.Wrap_recentgalerie div.anim308T4chrwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_recentgalerie div.anim308T4chrImg {width: 140px; height: 130px; border: none; text-align: center; background: white}
div.Wrap_recentgalerie div.anim308T4chrImg img {margin: 15px 0 0 0}
div.Wrap_recentgalerie div.anim308T4chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Wrap_recentgalerie div.anim308T4chrLink {width: 138px; text-align: left; background: #ffffff; border: none ; margin: 0 0 0 0; padding: 5px 2px 5px 2px}
div.Wrap_recentgalerie div.anim308T4chrLink a:link {text-decoration: none; font-size: 14px; color: #54A526; font-weight: bold}
div.Wrap_recentgalerie div.anim308T4chrLink a:visited {text-decoration: none; font-size: 14px;  color: #54A526; font-weight: bold}
div.Wrap_recentgalerie div.anim308T4chrLink a:hover {text-decoration: none; font-size: 14px;  color: #414141; font-weight: bold}
div.Wrap_recentgalerie div.anim308T4chrLink a:active {text-decoration: none; font-size: 14px;  color: #54A526; font-weight: bold}
div.Wrap_recentgalerie div.anim308T4chrImgcadre {border: 1px solid #8D8D8D; text-align: center; background: #B3F3B5; width: 140px; height: 134px}

div.Wrap_recentgalerie-490 {width: 532px; height: auto; text-align: left; margin: 0 0 0 0; position: relative}
div.Wrap_recentgalerie-490 div.col2animHead {display: none}
div.Wrap_recentgalerie-490 div.anim308T4chrSpacer {float: left; width: 15px; height: 10px; padding: 0; margin: 0;}
div.Wrap_recentgalerie-490 div.anim308T4chrwatermark {position: absolute; display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.Wrap_recentgalerie-490 div.anim308T4chrImg {width: 140px; height: 130px; border: none; text-align: center; background: white}
div.Wrap_recentgalerie-490 div.anim308T4chrImg img {margin: 15px 0 0 0}
div.Wrap_recentgalerie-490 div.anim308T4chrImg img:hover {opacity:.5;filter:alpha(opacity=50)}
div.Wrap_recentgalerie-490 div.anim308T4chrLink {width: 138px; text-align: left; background: #ffffff; border: none ; margin: 0 0 0 0; padding: 5px 2px 5px 2px}
div.Wrap_recentgalerie-490 div.anim308T4chrLink a:link {text-decoration: none; font-size: 14px; color: #54A526; font-weight: bold}
div.Wrap_recentgalerie-490 div.anim308T4chrLink a:visited {text-decoration: none; font-size: 14px;  color: #54A526; font-weight: bold}
div.Wrap_recentgalerie-490 div.anim308T4chrLink a:hover {text-decoration: none; font-size: 14px;  color: #414141; font-weight: bold}
div.Wrap_recentgalerie-490 div.anim308T4chrLink a:active {text-decoration: none; font-size: 14px;  color: #54A526; font-weight: bold}
div.Wrap_recentgalerie-490 div.anim308T4chrImgcadre {border: 1px solid #8D8D8D; text-align: center; background: #B3F3B5; width: 140px; height: 134px}

div.Wrap_une_hot3 {width: 490px; height: auto; text-align: left; margin: 6px 0 12px 0; background: #C0C0BF repeat-x url(/images/bg-une-4.jpg); position: relative}
div.Wrap_une_hot3 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie-490.jpg); height: 10px; width: 490px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_une_hot3 div.anim308Tune_hotLink {width: 124px; text-align: left; margin: 5px 0 0 0; padding: 5px 2px 5px 6px; font-size: 14px; font-weight: bold; position: relative}
div.Wrap_une_hot3 div.anim308Tune_hotLink a:link {text-decoration: none; color: #515151; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot3 div.anim308Tune_hotLink a:visited {text-decoration: none; color: #515151; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot3 div.anim308Tune_hotLink a:hover {text-decoration: none; color: #00CC33; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot3 div.anim308Tune_hotLink a:active {text-decoration: none; color: #515151; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot3 div.anim308Tune_hotWrap {float: left; position: relative}
div.Wrap_une_hot3 div.anim308Tune_hottitle {color: #FFE34A; font-size: 18px; font-weight: bold; padding: 0 0 4px 0}
div.Wrap_une_hot3 div.anim308Tune_hotSpacer {float: left; width: 13px; height: 10px; padding: 0; margin: 0;}
div.Wrap_une_hot3 div.anim308Tune_hotImg {width: 140px; height: auto; text-align: center; background: white; min-height: 220px}
div.Wrap_une_hot3 div.anim308Tune_hotImgcadre {}
div.Wrap_une_hot3 div.anim308Tune_hotImgcadre_bas {width: 140px; height: 19px; background: no-repeat url(/images/deco-bas-une.png);}
div.Wrap_une_hot3 div.anim308Tune_hotImg img {padding: 9px 0 20px 0}
div.Wrap_une_hot3 div.anim308Tune_hotImg img:hover {opacity:.5;filter:alpha(opacity=50);}

div.Wrap_une_hot4 {width: 633px; height: auto; text-align: left; margin: 6px 0 12px 0; background: #C0C0BF repeat-x url(/images/bg-une-4.jpg); position: relative}
div.Wrap_une_hot4 div.col2animHead {background: #FFFFFF no-repeat url(/images/deco-top-vidgalerie.jpg); height: 10px; width: 633px; margin: 0 0 0 0; position: absolute; top: 0; left: 0}
div.Wrap_une_hot4 div.anim308Tune_hotLink {width: 124px; text-align: left; margin: 5px 0 0 0; padding: 5px 2px 5px 6px; font-size: 14px; font-weight: bold; position: relative}
div.Wrap_une_hot4 div.anim308Tune_hotLink a:link {text-decoration: none; color: #515151; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot4 div.anim308Tune_hotLink a:visited {text-decoration: none; color: #515151; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot4 div.anim308Tune_hotLink a:hover {text-decoration: none; color: #00CC33; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot4 div.anim308Tune_hotLink a:active {text-decoration: none; color: #515151; font-size: 13px; font-weight: bold; display: block}
div.Wrap_une_hot4 div.anim308Tune_hotWrap {float: left; position: relative}
div.Wrap_une_hot4 div.anim308Tune_hottitle {color: #FFE34A; font-size: 18px; font-weight: bold; padding: 0 0 4px 0}
div.Wrap_une_hot4 div.anim308Tune_hotSpacer {float: left; width: 11px; height: 10px; padding: 0; margin: 0;}
div.Wrap_une_hot4 div.anim308Tune_hotImg {width: 140px; height: auto; text-align: center; background: white; min-height: 220px}
div.Wrap_une_hot4 div.anim308Tune_hotImgcadre {}
div.Wrap_une_hot4 div.anim308Tune_hotImgcadre_bas {width: 140px; height: 19px; background: no-repeat url(/images/deco-bas-une.png);}
div.Wrap_une_hot4 div.anim308Tune_hotImg img {padding: 9px 0 20px 0}
div.Wrap_une_hot4 div.anim308Tune_hotImg img:hover {opacity:.5;filter:alpha(opacity=50);}

div.Wrap_txt_autre_large-490 {width: 610px; height: auto; text-align: left; margin: 0 0 20px 0}
div.Wrap_txt_autre_large-490 div.col2animHead {display: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Wrap {width: 610px;}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Spacer {width: 7px; height: 15px; padding: 0; margin: 0; clear: both}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_content {float: right}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Img {width: 100px; height: 100px; float: left}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Link {width: 490px; border-bottom: 2px solid #B8B8B8; padding: 5px 0 5px 30px; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-verte-txt-gauche.gif) 490px 18px}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Link a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Link a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Link a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Link a:active {font-size: 18px; font-weight: bold; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_txt {font-size: 12px; width: 610px;}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_txt a:link {font-size: 12px; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_txt a:visited {font-size: 12px; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_txt a:hover {font-size: 12px; text-decoration: none; color: #63bf18}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_txt a:active {font-size: 12px; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-galign_Img img:hover {opacity:.50;filter:alpha(opacity=50)}

div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Wrap {width: 610px;}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Spacer {width: 7px; height: 15px; padding: 0; margin: 0; clear: both}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_content {float: left}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Img {width: 100px; height: 100px; float: right}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Link {width: 490px; border-bottom: 2px solid #B8B8B8; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-verte-txt.gif) 490px bottom;}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Link a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Link a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Link a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Link a:active {font-size: 18px; font-weight: bold; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_txt {font-size: 12px; width: 490px; padding: 0 0 0}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_txt a:link {font-size: 12px; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_txt a:visited {font-size: 12px; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_txt a:hover {font-size: 12px; text-decoration: none; color: #63bf18}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_txt a:active {font-size: 12px; text-decoration: none}
div.Wrap_txt_autre_large-490 div.anim308_txt-dalign_Img img:hover {opacity:.50;filter:alpha(opacity=50)}

div.Wrap_txt_une_large {width: 633px; height: auto; text-align: left; margin: 0 0 0px 0}
div.Wrap_txt_une_large div.col2animTitle {display: none}
div.Wrap_txt_une_large div.col2animHead {display: none}
div.Wrap_txt_une_large div.anim308_txt-galign_Wrap {outline: black;}
div.Wrap_txt_une_large div.anim308_txt-galign_Spacer {width: 7px; height: 10px; padding: 0; margin: 0;}
div.Wrap_txt_une_large div.anim308_txt-galign_content {float: right}
div.Wrap_txt_une_large div.anim308_txt-galign_Img {width: 100px; height: 100px; float: left}
div.Wrap_txt_une_large div.anim308_txt-galign_Link {border-bottom: 2px solid #B8B8B8; padding: 5px 0 5px 30px; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-rouge-txt-gauche.gif) 0px 18px; width: 500px;}
div.Wrap_txt_une_large div.anim308_txt-galign_Link a:link {font-size: 20px; font-weight: bold; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-galign_Link a:visited {}
div.Wrap_txt_une_large div.anim308_txt-galign_Link a:hover {color: #63bf18}
div.Wrap_txt_une_large div.anim308_txt-galign_Link a:active {}
div.Wrap_txt_une_large div.anim308_txt-galign_txt {font-size: 16px; width: 525px;}
div.Wrap_txt_une_large div.anim308_txt-galign_txt a:link {font-size: 16px; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-galign_txt a:visited {font-size: 16px; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-galign_txt a:hover {color: #63bf18}
div.Wrap_txt_une_large div.anim308_txt-galign_txt a:active {}
div.Wrap_txt_une_large div.anim308_txt-galign_Img img:hover {opacity:.50;filter:alpha(opacity=50)}

div.Wrap_txt_une_large div.anim308_txt-dalign_Wrap {outline: black;}
div.Wrap_txt_une_large div.anim308_txt-dalign_Spacer {width: 7px; height: 10px; padding: 0; margin: 0;}
div.Wrap_txt_une_large div.anim308_txt-dalign_content {float: left}
div.Wrap_txt_une_large div.anim308_txt-dalign_Img {width: 100px; height: 100px; float: right}
div.Wrap_txt_une_large div.anim308_txt-dalign_Link {border-bottom: 2px solid #B8B8B8; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-rouge-txt.gif) 510px 18px; width: 520px}
div.Wrap_txt_une_large div.anim308_txt-dalign_Link a:link {font-size: 20px; font-weight: bold; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-dalign_Link a:visited {font-size: 20px; font-weight: bold; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-dalign_Link a:hover {color: #63bf18}
div.Wrap_txt_une_large div.anim308_txt-dalign_Link a:active {}
div.Wrap_txt_une_large div.anim308_txt-dalign_txt {font-size: 16px; width: 525px; padding: 0 0 0}
div.Wrap_txt_une_large div.anim308_txt-dalign_txt a:link {font-size: 16px; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-dalign_txt a:visited {font-size: 16px; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-dalign_txt a:hover {color: #63bf18}
div.Wrap_txt_une_large div.anim308_txt-dalign_txt a:active {}
div.Wrap_txt_une_large div.anim308_txt-dalign_Img img:hover {opacity:.50;filter:alpha(opacity=50)}

div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Wrap {width: 633px; height: auto; background: #F0F0F0}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Spacer {width: 7px; height: 1px; padding: 0; margin: 0;}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_content {}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Img {width: 175px; height: 175px; float: right; border: 1px solid black; padding: 10px; background: #FFFFFF; margin: 4px 10px 4px 0}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Link {border-bottom: 2px solid #B8B8B8; padding: 5px 16px 5px 10px; margin: 0 0 0 0; background: no-repeat url(/images/break-news-top-deco.gif) #363636}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Link a:link {font-size: 20px; font-weight: bold; text-decoration: none; color: #efefef}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Link a:visited {font-size: 20px; font-weight: bold; text-decoration: none; color: #efefef}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Link a:hover {color: #63bf18}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Link a:active {}
div.Wrap_txt_une_large div.anim308_txt-padding {padding: 10px 0 0 15px}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_txt {font-size: 16px; width: 418px; float: left; padding: 0 0 0}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_txt a:link {font-size: 16px; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_txt a:visited {font-size: 16px; text-decoration: none}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_txt a:hover {color: #63bf18}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_txt a:active {}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_Img img:hover {opacity:.50;filter:alpha(opacity=50)}
div.Wrap_txt_une_large div.anim308_txt-dalign-img-large_bottom {width: 633px; height: 17px; background: no-repeat url(/images/break-news-bot-deco.gif)}

div.Wrap_txt_une_demi {width: 633px; height: auto; text-align: left;}
div.Wrap_txt_une_demi div.col2animTitle {display: none}
div.Wrap_txt_une_demi div.col2animHead {display: none}
div.Wrap_txt_une_demi div.anim308_txt-demi_Wrap {float: left; margin: 0 8px 40px 8px}
div.Wrap_txt_une_demi div.anim308_txt-demi_Spacer {width: 15px; height: 40px; padding: 0; margin: 0; float: left}
div.Wrap_txt_une_demi div.anim308_txt-demi_content {width: 300px;}
div.Wrap_txt_une_demi div.anim308_txt-demi_Img {width: 100px; height: 100px; float: left}
div.Wrap_txt_une_demi div.anim308_txt-demi_Link {border-bottom: 1px solid #B8B8B8; padding: 5px 0 5px 30px; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-rouge-txt-gauche.gif) 0px 18px}
div.Wrap_txt_une_demi div.anim308_txt-demi_Link a:link {font-size: 16px; font-weight: bold; text-decoration: none; color: #238D00}
div.Wrap_txt_une_demi div.anim308_txt-demi_Link a:visited {font-size: 16px; font-weight: bold; text-decoration: none; color: #238D00}
div.Wrap_txt_une_demi div.anim308_txt-demi_Link a:hover {font-size: 16px; font-weight: bold; text-decoration: none; color: #238D00;color: #515151}
div.Wrap_txt_une_demi div.anim308_txt-demi_Link a:active {font-size: 16px; font-weight: bold; text-decoration: none; color: #238D00}
div.Wrap_txt_une_demi div.anim308_txt-demi_txt {font-size: 13px; width: 300px;}
div.Wrap_txt_une_demi div.anim308_txt-demi_txt a:link {font-size: 13px; text-decoration: none}
div.Wrap_txt_une_demi div.anim308_txt-demi_txt a:visited {font-size: 13px; text-decoration: none}
div.Wrap_txt_une_demi div.anim308_txt-demi_txt a:hover {font-size: 13px; text-decoration: none;color: #63bf18}
div.Wrap_txt_une_demi div.anim308_txt-demi_txt a:active {font-size: 13px; text-decoration: none}
div.Wrap_txt_une_demi div.anim308_txt-demi_content img:hover {opacity:.50;filter:alpha(opacity=50)}

div.bigbox2accueil {width: 323px; height: auto; text-align: right; float: left; margin: 30px 0 0 0}
div.centerboxFlag {background: no-repeat url(/images/web-buzz.png); position: absolute; width: 200px; height: 42px; left: -75px; top: 80px}
div.centerbox {width: 330px; height: auto; text-align: left; float: left; margin: 30px 0 0 0}
div.centerbox div.col2animTitle {display: none}
div.centerbox div.col2animHead {display: none}
div.centerbox div.anim513_txt-demi_Wrap {float: right; margin: 0 8px 40px 8px}
div.centerbox div.anim513_txt-demi_Spacer {width: 15px; height: 40px; padding: 0; margin: 0; float: left}
div.centerbox div.anim513_txt-demi_content {width: 300px;}
div.centerbox div.anim513_txt-demi_Img {width: 100px; height: 100px; float: left;}
div.centerbox div.col2animanimationLink {display: none}
div.centerbox div.anim513_txt-demi_txt {font-size: 14px; width: 300px;  position: relative}
div.centerbox div.anim513_txt-demi_txt a:link {font-size: 14px; text-decoration: none}
div.centerbox div.anim513_txt-demi_txt a:visited {font-size: 14px; text-decoration: none}
div.centerbox div.anim513_txt-demi_txt a:hover {font-size: 14px; text-decoration: none; color: #63bf18}
div.centerbox div.anim513_txt-demi_txt a:active {font-size: 14px; text-decoration: none}
div.centerbox div.anim513_txt-demi_Link {margin: 0 0 10px 0}
div.centerbox div.anim513_txt-demi_Link a:link {font-size: 15px; font-weight: bold; text-decoration: none; color: #414141}
div.centerbox div.anim513_txt-demi_Link a:visited {font-size: 15px; font-weight: bold; text-decoration: none; color: #414141}
div.centerbox div.anim513_txt-demi_Link a:hover {font-size: 15px; font-weight: bold; text-decoration: none; color: #63bf18}
div.centerbox div.anim513_txt-demi_Link a:active {font-size: 15px; font-weight: bold; text-decoration: none; color: #414141}
div.centerbox div.anim513_txt-demi_content img:hover {opacity:.50;filter:alpha(opacity=50)}

#titre-jeu-pause-cafe { font-size:16px; font-weight:bold}


#fdm_title01 {width:628px; background:#292929; margin-bottom:18px }
div.titre-jeu-pause-cafe {text-align:left}
div.titre-jeu-pause-cafe a {padding:10px; font-weight:bold; font-size:14px; color:#FCFCFC; text-align:left; display:block; text-decoration:none}
div.titre-jeu-pause-cafe a:link {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
div.titre-jeu-pause-cafe a:visited {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}
div.titre-jeu-pause-cafe a:hover {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules-00.gif);}
div.titre-jeu-pause-cafe a:active {background-image:url(http://www.francoischarron.com/images/bg-souscat-toules.gif);}




div.anim308Tune_hotWrap {float: left; position: relative}
div.anim308Tune_hottitle {color: #FFE34A; font-size: 18px; font-weight: bold; padding: 0 0 4px 0}
div.anim308Tune_hotSpacer {float: left; width: 11px; height: 10px; padding: 0; margin: 0;}
div.anim308Tune_hotImg {width: 140px; height: auto; text-align: center; background: white; min-height: 220px}
div.anim308Tune_hotImgcadre {}


div.anim308Tune_hotImgcadre_bas {width: 140px; height: 19px; background: no-repeat url(/images/deco-bas-une.png);}
div.anim308Tune_hotImg img {padding: 9px 0 20px 0}
div.anim308Tune_hotImg img:hover {opacity:.5;filter:alpha(opacity=50);}

div.Wrap_une_hot div.anim308Tune_hotLink {width: 124px; text-align: left; margin: 5px 0 0 0; padding: 5px 2px 5px 2px; font-size: 14px; font-weight: bold; position: relative}
div.Wrap_une_hot div.anim308Tune_hotLink a:link {text-decoration: none; color: #515151; font-size: 12px; font-weight: bold; display: block}
div.Wrap_une_hot div.anim308Tune_hotLink a:visited {text-decoration: none; color: #515151; font-size: 12px; font-weight: bold; display: block}
div.Wrap_une_hot div.anim308Tune_hotLink a:hover {text-decoration: none; color: #00CC33; font-size: 12px; font-weight: bold; display: block}
div.Wrap_une_hot div.anim308Tune_hotLink a:active {text-decoration: none; color: #515151; font-size: 12px; font-weight: bold; display: block}

div.col3animWrap_techno__econos_ecolos {width: 306px; height: auto; text-align: left; margin: 12px 0 0 0; background: repeat-y url(/images/grey-box-pix-bg.gif);}
div.col3animWrap_techno__econos_ecolos img.col3animImg {float: right; margin: 4px}
div.col3animWrap_techno__econos_ecolos div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_techno__econos_ecolos div.col3animTitle {display: none}
div.col3animWrap_techno__econos_ecolos div.col3animContent {font-size: 12px; color: #515151; background: no-repeat url(/images/grey-box-top.gif);}
div.col3animWrap_techno__econos_ecolos div.col3animContent p {font-size: 12px; color: #515151; background: #EFEFEF}
div.col3animWrap_techno__econos_ecolos div.col3animGraphTitle {width: 300px; height: 85px; background: no-repeat url(/images/grey-box-trucs-logo.gif);}
div.col3animWrap_techno__econos_ecolos div.col3animDecoBottom {background: no-repeat url(/images/grey-box-bot.gif); width: 306px; height: 16px}
div.col3animWrap_techno__econos_ecolos div.col3animseparator {}
div.col3animWrap_techno__econos_ecolos li.anim311SingleLink {list-style: square; color: #FF0000}
div.col3animWrap_techno__econos_ecolos ul.anim311SingleLink {}
div.col3animWrap_techno__econos_ecolos a.anim311SingleLink {position: relative}

div.col3animWrap_nouveaute_en_une_page {width: 306px; height: auto; text-align: left; margin: 12px 0 0 0; background: repeat-y url(/images/ocra-box-pix-bg.gif);}
div.col3animWrap_nouveaute_en_une_page img.col3animImg {float: right; margin: 4px}
div.col3animWrap_nouveaute_en_une_page div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_nouveaute_en_une_page div.col3animTitle {display: none}
div.col3animWrap_nouveaute_en_une_page div.col3animContent {font-size: 12px; color: #515151; background: no-repeat url(/images/ocra-box-top.gif); padding: 0 20px 0 30px}
div.col3animWrap_nouveaute_en_une_page div.col3animContent a:link {font-size: 12px; text-decoration: none; font-weight: bold; line-height: 22px}
div.col3animWrap_nouveaute_en_une_page div.col3animContent a:visited {font-size: 12px; text-decoration: none; font-weight: bold; line-height: 22px}
div.col3animWrap_nouveaute_en_une_page div.col3animContent a:hover {font-size: 12px; text-decoration: none; color: #00CC00; font-weight: bold; line-height: 22px}
div.col3animWrap_nouveaute_en_une_page div.col3animContent a:active {font-size: 12px; text-decoration: none; font-weight: bold; line-height: 22px}
div.col3animWrap_nouveaute_en_une_page div.col3animGraphTitle {width: 300px; height: 85px; background: no-repeat url(/images/ocra-box-nouveaute-logo.gif);}
div.col3animWrap_nouveaute_en_une_page div.col3animDecoBottom {background: no-repeat url(/images/ocra-box-bot.gif); width: 306px; height: 16px}
div.col3animWrap_nouveaute_en_une_page div.col3animseparator {}
div.col3animWrap_nouveaute_en_une_page li.anim311SingleLink {list-style: square; color: #FF0000}
div.col3animWrap_nouveaute_en_une_page ul.anim311SingleLink {}
div.col3animWrap_nouveaute_en_une_page a.anim311SingleLink {position: relative}

div.col3animWrap_voir_aussi {width: 306px; height: auto; text-align: left; margin: 12px 0 0 0; background: repeat-y url(/images/grey-box-pix-bg.gif)}
div.col3animWrap_voir_aussi img.col3animImg {float: right; margin: 4px}
div.col3animWrap_voir_aussi div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_voir_aussi div.col3animTitle {display: none}
div.col3animWrap_voir_aussi div.col3animContent {font-size: 12px; color: #515151; background: no-repeat url(/images/grey-box-top.gif);}
div.col3animWrap_voir_aussi div.col3animContent p {font-size: 12px; color: #515151; background: #EFEFEF}
div.col3animWrap_voir_aussi div.col3animGraphTitle {width: 300px; height: 50px; background: no-repeat url(/images/grey-box-voiraussi-logo.gif);}
div.col3animWrap_voir_aussi div.col3animDecoBottom {background: no-repeat url(/images/grey-box-bot.gif); width: 306px; height: 16px}
div.col3animWrap_voir_aussi div.col3animseparator {}
div.col3animWrap_voir_aussi li.anim311SingleLink {list-style: square; color: #FF0000}
div.col3animWrap_voir_aussi ul.anim311SingleLink {}
div.col3animWrap_voir_aussi a.anim311SingleLink {position: relative}
div.col3animWrap_voir_aussi a.anim311SingleLink:hover {position: relative; color: black}

div.col3animWrap_911ordi {width: 306px; height: auto; text-align: left; margin: 12px 0 0 0; background: repeat-y url(/images/grey-box-pix-bg.gif);}
div.col3animWrap_911ordi img.col3animImg {float: right; margin: 4px}
div.col3animWrap_911ordi div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_911ordi div.col3animTitle {display: none}
div.col3animWrap_911ordi div.col3animContent {font-size: 12px; color: #515151; background: no-repeat url(/images/grey-box-top.gif); padding: 0 0 10px 10px}
div.col3animWrap_911ordi div.col3animGraphTitle {width: 300px; height: 60px; background: no-repeat url(/images/grey-box-911ordi-logo.gif);}
div.col3animWrap_911ordi div.col3animDecoBottom {background: no-repeat url(/images/grey-box-bot.gif); width: 306px; height: 16px}
div.col3animWrap_911ordi div.col3animseparator {}
div.col3animWrap_911ordi li.anim311SingleLink {list-style: square; color: #FF0000}
div.col3animWrap_911ordi ul.anim311SingleLink {}
div.col3animWrap_911ordi a.anim311SingleLink {position: relative}
div.col3animWrap_911ordi a.anim311SingleLink:hover {position: relative; color: black}

/* CSS Chronique */
div.chrWrap {width: 600px; height: auto; padding: 6px 6px 6px 6px; text-align: left; margin: 0 0 25px 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; right: 2px; 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; text-align: left; margin: 0 0 0 0}
div.chrdatelist {font-size: 8px; font-weight: bold}
div.separatorlist {height: 3px; width: 100%;}

div.chrTitlelist {width: 480px; border-bottom: 2px solid #B8B8B8; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-verte-txt.gif) 480px bottom;}
div.chrContentvideo div.chrTitlelist {width: 400px; border-bottom: 2px solid #B8B8B8; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-verte-txt.gif) 404px bottom;}
div.chrContentpps div.chrTitlelist {width: 460px; border-bottom: 2px solid #B8B8B8; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-verte-txt.gif) 451px bottom;}
div.chrTitlelist a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelist a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelist a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.chrTitlelist a:active {font-size: 18px; font-weight: bold; text-decoration: none}


div.chrWraplistRSS {width: 490px; height: 150px; text-align: left; margin: 0 0 0 0}
div.chrTitlelistRSS {width: 472px; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/rss.png) 462px bottom;}
div.chrTitlelistRSS a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistRSS a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistRSS a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.chrTitlelistRSS a:active {font-size: 18px; font-weight: bold; text-decoration: none}

div.chrTitlelistnoimage {width: 482px; border-bottom: 2px solid #B8B8B8; padding: 5px 12px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/fleche-verte-txt.gif) 482px bottom;}
div.chrTitlelistnoimage a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistnoimage a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistnoimage a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.chrTitlelistnoimage a:active {font-size: 18px; font-weight: bold; text-decoration: none}

div.chrTitlelistnoimagecadenasopen {width: 472px; border-bottom: 2px solid #B8B8B8; padding: 5px 22px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/cadenas-ouvert.gif) 472px bottom;}
div.chrTitlelistnoimagecadenasopen a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistnoimagecadenasopen a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistnoimagecadenasopen a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.chrTitlelistnoimagecadenasopen a:active {font-size: 18px; font-weight: bold; text-decoration: none}

div.chrTitlelistnoimagecadenasclose {width: 472px; border-bottom: 2px solid #B8B8B8; padding: 5px 22px 5px 0; margin: 0 0 10px 0; background: no-repeat url(/images/cadenas-ferme.gif) 472px bottom;}
div.chrTitlelistnoimagecadenasclose a:link {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistnoimagecadenasclose a:visited {font-size: 18px; font-weight: bold; text-decoration: none}
div.chrTitlelistnoimagecadenasclose a:hover {font-size: 18px; font-weight: bold; text-decoration: none; color: #63bf18}
div.chrTitlelistnoimagecadenasclose a:active {font-size: 18px; font-weight: bold; text-decoration: none}


a.lasuite:link {display: none}
a.lasuite:visited {display: none}
a.lasuite:hover {display: none}
a.lasuite:active{display: none}

div.center {padding-top: 6px; height: auto; width: 100%}
div.chrContent {font-size: 12px; color: #515151; float: left; width: 480px; min-height: 100px}
div.chrContentnoimage {font-size: 12px; color: #515151; float: left; width: 490px;min-height: 100px}
div.chrContentvideo {font-size: 12px; color: #515151; float: left; width: 410px; padding: 10px;}
div.chrContentpps {font-size: 12px; color: #515151; float: left; width: 450px; 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; display: none}

div.fdjBack {width: 300px; background: #DBDBDB repeat-x url(/images/bg-ent-foliedujour.png); background-position: 30px 0}
div.fdjBorder {width: 300px; background: no-repeat url(/images/folie-du-jour-ent.png); padding: 70px 0 0 0}
div.fdjWrap {width: 300px; }
div.fdjformWrap {width: 274px;}
div.fdjWrapLg {width: 490px; padding: 5px;}
div.fdjformWrapLg {width: 478px; margin: 6px 0 0 0}
div.fdjform {text-align: left; background: white; border: 1px solid gray; padding: 6px}
#fdjformnewsmsg {font-size: 14px; font-weight: bold; width: 100%}
input.inscription {font-size: 10pt; color: #FFFFFF; background-color: #FF6600; border-color: #000044; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; height: 16pt; font-weight: bold} 
div.fdjformtxt {float: left; width: 120px}
div.fdjformcheck {float: left}
div.fdj308formtxt {float: left; width: 390px}
div.fdj308formcheck {float: left; background: #E8E8E8; padding: 10px}
div.fdj308formtxtTitle {font-size: 14px; font-weight: bold; }
#fdj308formnewsmsg {color: #FF6600; font-size: 17px; font-weight: bold; height: 20px;  width: 390px}
div.fdjspacer {width: 3px; height: 10px;float: left;}
div.fdjspacercentre {width: 3px; height: 10px;float: left;}
div.fdjvideo {float: left;}
div.fdjpps {float: left}
div.fdjImg {border: 2px solid #494949; height: 90px; width: 120px; position: relative}
div.fdjImg img:hover {opacity:.50;filter:alpha(opacity=50)}
div.fdjVidImg {border: 2px solid #494949; height: 90px; width: 160px; position: relative}
div.fdjVidImg img:hover {opacity:.50;filter:alpha(opacity=50)}

div.fdjHspacer {width: auto; height: 10px}
div.fdjHspacertitle {width: 128px; font-size: 12px; font-weight: bold; padding: 4px 0 4px 0; float: left; color: white}
div.fdjVidHspacertitle {width: 164px; font-size: 12px; font-weight: bold; padding: 4px 0 4px 0; float: left; color: white}

div.fdjLink {width: 126px; text-align: center; background: #5d5d5d; display: block; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; border-left: 1px solid gray; min-height: 30px; padding: 2px 0 0 0}
div.fdjLink:hover {background: white}
div.fdjLink a {min-height: 30px; display: block; width: 124px; font-weight: normal; text-decoration: none; color: white}
div.fdjLink a:hover {color: black}

div.fdjVidLink {width: 162px; text-align: center; background: #5d5d5d; display: block; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; border-left: 1px solid gray; min-height: 30px; padding: 2px 0 0 0}
div.fdjVidLink:hover {background: white}
div.fdjVidLink a {width: 160px; min-height: 30px; display: block; font-weight: normal; text-decoration: none; color: white; text-align: center;}
div.fdjVidLink a:hover {color: black}

div.fdjphoto {width: 100%; text-align: center}
div.fdjphotoImg {position: relative; text-align: center; width: 250px; height: auto; border: 12px solid #494949; overflow: hidden}
div.fdjphotoImg img:hover {opacity:.50;filter:alpha(opacity=50)}
div.fdjabonnement a {display: block}
div.fdjabonnement a:link {background: repeat-x 0 -20px url(/images/button-large.png); width: 274px; margin: 12px 0 0 0; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.fdjabonnement a:visited {background: repeat-x 0 -20px url(/images/button-large.png); width: 274px; margin: 12px 0 0 0; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.fdjabonnement a:hover {background: #D5E04D; width: 274px; margin: 12px 0 0 0; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none; color: #373737}
div.fdjabonnement a:active {background: repeat-x 0 -20px url(/images/button-large.png); width: 274px; margin: 12px 0 0 0; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.fdjexemple {width: 274px; margin: 12px 0 0 0; font-size: 10px; font-weight: normal; padding: 6px 0 6px 0}

div.col3animWrap_fdj {padding: 0 0 0 0}
div.col3animWrap_fdj img.col3animImg {float: right; margin: 4px}
div.col3animWrap_fdj div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_fdj div.col3animTitle {display: none;}
div.col3animWrap_fdj div.col3animContent {font-size: 12px; color: #515151;}
div.col3animWrap_fdj div.col3animContent p {font-size: 12px; color: #515151;}
div.col3animWrap_fdj div.col3animseparator {height: 2px; width: 100%; margin: 0 0 0 0}

div.col3animWrap_top3 {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; overflow: hidden}
div.col3animWrap_top3 img.col3animImg {float: right; margin: 4px}
div.col3animWrap_top3 div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_top3 div.col3animTitle {width: 300px; height: 30px; font-size: 0px; font-weight: bold; padding: 4px 0 1px 4px; color: #F9F9F9; background: no-repeat url(/images/titre-top3.gif) 0 5px; text-indent: -9000px}
div.col3animWrap_top3 div.col3animContent {font-size: 12px; color: #515151; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_top3 div.col3animContent p {font-size: 12px; color: #515151; }
div.col3animWrap_top3 div.col3animseparator {display: none;}
div.col3animWrap_top3 div.Wrap_droit {width: 300px; margin: 0 0 0 0;}
div.col3animWrap_top3 div.Img_droit {float: left; width: 75px; border-top: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_top3 div.LINK_droit {float: left; width: 223px; min-height: 75px; border-top: 1px solid #7b7b7b; border-right: 0 solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; background: repeat-x url(/images/button-large.png)}
div.col3animWrap_top3 div.LINK_droit a {min-height: 65px; font-size: 14px; display: block; padding: 4px 6px 6px 6px; font-weight: normal; text-decoration: none; color: #666666}
div.col3animWrap_top3 div.LINK_droit a:hover {min-height: 65px; display: block; font-size: 14px; color: #F0F0F0; background: url(/images/button-large-on.png);}

div.col3animWrap_nouveautes {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; overflow: hidden}
div.col3animWrap_nouveautes img.col3animImg {float: right; margin: 4px}
div.col3animWrap_nouveautes div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_nouveautes div.col3animTitle {width: 300px; height: 30px; font-size: 0px; font-weight: bold; padding: 4px 0 1px 4px; color: #F9F9F9; background: no-repeat url(/images/titre-nouveautes.gif) 0 5px; text-indent: -9000px}
div.col3animWrap_nouveautes div.col3animContent {font-size: 12px; color: #515151; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_nouveautes div.col3animContent p {font-size: 12px; color: #515151; }
div.col3animWrap_nouveautes div.col3animseparator {display: none;}
div.col3animWrap_nouveautes div.Wrap_droit {width: 300px; margin: 0 0 0 0;}
div.col3animWrap_nouveautes div.Img_droit {float: left; width: 75px; border-top: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_nouveautes div.LINK_droit {float: left; width: 223px; min-height: 75px; border-top: 1px solid #7b7b7b; border-right: 0 solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; background: repeat-x url(/images/button-large.png)}
div.col3animWrap_nouveautes div.LINK_droit a {min-height: 65px; font-size: 14px; display: block; padding: 4px 6px 6px 6px; font-weight: normal; text-decoration: none; color: #666666}
div.col3animWrap_nouveautes div.LINK_droit a:hover {min-height: 65px; display: block; font-size: 14px; color: #F0F0F0; background: url(/images/button-large-on.png);}

div.col3animWrap_en_vedette {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; overflow: hidden}
div.col3animWrap_en_vedette img.col3animImg {float: right; margin: 4px}
div.col3animWrap_en_vedette div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_en_vedette div.col3animTitle {width: 300px; height: 30px; font-size: 0px; font-weight: bold; padding: 4px 0 1px 4px; color: #F9F9F9; background: no-repeat url(/images/titre-en-vedette.gif) 0 5px; text-indent: -9000px}
div.col3animWrap_en_vedette div.col3animContent {font-size: 12px; color: #515151; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_en_vedette div.col3animContent p {font-size: 12px; color: #515151; }
div.col3animWrap_en_vedette div.col3animseparator {display: none;}
div.col3animWrap_en_vedette div.Wrap_droit {width: 300px; margin: 0 0 0 0;}
div.col3animWrap_en_vedette div.Img_droit {float: left; width: 75px; border-top: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_en_vedette div.LINK_droit {float: left; width: 223px; min-height: 75px; border-top: 1px solid #7b7b7b; border-right: 0 solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; background: repeat-x url(/images/button-large.png)}
div.col3animWrap_en_vedette div.LINK_droit a {min-height: 65px; font-size: 14px; display: block; padding: 4px 6px 6px 6px; font-weight: normal; text-decoration: none; color: #666666}
div.col3animWrap_en_vedette div.LINK_droit a:hover {min-height: 65px; display: block; font-size: 14px; color: #F0F0F0; background: url(/images/button-large-on.png);}


div.col3animWrap_webbuzz {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; overflow: hidden}
div.col3animWrap_webbuzz img.col3animImg {float: right; margin: 4px}
div.col3animWrap_webbuzz div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_webbuzz div.col3animTitle {width: 300px; height: 30px; font-size: 0px; font-weight: bold; padding: 4px 0 1px 4px; color: #F9F9F9; background: no-repeat url(/images/titre-en-webbuzz.gif) 0 5px; text-indent: -9000px}
div.col3animWrap_webbuzz div.col3animContent {font-size: 12px; color: #515151; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_webbuzz div.col3animContent p {font-size: 12px; color: #515151; }
div.col3animWrap_webbuzz div.col3animseparator {display: none;}
div.col3animWrap_webbuzz div.Wrap_droit {width: 300px; margin: 0 0 0 0;}
div.col3animWrap_webbuzz div.Img_droit {float: left; width: 75px; border-top: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_webbuzz div.LINK_droit {float: left; width: 223px; min-height: 75px; border-top: 1px solid #7b7b7b; border-right: 0 solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; background: repeat-x url(/images/button-large.png)}
div.col3animWrap_webbuzz div.LINK_droit a {min-height: 65px; font-size: 14px; display: block; padding: 4px 6px 6px 6px; font-weight: normal; text-decoration: none; color: #666666}
div.col3animWrap_webbuzz div.LINK_droit a:hover {min-height: 65px; display: block; font-size: 14px; color: #F0F0F0; background: url(/images/button-large-on.png);}


div.col2animWrap_gris {width: 620px; height: auto; padding: 6px 6px 6px 6px; text-align: left; margin: 6px 0 6px 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: #333333; border-bottom: 6px solid #D5D5D5; background: white}
div.col2animWrap_gris div.col2animContent {width: 159px; font-size: 12px; color: #515151; background: #ffffff; padding: 10px; border-top: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF}
div.col2animWrap_gris div.col2animseparator {height: 2px; width: 100%; margin: 0 0 0 0}

/*             styles for the star rater                */	
#vote-wrap {width: auto; height: 44px; }

#votenow {float: left; background: no-repeat url(/images/vote-bg.png); height: 44px; width: 141px; padding: 7px 0 0 5px}
#votetxt {float: left; width: 60px}
#vote-total {float: left}
div.vi_vote_spacer {width: 300px; height: 44px; position: relative; float: left; left: 160px}

	.star-rating{
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url('/images/alt_star.gif') repeat-x top left;; list-style-type:none		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*&*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url('/images/alt_star.gif') left bottom;
		z-index: 2;
		left: 0px;
		border:medium none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url('/images/alt_star.gif') left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}	
	
div.concoursblockchrWrapCanoe {border: 1px solid black; width: 490px; background: repeat-x url(/images/button-large-upsidedown.png);}
div.concoursblockchrWrapCanoe {width: 488px;}
div.concoursimgCanoe {float: left; width: 200px; padding: 8px}
div.concourstitleCanoe {float: left; width: 250px; font-size: 13px; font-weight: bold; color: #434343; text-align: center}
div.concoursbuttonCanoe {width: 250px;  padding: 5px}
div.concourschrWrapCanoe a.participez {display: block; position: relative; text-align: center}
div.concourschrWrapCanoe a.participez:link {background: repeat-x 0 -20px url(/images/button-large.png); width: 223px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrapCanoe a.participez:visited {background: repeat-x 0 -20px url(/images/button-large.png); width: 223px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrapCanoe a.participez:hover {background: #D5E04D; width: 223px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none; color: #373737}
div.concourschrWrapCanoe a.participez:active {background: repeat-x 0 -20px url(/images/button-large.png); width: 223px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concoursvalueCanoe {font-size: 14px; font-weight: bold; color: #00CC00; text-align: center; width: 175px;}	
	
div.concoursblockchrWrap {}
div.concourschrWrap {width: 200px; float: left; margin: 10px 0 0 14px}
div.concoursblockchrWrap div.concourstitle {font-weight: bold; font-size: 14px; min-height: 90px; color: #4E4E4E; border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; background: repeat-x url(/images/button-large-upsidedown.png); padding: 0 6px 0 6px}
div.concoursvalue {border-left: 1px solid gray; border-right: 1px solid gray; font-size: 14px; font-weight: bold; color: #00CC00}
div.concoursblockchrContent {}
div.concoursimg {padding-bottom: 6px}
div.concoursbutton {}
div.concourschrWrap a.participez {display: block; position: relative; top: -20px}
div.concourschrWrap a.participez:link {background: repeat-x 0 -20px url(/images/button-large.png); width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrap a.participez:visited {background: repeat-x 0 -20px url(/images/button-large.png); width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrap a.participez:hover {background: #D5E04D; width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none; color: #373737}
div.concourschrWrap a.participez:active {background: repeat-x 0 -20px url(/images/button-large.png); width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrap a.participezimg {display: block;}
div.concourschrWrap a.participezimg:link {background: repeat-x url(/images/button-large.png); width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrap a.participezimg:visited {background: repeat-x url(/images/button-large.png); width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}
div.concourschrWrap a.participezimg:hover {background: #D5E04D; width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none; color: #373737}
div.concourschrWrap a.participezimg:active {background: repeat-x url(/images/button-large.png); width: 198px; font-size: 16px; font-weight: bold; padding: 6px 0 6px 0; border: 1px solid gray; text-decoration: none}

div.col3animWrap_concours {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; overflow: hidden}
div.col3animWrap_concours img.col3animImg {float: right; margin: 4px}
div.col3animWrap_concours div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_concours div.col3animTitle {width: 300px; height: 30px; font-size: 0px; font-weight: bold; padding: 4px 0 1px 4px; color: #F9F9F9; background: no-repeat url(/images/titre-nos-concours.gif) 0 5px; text-indent: -9000px}
div.col3animWrap_concours div.col3animContent {font-size: 12px; color: #515151; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_concours div.col3animseparator {display: none;}
div.col3animWrap_concours_off {width: 300px; height: auto; text-align: left; margin: 6px 0 0 0; border-top: 0px dotted #8a8a8a; border-bottom: 0 dotted #8a8a8a; border-right: 0px dotted #8a8a8a; border-left: 0px dotted #8a8a8a; overflow: hidden}
div.col3animWrap_concours_off img.col3animImg {float: right; margin: 4px}
div.col3animWrap_concours_off div.col3animLink {padding: 4px 4px 4px 4px; clear: both}
div.col3animWrap_concours_off div.col3animTitle {width: 300px; height: 33px; font-size: 0px; font-weight: bold; padding: 4px 0 1px 4px; color: #F9F9F9; background: no-repeat url(/images/titre-concours-off.gif) 0 5px; text-indent: -9000px}
div.col3animWrap_concours_off div.col3animContent {font-size: 12px; color: #515151; border-bottom: 1px solid #7b7b7b;}
div.col3animWrap_concours_off div.col3animseparator {display: none;}

div.concoursWrap_gauche {width: 150px; margin: 0 0 4px 0;}
div.concoursImg_gauche {border-top: 1px solid silver; border-right: 1px solid silver; border-left: 1px solid silver; border-bottom: 1px solid silver;}
div.concoursTitle_gauche {background: #e8e8e8; min-height: 35px; border: 1px solid silver}
div.concoursLINK_gauche {}
div.concoursLINK_gauche a {font-size: 10px; display: block; min-height: 33px; padding: 6px; font-weight: bold; text-decoration: none; color: #6F6B5D}
div.concoursLINK_gauche a:hover {font-size: 10px; background: #D0F1FD; color: #373737}
div.concoursWrap_droit {width: 300px; margin: 0 0 0 0;}
div.concoursImg_droit {float: left; width: 75px; border-top: 1px solid #7b7b7b; border-right: 1px solid #7b7b7b; border-bottom: 2px solid #7b7b7b;}
div.concoursTitle_droit {float: left; width: 223px; min-height: 75px; border-top: 1px solid #7b7b7b; border-right: 0 solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 2px solid #7b7b7b; background: repeat-x url(/images/button-large.png)}
div.concoursTitle_droit:hover {}
div.concoursLINK_droit {min-height: 50px; font-size: 12px; padding: 4px 6px 0 6px; color: #666666}
div.concoursLINK_droit a {font-size: 12px; display: block; padding: 4px 6px 6px 6px; font-weight: normal; text-decoration: none; color: #666666}
div.concoursLINK_droit a:hover {font-size: 12px; color: #F0F0F0; background: url(/images/button-large-on.png); border-bottom: 1px dotted}
div.concoursPRIX_droit {text-align: center; padding: 0 4px 0 4px; font-size: 13px; font-weight: bold; color: #339900; line-height: 22px; background: no-repeat url(/images/price-bkg.png)}
div.concoursPRIX_droit a:link {text-align: center; padding: 0 4px 0 4px; font-size: 13px; font-weight: bold; line-height: 22px; text-decoration: none; display: block}
div.concoursPRIX_droit a:visited {text-align: center; padding: 0 4px 0 4px; font-size: 13px; font-weight: bold; line-height: 22px;text-decoration: none; display: block}
div.concoursPRIX_droit a:hover {text-align: center; padding: 0 4px 0 4px; font-size: 13px; font-weight: bold; line-height: 22px; text-decoration: none; background: no-repeat -4px 0 url(/images/price-bkg-on.png); display: block; width: 100%; color: white}
div.concoursPRIX_droit a:active {text-align: center; padding: 0 4px 0 4px; font-size: 13px; font-weight: bold; line-height: 22px;text-decoration: none; display: block}
div.concourstitle {font-size: 24px; font-weight: bold; text-decoration: none; padding: 8px 4px 4px 0; color: #204B8C; margin: 6px 0 0 0}
div.concourstitle_admin {font-size: 20px; font-weight: bold; text-decoration: none; padding: 8px 4px 4px 0; color: #204B8C; margin: 6px 0 0 0}

div.concoursPRIX_descr {padding: 0 4px 10px 4px; font-size: 13px; font-weight: bold; color: #339900; line-height: 22px; border-bottom: 4px solid gray}
div.concoursWrap_haut {width: 490px; margin: 10px 0 10px 0; border-bottom: 1px solid gray}
div.concoursImg_haut {float: left; width: 181px; border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver;}
div.concoursCONTENT_haut {float: left;}
div.concoursDESC_haut {width: 285px; text-align: left; padding: 10px;}
div.concoursLINK_haut { }
div.concoursLINK_haut a {font-size: 12px; display: block; padding: 0 0 0 0; font-weight: bold; text-decoration: none; color: #6F6B5D; text-align: left; width: 285px}
div.concoursLINK_haut a:hover {font-size: 12px; color: #373737}

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

/*****************************************************************NEW TEMPLaTE */


div.col2animWrap_charcoal_490 {width: 490px; height: auto; padding: 6px 0 6px 0; text-align: left; margin: 6px 0 38px 0}
div.col2animWrap_charcoal_490 img.col2animImg {display: none}
div.col2animWrap_charcoal_490 div.col2animLink {padding: 4px 4px 4px 4px; clear: both}
div.col2animWrap_charcoal_490 div.col2animTitle {font-size: 16px; font-weight: bold; padding: 4px 2px 1px 0; color: #7D7465; border-bottom: 6px solid #636363; background: white}
div.col2animWrap_charcoal_490 div.col2animContent {font-size: 12px; color: #515151; background: #ffffff repeat url(/siteweb2008/images/bg-490-co2.gif); border-top: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF}
div.col2animWrap_charcoal_490 div.col2animContent p {font-size: 12px; color: #515151;}
div.col2animWrap_charcoal_490 div.col2animseparator {height: 2px; width: 100%; margin: 0 0 0 0; clear: both}

li.anim308T1SingleLink {color: #FF6633; padding-bottom: 6px}
ul.anim308T1SingleLink {margin-bottom: 0px; margin-top: 6px}
a.anim308T1SingleLink {position: relative; font-size: 15px}

div.anim308T2Align {width: 100%;}
div.anim308T2Wrap {width: 400px; border-bottom: 1px dashed #ff6600; padding: 2px 0 2px 0; margin-bottom: 4px}
div.anim308T2Img {float: left; width: 60px; }
div.anim308T2MedImg {position: absolute; z-index: 500; visibility: hidden; left: 20px; padding: 6px; background: #E2E2E2; border: 1px solid gray}
img.anim308T2Imgdeco {border: 1px solid gray}
div.anim308T2Link {float: left; padding: 10px; text-align: left; width: 310px; display: block}
div.anim308T2Link a {font-size: 13px; display: block}

li.anim308T3SingleLink {list-style: square; color: #FF6633}
ul.anim308T3SingleLink {margin-bottom: 0px; margin-top: 6px}
a.anim308T3SingleLink {left: -3px; position: relative; font-size: 12px}

div.anim308T4Align {width: 100%;}
div.anim308T4Wrap {width: 400px; border-bottom: 1px dashed #ff6600; padding: 2px 0 2px 0; margin-bottom: 4px}
div.anim308T4Img {float: left; width: 60px; }
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.anim308T5Wrap {float: left}
div.anim308T5Spacer {float: left; width: 7px; height: 10px; padding: 0; margin: 0;}
div.anim308T5Img {width: 100px; height: 100px; border: 4px solid silver; text-align: center}
div.anim308T5Link {width: 100px; text-align: center}
div.anim308T5Img img:hover {opacity:.50;filter:alpha(opacity=50)}

div.anim308T6Title {}
li.anim308T6Title {list-style: square;}
ul.anim308T6Title {margin-bottom: 0px; margin-top: 6px}

div.anim308T7Img {}
div.anim308T7Title {}
div.anim308T7Align {width: 100%;}
div.anim308T7Wrap {width: 400px; border-bottom: 1px solid #E0E0E0; padding: 2px 0 2px 0; margin-bottom: 4px}
div.anim308T7Img {float: left; width: 60px; }
img.anim308T7Imgdeco {border: 1px solid gray}
div.anim308T7Title {float: left; padding: 10px; text-align: left; width: 310px; display: block; font-size: 12px}

div.anim308T8Title {}
li.anim308T8Title {list-style: square;}
ul.anim308T8Title {margin-bottom: 0px; margin-top: 6px}

div.anim308T9Img {}
div.anim308T9Title {}
div.anim308T9Align {width: 100%;}
div.anim308T9Wrap {width: 400px; border-bottom: 1px solid #E0E0E0; padding: 2px 0 2px 0; margin-bottom: 4px}
div.anim308T9Img {float: left; width: 60px; }
img.anim308T9Imgdeco {border: 1px solid gray}
div.anim308T9Title {float: left; padding: 10px; text-align: left; width: 310px; display: block; font-size: 12px}

div.anim308T10watermark {position: absolute; background: no-repeat url(/images/tv.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.anim308T10Wrap {float: left; position: relative}
div.anim308T10Spacer {float: left; width: 22px; height: 10px; padding: 0; margin: 0;}
div.anim308T10Img {width: 120px; height: 90px; border: 4px solid #4A4A4A; text-align: center;}
div.anim308T10Img img {max-height: 90px}
div.anim308T10Link {width: 120px; text-align: center;}
div.anim308T10Img img:hover {opacity:.5;filter:alpha(opacity=50)}

div.anim308T11watermark {position: absolute; background: no-repeat url(/images/loupe.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.anim308T11Wrap {float: left; position: relative}
div.anim308T11Spacer {float: left; width: 22px; height: 10px; padding: 0; margin: 0;}
div.anim308T11Img {width: 120px; height: 90px; border: 4px solid #4A4A4A; text-align: center; overflow: hidden}
div.anim308T11Link {width: 120px; text-align: center;}
div.anim308T11Img img:hover {opacity:.5;filter:alpha(opacity=50)}

div.anim308T13watermark {position: absolute; background: no-repeat url(/images/tv-pps.png); display: block; width: 33px; height: 44px; z-index: 50; left: 90px; top: 5px}
div.anim308T13Wrap {float: left; position: relative}
div.anim308T13Spacer {float: left; width: 22px; height: 10px; padding: 0; margin: 0;}
div.anim308T13Img {width: 120px; height: 90px; border: 4px solid #4A4A4A; text-align: center;}
div.anim308T13Link {width: 120px; text-align: center;}
div.anim308T13Img img:hover {opacity:.5;filter:alpha(opacity=50)}

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


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}

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.anim311T2Img {float: left}
div.anim311T2Link {float: left; padding: 2px 0 0 4px; width: 90px}
div.anim311T3Link {}
div.anim311T4Img {}
div.anim311T4Link {}
div.anim311T5Img {}
div.anim311T5Link {}
div.anim311T6Title {}
div.anim311T7Img {}
div.anim311T7Title {}
div.anim311T8Title {}
div.anim311T9Img {}
div.anim311T9Title {}
div.anim311T10Img {float: left}
div.anim311T10Title {float: left; padding: 2px 0 0 4px; font-size: 16px}
div.animseparator311 {border-bottom: 1px dotted gray; padding: 2px 0 2px 0; width: 100%; clear: both; height: 2px; margin: 0 0 2px 0}

/* 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-size: 10pt; color: #000022; background-color: #ffffff; border: 1px solid #000044} 
select {font-size: 8pt; color: #000022; background-color: #FAFBEC; border: 1px solid #000044} 

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: #007000; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}
a.adminmenubigcron {color: #f8f8f8; padding: 4px 4px 0 4px; background: #A10000; position: relative; height: 18px; display: block; float: left; margin: 2px; text-decoration: none}


#admin_mini_menu {	width:100%; height:30px; background:#E8E8E8; border:#333333 dotted thin}
#admin_mini_menu_date {width:16%; float:left; font-size:10px; padding-left: 4px}
#admin_mini_menu_heure {width:16%; float:left; font-size:10px; padding-left: 4px}
#admin_mini_menu_type {width:16%; float:left; font-size:10px; padding-left: 4px}
#admin_mini_menu_edit {width:16%; float:left; padding-left: 4px; background:#F4FF7}
#admin_mini_menu_ajouter {width:16%; float:left; padding-left: 4px; background:#F4FF7}
#admin_mini_menu_original {width:16%; float:left; padding-left: 4px; background:#F4FF7}


/*#admin_mini_menu { display:none}*/
	
/* Administration Out */

/* Ajout de Pascal Pour les votes! */
#content-vote-explanation {
  padding-left: 3px;
  float: left;
  top: 130px;
  font-size: 10px;
  width: 70px;  height: 42px;
  background: url('/images/vote/votez.gif') no-repeat top;
}

#content-botton-plus-active {
  float: left;
  width: 50px;
  height: 51px;
  background: url('/images/vote/bouton_plus.jpg') no-repeat;
}

#content-botton-minus-active {
  width: 50px;
  height: 51px;
  background: url('/images/vote/bouton_minus.jpg') no-repeat;
}

#content-botton-plus-inactive {
  float: left;
  width: 50px;
  height: 51px;
  background: url('/images/vote/b_plus_done.jpg') no-repeat;
}

#content-botton-minus-inactive {
  width: 50px;
  height: 51px;
  background: url('/images/vote/b_minus_done.jpg') no-repeat;
}