/* ----------------------------------------------- Style Global ----------------------------------------------- */
html,body{ margin:0; padding:0; height:100%; }
body{ text-align:center; background-image: url(../img/background.gif);margin: 0;height: 100%;padding: 0px;font-family: Arial;font-size: 11px;line-height: 1.5; }
a {color: #000000; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

/* ----------------------------------------------- Pager concours ----------------------------------------------- */
table th { color: #ffffff;background-color:#4D7DB4;text-align:left;}
table th a {color: #ffffff;}

table td{font: normal 0.8em/1.2em "Trebuchet MS", Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;padding: 5px 5px 5px 5px;}
table tr.pager_content_tr0 {color: #000000;background-color:#DFDFDF;text-align: justify;}
.pager_video_content_td0{ width:150px;}
.pager_video_content_td1{ width:210px;}
.pager_video_content_td2{ width:80px;}
.pager_video_content_td3{ width:50px;}
.pager_video_content_td4{ width:100px;}
.pager_video_content_td5{ width:100px;}
.pager_sujet_content_td0{ width:350px;}
.pager_sujet_content_td1{ width:100px;}

/* ----------------------------------------------- Mise en page Globale ----------------------------------------------- */
/*div#global{width: 887px;margin: auto;min-height: 100%;position: relative;}*/
div#global{width: 887px; margin: auto; min-height: 100%; text-align:left; }
div#header{width: 887px;height: 176px;}

div.menuReplace{float:left;padding: 4px 5px 0 8px;font-size: 13px;font-weight: bold;color: #333333;background: url(../img/btMenuReplaceFond.gif) top left repeat-x;height:23px;}
div.menuReplaceLeft{float:left;height:23px;width:8px;background: url(../img/menuReplaceLeft.gif) top left no-repeat;}
div.menuReplaceRight{float:left;height:23px;width:31px;background: url(../img/menuReplaceRight.gif) top left no-repeat;}
div.menuReplaceSearch{ position:absolute; left:711px; top:127px; width:158px; height:30px; background: url(../img/bandeau-recherche.gif) top right no-repeat; text-align:right; vertical-align:bottom; }
div.logoBandeau{ position:absolute; top:30px; left:24px; width:120px; height:90px; background: url(../img/bandeau-logo.gif) top no-repeat }

html>body div.menuReplace{ background: url(../img/menuReplaceFond.gif) top left repeat-x; }
html>body div.menuReplaceLeft{ background: url(../img/menuReplaceLeft.png) top left no-repeat; }
html>body div.menuReplaceRight{ background: url(../img/menuReplaceRight.png) top left no-repeat; }
html>body div.menuReplaceSearch{ background: url(../img/bandeau-recherche.png) top right no-repeat; }
html>body div.logoBandeau{ background: url(../img/bandeau-logo.png) top no-repeat }

div#background{width: 887px;background: url(../img/general-background.gif) top left repeat-y;position: relative;}
div#container{min-height: 614px;background: url(../img/general-background-top.gif) top left repeat-x;padding: 0px 7px 0px 7px;margin: 0 2px 0 2px;}
div#footer{background-color: #0068B4;background: url(../img/footer-background.gif) top left repeat-x;padding: 1px 1px 1px 1px;margin: 9px 9px 0 9px;position:relative;font-weight: bold;}
div#footer_left{width: 200px;text-align: left;}
div#footer_right{color:#FFFFFF;top:1px;left:667px;position: absolute;width: 200px;text-align: right;}
div#powered{width: 869px;text-align: right;padding: 1px 1px 1px 1px;margin: 0 9px 0 9px;position:relative;}
div#bottom_menu{position: absolute;top:0;left:0;}
div#bottom{width: 887px;height: 20px;background: url(../img/general-bottom.gif) top no-repeat;}
.error_label {visibility:hidden;color:#FF0000;font-weight:bold;}
.errorMessage {color:#FF0000;font-weight:bold;display:block;padding: 20px 0px 0px 0px; margin:0;}
.inputFormError{font: normal 1em/1.2em "Trebuchet MS", Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;font-variant: normal;border: 1px solid #FF0000;background-color:#FFFFFF;color:#19191D;}
.inputForm{	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;font-variant: normal;border: 1px solid #3C619B;width:250px;}
.petitLien{font-size:11px;}
form label {color:#333333;display:inline;float:left;font-size:0.9em;width:150px;}
fieldset{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-color:#3C619B;border-style:solid;border-width:1px 3px 3px 1px;font-size:1em;margin:0 0 0.5em;padding:1em;}
legend {color:#5F6464;font-weight:bold;}

.titreZoneFormulaire {border-bottom:1px solid #3C619B;color:#5F6464;font-size:12px;margin-bottom:20px;text-align:left;font-weight:bold;}

/* ----------------------------------------------- Bloc Left ----------------------------------------------- */
div#left{float: left;width: 281px;position: absolute;top: 0px;left: 9px;}

div#bloc_pub{width: 281px;height: 77px;background: url(../img/bloc-pub_defib.gif) center no-repeat;}
div#bloc_ville{width: 281px;height: 77px;background: url(../img/bloc-ville.jpg) center no-repeat;}

div#blocWall{height: 390px;width: 281px;padding-bottom: 10px;}

div#blocWallAlternatif{height: 390px;width: 271px;overflow: auto;padding: 5px 5px 5px 5px;}
div .blocWallAlternatifGris {text-align: left;vertical-align: middle;background-color: #e8ecf2;color: #FFFFFF;height: 37px;padding: 5px 5px 0px 0px;}
div .blocWallAlternatifGris img{float: left;margin-top: -5px;padding-right: 5px;}
div .blocWallAlternatifBlanc{text-align: left;vertical-align: middle;background-color: #FFFFFF;color: #000000;height: 37px;padding: 5px 5px 0px 0px;}
div .blocWallAlternatifBlanc img{float: left;margin-top: -5px;padding-right: 5px;}

/* ----------------------------------------------- Bloc Right ----------------------------------------------- */
div#right{width: 578px;margin-left: 290px;}

div#rightTitle{height: 25px; background: url(../img/rightHeaderRight.gif) bottom right no-repeat; }
div#rightTitle_left{height: 25px;background: url(../img/rightHeaderLeft.gif) top left no-repeat;width: 6px;	float:left;}
div#rightTitle_content{	height: 25px;background: url(../img/rightHeaderBackground.gif) top left repeat-x;padding: 0 5px 0 10px;	float:left;}
div#rightTitle_right{height: 25px;background: url(../img/rightHeaderEndTab.gif) top left no-repeat;width: 23px;float:left;}

h1{margin:0;padding:5px 0 0 0;font-size:14px;color:#666;}

div#rightBackground{background: url(../img/rightBackground.gif);margin:0; padding:0;}
div#rightContainer{background: url(../img/rightBackgroundTop.gif) top left no-repeat;margin:0; padding:0;}

h2{margin:0;color:#000000;font-size:18px;font-weight:bold;text-align:center; padding:0 5px 0 5px;}
h3{margin:0;color:#707070;font-size:14px;font-weight:bold;text-align:center;}

div#layervideo{position:relative; width:480px; height:430px; margin: auto;}
div#rightBottom{height: 10px;background: url(../img/rightBackgroundBottom.gif) top left no-repeat;}

div#div_infovideo{display:block;}
div#div_texte{width: 520px;	margin: 10px auto 10px auto;text-align: justify;font-size: 12px;color: #000000;}
div#titreContener{display:none;}
div#dateContener{display:none;}
div#uidContener{display:none;}

div#div_bottom_video{width: 520px;height:16px;margin: auto;}
div#div_credits{margin: 0;font-size: 10px;color: #000000;float: left;width: 320px;text-align: left;}
div#div_note{margin: 0;float: right;width: 80px;text-align: right;font-size: 10px;color: #000000;}
.note span.note_off{float:left;	display:block;width:80px;height:14px;text-align:left;background:url(../img/note_off.gif) bottom left repeat-x;}
.note span.note_on{display:block;height:14px;text-align:left;background:url(../img/note_on.gif) bottom left repeat-x;}

.commentFormulaire{	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;font-variant: normal;border: 1px solid #3C619B;width:450px;}
div#div_lien {height: 150px;margin: 10px 10px 0px 10px;padding: 10px 10px 10px 10px;background-color: #e8ecf2;color: #000000;font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;border: 1px solid #3C619B;}
div#div_comment {height: 150px;min-height: 150px;overflow: auto;margin: 10px 10px 0px 10px;padding: 10px 10px 10px 10px;background-color: #e8ecf2;color: #000000;font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;text-align:justify;border: 1px solid #3C619B;}
div#comment_container{padding: 10px 10px 10px 10px;}
div#div_avis {height: 150px;min-height: 150px;margin: 10px 10px 0px 10px;	padding: 10px 10px 10px 10px;background-color: #e8ecf2;color: #000000;font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;border: 1px solid #3C619B;}

div#right_simple_bottom{ background:transparent url(../img/right-bottom.gif) no-repeat top left;height:10px;margin:0; padding:0;}
div#rightStaticContent{padding: 15px 35px 15px 35px; font-size:13px;}
/* ----------------------------------------------- Bloc Onglets ----------------------------------------------- */
div#right_onglets{width: 578px;height: 23px;text-align: left;vertical-align: top; padding:0; margin:0;}
/*div#right_onglets table td{overflow:hidden;}
td#corner{width: 10px;height: 23px;background: url(../img/video-background-bottom-left.gif) top right no-repeat;}
td#onglet_div_lien{margin:0; padding:0; width: 189px;height: 23px;background: url(../img/onglet-lienvideo.gif) bottom left no-repeat;}
td#onglet_div_lien:hover{background-position:top;}
td#onglet_div_comment{margin:0; padding:0; width: 189px;height: 23px;background: url(../img/onglet-voircommentaires.gif) bottom no-repeat;}
td#onglet_div_comment:hover{background-position:top;}
td#onglet_div_avis{margin:0; padding:0; width: 189px;height: 23px;background: url(../img/onglet-donnezvotreavis.gif) bottom no-repeat;}
td#onglet_div_avis:hover{background-position:top;}*/
a.ongletInactive{color:#777777}
a.ongletActive{color:#000}
div#right_onglets a:hover{text-decoration:none; background-position:top;}
#newCorner{width: 10px;height: 23px;background: url(../img/video-background-bottom-left.gif) top left no-repeat; float:left; display:block;}
#onglet_div_lien{width: 189px;height: 23px;background: url(../img/onglet-lienvideo.gif) bottom left no-repeat; float:left; display:block; }
#onglet_div_comment{width: 189px;height: 23px;background: url(../img/onglet-voircommentaires.gif) bottom no-repeat;float:left; display:block;}
#onglet_div_avis{width: 189px;height: 23px;background: url(../img/onglet-donnezvotreavis.gif) bottom no-repeat;float:left; display:block;}


/* --------------------------------------------------------- InfoBule ----------------------------------------------------------- */
#infobulle{width: 250px;position: absolute;display: none;visibility : hidden;border: 1px solid #CCCCCC;	padding: 10px;	font-family: Verdana, Arial;font-size: 0.8em;background-color: white;z-index: 20;}
#infobulle span{font-size: 1em;font-weight:bold;}


