/* ############### MENU ################ */
#menu {
  height:30px;
	line-height:30px;
	font-size:11px;
	font-weight:bold;
  list-style:none;
  margin:0 auto;
  padding:0;
background:none;
}
#menu li { float:left;margin:0;padding:0; }
#menu li a {
  display:block;
  position:relative;
  top:0;
  left:0;
  text-decoration:none;
	border-right:0px solid #000;
	padding:0;
	color:#000;
}
#menu li a span { padding:0 10px; font-size:1em; text-transform:uppercase; text-decoration:none; }
#menu li a img { display:block; position:relative; top:0; padding:5px; width:100%; }
#menu li a:hover, #menu li a.select {
	color:#000;
	background:none;
  text-decoration:none;
  border:0px solid transparent;
	border-right:0px solid #000;
}
#menu li a:hover img, #menu li a.select img { 	background:none; } 
/* ############### MENU ################ */


/* ############### MENU DEROULANT ################ */
.squaremenu_content {
  position: absolute;
  display: none;
  margin: 0 auto;

  width: 1280px;
  background: #fac619;
	color:#000;
	border:1px solid #333;
	border-width:0px 0px;
  text-align:left;
  z-index:10000;

	overflow:visible !important
}
.squaremenu_content.overflow { overflow:hidden !important; }
.squaremenu_content > div { position:relative;  border-bottom: 1px solid #f1f1f1; margin-left:10px;margin-right:10px }
.squaremenu_content > div > a {
  position: relative;
  display: block;
  margin: 0px;
  padding: 3px 5px 3px 5px;
  color: #000; 
  height: auto !important;
	font-size:1em;
	text-transform:uppercase; 
  text-decoration: none;
	margin-top:5px;
	margin-bottom:5px;
}
.squaremenu_content > div > a img {float:right; display:inline; padding: 5px 5px 5px 5px;	margin-top:0;
	margin-bottom:5px;
}
.squaremenu_content > div > a:hover, .squaremenu_content > div > a.select { 
	background: #fff; color: #0082c8; text-decoration: none; 
}
#small .squaremenu_content > div > a:hover { background:none; color: #fff; }
.squaremenu_articles { display:none; position:absolute; z-index:10001; left:245px; top:0; width:375px; padding:6px 10px; background:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000)\9 }
.ie9 .squaremenu_articles { filter:none; }
.squaremenu_articles a { display:block; padding:5px 0 5px 10px; font-size:16px; color:#fff; line-height:17px; text-indent:-10px; }
.squaremenu_articles a:hover, .squaremenu_articles a.select { color:#eab81a; }
.squaremenu_content > div:last { border-bottom:0 !important; }
/* ############### MENU DEROULANT ################ */
 
h4 img {float:left; display:inline; padding: 2px 5px 2px 5px;	margin-top:0;
}




#top, #menu {
  position:relative;
	width:100%; max-width:1280px;
  margin:0 auto;
  text-align:left;
}


#top0 { position:relative; height:35px; z-index:999; }
#medium #top0 { height:40px; }
#top0.interne, #medium #top0.interne { height:108px; }
#small #top0 { height:65px; }
#medium #top0.interne { height:145mn0px; }


#top2 { position:absolute; bottom:0; left:0; width:100%; height:88px; }
#small #top2 { display:none; }

#interSite { height:58px; text-align:right; }
#small #interSite { display:none; }


#small #top, #small #menu, #small #content, #small #bottom { width:100%; max-width:100%; }

#bandeauTop { height:35px;}
.ie9 #bandeauTop { filter:none; }
#small #bandeauTop { height:auto; background:none; filter:none; }



#small #logo img { height:76px; width:auto; position:relative; top:2px; }
#top h3 {position:relative; float:left; margin-left:120px; display: inline; 
}


#menu { position:absolute;margin:0 auto;width:1280px; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#large #menu { left:50px; }
#medium #menu { width:960px; left:40px; top:10px }
#menu li a { overflow:hidden; height:30px; color:#fff; font-weight:500; font-family:sans-serif; }
#menu li a span { font-size:1.4em; }
#menu li a:hover, #menu li a.select { background:#fac619; }
#menu li.separe { color:#fff; background:#16528e; width:1px; overflow:hidden; line-height:16px; margin-top:5px }
#small #menu li.separe { display:none; }


#large #menu1, #medium #menu1 { display:block !important; opacity:1 !important; }
#small #menu1 { display:none; position:absolute; top:62px; left:0; width:100%; background:rgba(227,71,53,1); padding:10px 0 0; text-align:center; z-index:9999; border-bottom:5px solid #fff;}
.ie9 #small #menu1 { filter:none; }
#small #menu { position:relative; top:0; left:0; height:auto; min-height:550px }
#small #menu li { float:none; clear:both; height:38px; overflow:hidden; position:relative; padding:4px 0; border-top:1px solid #fff; background-image:url(flcRight3.png) !important; background-repeat:no-repeat !important; background-position:top right !important; }
#small #menu li a { top:4px; left:5px; }
#small #menu li a span { font-size:25px; color:#FFFFFF }
#small #mn00 { width:110px; }
#small #mn01 { width:400px; }
#small #mn02 { width:400px; }
#small #mn03 { width:450px; }
#small #mn04 { width:400px; }
#small #mn05 { width:162px; }
#small #mn06 { width:185px; }
#small #mn07 { width:400px; }


#menu0 { -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; top:0 }
#menu0 > img { display:none; }
#small #menu0 { display:inline; position:absolute; top:5px; left:20px; width:60px; height:62px; background:#455c5f; text-align:center; cursor:pointer;z-index:9999; }
.ie9 #small #menu0 { filter:none; }
#small #menu0 > img { display:inline; position:relative; top:13px;  }
#small #menu0.select { background:#e34735; }

#menuOutil { position:absolute; left:-5000px; top:0; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#menuOutil > img { display:none; }
#small #menuOutil { top:5px; position:absolute; display:block; opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); left:60%; width:40%; height:60px; background:rgba(0,0,0,0.6); text-align:center; cursor:pointer;z-index:999; }
.ie9 #small #menuOutil { filter:none; }
#small #menuOutil.select { background:#e04552; }
#small #menuOutil > img { display:inline; position:relative; top:10px;  }
#menuOutil2 { display:none; }
#small #menuOutil2 { position:absolute; top:68px; left:0; width:100%; background:#e04552; padding:10px 0 0; text-align:center; z-index:9999; border-bottom:5px solid #fff; }
#small #menuOutil2 a { background:url(menu.png) top right no-repeat; font-family:'Coustard', serif; font-size:22px; color:#fff; text-transform:uppercase; display:block; text-align:left; margin:0 10px; padding-bottom:6px; padding-top:6px; padding-left:10px; border-bottom:1px solid #fff; }
#small #menuOutil2 a:last { border-bottom:0; }

#menuLangue { position:relative;top:52px;right:308px; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; display:block }
#large #menuLangue { display:none; }
#small #menuLangue { position:absolut;float:right; top:125px; right:0; }
#menuLangue > img { display:none; }
#small #menuLangue { top:5px; width:50px; height:60px; background:#455c5f; text-align:center; cursor:pointer; z-index:999; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000)\9 }
.ie9 #small #menuLangue { filter:none; }
#small #menuLangue > img { display:inline; position:relative; top:20px; padding-left:5px  }
#small #menuLangue > img#currentFlag { position:relative;top:22px; }
#small #menuLangue.select { background:rgba(227,71,53,1); }

#medium #menuLangue2, #large #menuLangue2 { display:block !important; }
#small #menuLangue2 { display:none; }
#small #menuLangue2 .select { display:none; }
#menuLangue2 img { width:20px; opacity:0.3;-moz-opacity:0.3;filter:Alpha(Opacity=30); -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#small #menuLangue2 a { padding:23px 0; display:block; border-top:1px solid #eee; }
#small #menuLangue2 a img, #menuLangue2 a:hover img, #menuLangue2 a.select img { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); }
#small #menuLangue2 { position:absolute; top:60px; left:0; width:100%; background:rgba(227,71,53,1); padding:0; text-align:center; }
#small #menuLangue2 img { display:block; margin:0 auto 5px; width:20px; }

#searchForm2 { display:none; margin:0; padding:0 5px 4px; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#small #searchForm2 { display:block; }
#searchForm2 input {
	width:98%;
	padding-left:2%;
	color:#a3a3a3;
	font-size:14px;
	height:40px;
	background-color: #fff;
	background-image: url(mn_search.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.ie #searchForm2 input { padding-top:10px; height:30px; }
.ie9 #searchForm2 input { padding-top:0; height:40px; }
#small #searchForm2 input { border:0; color:#000;}

.ie .flipper .back, .ie .flipper .photoback { display:none; }
.ie9 .flipper .back, .ie9 .flipper .photoback { display:block; }

.squaremenu_content { z-index:1000; }
#small .squaremenu_content { left:0 !important; width:100% !important; height:auto !important; min-height:100%; top:68px !important;; }
.squaremenu_content .retour { display:none; }
#small .squaremenu_content .retour { display:block; }
.squaremenu_content .retour a {  background:#333; font-weight:bold; color:#fff; }
#small .squaremenu_content > div { top:0 !important; position:initial !important; margin-left:0; }
#small .squaremenu_articles { left:0 !important; position:absolute !important; top:0 !important; min-height:100%; width:96% !important; padding:0 2% !important; }
.squaremenu_articles .retour2 { display:none; }
#small .squaremenu_articles .retour2 { display:block; font-weight:bold; font-size:16px; margin-top:5px; background:#fff; padding:5px 10px; }
#small .squaremenu_articles .retour2 a { color:#333; }