/************************polices***********************/
@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'handsean';
    src: url('polices/handsean.eot');
    src: url('polices/handsean.eot?#iefix') format('embedded-opentype'),
         url('polices/handsean.woff') format('woff'),
         url('polices/handsean.ttf') format('truetype'),
         url('polices/handsean.svg#handsean') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*******************************menu horizontal*************************/
#menu_horizontal
{
margin-top:140px;
width : 900px; /*largeur du grand cadre noir*/
height : 30px;
float: left;
margin-left: 130px;
}

#menu_horizontal_eng
{
margin-top:140px;
width : 900px; /*largeur du grand cadre noir*/
height : 30px;
float: left;
margin-left: 165px;
}

.bouton, .bouton a{
float: left;
text-decoration: none;
font-size:17px;
color: #1d4dbc;
font-family: cambria, Dayrom, georgia, "Arial Narrow", "URL Chancery L", Loma, rachana, serif;
margin-left: 13px;
font-weight:800;
}

.bouton a:hover{
background-image:url("./images/menu/eclairage-2.png");
background-repeat:no-repeat;
color:#07b3c7;
}

/************************ Menu déroulant *******************/


#menu_dynamique 
{	
float: left;
margin-top: 5px;
height:800px;
width:182px;
}


#menu_dynamique li a 
{
  display:block;
  height:21px;
  text-decoration:none;
  color:black;
  font-family: Dayrom, "Arial Narrow",Loma,rachana;
  font-size:14px;
  padding-left:5px;
}

#menu_dynamique li a:hover
{
color:white;
}

#menu_dynamique ul
{
	width: 150px;
	list-style:none;
	padding:0px;
	margin-top:0px;
	margin-bottom:8px;
	z-index:2;
}
	
#menu_dynamique ul li 
{
  margin-top:1px;
  height:21px;
}

#menu_dynamique ul li ul li
{
  margin-top:0px;
  height:21px;
}

#menu_dynamique ul li ul
{
  display:none;
  border: solid 1px #5d7689;
}

#menu_dynamique ul li:hover ul
{
	display: block;
	position: relative;
	z-index:2; /*utilisé pour la page news. Ce div sera au premier plan et le #featured de News au second plan (car son z-index:1; est plus petit)*/
	top: -21px; 
	margin-left: 145px;
}

#menu_dynamique ul li.extend a 
{
  background-image:url("images/menu_deroulant/fond2.png");
}

#menu_dynamique ul li.end a 
{
  background-image:url("images/menu_deroulant/fond1.png");
}

#menu_dynamique ul li.end:hover a 
{
  background-image:url("images/menu_deroulant/underline.png");
}


/*Pour les liens extend*/

#menu_dynamique ul li.extend:hover a 
{
background-image:url("images/menu_deroulant/underline1.png");
}

/*Pour les liens end*/
#menu_dynamique ul li.extend:hover ul li.end a
{
background-image:url("images/menu_deroulant/fond1.png");
}

#menu_dynamique ul li.end:hover a, /*chgt de couleur d'un lien "end" du 1er menu (qd la souris passe dessus) */
#menu_dynamique ul li.extend:hover ul li.end:hover a/*chgt de couleur d'un lien "end" du 2e menu (qd la souris passe dessus) */
{
background-image:url("images/menu_deroulant/underline.png");
margin-top:0px;
height:21px;
}

#menu_dynamique h3
{
color:#0d1684;
font-family: georgia, "Comic sans MS", "Times New Roman", serif;
font-size:15px;
margin-bottom:0px;
width:190px;
}

#menu_dynamique .element_menu h3
{
padding-left:0px;
background-repeat:no-repeat;
padding-top:8px;
height:45px;
}

#tete
{
height:10px;
width:180px;
margin-bottom:0px;
margin-left:1px;
background-image:url("images/menu_deroulant/tete.png");
}

#queue
{
height:10px;
width:182px;
margin-bottom:20px;
margin-left:1px;
background-image:url("images/menu_deroulant/queue.png");
background-repeat:no-repeat;
}

.element_menu 
{
margin-bottom: 0px;
background-color:#cbcbff;
border-left: solid 1px #5d7689;
border-right: solid 1px #5d7689;
padding-left: 10px;
padding-bottom:10px;
margin-top:-15px;
}

.element_menu h4
{
font-family: georgia, dayrom, "handsean","comic sans ms", serif;
font-size:13px;
margin-bottom:8px;
margin-top:0px;
margin-left:4px;
}

/*******************************infos**********************/

button
{
width:100px;
height:25px;
font-family:Arial,"Comic sans MS", Calibri, "Arial Narrow", "Times New Roman", serif;
font-size:11px;
margin-bottom:3px;
}

#button
{
margin-left:280px;
}
#infos 
{
margin-top:-15px;
background-color:#cbcbff;
padding-left: 15px;
padding-bottom:10px;
border-left: solid 1px #5d7689;
border-right: solid 1px #5d7689;
}


#enneigement
{
margin-bottom:10px;
}


#infos .lien_info a
{
text-align:center;
display:block;
width:100px;
height:25px;
padding-top:3px;
background-image:url("images/button.png");
background-repeat:no-repeat;
text-decoration:none;
font-family:Arial,"Comic sans MS", Calibri, "Arial Narrow", "Times New Roman", serif;
font-size:11px;
color:black;
}

#infos .lien_info a:hover
{
background-image:url("images/button-hover.png");
cursor: default;
}