body {
	margin-left: .8rem;
	margin-top: .8rem;
	margin-right: .8rem;
	margin-bottom: .8rem;
	background-position:center;
	background-repeat:repeat-y;
	font-size: 100%;}
}

h1 {font-family: Arial, Helvetica, sans-serif;font-size: 2rem;color:rgba(0,218,255,1.00);font-weight: bold; letter-spacing:.05rem; margin-bottom:.05rem;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: .95rem;color:rgba(0,0,0,1.00);font-weight: bold; margin-top:0rem;}
p {font-family: Arial, Helvetica, sans-serif;font-size: .8rem;color:rgba(0,0,0,1.00);}
li {font-family: Arial, Helvetica, sans-serif;font-size: .8rem;color:rgba(0,0,0,1.00);}
hr {color: #026836; height:.2rem;}

.couleurmarque {color:rgba(0,218,255,1.00);}
.blanc {color:rgba(255,255,255,1.00);}

a:link {color:rgba(0,218,255,1.00);text-decoration: none;font-weight:bold;}
a:visited {color:rgba(0,218,255,1.00);text-decoration: none;font-weight:bold;}
a:hover {color: #000000;text-decoration: none;font-weight:bold;}
a:active {color:rgba(0,218,255,1.00);text-decoration: none;font-weight:bold;}

#logo {font-family: Arial, Helvetica, sans-serif;font-size: 3rem;color:rgba(0,218,255,1.00);font-weight: bold; letter-spacing:0px; margin-bottom:-.7rem;}
#slogan {font-family: Arial, Helvetica, sans-serif;font-size: 1.2rem;color:rgba(0,0,0,1.00);font-weight: bold; margin-top:0px; margin-left:3rem;margin-bottom:-.5rem;position: relative;z-index:100;}
.sloganF {color:rgba(0,218,255,1.00);font-size: 2.5rem; margin-right:-.35rem; }
.slogan2 {color:rgba(0,218,255,1.00);font-size: 2.5rem; }

#langues {width:auto; height:auto; position:absolute; top: .1rem; right: .1rem; font-family: Arial, Helvetica, sans-serif;font-size: .9rem;color:rgba(225,225,225,1.00); }

#compte {width:auto; height:auto; position:absolute; top: 1.4rem; right: 1rem; font-family: Arial, Helvetica, sans-serif;font-size: .9rem;color:rgba(255,255,255,1.00);font-weight: bold; padding:.7rem; background:rgba(0,218,255,1.00); z-index:100;z-index:200;border-radius:.8rem;}

#compte a:link {color:rgba(255,255,255,1.00);text-decoration: none;}
#compte a:visited {color:rgba(255,255,255,1.00);text-decoration: none;}
#compte a:hover {color: rgba(0,0,0,1.00);text-decoration: none;}
#compte a:active {color:rgba(255,255,255,1.00);text-decoration: none;}

#page {position:relative; height:auto;  background:rgba(0,218,255,1.00); border-radius:3rem; padding:3rem; font-size: 100%;z-index:10;}

#page a:link {color:rgba(255,255,255,1.00);text-decoration: none;}
#page a:visited {color:rgba(255,255,255,1.00);text-decoration: none;}
#page a:hover {color: rgba(0,0,0,1.00);text-decoration: none;}
#page a:active {color:rgba(255,255,255,1.00);text-decoration: none;}


#inscription { width:auto; font-family: Arial, Helvetica, sans-serif;font-size: .9rem;color:rgba(0,218,255,1.00);font-weight: bold; padding:2rem; background:rgba(255,255,255,1.00); border-radius:1.5rem;}

#inscription a:link {color:rgba(0,218,255,1.00);text-decoration: none;}
#inscription a:visited {color:rgba(0,218,255,1.00);text-decoration: none;}
#inscription a:hover {color: rgba(0,0,0,1.00);text-decoration: none;}
#inscription a:active {color:rgba(0,218,255,1.00);text-decoration: none;}

#annonce {color:rgba(0,0,0,1.00); border-color:rgba(0,0,0,1.00); border-style:dotted; background-color:rgba(252,252,252,1.00); padding:.7rem; margin-top:1.5rem;border-radius:3rem;} 

#pieddepage {margin-top:2rem;}
.pieddepagemenu {font-family: Arial, Helvetica, sans-serif;font-size: .5rem;color: #000000;}


/* @media only screen and (max-width:768px) { 

petits smartphones et plus grands en mode portrait
=> Menu vertical texte menu plus gros
*/
@media only screen and (max-device-width:480px) {

}

/* @media only screen { 

petits smartphones et plus grands en mode portrait
=> Menu vertical texte menu plus gros
*/
@media only screen and (max-device-width:480px) {
}
/*
smartphones en mode paysage
=> Menu vertical texte menu plus petit */
@media only screen  and (min-device-width:481px) and (max-width:768px){
}
/* @media only screen and (min-width:769px) { */
/* smartphone en vertical */
@media only screen  and (min-device-width:481px) and (min-width:769px){
}