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