1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
#haut { position: relative; bottom: 80px;}
#marge { margin-left: 80px; margin-right: 80px;}
#centrer { text-align: center;}
#droite { text-align: right;}
h1 { font-size: 44px; font-family: mistral; color: #DA81F5; position: relative; left: 200px;}
h2 { font-size: 16px;}
p { font-size: 18px;}
h2, h3, h4, h5, p { font-family: calibri;}
#logo { position: relative; bottom: 110px;}
nav { position: relative;
bottom: 120px;
display: block;
width: 849px;
height: 45px;
border: 1px;
background: #DA81F5;
background: -webkit-linear-gradient(#DA81F5, #FFBF00);
background: -moz-linear-gradient(#DA81F5, #FFBF00);
background: -ms-linear-gradient(#DA81F5, #FFBF00);
background: -o-linear-gradient(#DA81F5, #FFBF00);
background: linear-gradient(#DA81F5, #FFBF00);
border-radius: 10px;
box-shadow: 1px 2px 3px rgba(0, 0, 0, .3),
3px 4px 5px rgba(0, 0, 0, .2),
5px 6px 10px rgba(0, 0, 0, .2),
10px 10px 15px rgba(0, 0, 0, .15);}
#li { display: table-cell; vertical-align: middle;}
#li a { display: block;
width: 85px;
text-align: center;
color: rgba(0, 0, 0, .7);
text-decoration: none;
padding: 4px 4px 0px 4px;
text-shadow: 0 2px 0 rgba(255, 255, 255, .4);}
#bouton { position: relative;
bottom: 90px;
left: 703px;
z-index: 2;}
#news { position: relative;
bottom: 88px;
right: 139px;}
#menu { width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;} /*-------je ne veux pas de puce--------*/
#menu li { float: left; /*------ca me permet de mettre les items horizontalement------*/
width: 142px;
margin: 0; /*------pas d'espace entre les cellules-------*/
padding: 0;
border: 1px solid transparent;}
#menu li a { display: block;
color: #FFFFFF; /*------je donne une couleur à la police------*/
background-color: rgb(0, 0, 0); /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
background-color: rgba(0, 0, 0, 0.5); /*------je donne un fond transparent pour les navigateurs qui le reconnaissent-----*/
margin: 0;
padding: 4px 4px;
border: 1px solid #FFFFFF;
text-align: center;
text-decoration: none;} /*-----pas de décoration pour mes liens-----*/
#menu li a:hover { background-color: rgb(21, 21, 21); /*-------je donne une couleur de fond au survol sur mes liens-------*/
background-color: rgba(21, 21, 21, 0.8);}
#menu .menuderoulant { display: none; /*------pour le faire disparaitre------*/
margin: 0; /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord-----*/
padding: 0;
border: 0;
position: absolute; /*------pour ne pas pousser un éventuel texte dessous-----*/
list-style-type: none;} /*-------pas de puce-------*/
#menu .menuderoulant li { float: none;
width: 142px; /*-----je donne une largeur à mes cellules de sous menu----------*/
margin: 0;
padding: 0;
border: 1px solid transparent;} /*-----des bordures transparentes pour espacer mes cellules-----*/
#menu .menuderoulant li a { display: block;
color: #FFFFFF;
background-color: rgb(0, 0, 0);
background-color: rgba(0,0,0,0.5);
margin: 0;
padding: 4px 4px;
border: 1px solid #FFFFFF;
text-align: center;
text-decoration: none;}
#menu .menuderoulant li a:hover { background-color: rgb(21, 21, 21);
background-color: rgba(21, 21, 21, 0.8);}
#menu li:hover > .menuderoulant { display: block;} /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/
#calinessetitre { font-size: 24px; font-weight: bold; position: relative; left: 300px; top: 80px;}
#calinessesoustitre { font-size: 16px; font-style: italic; text-align: center;}
#activitetitre { font-size: 24px; font-weight: bold; position: relative; left: 350px; top: 80px;}
#activitetitres { font-size: 24px; font-weight: bold; position: relative; left: 400px; top: 80px;}
#activitecontour { border: 1px;
border-style: solid;
border-color: black;
background-color: #F2F2F2;
padding: 5px;
margin: 0;
width: 670px;
height: auto;}
#activiteinterieur { background-color: #F2F2F2;
width: auto;
height: auto;}
#activitecadre { border: 1px;
border-style: solid;
border-color: black;
width: 275px;
height: 136px;}
#locauxcontour { border: 1px;
border-style: solid;
border-color: black;
background-color: #F2F2F2;
padding: 5px;
margin: 0px;
width: 840px;
height: 203px;}
#locauxinterieur { background-color: #F2F2F2;
width: auto;
height: 203px;}
#locauxcadre { border: 1px;
border-style: solid;
border-color: black;
width: auto;
height: 203px;}
#textes { position: relative;
bottom: 190px;
left: 350px;
width: 430px;}
footer { text-align: right;} |
