#logo_site_gauche{display:block;float:left;Width:252px;height:151px; margin:-151px 0 0 13%;z-index:1000;
background:url(//www.tsunagari-taiko-center.com/squelettes/_images/logo-seul-fleuri-252px.jpg) no-repeat;}
#header{width: 70%; height: 151px; 
	background:url(//www.tsunagari-taiko-center.com/squelettes/_images/sprite.png) no-repeat -10px -10px;  
	z-index:5; margin:0 0 0 30%; border:none;}
#tsuna_500px_mob{display:none;}
a.telephone{float:right;z-index:100;display:block; margin:-125px 30px 0 0; width:160px; height:18px; 
	font-size:16px; font-weight:bold; color:#ffffff; background:#FF4800; text-align: center;
	padding:4px; border-radius:3px; transform:rotate(13deg); box-shadow: 2px 2px 3px;}
a:hover.telephone{background:#FFFFFF; color:#FF4800;}
#info_rentree{display:block; float:right; border:none; width:120px; height:120px;margin:-100px 150px -60px 0; }

/* MENU HORIZONTAL DE NAV HAUTE */
#menu_h{width: 450px; height:auto;margin:15px 0 0 0;padding:0;font-weight:bold;}
#menu_h ul{margin:0 0 0 20px;padding:0;}
#menu_h li{ float:none;list-style-type:none; padding:0; margin:0 0 3px 0; }



.menu_h_art, .menu_h_arton{display:block;margin:0; padding: 5px 0 5px 15px; border-radius: 2px;
	border:1px solid rgba(255, 16, 0, 0.6);color: #B40707;font-size:90%;}
.menu_h_arton{padding: 5px 0 5px 25px;color:#FFFFFF;background: #EF6B03;font-size:100%;}
.menu_h_art:hover{color:#FFFFFF;background: #EF6B03;}
.menu_h_arton:hover{color:#000000;background: #EF6B03;}
.menu_h_rub_arton{display:block;margin:5px 0 -4px 0;padding:7px 0 7px 15px;width:30%; border-radius: 2px;
	border:1px solid rgba(255, 16, 0, 0.6);font-size:80%;text-align:left;}
.menu_h_rub{display:block;margin:0;padding: 5px 5px 5px 0;border-radius: 2px;border:1px solid rgba(255, 16, 0, 0.6);
	color: #B40707;font-size:130%;}
.menu_h_rub:hover{color:#FFFFFF;background: #FFA700;}
.menu_h_rubon {display:block;height:auto;border-radius: 3px;margin:0 0 3px 0;
	padding: 5px;border:1px solid rgba(255, 16, 0, 0.6);color:#420006;font-size:120%;width: 100%;}
.menu_h_rubon:hover{color:#FFA700;}
.menu_h_rubon h1 {color:#B40707;font-size:25px;margin: 5px 0 0 8px;}
.menu_h_rubon h1:first-letter{font-size:45px;text-transform: uppercase;text-shadow: 2px 2px 2px #8C8C8C;}
.menu_h_rubon h2 {display:block;padding:0;margin:3px 0 5px 10px;font-size: 95%;font-weight:normal;}
.menu_h_rubon span{	color:#B40707;font-size:90%;}	
.menu_h_rubon .traductions{	margin:3px 3px 0 0;}
.logo_art_menu_h{width: 5%;height:auto;margin:0 7px 0 0;float:left;}	
.logo_rub_menu_h{width: 6%;height:auto;margin:0 7px 0 0;float:left;}

#langues{float:left; margin:0 0 0 0;}
.traductions{float:left;font-size:11px;width:auto;text-align:left;}
.traductions, .fb-like, .twitter-share-button{box-shadow: 0px 0px 0px #aaa; margin: 3px 5px 3px 0;}
.fb-like, .twitter-share-button{float:left;}
.drapeau_lang{box-shadow: 1px 1px 2px #aaa;	height:11px;width:18px;margin: 0;}
#rubrique, #article, #article_autre{text-align: justify;width:80%; padding:5px 0 0 0; margin: 10px auto 0 auto;}

.header{display:block; width:800px;padding:0 0 0 10px;margin: 30px 0 0 -40px;}
.header h2{display:block;font-size:110%;font-weight:bold;margin: 10px 0 0 15px;}
.header h1{display:block;color:#B40707;vertical-align:middle;font-size:22px;margin: 20px 0 0 10px;}
.header h1:first-letter{font-size:45px;text-transform: uppercase;text-shadow: 2px 2px 2px #8C8C8C;}
.header .spip_logo { float: left; margin: -20px 15px 5px 0;}

#logo_art, #logo_autre, #logo_pop, #logo_rub{height:auto; float:right; display:block; margin:0;}
#logo_art, #logo_rub{width: 590px;}
#logo_autre{width: 500px;}
#logo_pop{width: 45%;}
.menu { margin: 20px auto 0 auto; width: 80%;clear:right;}
.menu h3{font-weight:normal;font-size:80%;} 
.sites ul { margin: 20px 0 0 0; padding: 0; list-style-type:none;}
.sites li{display:block;min-height:100px;width: 80%; margin: 0.20em 0;border-top: 1px solid #DDD;}
.chapo { line-height: 1.40em; color: #669; margin: 0 0 10px 20%;}
a.hyperlien{ display:block;margin: 10px 0 10px 10px;padding: 5px 10px 5px 10px;
	font-style:italic;border: 1px solid #B40707;text-align:center;float:left;}
a.hyperlien:hover{color:#FB002A;border: 1px solid #FB002A;}
h2.descriptif { margin: 0 auto 0 auto;width:80%;}
.titre {margin: 0 0 0 3%;}
.cache{display:none;}


/* ==================== VERSION grande tablette=========================*/

@media screen and (max-width: 1170px) 
{
#header{width:90%; margin:0 0 0 10%;}
a.telephone{margin:-125px 30px 0 0; width:150px; font-size:15px;}
#info_rentree{margin:-100px 150px -60px 0; }
#logo_site_gauche{margin:-151px 0 0 0;}
#logo_art, #logo_rub{width: 50%; margin: 0 7% 0 0;}
#logo_autre{width: 40%;}
#menu_h{ width: 40%;margin:15px 0 0 0;}
.menu_h_rub_arton{width:32%;}
.header{width: 95%;margin: 20px 0 0 0;}
}
/* ==================== VERSION moyenne tablette=========================*/

@media screen and (max-width: 900px) 
{
#header{width:91%;margin:0 0 0 9%;}
a.telephone{margin:-130px 10px 0 0;}
#info_rentree{margin:-105px 90px -60px 0; }
#rubrique, #article, #article_autre{width:100%;}
#logo_art, #logo_rub{width: 60%;z-index:-2; margin:0;}
#logo_autre{width: 50%;z-index:-2;}
#menu_h{ width: 39%;}
.menu_h_rub_arton{width:40%;}

}

/* ==================== VERSION TABLETTE ETROITE=========================*/
	@media screen and (max-width: 750px) 
{
#header{width:89%;margin:0 0 0 11%;}
a.telephone{margin:-135px 5px 0 0; width:140px; font-size:13px;padding: 3px;}
#info_rentree{display:none;}
#logo_art, #logo_rub{width: 59%;}
#logo_autre{width: 50%;}
#menu_h{ width: 40%;}
.menu_h_rub_arton{width:48%;}

}

/* ==================== VERSION MOBILE LARGE 600 =========================*/

@media screen and (max-width: 600px) 
{
#header{background:none;}
#tsuna_500px_mob{float:right; display:block; font-size:20px; font-weight:bold; color:#FF4800; 
	 margin:-140px 20px 0 0; text-align:right;width:160px;}
a.telephone{margin:-60px 10px 0 0; width:130px;}
#wowslider-images{display:none;}
#menu_h{ width: 90%; margin:5px auto 0 auto;}
#menu_h ul{margin:0}
.menu_h_rub_arton{width:27%;}
#logo_art, #logo_rub, #logo_autre{width: 100%;margin:10px auto 0 auto;float:none;}
.logo_art_menu_h{width: 7%;}
 
}

/* ==================== VERSION MOBILE INF 420PX ipone 6+ =========================*/

@media screen and (max-width: 420px) 
{
#tsuna_500px_mob{font-size:16px; margin:-140px 15px 0 0; width:140px;}
a.telephone{width:120px; height:16px; font-size:12px;padding: 2px;}
#menu_h{ width: 95%; margin:10px auto 0 auto;}
.menu_h_rub_arton{width:35%;}
.logo_rub_menu_h{width: 6%;}
.logo_art_menu_h{width: 5%;}

}

/* ==================== VERSION MOBILE 380PX Iphone 6 =========================*/

@media screen and (max-width: 380px) 
{
#tsuna_500px_mob{font-size:14px; width:120px;}
a.telephone{width:110px; font-size:11px;}

}