/*definition des parametres globaux du documents*/
body {
margin : 10px 0;
padding : 0;
text-align : center;
font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : small;
background : url(imgs/bg.gif);/*image de fond*/
background-attachment : fixed;
}
/*les images sont affichees sans bordures*/
img {
border : 0;
}
/*definition d une boite contenant le texte et les images*/
div#conteneur {
width : 770px;
margin : 0 auto;
text-align : left;
border : 2px solid #393;
background : #fff;
}
/*entete du site : un titre mis en forme*/
h1#header {
height : 115px;
margin : 0;
background : url(imgs/bg_titre.png) no-repeat right top;/*image de fond */
}
h1#header a {
width : 130px;
height : 99px;
display : block;
background : url(imgs/logo.png) no-repeat;/*logo*/
position : relative;
left : 10px;
top : 10px;
text-indent : -5000px;
}
dl#menu {
height : 35px;
margin : 0;
padding : 0;
background : url(imgs/bg_menu.gif) repeat-x 0 -25px;
list-style-type : none;
}
dl#menu dt {
float : left;
text-align : center;
}
dl#menu dt a {
width : 154px;
line-height : 25px;
font-size : 1.2em;
font-weight : bold;
letter-spacing : 2px;
color : #ffe;
display : block;
text-decoration : none;
}
dl#menu dt a:hover {
background : url(imgs/bg_menu.gif) repeat-x 0 0;
}
#smenu1, #smenu2, #smenu3 {
position : absolute;
top : 155px;
left : 10%;
font-size : 1em;
font-weight : bold;
}
li.smenu {
list-style-type : none;
margin : 0 10px 0 0;
padding : 0;
display : inline;
}
li.smenu a {
color : #500;
text-decoration : none;
}
li.smenu a:hover {
color : #f60;
}
#contenu {
padding-top : 0;
padding-left : 25px;
padding-bottom : 0;
padding-right : 25px;
background : url(imgs/bg_page.jpg) no-repeat center 0%;
background-attachment : fixed;
}
h2 {
padding-left : 30px;
line-height : 25px;
font-size : 1.4em;
background : url(imgs/puce.png) no-repeat left bottom;
color : #fb4;
border-bottom : 1px solid #393;
}
h3 {
margin-left : 15px;
padding-left : 5px;
border-bottom : 1px solid #393;
border-left : 3px solid #393;
color : #fb4;
}
h4 {
margin-left : 20px;
padding-left : 5px;
font-size : 1em;
border-left : 2px solid #393;
color : #393;
}
h5 {
margin-left : 30px;
font-size : 1em;
color : #393;
}
p {
text-align : justify;
text-indent : 2em;
line-height : 1.7em;
}
#map {
margin : auto;
}
a {
color : rgb(103,188,41);/*couleur des liens*/
}
a:hover {
color : #f60;
}
a:visited {
color : #393;
}
ul {
list-style-type : circle;
margin : 0 0 0 100px;
padding : 0;
}
li {
list-style-image : url(imgs/li-puce.png);
}
li.ou {
color : #393;
list-style-type : none;
list-style-image : url();
}
table {
margin : auto;
border : 0;
width : 80%;
}
th, td {
text-align : center;
vertical-align : middle;
}
th {
color : #fff;
background-color : #392;
}
td.gauche {
text-align : left;
vertical-align : middle;
}
table#inclu {
width : 90%;
}
table.colle {
border-collapse : collapse;
}
table#email {
width : 20em;
}
acronym {
border-width : 1px;
border-style : dashed;
border-color : #ddd;
margin : 0;
padding : 0;
}
acronym:hover, abbr:hover {
cursor : help;
}
fieldset {
border : 2px solid #393;
padding : 10px 10px 10px 10px;
}
input {
padding : 2px;
border : 1px solid #BAB8A4;
border-right : 1px solid #e7e7ef;
border-bottom : 1px solid #e7e7ef;
background-color : #dea;
}
input:focus {
background-color : #fd6;
}
textarea {
border:1px solid #BAB8A4;
border-right : 1px solid #e7e7ef;
border-bottom : 1px solid #e7e7ef;
background-color : #dea;
font-size : small;
font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
select {
border:1px solid #BAB8A4;
border-right : 1px solid #e7e7ef;
border-bottom : 1px solid #e7e7ef;
background-color : #dea;
}
.alerte {
color : #f00;
font-style : italic;
}
p.alerte {
border : 1px solid #f00;
background : url('imgs/alerte.gif') #fbb;
background-repeat: no-repeat;
background-position: 4px 50%;
padding : 4px;
padding-left : 40px;
min-height : 32px;
text-indent : 0;
vertical-align : middle;
}
#actu {
float : right;
width : 200px;
margin : 10px 0 0 25px;
padding : 0 0 10px 10px;
border-bottom : 1px solid #393;
border-left : 3px solid #393;
background : #fff;
}
p.date {
color : #f8b242;
text-align : justify;
text-indent : 0em;
line-height : 1.5em;
}
p.news {
color : #000;
text-align : justify;
text-indent : 0em;
line-height : 1.2em;
}
p#footer {
margin : 0;
padding-right : 10px;
line-height : 30px;
text-align : right;
color : #393;
}
p#footer a {
color : #393;
}
p#footer a:hover {
color : #f60;
}