.body{ font-family: 'Convergence', cursive, Georgia, Serif; }

#entete img{ width: 100%; }

.nav{
    display: block;
    margin-top:5px;
    height: 2em;    
}
.navs, .lnav {
    text-align: right;
/*    border-collapse: separate;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);*/
}
.navs{ height: 2em; }

.lnav{ height: 2em; width: 50%; }
.lnav:nth-child(1) a { color: #000000; }
.lnav:nth-child(1):hover, .lnav:nth-child(1):visited { background-color: #000000; }
.lnav:nth-child(4):hover, .lnav:nth-child(4):visited { background-color: #FFFFFF; }
.lnav:hover > a, .lnav:visited > a { color: #E91D25; }

.lnav:nth-child(1) { background-image: url(pics/barreJaune.png); -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.lnav:nth-child(2) { background-image: url(pics/barreRose.png); -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.lnav:nth-child(3) { background-image: url(pics/barreBleue.png); -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.lnav:nth-child(4) { background-image: url(pics/barreNoire.png); -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.lnav a { margin-right: 20px; }

.lnav.is-selected a{ 
    color:#0179FF; 
    text-shadow: 0 0 5px #FFFFFF;
}

footer a { color: #244078; }

.footer {
	background: -webkit-radial-gradient(ellipse at center top, #EFFAFF, #B6BDEC); background:    -moz-radial-gradient(ellipse at center top, #EFFAFF, #B6BDEC);
    background:     -ms-radial-gradient(ellipse at center top, #EFFAFF, #B6BDEC); background:      -o-radial-gradient(ellipse at center top, #EFFAFF, #B6BDEC);
	background: 		radial-gradient(ellipse at center top, #EFFAFF, #B6BDEC); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFFAFF', endColorstr='#B6BDEC', GradientType=0);
}

#div_haut_footer_C span{
	font-size : 30px; font-family: Georgia,Serif;
	background: -webkit-linear-gradient(#6161FF, #E91D25, #1FFFF6);  
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

@media (min-width: 822px)
{
    .nav{
        width : 50%; 
        margin-top: -2.5em; margin-bottom: 5em;
        margin-right: 0; margin-left: 45%;
    }
    .navs{
        margin:0; width: 100%; display: flex;    flex-direction: row;    flex-wrap: nowrap;
        
    }
    .lnav{
        width: 25%; display: flex;
        justify-content: flex-end;
        padding-right: 25px;
        align-items: center;
    }
}
@media (max-width: 1000px)
{
    .nav{
        position: relative; bottom : auto;  right: auto;
        width: 100%;
        margin: auto; margin-top: 1px; margin-bottom: 1em;
    }
    .navs{
        margin:0; width: 100%;        
    }
    .lnav a{
        margin-right: 3em;
    }
}

@media (min-width: 600px) and (max-width: 879px)
{
    .footer{
        height: 400px;
    }
    #div_footer_haut{
        height: 70%; 
    }
    #div_footer_bas{
        height: 20%; 
    }
    #div_footer_haut span, #div_footer_bas span{
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 599px)
{
    .footer{
        height: 500px;
    }
    #div_footer_haut{
        height: 80%; 
    }
    #div_footer_bas{
        height: 10%; 
    }
    #div_footer_haut span, #div_footer_bas span{
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 430px)
{
    .lnav a{  margin-right: 5px; }    
}

@media (max-width: 380px)
{
    .nav, .navs { height: auto; }
    .lnav { width: 75%; margin: auto; margin-bottom: 1em;}
    .lnav a{  margin-right: 20%; }
}

/* CONTACT */

#divContact { width: 700px; }
@media (max-width: 699px){ #divContact { width: 95%; margin-left: auto; margin-right: auto; } }

#divContact fieldset:nth-child(1) p label {width: auto;}
#divContact fieldset:nth-child(1) label:nth-child(1){ font-size: 110%; }
#divContact fieldset:nth-child(1) label:nth-child(2){ font-size: 140%; font-weight: bold; color: #E91D25; }

#divEnvoie{ text-align: center; }

#divContact {
	background: -webkit-radial-gradient(ellipse at center top, #EFFAFF, #9CB3E6); background:    -moz-radial-gradient(ellipse at center top, #EFFAFF, #9CB3E6);
    background:     -ms-radial-gradient(ellipse at center top, #EFFAFF, #9CB3E6); background:      -o-radial-gradient(ellipse at center top, #EFFAFF, #9CB3E6);
	background: 		radial-gradient(ellipse at center top, #EFFAFF, #9CB3E6); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFFAFF', endColorstr='#9CB3E6', GradientType=0);
}

#popupMention h3{
    text-align: center;
}