1 files changed, 506 insertions, 0 deletions
diff --git a/public/css/accueil.css b/public/css/accueil.css
new file mode 100644
index 0000000..622ce1f
--- /dev/null
+++ b/public/css/accueil.css
@@ -0,0 +1,506 @@
+/* public/accueil.css */
+@font-face /* pour .police_titre */
+{
+    font-family: "you_are_loved";
+    src: url('../fonts/you_are_loved.ttf') format('truetype'),
+         url('../fonts/you_are_loved.eot'),
+         url('../fonts/you_are_loved.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/you_are_loved.woff2') format('woff2'),
+         url('../fonts/you_are_loved.woff') format('woff');
+}
+.no_underline
+{
+    text-decoration: none;
+}
+body
+{
+    margin: 0px;
+    background-color: #326892;
+}
+#bloc_page
+{
+    max-width: 700px;
+    margin: auto;
+    background-color: #FFFFFF;
+    font-family: Sans-serif;
+    font-size: 100%;
+}
+nav
+{
+    position: fixed;
+    z-index: 2;
+    background-color: white;
+}
+/* agir sur ul et li directement affecte le ckeditor */
+#ul_menu
+{
+    margin: 0px;
+    padding: 5px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+#ul_menu li
+{
+    list-style-type: none;
+    white-space: nowrap;
+}
+li a
+{
+    text-decoration: none;
+    color: #666;
+}
+a:hover:not(.police_titre) /* :not() = sauf */
+{
+    color: #000000;
+}
+#actuelle
+{
+    color: #463c3c;
+    font-weight: bold;
+}
+img
+{
+    vertical-align: bottom;
+}
+.boutonSubmitEditeur
+{
+    margin-top: 5px;
+}
+.boutonAnnuler:hover
+{
+    /*text-decoration: none;*/
+    border: none;
+}
+h3
+{
+    margin: 5px;
+}
+.conteneur_article
+{
+    margin: 3px;
+}
+.articleAvecEditeur
+{
+    background-color: #a8b3d9;
+    padding: 2px 0px;
+}
+form
+{
+    padding-bottom: 14px;
+    border-bottom: 1px black solid;
+}
+#courriel
+{
+    padding-top: 30px;
+    font-size: 85%;
+}
+#courriel *
+{
+    max-width: 220px;
+    color: black;
+    text-decoration: none;
+}
+#courriel a:hover
+{
+    /*border: 1px blue solid;*/
+    padding: 5px;
+}
+#courrielJS
+{
+    display: inline;
+    margin: 2px;
+}
+.zoneVideAdmin
+{
+    padding-top: 20px;
+}
+#modeAdmin
+{
+    background-color: orange;
+    position: fixed;
+    bottom: 0px;
+    width: 700px;
+    z-index: 2;
+    padding-top: 5px;
+    text-align: center;
+}
+#modeAdmin p
+{
+    text-align: center;
+    margin: 0px;
+    padding: 2px;
+}
+#modeAdmin>div p
+{
+    /*border: 1px black solid;*/
+    margin: 5px;
+    padding:  0px;
+}
+#modeAdmin>p a
+{
+    padding: 2px;
+}
+#modeAdmin div
+{
+    display: flex;
+    justify-content: space-around;
+    
+    margin: 0px;
+    font-size: 85%;
+}
+#lienModeAdmin
+{
+    margin: 0px 20px;
+    padding-bottom: 20px;
+}
+#lienModeAdmin p
+{
+    text-align: right;
+}
+#lienModeAdmin p a
+{
+    color: #666;
+    font-weight: bold;
+    padding: 2px;
+}
+#lienModeAdmin p a:hover
+{
+    color: black;
+}
+.connexionTitre
+{
+    margin-top: 0px;
+    text-align: center;
+}
+.avertissement
+{
+    color: red;
+    font-size: 90%;
+    text-align: center;
+}
+.connexionFormulaire
+{
+    margin: 30px;
+}
+.connexionFooter
+{
+    text-align: right;
+    padding: 5px;
+}
+.connexionFooter a
+{
+    color: #666;
+}
+/* PC, y compris vieux écrans 800x600 */
+@media screen and (min-width: 700px)
+{
+    .police_titre
+    {
+        
+        font-family: you_are_loved, Arial, sans;
+        font-size: 250%;
+        color: #ddc97a;
+        position: relative;
+        top: 30px;
+        left: 40px;
+    }
+    /* compensation des cibles de liens # superposées au "nav" hors flux */
+    :target
+    {
+        padding-top: 70px; 
+        margin-top: -70px; 
+    }
+    nav
+    {
+        border-bottom: 1px black solid;
+        margin: 0px 35px;
+        max-width: 630px;
+    }
+    li
+    {
+        margin: 6px 15px;
+    }
+    header
+    {
+        margin: 0px 35px;
+        padding-top: 92px;
+    }
+    #bienvenue
+    {
+        background-image: url("accueil/bienvenue.png");
+        width: 630px;
+        height: 596px;
+    }
+    #contenu, footer
+    {
+        width: 630px;
+        margin: auto;
+    }
+    #courriel
+    {
+        margin: 0px 35px;
+    }
+    .zoneVideAdmin, #modeAdmin
+    {
+        height: 70px;
+    }
+}
+/* "tablettes" et vieux écrans 640x480 */
+@media screen and (max-width: 699px)
+{
+    #bloc_page
+    {
+        max-width: 540px;
+        font-size: 90%;
+    }
+    .police_titre
+    {
+        
+        font-family: you_are_loved, Arial, sans;
+        font-size: 200%;
+        color: #ddc97a;
+        
+        position: relative;
+        top: 20px;
+        left: 30px;
+    }
+    #bienvenue .police_titre
+    {
+        font-size: 250%;
+        top: 0px;
+        left: 65px;
+    }
+    :target
+    {
+        padding-top: 59px; 
+        margin-top: -59px; 
+    }
+    nav
+    {
+        margin: 0px 30px;
+        max-width: 480px;
+    }
+    li
+    {
+        margin: 4px 10px;
+    }
+    header
+    {
+        padding-top: 61px; 
+    }
+    #bienvenue
+    {
+        background-image: url("accueil/bienvenue_petit.png");
+        width: 480px;
+        height: 463px;
+        margin: auto;
+    }
+    #contenu, footer
+    {
+        width: 480px;
+        margin: auto;
+    }
+    #courriel
+    {
+        margin: 0px 30px;
+    }
+    .zoneVideAdmin, #modeAdmin
+    {
+        height: 75px;
+    }
+    #modeAdmin
+    {
+        max-width: 540px;
+    }
+}
+ /* on grignote les colonnes autour du texte */
+@media screen and (max-width: 539px)
+{
+    #modeAdmin div
+    {
+        max-width: 480px;
+        margin: 0px;
+        border: none;
+    }
+    #modeAdmin
+    {
+        font-size: 90%;
+    }
+    .zoneVideAdmin, #modeAdmin
+    {
+        height: 70px;
+    }
+}
+@media screen and (max-width: 479px)
+{
+    #bloc_page
+    {
+        max-width: 380px;
+        font-size: 85%;
+    }
+    .police_titre
+    {
+        
+        font-family: you_are_loved, Arial, sans;
+        font-size: 150%;
+        color: #ddc97a;
+        
+        position: relative;
+        top: 13px;
+        left: 18px;
+    }
+    #bienvenue .police_titre
+    {
+        font-size: 200%;
+        top: 0px;
+        left: 25px;
+    }
+    :target
+    {
+        padding-top: 56px; 
+        margin-top: -56px; 
+    }
+    nav
+    {
+        margin: 0px 30px;
+        max-width: 320px;
+    }
+    li
+    {
+        margin: 0px 10px;
+    }
+    header
+    {
+        padding-top: 60px; 
+    }
+    #bienvenue
+    {
+        background-image: url("accueil/bienvenue_mini.png");
+        width: 320px;
+        height: 316px;
+    }
+    #contenu, footer
+    {
+        width: 320px;
+        margin: auto;
+    }
+    #courriel
+    {
+        margin: 0px 20px;
+    }
+    #courriel *
+    {
+        max-width: 180px;
+    }
+    .zoneVideAdmin, #modeAdmin
+    {
+        height: 65px;
+    }
+    #modeAdmin
+    {
+        max-width: 380px;
+    }
+    #modeAdmin div
+    {
+        /*margin: 5px;*/
+    }
+}
+/* spécialement pour les petits smartphones*/
+@media screen and (max-width: 379px)
+{
+    .zoneVideAdmin, #modeAdmin
+    {
+        height: 80px;
+    }
+    #modeAdmin
+    {
+        font-size: 95%;
+        padding: 0px;
+    }
+    #modeAdmin>p
+    {
+        font-size: 90%;
+        margin: 3px;
+    }
+    #modeAdmin div
+    {
+        max-width: 320px;
+    }
+    #modeAdmin>div p
+    {
+        margin: 0px 5px;
+    }
+}

diff --git a/public/css/accueil.css b/public/css/accueil.css new file mode 100644 index 0000000..622ce1f --- /dev/null +++ b/public/css/accueil.css
@@ -0,0 +1,506 @@
	1	/* public/accueil.css */
	2
	3	@font-face /* pour .police_titre */
	4	{
	5	font-family: "you_are_loved";
	6	src: url('../fonts/you_are_loved.ttf') format('truetype'),
	7	url('../fonts/you_are_loved.eot'),
	8	url('../fonts/you_are_loved.eot?#iefix') format('embedded-opentype'),
	9	url('../fonts/you_are_loved.woff2') format('woff2'),
	10	url('../fonts/you_are_loved.woff') format('woff');
	11	}
	12
	13	.no_underline
	14	{
	15	text-decoration: none;
	16	}
	17
	18	body
	19	{
	20	margin: 0px;
	21	background-color: #326892;
	22	}
	23
	24	#bloc_page
	25	{
	26	max-width: 700px;
	27	margin: auto;
	28	background-color: #FFFFFF;
	29	font-family: Sans-serif;
	30	font-size: 100%;
	31	}
	32
	33	nav
	34	{
	35	position: fixed;
	36	z-index: 2;
	37	background-color: white;
	38	}
	39
	40	/* agir sur ul et li directement affecte le ckeditor */
	41	#ul_menu
	42	{
	43	margin: 0px;
	44	padding: 5px;
	45	display: flex;
	46	flex-wrap: wrap;
	47	justify-content: center;
	48	}
	49
	50	#ul_menu li
	51	{
	52	list-style-type: none;
	53	white-space: nowrap;
	54	}
	55
	56	li a
	57	{
	58	text-decoration: none;
	59	color: #666;
	60	}
	61
	62	a:hover:not(.police_titre) /* :not() = sauf */
	63	{
	64	color: #000000;
	65	}
	66
	67	#actuelle
	68	{
	69	color: #463c3c;
	70	font-weight: bold;
	71	}
	72
	73	img
	74	{
	75	vertical-align: bottom;
	76	}
	77
	78	.boutonSubmitEditeur
	79	{
	80	margin-top: 5px;
	81	}
	82
	83	.boutonAnnuler:hover
	84	{
	85	/text-decoration: none;/
	86	border: none;
	87	}
	88
	89	h3
	90	{
	91	margin: 5px;
	92	}
	93	.conteneur_article
	94	{
	95	margin: 3px;
	96	}
	97
	98	.articleAvecEditeur
	99	{
	100	background-color: #a8b3d9;
	101	padding: 2px 0px;
	102	}
	103
	104	form
	105	{
	106	padding-bottom: 14px;
	107	border-bottom: 1px black solid;
	108	}
	109
	110	#courriel
	111	{
	112	padding-top: 30px;
	113	font-size: 85%;
	114	}
	115
	116	#courriel *
	117	{
	118	max-width: 220px;
	119	color: black;
	120	text-decoration: none;
	121	}
	122
	123	#courriel a:hover
	124	{
	125	/border: 1px blue solid;/
	126	padding: 5px;
	127	}
	128
	129	#courrielJS
	130	{
	131	display: inline;
	132	margin: 2px;
	133	}
	134
	135	.zoneVideAdmin
	136	{
	137	padding-top: 20px;
	138	}
	139
	140	#modeAdmin
	141	{
	142	background-color: orange;
	143	position: fixed;
	144	bottom: 0px;
	145	width: 700px;
	146	z-index: 2;
	147	padding-top: 5px;
	148	text-align: center;
	149	}
	150
	151	#modeAdmin p
	152	{
	153	text-align: center;
	154	margin: 0px;
	155	padding: 2px;
	156	}
	157	#modeAdmin>div p
	158	{
	159	/border: 1px black solid;/
	160	margin: 5px;
	161	padding: 0px;
	162	}
	163	#modeAdmin>p a
	164	{
	165	padding: 2px;
	166	}
	167
	168	#modeAdmin div
	169	{
	170	display: flex;
	171	justify-content: space-around;
	172
	173	margin: 0px;
	174	font-size: 85%;
	175	}
	176
	177	#lienModeAdmin
	178	{
	179	margin: 0px 20px;
	180	padding-bottom: 20px;
	181	}
	182
	183	#lienModeAdmin p
	184	{
	185	text-align: right;
	186	}
	187
	188	#lienModeAdmin p a
	189	{
	190	color: #666;
	191	font-weight: bold;
	192	padding: 2px;
	193	}
	194
	195	#lienModeAdmin p a:hover
	196	{
	197	color: black;
	198	}
	199
	200	.connexionTitre
	201	{
	202	margin-top: 0px;
	203	text-align: center;
	204	}
	205	.avertissement
	206	{
	207	color: red;
	208	font-size: 90%;
	209	text-align: center;
	210	}
	211
	212	.connexionFormulaire
	213	{
	214	margin: 30px;
	215	}
	216
	217	.connexionFooter
	218	{
	219	text-align: right;
	220	padding: 5px;
	221	}
	222
	223	.connexionFooter a
	224	{
	225	color: #666;
	226	}
	227
	228
	229	/* PC, y compris vieux écrans 800x600 */
	230	@media screen and (min-width: 700px)
	231	{
	232	.police_titre
	233	{
	234
	235	font-family: you_are_loved, Arial, sans;
	236	font-size: 250%;
	237	color: #ddc97a;
	238	position: relative;
	239	top: 30px;
	240	left: 40px;
	241	}
	242
	243	/* compensation des cibles de liens # superposées au "nav" hors flux */
	244	:target
	245	{
	246	padding-top: 70px;
	247	margin-top: -70px;
	248	}
	249
	250	nav
	251	{
	252	border-bottom: 1px black solid;
	253	margin: 0px 35px;
	254	max-width: 630px;
	255	}
	256
	257	li
	258	{
	259	margin: 6px 15px;
	260	}
	261
	262	header
	263	{
	264	margin: 0px 35px;
	265	padding-top: 92px;
	266	}
	267
	268	#bienvenue
	269	{
	270	background-image: url("accueil/bienvenue.png");
	271	width: 630px;
	272	height: 596px;
	273	}
	274
	275	#contenu, footer
	276	{
	277	width: 630px;
	278	margin: auto;
	279	}
	280
	281	#courriel
	282	{
	283	margin: 0px 35px;
	284	}
	285
	286	.zoneVideAdmin, #modeAdmin
	287	{
	288	height: 70px;
	289	}
	290	}
	291
	292	/* "tablettes" et vieux écrans 640x480 */
	293	@media screen and (max-width: 699px)
	294	{
	295	#bloc_page
	296	{
	297	max-width: 540px;
	298	font-size: 90%;
	299	}
	300
	301	.police_titre
	302	{
	303
	304	font-family: you_are_loved, Arial, sans;
	305	font-size: 200%;
	306	color: #ddc97a;
	307
	308	position: relative;
	309	top: 20px;
	310	left: 30px;
	311	}
	312
	313	#bienvenue .police_titre
	314	{
	315	font-size: 250%;
	316	top: 0px;
	317	left: 65px;
	318	}
	319
	320	:target
	321	{
	322	padding-top: 59px;
	323	margin-top: -59px;
	324	}
	325
	326	nav
	327	{
	328	margin: 0px 30px;
	329	max-width: 480px;
	330	}
	331
	332	li
	333	{
	334	margin: 4px 10px;
	335	}
	336
	337	header
	338	{
	339	padding-top: 61px;
	340	}
	341
	342	#bienvenue
	343	{
	344	background-image: url("accueil/bienvenue_petit.png");
	345	width: 480px;
	346	height: 463px;
	347	margin: auto;
	348	}
	349
	350	#contenu, footer
	351	{
	352	width: 480px;
	353	margin: auto;
	354	}
	355
	356	#courriel
	357	{
	358	margin: 0px 30px;
	359	}
	360
	361	.zoneVideAdmin, #modeAdmin
	362	{
	363	height: 75px;
	364	}
	365
	366	#modeAdmin
	367	{
	368	max-width: 540px;
	369	}
	370	}
	371
	372	/* on grignote les colonnes autour du texte */
	373	@media screen and (max-width: 539px)
	374	{
	375	#modeAdmin div
	376	{
	377	max-width: 480px;
	378	margin: 0px;
	379	border: none;
	380	}
	381	#modeAdmin
	382	{
	383	font-size: 90%;
	384	}
	385	.zoneVideAdmin, #modeAdmin
	386	{
	387	height: 70px;
	388	}
	389	}
	390
	391	@media screen and (max-width: 479px)
	392	{
	393	#bloc_page
	394	{
	395	max-width: 380px;
	396	font-size: 85%;
	397	}
	398
	399	.police_titre
	400	{
	401
	402	font-family: you_are_loved, Arial, sans;
	403	font-size: 150%;
	404	color: #ddc97a;
	405
	406	position: relative;
	407	top: 13px;
	408	left: 18px;
	409	}
	410
	411	#bienvenue .police_titre
	412	{
	413	font-size: 200%;
	414	top: 0px;
	415	left: 25px;
	416	}
	417
	418	:target
	419	{
	420	padding-top: 56px;
	421	margin-top: -56px;
	422	}
	423
	424	nav
	425	{
	426	margin: 0px 30px;
	427	max-width: 320px;
	428	}
	429
	430	li
	431	{
	432	margin: 0px 10px;
	433	}
	434
	435	header
	436	{
	437	padding-top: 60px;
	438	}
	439
	440	#bienvenue
	441	{
	442	background-image: url("accueil/bienvenue_mini.png");
	443	width: 320px;
	444	height: 316px;
	445	}
	446
	447	#contenu, footer
	448	{
	449	width: 320px;
	450	margin: auto;
	451	}
	452
	453	#courriel
	454	{
	455	margin: 0px 20px;
	456	}
	457
	458	#courriel *
	459	{
	460	max-width: 180px;
	461	}
	462
	463	.zoneVideAdmin, #modeAdmin
	464	{
	465	height: 65px;
	466	}
	467
	468	#modeAdmin
	469	{
	470	max-width: 380px;
	471	}
	472
	473	#modeAdmin div
	474	{
	475	/margin: 5px;/
	476	}
	477	}
	478
	479	/* spécialement pour les petits smartphones*/
	480	@media screen and (max-width: 379px)
	481	{
	482	.zoneVideAdmin, #modeAdmin
	483	{
	484	height: 80px;
	485	}
	486
	487	#modeAdmin
	488	{
	489	font-size: 95%;
	490	padding: 0px;
	491	}
	492	#modeAdmin>p
	493	{
	494	font-size: 90%;
	495	margin: 3px;
	496	}
	497
	498	#modeAdmin div
	499	{
	500	max-width: 320px;
	501	}
	502	#modeAdmin>div p
	503	{
	504	margin: 0px 5px;
	505	}
	506	}