@charset "utf-8"; 

/*.entete{background:url(../images/header/header_entete_fond.png); background-position:left top; background-repeat:repeat-x; width:100%; height:45px; top:0px; left:0px; position:fixed; z-index:9999}
*/
ul.entetenav{list-style:none; width:1000px; height:35px; font-size:1.2em; margin:0; padding:0; border:#F00 solid 0px}

ul.entetenav li{float:right; margin:0; padding:0 0 0 0; position:relative; width:auto}

ul.entetenav li.drapeaux_haut{padding:8px 0px 0px 5px}

ul.entetenav li.phraseH1{ padding:10px 0px; font-size:16px; float:left; color:#1F6BAE;}
.bandeauPC{width:100%; position:relative; height:100%; margin-top:35px; display:block}

.bandeauPC img{height:auto}

.bandeauPC #le_fond{width:100%; position:relative; z-index:1}

.bandeauPC #le_logo{width:32%; position:absolute; top:0; left:0; z-index:2}

.bandeauPC #contact_bande{position:absolute; z-index:4; right:0px; top:25px; background-image:url(../images/header/header_boutons_fond.png); background-position:top left; background-repeat:no-repeat; height:50px; width:80px; text-align:left; padding:10px 25px 10px 10px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}

.bandeauPC #mon_compte_bande{position:absolute; z-index:4; right:0px; top:79px; background-image:url(../images/header/header_boutons_fond.png); background-position:top left; background-repeat:no-repeat; height:50px; width:120px; text-align:left; padding:10px 10px 10px 10px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}

.gros_bouton_haut:hover a{color:#333; text-shadow:#333 1px 1px 1px}

.bandeauPC #recherche_keywords{position:absolute; z-index:4; left:34%; bottom:10px; width:400px; text-align:left; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  margin-right:0}

.bandeauPC #recherche_keywords input[type=text]{border:1px solid #B3B3B3;  font-size:14px;  height:2.57143em;  line-height:1.71429em;  margin-bottom:0;  outline:medium none;  padding:0px 10px;  position:relative;  width:100%;  z-index:1; box-shadow:0 1px 2px rgba(0,0,0,0.1) inset; float:left; color:#999}
.bandeauPC #recherche_keywords input[type=image]{float:left}

.menuHautPC{ background-image:url(../images/header/header_menu_fond.jpg); background-repeat:no-repeat; background-position:top center; margin-top:10px; height:52px; position:relative;}

.menuHautPC ul li{ display:inline-block; position:relative; z-index:4; height:100%; margin:0px}

.menuHautPC ul img{float:left}

.menuHautPC li a{color:#A0A001; font-family:"roundmarker-webfont", Times, serif; text-align:center; text-decoration:none; font-size:20px; vertical-align:middle;transition:color 0.5s ease;  padding:10px 20px; display:block}

.menuHautPC li a:hover{color:#FFF;  width:auto; transition:color 0.5s ease;}

ul.topnav{ height:100%;}
ul.subnav{list-style:none; position:absolute; display:none; width:260px; border-top:1px solid #666; margin:6px; z-index:1; left:-9px; padding:0 0 7px 0}

ul.subnav li{margin:0; padding:5px; height:auto; width:248px; border-bottom:#666 solid 1px; border-left:#666 solid 1px; border-right:#666 solid 1px; background:url(../images/header/header_menu_fond.png); background-position:right top; background-repeat:repeat-y}

#menu_gauche_portable{display:none}

.menuHautPORTABLE{display:none}

.bandeauPORTABLE{display:none}

.header_fleche{ height: 16px;
    left: 13px;
    position: absolute;
    bottom: 0px;
    width: 64px; background:url(../images/header/header_fleche.jpg) no-repeat bottom center; z-index:2.
	-moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
;header_fleche:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}

ul.topnav li:nth-child(1):hover ~ .header_fleche {
    left: 145px;
}
ul.topnav li:nth-child(2):hover ~ .header_fleche {
    left: 270px;
}
ul.topnav li:nth-of-type(3):hover ~ .header_fleche {
    left: 405px;
}
ul.topnav li:nth-of-type(4):hover ~ .header_fleche {
    left: 520px;
}
ul.topnav li:nth-of-type(5):hover ~ .header_fleche {
    left: 640px;
}
ul.topnav li:nth-of-type(6):hover ~ .header_fleche {
    left: 780px;
}
@media screen and (min-width:1025px){.header{width:1000px; padding:0px; background-position:center top; background-size:100% 100%; overflow:hidden; margin:0 auto}

.menuHautPC #maxPC1000{display:none}

.bandeauPORTABLE{display:none}

.menuHautPORTABLE{display:none}

#menu_gauche_portable{display:none}
.boutons_portable{ display:none;}
}

@media screen and (max-width:1024px) and (min-width:750px){.body{background:none}

.global{width:100%}

ul.entetenav{width:100%}

.bandeauPORTABLE{display:none}

.bandeauPORTABLE{display:none}

.menuHautPORTABLE{display:none}

#menu_gauche_portable{display:none}

.bandeauPC .gros_bouton_haut{display:none}

.header_fleche{ display:none;}
.boutons_portable{ display:none;}
}

@media screen and (max-width:750px){.global{width:100%}

.header{ position:relative;}
ul.entetenav li.phraseH1{ display:none;}

ul.entetenav{width:100%}

.bandeauPC{display:none}

.bandeauPORTABLE{width:100%; background-color:#FFF; display:block}

.menuHautPC{display:none}

.menuHautPORTABLE{background-color:#000; display:block; }

.menuHautPORTABLE #englobe{text-align:center; width:100%;background:#666701;}

.menuHautPORTABLE #barre{padding:0px 5px 0px 5px}

#englobe div{display:inline-block; background-position:left top; background-repeat:repeat-y; margin:0px 0px 0px 0px; height:auto}

#englobe a{ font-family:"roundmarker-webfont",Verdana,sans-serif; text-align:center; text-decoration:none; font-size:20px; color:#FFF; display:block; padding:10px 0 10px 0;}

}

@media screen and (max-width:750px) and (min-width:590px){
.boutons_portable{z-index:5; position:absolute; bottom:45px; right:10px}
.boutons_portable #boutons{ display:inline-block; text-align:center;width:30px; border:#666600 solid 1px; margin-right:5px;padding:5px}
}

@media screen and (max-width:589px){
.boutons_portable{ display:block;background-color:#FFF; width:100%;text-align:center; overflow:hidden}
.boutons_portable #boutons{ display:inline-block; text-align:center;width:30px; border:#666600 solid 1px; margin-right:5px;padding:5px}
}
