| New file |
|---|
| 0,0 → 1,285 |
|---|
| @CHARSET "UTF-8"; |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Générique */ |
| body { |
| font-family:Arial, Helvetica, Verdana, sans-serif; |
| font-size:0.85em; |
| background-color:#fff; |
| margin:2px; |
| } |
| h1, h2, h3, h4 { |
| font-weight:bold; |
| letter-spacing:0; |
| } |
| h1 { |
| padding:0 0 0 25px; |
| margin:20px 0 10px 0; |
| font-size:15px; |
| text-transform:uppercase; |
| color:#fd8c13; |
| } |
| h2 { |
| margin:20px 0 12px 0; |
| font-size:15px; |
| color:#FD8C13; |
| } |
| h3 { |
| margin:20px 0 12px; |
| font-size:14px; |
| color:#454341; |
| } |
| h4 { |
| margin:2px 2px 2px 0; |
| font-size:11px; |
| font-weight:normal; |
| color:#AAAAAA; |
| } |
| h1 a, h2 a, h3 a, h4 a { |
| color:inherit; |
| border-bottom: dotted 1px; |
| } |
| h3 a { |
| border-color:#CCCCCC; |
| } |
| a { |
| color:#598000; |
| border-bottom:1px dotted #95ae5d; |
| } |
| a:hover { |
| color:#FD8C13; |
| border-bottom:1px dotted #95ae5d; |
| } |
| hr{ |
| color:#62210F; |
| } |
| table{ |
| border-collapse: collapse; |
| width:100%; |
| margin:5px 0; |
| } |
| td,th{ |
| border:1px solid #36560B; |
| padding:7px 5px; |
| } |
| th{ |
| background-color:#EEE; |
| } |
| th[title]:after { |
| content: " " url("../images/aide.png"); |
| } |
| caption{ |
| border:1px solid #36560B; |
| background-color:#EEE; |
| font-weight:bold; |
| padding:2px; |
| } |
| img{ |
| border:0; |
| } |
| img a{ |
| display:block; |
| } |
| legend{ |
| color:#AD5A40; |
| } |
| dl { |
| width:100%; |
| } |
| dt { |
| float:left; |
| font-weight:bold; |
| text-align:top left; |
| margin-right:0.3em; |
| } |
| dd { |
| width:auto; |
| margin:0.5em 0; |
| } |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Disposition */ |
| #zone-centrale { |
| text-align:center; |
| } |
| #zone-logo{ |
| left:18px; |
| margin:1px 10px; |
| position:absolute; |
| top:2px; |
| z-index:1; |
| } |
| #zone-entete{ |
| height:121px; |
| margin:0; |
| } |
| #zone-titre{ |
| height:38px; |
| margin:0; |
| text-align:right; |
| } |
| #zone-titre h1{ |
| margin:0 20px 0 0; |
| padding:0; |
| background-color:transparent; |
| font-size:28px; |
| font-weight:bold; |
| } |
| #zone-corps{ |
| margin:0; |
| text-align:left; |
| } |
| #zone-menu{ |
| position:relative; |
| float:left; |
| height:21px; |
| width:100%; |
| margin:0; |
| padding:0; |
| text-align:left; |
| font-weight:bold; |
| border-bottom:1px solid #62210F; |
| } |
| #zone-contenu{ |
| clear:both; |
| min-height:300px; |
| padding:0 2px; |
| text-align:justify; |
| border-top:medium none !important; |
| border:1px solid #62210F; |
| } |
| #zone-pied{ |
| clear:both; |
| text-align:center; |
| } |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Logo */ |
| #zone-logo img{ |
| border:0; |
| } |
| #zone-logo a{ |
| position:absolute; |
| top:0; |
| left:0; |
| } |
| #zone-logo a:hover{ |
| border:1px dotted; |
| } |
| #zone-logo a:hover:after{ |
| content:" Retour à l'accueil "; |
| } |
| /*--------------------------------------------------------------------------------------------------------------*/ |
| /* Navigation : onglets */ |
| .onglets { |
| display:inline-block; |
| padding:0; |
| margin:0; |
| } |
| .onglets a { |
| border:none |
| } |
| .onglets li a, .onglets li{ |
| list-style-image:none; |
| padding:5px 3px 5px 3px; |
| margin-top:2px; |
| background-color:#C2C0AD; |
| } |
| .onglets li{ |
| cursor:pointer; |
| float:left; |
| list-style:none; |
| margin-right:5px; |
| font-size:13px; |
| text-transform:uppercase; |
| letter-spacing:0; |
| padding:5px 2px 5px 5px; |
| margin:0 1px 0 0; |
| background:none no-repeat 5px 9px #C2C0AD; |
| color:#fd8c13; |
| border:1px solid #c2c0ad; |
| border-bottom:0px solid #c2c0ad; |
| text-decoration:none; |
| border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; |
| } |
| .onglets .menu_actif a{ |
| background:none; |
| color:#FD8C13; |
| font-weight:bold; |
| } |
| .onglets .menu_actif{ |
| background:none; |
| border:1px solid #C2C0AD; |
| border-bottom:0 solid #c2c0ad; |
| text-decoration:none; |
| border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; |
| } |
| .onglets .menu_inactif a, .onglets h1{ |
| color:#6C6865; |
| } |
| .onglets .menu_actif h1{ |
| color:#FD8C13; |
| } |
| .onglets li:hover{ |
| background:white; |
| border-bottom:0; |
| } |
| .onglets li a:hover{ |
| color:#FD8C13; |
| background:white |
| } |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Général */ |
| .discretion{ |
| color:#A9A9A9; |
| font-size:10px; |
| font-weight:normal;} |
| .attention { |
| display:block; |
| background:#ffffcc url("../images/attention.png") no-repeat 2% 50%; |
| text-align:center; |
| border:1px solid red; |
| min-height:30px; |
| max-width:800px; |
| padding:10px 5px 5px 50px;} |
| .information { |
| background:#e7ebfd url("../images/information.png") no-repeat 2% 50%; |
| text-align:center; |
| border:1px solid #5D81BA; |
| max-width:800px; |
| min-height:30px; |
| padding:10px 5px 5px 50px;} |
| hr.nettoyage{ |
| clear:both; |
| width:0;} |
| /*---------------------------------------------------------------------------------------------------------------------------------------*/ |
| /* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */ |
| .largeur-01{ |
| width:60px;} |
| .largeur-02{ |
| width:120px;} |
| .largeur-03{ |
| width:180px;} |
| .largeur-04{ |
| width:240px;} |
| .largeur-05{ |
| width:300px;} |
| .largeur-06{ |
| width:360px;} |
| .largeur-07{ |
| width:420px;} |
| .largeur-08{ |
| width:480px;} |
| .largeur-09{ |
| width:540px;} |
| .largeur-10{ |
| width:600px;} |
| .largeur-11{ |
| width:660px;} |
| .largeur-12{ |
| width:720px;} |
| .largeur-13{ |
| width:780px;} |
| .largeur-14{ |
| width:840px;} |
| .largeur-15{ |
| width:900px;} |
| .largeur-16{ |
| width:960px;} |
