/***********************************************/ /* Toutes les variables fixes, de positionnement se trouvent dans ce fichier. Elles ne sont pas modifiables via les designs. Pour permettre la modification d'un élément pour l'instant fixe, il suffit de basculer cet élément dans le fichier style.css. Actuellement, seuls les couleurs sont dispo pour modification dans les styles. */ /***********************************************/ /***********************************************/ /* Générale et positionnement des éléments */ /* Changer le color ici change la couleur du texte affiché en modif dans l'admin */ /* dans le conteneur : position relative et marges à auto permettent de centrer le site margin-left: auto; margin-right: auto;*/ /***********************************************/ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: justify; margin: 0px; padding: 0px; height: 100%; } #conteneur { position: relative ; width: 1000px; padding-left: 5px; padding-right: 5px; margin-left: auto; margin-right: auto;} /* #conteneur { position: relative ; width: 1000px; margin-left: auto; margin-right: auto; } /***********************************************/ /***********************************************/ /* Configuration du texte et des images */ /***********************************************/ img { margin:0 ; padding: 0; border: 0; margin-left: 1px; margin-top: 1px; } h1 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h2 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #FFF; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h3 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FFF; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h4 { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: italic; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h5 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-style: normal; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h6 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h7 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; padding-left: 5px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h8 { font-family: Arial,Helvetica,sans-serif; font-size: 9px; font-style: italic; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h9 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #FFF; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h10 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: #FFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h11 { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bold; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h12 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h13 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; padding-left: 0px; margin-top: 5px; margin-bottom: 5px; } h14 { font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; padding-left: 0px; margin-top: 5px; margin-bottom: 5px; } h15 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: italic; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } h40 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #FFF; font-weight: bold; } /* Configuration du texte pour page des sorties */ h16 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000; padding-left: 5px; margin-top: 0px; margin-bottom: 0px; } h17 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #fff; padding-left: 5px; margin-top: 0px; margin-bottom: 0px; } h18 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; color: #fff; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } h19 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #fff; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h20 { font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #fff; padding-left: 5px; margin-top: 0px; margin-bottom: 0px; } /* Fin Configuration du texte pour page des sorties */ /* Configuration du texte pour les critiques cinéma */ h21 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-align: justify; color: #FFF; padding-left: 0px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h22 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; color: #000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h23 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #fff; padding-left: 5px; margin-top: 0px; margin-bottom: 0px; } h24 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; color: #000000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h25 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h26 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: #000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h27 { font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; color: #000000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h29 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-align: justify; color: #FFF; border-color: #000000; padding-left: 0px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h30 { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; text-align: justify; color: #FFF; padding-left: 0px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h31 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: italic; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h32 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h33 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration : none; color: #000000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h34 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h35 { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight: normal; text-align: justify; color: #FFF; padding-left: 0px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h36 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-align: justify; color: #FFF; padding-left: 5px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h37 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-align: justify; color: #FFF; padding-left: 0px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; } h38 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h39 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h41 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration : none; color: #000000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h42 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration : none; color: #000000; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h43 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h44 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h45 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h46 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #FFF; font-weight: bold; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } h49 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration : none; color: #FFFFFF; padding-left: 5px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } h50 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration : none; color: #FFFFFF; padding-left: 0px; padding-right: 5px; margin-top: 5px; margin-bottom: 5px; } /* Fin Configuration du texte pour les critiques cinéma */ p { margin: 0px 10px 5px 5px; font-size: 10px; font-weight: normal; } .right { text-align: right; } .center { text-align: center; } .left { text-align: left; } .gauche { float: left; } .droite { float: right; } .rouge { color: #F00; } .bleu { color: #00F; } .normal { color: #222; } .violet { color: #31659C; } .jaune { color: #FFFF00; } .moyen { font-size: 10px; } .petit { font-size: 9px; } /***********************************************/ /***********************************************/ /* Hack IE Min Height (* Voir expl. en bas) */ /***********************************************/ html>body #page { height: auto; min-height: 500px; } /* html>body .bloc { height: auto; min-height: 100px; } */ html>body #page_bottom { height: auto; min-height: 550px; } html>body #page_bottom_admin { height: auto; min-height: 500px; } html>body #page_bottom_index { height: auto; min-height: 500px; } html>body .news { height: auto; min-height: 55px; } /***********************************************/ /***********************************************/ /* Elements du Top.php */ /* Pour rajouter un élément au menu, changer */ /* la taille "width" dans menu a:link */ /* la taille des boutons "width" dans menu a:link*/ /***********************************************/ #top { clear: both; height: 125px; } #ban { width: 1000px; height: 100px; } /* #ecran { position: absolute; top: 0px; left: 765px; width: 200px; height: 125px; } */ /* #screen { margin: 7px 0 0 7px; width: 185px; height: 110px; font-size: 10px; border: 0px solid black; } */ #barre { width: 1000px; margin-top: 5px; height: 20px; } #menu { margin: 0px 0px 0px 1px; padding: 0px; float:left; text-align: center; } #menu li { display:inline; } #menu a:link, #menu a:visited { width:123.7px; height: 19px; font-size: 12px; text-decoration:none; float:left; } #menu a:hover { } select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; background-color: #FFFFFF; border: 1px solid black; padding: 1px; } form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .inputbox { overflow: auto; background-image: url(/serial_001/inputboxbg.jpg); } .tabnormal { background-color: #000000 } .tabover { background-color: #ff8800 } .noprint { display: none; } /***********************************************/ /***********************************************/ /* Elements de la NavBar */ /***********************************************/ #navbar { position: absolute; width: 200px; height: auto; top: 125px; left: 800px; } .nav { border: 1px solid; width: 190px; margin: 5px auto; } /***********************************************/ /***********************************************/ /* Elements des pages */ /***********************************************/ #page { width: 800px; min-height: 500px; padding-top: 5px;} .bloc { border: 1px solid; margin-bottom: 5px; } .bloc01 { width: 790px; min-height: 500px; } .bloc11 { width: 405px; float: left; } .bloc12 { margin-left: 405px; margin-right: 3px; } .bloc21 { width: 290px; float: left; } .bloc22 { margin-left: 295px; margin-right: 3px; } .bloc31 { width: 540px; float: left; } .bloc32 { margin-left: 545px; margin-right: 3px; } .bloc41 { width: 220px; float: left; } .bloc42 { margin-left: 225px; margin-right: 3px; } .bloc51 { width: 590px; float: left; } .bloc52 { margin-left: 595px; margin-right: 3px; } .bloc61 { width: 390px; float: left; } .bloc62 { margin-left: 395px; margin-right: 3px; } .bloc63 { width: 795px; margin-right: 3px; } .bloc71 { width: 240px; float: left; } .bloc72 { margin-left: 245px; margin-right: 3px; } .bloc73 { width: 390px; float: left; } .bloc74 { margin-left: 393px; margin-right: 3px; } .bloc75 { width: 370px; float: left; } .bloc76 { margin-left: 373px; margin-right: 3px; } /*************************************************/ /** Evénement et Focus */ /*************************************************/ .bloc81 { width: 390px; float: left; } .bloc82 { margin-left: 390px; margin-right: 3px; } /*************************************************/ .bloc91 { width: 445px; float: left; } .bloc92 { margin-left: 450px; margin-right: 3px; } .bloc93 { width: 790px; min-height: 20px; margin-bottom: 5px } .bloc94 { width: 795px; min-height: 20px; margin-bottom: 5px } /***********************************************/ /***********************************************/ /* Elements du Bottom.php */ /***********************************************/ #bottom { clear: both; height: 100px; margin-top: 0px; margin-bottom: 5px} #part1 { width: 800px; height: 33px; float: left; margin-top: 2px;} #part { margin: 0px 0px 0px 1px; padding: 0px; float:left; text-align: center; } #part li { display:inline; } #part a:link, #part a:visited { width:88px; height: 31px; margin-left: 4px; font-size: 13px; text-decoration:none; float:left; } #part a:hover { } #part2 { height: 31px; text-align:center; } #disclaimer { font-size: 10px; line-height: 10px; text-align:center; border: 0px solid; padding: 15px; } /***********************************************/ #erreur {position:relative; font-size: 10px; font-family: Verdana, Arial, Times, serif; color:#FF0000; background-color:#cccccc; margin:0px; padding: 10px 5px 10px 5px;} /* A propos de MinHeight */ /* Lauli a une solution à ce problème mais je ne l'ai pas comprise. En attendant on fait comme ça pour éviter que le menu ne dépasse sur le bottom avec des pages trop petites (height) */