/*
stylearsl.css
---------
Fichier créé le 05/01/2016
*/
body{
	background-color: rgb(240, 240, 240);
}

.titre1
{
text-align: center;
background-color: rgb(255, 255, 255);
font-size: large;
font-weight: bold;
color: blue;
}

.titre2 /* ARSL ROCHE presentation couleur bleu*/
{
text-align: center;
background-color: rgb(255, 255, 255);
background-size: 60%;
font-size: 40px;
font-family: georgia, impact, arial; 
font-weight: bold;
color: blue;
}

.titre3 /* ARSL ROCHE LA COURSE couleur bleu*/
{
text-align: center;
background-color: rgb(255, 255, 255);
background-size: 60%;
font-size: 30px;
font-family: georgia, impact, arial; 
font-weight: bold;
color: blue;
}

.titre4 /*  couleur bleu*/
{
text-align: left;
background-color: rgb(192, 192, 192);
font-size: 15px;
font-family:  arial, georgia, impact; 
font-weight: normal;
color: blue;
}

.titre5 /* texte couleur noir et taille */
{
text-align: center;
font-family:  batam, Arial, Helvetica;
font-size: 25px;
font-weight: bold;
color: red;
}

.titre6 /* texte couleur noir et taille */
{
text-align: center;
font-family:  batam, Arial, Helvetica;
font-size: 20px;
font-weight: bold;
color: red;
}

.titre7 /* ARSL ROCHE presentation couleur rouge*/
{
text-align: center;
background-color: rgb(255, 255, 255);
background-size: 60%;
font-size: 40px;
font-family: georgia, impact, arial; 
font-weight: bold;
color: red;
}

a:hover /* si passe sur le lien */
{
color: red;
	
}

a:active, a:focus /* si clic sur le lien */
{
font-size: 18px;
}

a:visited /* si vu sur le lien */
{
/*text-decoration-line : line-through; */
color: black;
}

.text1 /*  texte couleur noir et taille retour mais plus petit */
{
text-align: center;
font-size: large;
font-weight: normal;
color: black;
}

.text2 /* texte couleur noir et taille retour */
{
text-align: center;
font-family:  batam, Arial, Helvetica;
font-size: 18px;
font-weight: bold;
color: black;
}

.text3 /* texte couleur rouge et taille retour */
{
text-align: center;
font-family:  batam, Arial, Helvetica;
font-size: 18px;
font-weight: bold;
color: red;
}

.text4 /* texte couleur bleu et taille retour */
{
text-align: center;
font-family:  batam, Arial, Helvetica;
font-size: 18px;
font-weight: bold;
color: blue;
}

.text5 /* texte couleur bleu et taille retour mais plus gros */
{
text-align: left;
font-family:  batam, Arial, Helvetica;
font-size: 18px;
font-weight: bold;
color: blue;
}

p
{
	color: black;
	font-size: 18px;
}
h3
{
	color: black;
	font-size: 18px;
}
div
{
   font-family: Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
}
spam
{
   font-family: Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
}

.ImageFlottanteLeft
{
   float: left;
 }
.ImageFlottanteRight
{
   float: right;
 }
 
/* code CSS du menu deroulant horizontal */
 #menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
#menu-demo2 ul li:hover{
border-radius:0;
}
#menu-demo2 ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu-demo2 ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:30em;
}
/* background des liens menus */
#menu-demo2 li:first-child{
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(2){
background-color: #FFFFCC
background-image: -webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(3){
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(4){
background-color: #FFFFCC
background-image: -webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(5){
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(6){
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(7){
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:nth-child(8){
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
#menu-demo2 li:last-child{
background-color: #FFFFCC
background-image:-webkit-linear-gradient(top, #FFFFCC 0%, #666666 100%);
background-image:linear-gradient(to bottom, #FFFFCC 0%, #666666 100%);
}
/* background des liens sous menus et couleurs des sous menus */
#menu-demo2 li:first-child li{
background:#333333;
}
#menu-demo2 li:nth-child(2) li{
background:#333333;
}
#menu-demo2 li:nth-child(3) li{
background:#333333;
}
#menu-demo2 li:nth-child(4) li{
background:#333333;
}
#menu-demo2 li:nth-child(5) li{
background:#333333;
}
#menu-demo2 li:nth-child(6) li{
background:#333333;
}
#menu-demo2 li:nth-child(7) li{
background:#333333;
}
#menu-demo2 li:nth-child(8) li{
background:#333333;
}
#menu-demo2 li:last-child li{
background:#333333;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(4):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(5):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(6):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(7):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#C0C0C0
}
#menu-demo2 li:nth-child(8):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#C0C0C0
}
#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{
background:#C0C0C0
}
/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
padding:8px 25px;
color:#fff;
font-family:arial;
}
#menu-demo2 ul a{
padding:8px 0;
}
#menu-demo2 li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}