﻿/*Pour mettre les liens couleur noir au lieu de bleu*/
a 
{
text-decoration: none;
color: #000000;
text-decoration:underline;
}

body
{
/*background-color:#669999;*/
/*background-color:#AC2629;*/
/*background-color:#CC651A;*/
background-image:url(https://acl23.loqual.pro/img/fondpapatteblanche.png);
margin-top: 8px;

scrollbar-face-color:#669999; /*couleur de l'ascenseur*/
scrollbar-shadow-color:white; /*couleur du contour de l'ascenseur*/
scrollbar-highlight-color:yellow;
scrollbar-3dlight-color:yellow;
scrollbar-darkshadow-color:white;
scrollbar-track-color:white; /*couleur de fond où est positionné l'ascenseur*/
scrollbar-arrow-color:#669999; /*couleur des fleches*/
}

/*Mettre un arrondi sur les images-->*/
.arrondie 
{
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

/*changer l'apparence des boutons des menus*/
#coin 
{
background-color:#FFFF99; /*couleur du fond*/
border:1px solid #E8F4F3; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin2 {
background-color:#E8F4F3; /*couleur du fond*/
border:1px solid #FFFFFF; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
-moz-width:800px;
-webkit-width:800px;
width:800px;
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin3 {
background-color:#E8F4F3; /*couleur du fond*/
border:1px solid #FFFFFF; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin4 {
background-color:#FFFFFF; /*couleur du fond*/
border:1px solid #CCCCCC; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin5
{
background-color:#FFFF99; /*couleur du fond*/
padding:5px; /*hauteur de la cellule*/
border-radius:20px 20px; /*taille de l'arrondi des coins*/
}

#coin6 {
background-color:#669999; /*couleur du fond*/
border:1px solid #FFFFFF; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
border-radius:40px 0px 40px 0px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin7 {
-moz-background-color:#E8F4F3;
-webkit-background-color:#E8F4F3;
background-color:#E8F4F3; /*couleur du fond*/
border:1px solid #FFFFFF; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
-moz-width:700px;
-webkit-width:700px;
width:700px;
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin8 {
-moz-background-color:#E8F4F3;
-webkit-background-color:#E8F4F3;
background-color:#E8F4F3; /*couleur du fond*/
border:1px solid #FFFFFF; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
-moz-width:590px;
-webkit-width:590px;
width:590px;
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#coin9 {
-moz-background-color:#E8F4F3;
-webkit-background-color:#E8F4F3;
background-color:#E8F4F3; /*couleur du fond*/
border:1px solid #FFFFFF; /*taille + effet + couleur de la bordure*/
padding:5px; /*hauteur de la cellule*/
-moz-width:590px;
-webkit-width:590px;
width:590px;
height:440px;
border-radius:20px 20px; /*taille de l'arrondi des coins*/
border-bottom-width:5px; /*taille du fond en bas*/
border-right-width:5px; /*taille du fond à droite*/
border-left-width:0px; /*taille du fond à gauche*/
border-top-width:0px; /*taille du fond en haut*/
}

#ombremultiple 
{
-moz-width:900px;
-webkit-width:900px;
width:900px;
background-color:#FFCCCC;
padding:5px;
box-shadow:5px 5px 5px gray,
-10px -10px 2px white;
}

#ombremultiple2 
{
-moz-width:1000px;
-webkit-width:1000px;
width:1000px;
background-color:#E8F4F3;
padding:5px;
box-shadow:5px 5px 5px gray,
-10px -10px 2px white;
}

#ombremultiple3 
{
-moz-width:1000px;
-webkit-width:1000px;
width:1000px;
background-color:#FFFFFF;
padding:5px;
}

#ombremultiple4
{
width:800px;
background-color:#EEEEEE;
padding:5px;
box-shadow:5px 5px 5px gray,
-10px -10px 2px white;
}

#ombremultiple5
{
-moz-width:1000px;
-webkit-width:1000px;
width:1000px;
background-color:#faee46;
padding:5px;
box-shadow:5px 5px 5px gray,
-10px -10px 2px white;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

#ombremultiple6
{
-moz-width:1000px;
-webkit-width:1000px;
width:1000px;
background-color:#faee46;
padding:5px;
box-shadow:5px 5px 5px gray,
-10px -10px 2px white;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

h1
{
text-align:center;
text-shadow:5px 5px 4px grey;
color:black;
}

h2
{
text-align:center;
text-shadow:5px 5px 4px grey;
color:black;
}

#img {
color:black;
background-color:white;
background-image:url(ph/cadrephotos.png);
background-repeat:no-repeat;
background-position:center center;
opacity: 0.3;
}

#fieldset
{
width:800px;
text-align:center;
}

ul
{
width:auto;
margin:10px;
}

#logo
{
	background-image:url(https://acl23.loqual.pro/img/logoACL2b.png);
	background-color:#FFFFFF;	
  	background-repeat:no-repeat;
  	width:530px;
  	height:228px;
  	padding:0;
}

#banniere
{
	background-image:url(https://acl23.loqual.pro/ph/banniere23.jpg);
	background-color:#FFFFFF;
	width:610px;
	height:228px;
}

#imgbg
{
	background-image:url(https://acl23.loqual.pro/img/heart.png);
	width:550px;
	height:375px;
	opacity: 0.6;
}

#imgbg2
{
	background-image:url(https://acl23.loqual.pro/img/104.png);
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:20px 20px;
	width:590px;
	height:410px;
}