/* 
    Document   : jumppage
    Created on : 21 oct. 2009, 11:07:38
    Author     : blauer - tequilarapido
    Description:
        Integration nouvelle jumppage
*/

/*
    Must use
*/
.clear{ clear: both; padding: 0; margin: 0; height: 0; width: 0; font-size: 0; }

/*
    Colonnes
    Toujours penser au "div class clear" après ces colonnes
*/
.col-1-2{ float: left; width: 50%; }
.col-2-2{ float: left; width: 50%; }
.col-1-3{ float: left; width: 33%; }
.col-2-3{ float: left; width: 33%; }
.col-3-3{ float: left; width: 33%; }

/*
    Puces
*/
ul.fleche_grise{ margin: 10px 0 10px 0; }
ul.fleche_grise li{ background: transparent url("images/jumppage/puces/fleche_grise.png") left 4px no-repeat; padding: 0 0 0 10px; margin: 0; }
ul.fleche_courte{ margin: 10px 0 10px 0; }
ul.fleche_courte li{ background: transparent url("images/jumppage/puces/fleche.png") left 4px no-repeat; padding: 0 0 0 10px; margin: 0; }
ul.triangle_default{ margin: 14px 0 13px 0; .margin: 10px 0 8px 0; }
ul.triangle_default li{ background: transparent url("images/jumppage/puces/triangle_default.png") left 4px no-repeat; padding: 0 0 0 10px; margin: 6px 0; }
a.carre{ display: block; float: right; background: transparent url("images/jumppage/puces/carre.png") left 3px no-repeat; padding: 0 0 0 15px; color: #4c4b4b; margin: 0 5px 0 0; }

/*
    Structure global
    TMP: On surcharge la structure globale de la jumppage
*/
.jump_body #header{ margin-top: 9px; }
.jump_body .acces{ margin-top: 9px; padding: 55px 0 0 0; }
.habillage_bg{ background: transparent url("images/jumppage/bg.gif") left top repeat-x; }
/*
.jump_body .gamme-1 #menu{ margin-top: -35px; }
*/
.jump_body .publicite img, .jump_body .publicite embed {
    height: 200px;
}

#sondage .encartModulable .middle {height: 200px;}
#actuPhotos .encartModulable .middle {height: 191px;}
#actuFlash {padding-left: 3px;}
#actuFlashC {width: 630px; height: 265px; overflow: hidden; padding-top:3px;}
/*
    Footer jumppage
*/
#footerJumpPage{ width: 945px; margin: 12px 0 20px 8px; color: #626262; }
#footerJumpPage .col-1-3{ float: left; width: 225px; background: transparent url("images/jumppage/sep.gif") 210px 15px no-repeat; }
#footerJumpPage .col-2-3{ float: left; width: 490px; background: transparent url("images/jumppage/sep.gif") 480px 15px no-repeat; }
#footerJumpPage .col-3-3{ float: left; width: 225px; }

#global #footerJumpPage h1.titre{font-size:13px; padding-top:4px; background:transparent url(images/jumppage/puces/fleche_dans_rond_gris.png) no-repeat scroll left 4px; color:#4C4B4B; }

#footerJumpPage #resterInformer{}
#footerJumpPage #resterInformer .content{ margin: 0 25px; }

#footerJumpPage #agenda{}
#footerJumpPage #agenda .image{ float: left; width: 180px; }
#footerJumpPage #agenda .content{ float: left; width: 245px; }
#footerJumpPage #agenda .carre_precedent{ float: left; width: 30px; }
#footerJumpPage #agenda .carre_precedent img{ margin-top: 25px; cursor: pointer; }
#footerJumpPage #agenda .carre_suivant{ float: left; width: 30px; }
#footerJumpPage #agenda .carre_suivant img{ margin-top: 25px; cursor: pointer; }

#footerJumpPage #serviceOnline{}
#footerJumpPage #serviceOnline .content{ margin: 0 25px; }

/*
    On récupère toujours le meme encartModulable (front & fck)
    Il s'étend automatiquement en largeur, en longueur, il n'y a rien à toucher sauf
    A définir:
    - encartModulable: couleur de fond
    - encartModulable .middle: background uniquement si il y a un dégradé
    Pour toute modif on ne touche pas à encartModulable, on surcharge comme par exemple:
    - #webtv .encartModulable{ width: 311px; } pour fixer la largeur
*/
.encartModulable{ background-color: #e4e4e4; color: #626262;  }
.encartModulable .leftTopCorner{ background: transparent url("images/jumppage/encartModulable/leftTopCorner.png") left top no-repeat; height: 6px; width: 4px; }
.encartModulable .centerTop{ background: transparent url("images/jumppage/encartModulable/centerTop.png") left top repeat-x; }
.encartModulable .rightTopCorner{ background: transparent url("images/jumppage/encartModulable/rightTopCorner.png") left top no-repeat; width: 4px; }
.encartModulable .leftMiddle{ background: transparent url("images/jumppage/encartModulable/leftMiddle.png") left top repeat-y; }
.encartModulable .middle{vertical-align: top; background: transparent url("images/jumppage/encartModulable/middle.png") left top repeat-x; }
.encartModulable .rightMiddle{ background: transparent url("images/jumppage/encartModulable/rightMiddle.png") left top repeat-y; }
.encartModulable .leftBottomCorner{ background: transparent url("images/jumppage/encartModulable/leftBottomCorner.png") left top no-repeat; height: 6px; }
.encartModulable .centerBottom{ background: transparent url("images/jumppage/encartModulable/centerBottom.png") left top repeat-x; }
.encartModulable .rightBottomCorner{ background: transparent url("images/jumppage/encartModulable/rightBottomCorner.png") left top no-repeat; }

/*
    Focus
*/
#webtv .encartModulable{ width: 315px; background: none;}
#webtv .encartModulable .middle {
    background: none;
}
/*#webtv .encartModulable .middle{ vertical-align: top; background: transparent url("images/jumppage/encartModulable/middle.png") left 75px repeat-x; height: 254px; }*/
#webtv .bgBlanc{ background-color: #ffffff; }
#webtv .bgBlanc h1{ margin-left: 15px; margin-top: 0; background-position: left 9px; padding-top: 5px;}

#webtv .bgGris .col-1-2{ margin-left: 15px; width: 125px; _margin-left: 5px; }
#webtv .triangle_default{ margin-left: 15px; }


.animation-video {
    background-color: #e3e3e3; border-top:1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding-left: 30px;;
}
table.ydnVideoHp td {vertical-align: middle; height: 37px;}
#webtv .bgGris{ 
    background: url("images/bgr-video-top.gif") repeat-x bottom left;
    height: 37px;
}
#webtv .bgGris h2 {
    padding: 5px 10px;
}
#webtv .bgGris div {
    padding: 0 10px; height: 24px;
}
#webtv .allVideos {
    background: url("images/bgr-video-bottom.gif") repeat-x 0 0; height: 15px; padding-top: 5px;
}

#trerritoiresteq {padding-top: 3px;}

#actuFlashC .bg_underflash_actu{ background: transparent url("images/jumppage/bg_underflash_actu.png") left top no-repeat; height: 23px; width: 632px; text-align: right; }
#actuFlashC .bg_underflash_actu a{ margin: 4px 15px 0 0; }

#actuPhotos {float: right;}
#actuPhotos .titre{ margin-left: 15px; margin-top:3px;}
#actuPhotos .col-1-2{ width: 230px; _width: 215px; }
#actuPhotos .col-2-2{ width: 397px; _width: 394px; }
#actuPhotos .col-2-2 .col-1-2{ width: 185px; margin-left: 15px; _margin-left: 5px; padding-top:4px; }
#actuPhotos .col-2-2 .col-2-2{ width: 185px; padding-top:4px;}
#actuPhotos .encartModulable{ width: 100%; }
#actuPhotos .actu_zoom2{ position: relative; }
#actuPhotos .actu_zoom2 .libelle { width: 180px; color: #ffffff; background: transparent url("images/jumppage/bg_libelle_transparence.png") left top repeat; position: absolute; bottom: 2px; left: 0; }
#actuPhotos .actu_zoom2 .libelle .date{ font-size: 12px; margin-left: 5px; font-weight: bold; }
#actuPhotos .actu_zoom2 .libelle .content{ margin-left: 5px; font-size: 10px; }
#actuPhotos .actu_zoom1{ position: relative; width: 88px; float: left; margin: 0 4px 8px 0; }
#actuPhotos .row1{ margin: 0 4px 10px 0; }
#actuPhotos .row1 img {height:67px; width:88px;}
#actuPhotos .row1{margin /*\**/: 0 4px 12px 0\9; }
*+html #actuPhotos .row1{ margin: 0 4px 6px 0; }
*html #actuPhotos .row1{ margin: 0 4px 8px 0; }
#actuPhotos .actu_zoom1 .libelle { width: 88px; color: #ffffff; background: transparent url("images/jumppage/bg_libelle_transparence.png") left top repeat; position: absolute; bottom: 0; bottom /*\**/: 2px; text-align: center;  left: 0; }
#actuPhotos .actu_zoom1 .libelle .date{ margin-left: 5px; }

#sondage .encartModulable{ width: 100%; height:210px; }
#sondage h1{ margin-left: 15px; }
#sondage .questionreponse{ margin-left: 15px; }
#sondage .questionreponse .question{ margin: 5px 0 0 0; font-weight: bold; height:30px; }
#sondage .questionreponse .reponse{ margin: 5px 0 0 0; _margin: 0px 0 0 0; }
#sondage .boutonVoter{}
#sondage .boutonVoter input{ background: transparent url("images/jumppage/boutons/voter.png") left top no-repeat; height: 22px; width: 50px; margin: 12px 10px 9px 0; .margin: 12px 10px 3px 0; border: none; padding: 0; cursor: pointer; }
#sondage .boutonVoter .boutonVoterLeft {float: left; padding: 15px 0 0 0; font-weight: bold;}
#sondage .boutonVoter .boutonVoterLeft span {color: #027789;}
#sondage .boutonVoter .boutonVoterRight {float: right;}
#sondage .messageAttentesondage {border:1px solid #86B7BF; margin-top: 30px; background:transparent url(images/jumppage/boutons/btn.gif) repeat-x scroll left center; padding:4px 0; text-align:center; width:96%; color:#FFFFFF; font-weight:bold;}
#sondage .messageAttentesondage a {color:#FFFFFF; font-weight:bold;}
#sondage .sondage_vignette { width:275px; height:134px;}
*+html #sondage .sondage_vignette { height:133px;}
*html #sondage .sondage_vignette { height:133px;}