@font-face {font-family: "Century Gothic";
      src: url("//www.tsunagari-taiko-center.com/squelettes/font/century-gothic.woff2"); font-display: swap;}
body{margin:0px; padding:0px; text-align:left; font:90% "Century Gothic", Arial,sans-serif;
	color:#2E2A2A; background:#ffffff;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
/*.spip_logo {} Cf.: spip_style.css */

/* Styles */
a{color:#420006; text-decoration: none;}
a:hover{color:#E10022;text-decoration: none;}
/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 100%; font-family: "Century Gothic", Arial,sans-serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 110%; line-height:120%;}
h2.descriptif {display:block; margin: 0 0 0 10px; font-weight:bold;}
h3 { font-size: 1.20em; font-weight: bold; }
h4 { font-size: 18px;text-align: center; margin-top: 0.7em; margin-bottom: 0.7em; font-weight: bold; }
h4.spip { font-size: 110%;text-align: center; margin-top: 0.7em; margin-bottom: 0.7em; font-weight: bold; }
h3.spip { Text-Indent: -20px; text-align: left; margin: 2em 0 1em 0; height:auto; padding: 6px 0 6px 30px; 
	font-size: 1.1em; font-weight: normal; color:#FFFFFF;
	background: #B40707; /* Old browsers */
	background: linear-gradient(to right,  #B40707 0%,#B40707 60%,#ffffff 100%); /* W3C */}
h3.spip a{text-decoration:underline; color:#FFFFFF!important;}
h3.spip a:hover{text-decoration:underline; color:#FF4800;}
h3 span {font-size: 14px;color:#B40707; margin: 0 0 0 5px;}
hr.spip { margin: 2em auto; }
img, .spip_logo { margin: 0; padding: 0; border: 0; }

#aside h3{font-size:105%; margin: 12px 0 -15px 45%;}
#aside a{color:#F3F2E9; }
#aside a:hover{color:#EF0025;}
	/*@keyframes alerte_urgence-pulse { from, 86% { background: #E10022; } 33%, to { background: #FFA700; } }*/
#alerte_urgence {position: absolute;top: 0;right: 0;left: 0;z-index: 999;font-size: 100%;width: 80%;
	margin: 0 auto 0 auto;line-height: 1;padding: .55em;background: #680D1D;color: #fff;
	font-weight: bold;text-align: center;/*white-space: nowrap;*/overflow: hidden;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);animation: alerte_urgence-pulse 3s 2s forwards;
	border-bottom-right-radius: 400px 70px;border-bottom-left-radius: 400px 70px;}
#alerte_urgence * { font-size: inherit; color: inherit; }


/* structure */
#container{width: 100%; margin:0 auto 0 auto;}
#content{width:1050px; margin: 0 auto 20px auto;}
.pas_mobile { display: none; }
.cache_desktop {display:block;}
img { max-width: 100%; }
#menumobile_bouton{margin:3px 28% 0 0;	width: auto; float:right;}
a.menumobile_bouton{width: auto; height: 25px; float:right; margin:0 20px 0 0;padding: 5px 10px 0 10px; 
	font-size:120%; text-align:center; border:1px solid #FFA700; border-radius: 3px;
	background-color:#ffffff; font-weight:bold;}
a:hover.menumobile_bouton{background:#FFA700;color:#ffffff;}
a.menu_mobile, a.menu_ecole, a.menu_mobile_home{z-index:999;float:left; font-size:120%;font-weight:bold;
	height:25px;width:20px; margin:3px 0 0 -3px;padding: 5px 0 0 35px;
/*	 _images/menu_mobile.png */
	background:#ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAWCAMAAAB9sNV1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QThENDJBNDJENkUxMUU1OERGQ0U2MzJENENFODVDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QThENDJBNTJENkUxMUU1OERGQ0U2MzJENENFODVDNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5Mjg1RjNGMkQ2OTExRTU4REZDRTYzMkQ0Q0U4NUM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5Mjg1RjQwMkQ2OTExRTU4REZDRTYzMkQ0Q0U4NUM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4vMucQAAAFpQTFRFIyAgIyAhExAREg8QExAQEw8QHxwdIh8hGhcYHhsbHBkaMS8wPz0+Eg8RR0RFDQoKIR4fIR4eDQkKFBAQHRoZHhscDQoLGxgZIB0eJSIjEAwNHRobIh8gAAAAuvuzOAAAAB50Uk5T//////////////////////////////////////8A7BgcXgAAAHlJREFUeNrMkMkOgzAMRL0kBLpQtq6Z/v9vQiI1Sk/kBIxkeWS9w4zpuy7anvFP/1OTnJ+GnGlPAMERAQwEH1Z13ytzCXPxiGIkLfGrOmfefTyyy4iFlyP3KmH4xbFLGEpf6P56nR9qzHW0qipWjIqosfK5bZ55FmAAGmxRjkGUCxEAAAAASUVORK5CYII=') no-repeat 0 3px;
	border:1px solid #FFA700; border-radius: 0 20px 20px 0;}
a.menu_mobile, a.menu_ecole{float:none; display:block;margin:3px 0 0 0;}
a.menu_ecole{width:120px;}
a:hover.menu_mobile, a:hover.a.menu_ecole, a:hover.a.menu_mobile_home{
	color:#ffffff;background:#EF6B03 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAWCAMAAAB9sNV1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QThENDJBNDJENkUxMUU1OERGQ0U2MzJENENFODVDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QThENDJBNTJENkUxMUU1OERGQ0U2MzJENENFODVDNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5Mjg1RjNGMkQ2OTExRTU4REZDRTYzMkQ0Q0U4NUM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5Mjg1RjQwMkQ2OTExRTU4REZDRTYzMkQ0Q0U4NUM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4vMucQAAAFpQTFRFIyAgIyAhExAREg8QExAQEw8QHxwdIh8hGhcYHhsbHBkaMS8wPz0+Eg8RR0RFDQoKIR4fIR4eDQkKFBAQHRoZHhscDQoLGxgZIB0eJSIjEAwNHRobIh8gAAAAuvuzOAAAAB50Uk5T//////////////////////////////////////8A7BgcXgAAAHlJREFUeNrMkMkOgzAMRL0kBLpQtq6Z/v9vQiI1Sk/kBIxkeWS9w4zpuy7anvFP/1OTnJ+GnGlPAMERAQwEH1Z13ytzCXPxiGIkLfGrOmfefTyyy4iFlyP3KmH4xbFLGEpf6P56nR9qzHW0qipWjIqosfK5bZ55FmAAGmxRjkGUCxEAAAAASUVORK5CYII=') no-repeat 0 3px;}


#sticker{width:100%;background-color:#ffffff;height:40px;margin: 0 auto;box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );}
.is-sticky{background:rgba(34, 34, 34, 0.6);}	
#texte{width:900px; margin:0 auto 0 auto; padding:15px 0 0 0;line-height:24px;font-size:108%;}
#texte a{color:#B40707;text-decoration:underline;}
#texte a:hover{color:#E10022;}
#texte h3 {color: #FFFFFF; margin: 20px 0 10px 0;}
a.info_boutique{font-size:120%;font-weight:bold;float:right;width:120px; height:25px;
	margin: 3px -3px 0 0;padding: 5px 4px 0 0;text-align:center;border:1px solid #FFA700;
	border-radius: 20px 0 0 20px;background:#ffffff;}
a:hover.info_boutique{background:#EF6B03;color:#ffffff;}
.concert { margin: 0 5px 0 0; text-align: left;}
.concert p { margin: 0; padding: 0; }
.concert ul { margin: 0; padding: 0; list-style-type:none;}
.concert ul li { width:125px; height:46px; border:1px solid #BAB1A5;border-radius: 3px; 
	margin: 3px 3px 0 0; padding: 0 0 0 3px;background: #F1D9EB;}
.concert ul li ul { margin-left: 0; border: 0; }
.concert ul li li { padding: 0; border: 0; }
.actu ul {margin: 5px 0 0 0;}
.actu ul li { padding: 5px 5px 2px 0;}
.actu .spip_logo {margin: 0; }

#aside{width:300px; float:none; display:initial; margin:0; padding: 3px 5px 5px 3px; 
    background:#222222; color:#ffffff;}
.bouton_hylight{background:#B40707;color:#ffffff;padding: 8px 0 8px 5px;}
.bouton_hylight:hover{background:#FFA700;color:#ffffff;border:1px solid #ffffff;} 
    
    
#footer{width:98%;clear:both;text-align:center;height:auto;margin: 0;padding: 5px 0 0 0;font-size:85%;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQ1Nzg3NUQ5NDJEMjVBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNjdEOEI3MTREMDIxMUUwQTMwNUZCNUQ4RDA4NDI1QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNjdEOEI3MDREMDIxMUUwQTMwNUZCNUQ4RDA4NDI1QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTFBOTYxQUQzRDhBQTNGNzExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE5NDU3ODc1RDk0MkQyNUFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0kmCiQAAAyBJREFUeNqMU11Ik1EYPt/5vv3o3Nx0Gm3fCn/CCy+c+I/bxZoSSwuklPJC6C6CLkcXQRpdmGDsYmARKd0YXSQlBVrkVReJGBUV4SJiQ3HO5ubPfnT79vUcfyJyiw48nO+833Oe97zvcw6RZZlIkkRm5+bOOp3OJxzHuQkhE4CcA2vAqMUiVgwN3SaRSIQEg0H8gdDCwkJnXX39Igj9KpXqJOG40D+EZCSTj5pM08N3hsukTIasrKwQEg6Hq9rb2wMg+IFjwKV/iRyA8rzc2dk5vri0pA6FkPfmwMA4y5CXl/fMbrdTq9V69X+EGDQaTay//8aVZDJJSFlZ2TYLFhUVTXq9XjI2NnamoKAgnm2jUql8pdPp7JjvUUqTLNbW1jazvLws8uvr67cQIFCVAoHAa4vFMkt5agr4Aw3MBDYEQSAGg2ER8wX09D0wJSiEyXQq3ZJIJGqxjvDgDTAyMmjRryMzMzNraPhLs9k8uxpaBUcOKRSKp0hwORqNliKhi3DkOGIfFILiRVqSnNhbQ7KVgMxfRYt4ylhiJCiDQphD/AE2xHYbTSnjzOfl5zcV6vUdNbXWbySnK5SGi4uLW0tKSzgYMcYMOcTjuE86vf58q802QkmOkclkiuKJ+OlMOlO+s7PTwe7boSHL5UpB6GhqbJxF4pxaREpLhuR2sjqryN7IFy2W6u7u7igVRTGei4Vyokj0BfNGtv/sEHabLdbc3PyR9vT0jGcj8Ty/oVar3wDfmYsQS//NgbOJvr6+h7uvwufznaiqqprHYuegiRD5iVt7Ta/XUzRcCXdGIZT6s9GwX/Z4PPdRtma39FgsRnp7e+vw04vM47D7OtCiK9QRrVYnKpWqkf3SfovARXlwcPARLqOJiTAIqVSK9eIdCGEEXJg1cKwGpHPplOSQ5YyVteOgnIaGhk232+3Bg72LsoMHcWHfajb5ITqBBtogeJFyvEOrLShmzwTvcLuysvKHy+Wa6urqeoyyPuNUcXYSHGJPiC02Nzf3bgWeAzZO4zsKcZ/BbK6IbW2pHA5HBCJvjUbjc5PJFPT7/YfM+SXAABP9h3DfnvBiAAAAAElFTkSuQmCC') 2% 2% no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQ1Nzg3NUQ5NDJEMjVBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNjdEOEI3MTREMDIxMUUwQTMwNUZCNUQ4RDA4NDI1QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNjdEOEI3MDREMDIxMUUwQTMwNUZCNUQ4RDA4NDI1QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTFBOTYxQUQzRDhBQTNGNzExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE5NDU3ODc1RDk0MkQyNUFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0kmCiQAAAyBJREFUeNqMU11Ik1EYPt/5vv3o3Nx0Gm3fCn/CCy+c+I/bxZoSSwuklPJC6C6CLkcXQRpdmGDsYmARKd0YXSQlBVrkVReJGBUV4SJiQ3HO5ubPfnT79vUcfyJyiw48nO+833Oe97zvcw6RZZlIkkRm5+bOOp3OJxzHuQkhE4CcA2vAqMUiVgwN3SaRSIQEg0H8gdDCwkJnXX39Igj9KpXqJOG40D+EZCSTj5pM08N3hsukTIasrKwQEg6Hq9rb2wMg+IFjwKV/iRyA8rzc2dk5vri0pA6FkPfmwMA4y5CXl/fMbrdTq9V69X+EGDQaTay//8aVZDJJSFlZ2TYLFhUVTXq9XjI2NnamoKAgnm2jUql8pdPp7JjvUUqTLNbW1jazvLws8uvr67cQIFCVAoHAa4vFMkt5agr4Aw3MBDYEQSAGg2ER8wX09D0wJSiEyXQq3ZJIJGqxjvDgDTAyMmjRryMzMzNraPhLs9k8uxpaBUcOKRSKp0hwORqNliKhi3DkOGIfFILiRVqSnNhbQ7KVgMxfRYt4ylhiJCiDQphD/AE2xHYbTSnjzOfl5zcV6vUdNbXWbySnK5SGi4uLW0tKSzgYMcYMOcTjuE86vf58q802QkmOkclkiuKJ+OlMOlO+s7PTwe7boSHL5UpB6GhqbJxF4pxaREpLhuR2sjqryN7IFy2W6u7u7igVRTGei4Vyokj0BfNGtv/sEHabLdbc3PyR9vT0jGcj8Ty/oVar3wDfmYsQS//NgbOJvr6+h7uvwufznaiqqprHYuegiRD5iVt7Ta/XUzRcCXdGIZT6s9GwX/Z4PPdRtma39FgsRnp7e+vw04vM47D7OtCiK9QRrVYnKpWqkf3SfovARXlwcPARLqOJiTAIqVSK9eIdCGEEXJg1cKwGpHPplOSQ5YyVteOgnIaGhk232+3Bg72LsoMHcWHfajb5ITqBBtogeJFyvEOrLShmzwTvcLuysvKHy+Wa6urqeoyyPuNUcXYSHGJPiC02Nzf3bgWeAzZO4zsKcZ/BbK6IbW2pHA5HBCJvjUbjc5PJFPT7/YfM+SXAABP9h3DfnvBiAAAAAElFTkSuQmCC') 99% 2% no-repeat;
/* _images/puce_taiko.png */
box-shadow: inset 0 10px 10px -10px #656565;}
#footer img { vertical-align: middle; }
#pied_texte{clear:both;width:100%;height:auto;margin: 10px 0 0 0;}
#nav_pied{width:100%; min-height:600px; margin:20px auto 20px auto; padding:10px; background:#4C4646; }
#nav_pied a{color:#ffffff;}
#nav_pied ul {list-style-type:none; margin:0;}
.nav_pied_coll{float:left; width:25%; height:auto; margin: 0 0 10px 6%; text-align:left;
	font-size:110%; line-height:140%;}
.nav_pied_coll h3{color:#E10022;}

/* Cookie policie */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

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

@media screen and (max-width: 1170px) 
{
#texte{width:90%;}
#content{width:100%; margin: 0 0 20px 0;}
}
/* ==================== VERSION moyenne tablette=========================*/

@media screen and (max-width: 900px) 
{
#menumobile_bouton{margin:3px 25% 0 0; width: 300px;}
a.menumobile_bouton{padding: 7px 8px 0 8px; margin:0 10px 0 0;width: auto; font-size:110%;}
a.menu_mobile, a.menu_ecole, a.menu_mobile_home{padding: 6px 0 0 35px;font-size:110%;} 
a.menu_ecole{width:13%;}
#texte{font-size:100%; line-height:22px;}
a.info_boutique{font-size:110%;width:13%;padding: 6px 2px 0 0;}
#aside{width: 32%;}
.nav_pied_coll{ width:30%; margin: 0 0 10px 2%;}

}


/* ==================== VERSION TABLETTE ETROITE=========================*/
	@media screen and (max-width: 750px) 
{
#footer{font-size:80%;}
#aside{width: 36%;}
#menumobile_bouton{margin:3px 20% 0 0; width: 250px;}
.nav_pied_coll{ width:32%; margin: 0 0 10px 5px;}


}

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

@media screen and (max-width: 600px) 
{
#menumobile_bouton{margin:3px 18% 0 0;width: 41%;}
a.menumobile_bouton{ margin: 0 3% 0 0;font-size:105%;float:right;}
a.menu_mobile, a.menu_ecole, a.menu_mobile_home{font-size:105%;padding: 7px 0 0 33px;} 
a.menu_ecole{width:17%;}	
#texte{font-size:95%; line-height:20px;}
a.info_boutique{font-size:105%;	width:auto; padding: 6px 15px 0 15px;margin: 3px -3px 0 0;}
#aside{width: 45%; font-size:98%;}
#nav_pied{min-height:950px;}
.nav_pied_coll{ width:220px; margin:0 0 10px 20px;}
.bouton_hylight{padding: 1px 0 1px 5px;}
     	
}
/* ==================== VERSION MOBILE LARGE 500 =========================*/

@media screen and (max-width: 500px) 
{
#aside{width: 52%; font-size:95%;}
#menumobile_bouton{margin:3px 12% 0 0;width: 48%;}
#nav_pied{min-height:1400px; padding:10px 10px 10px 10%;}
.nav_pied_coll{ width:70%;}

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

@media screen and (max-width: 420px) 
{
#menumobile_bouton{margin:0 9% 0 0;width:auto;}
a.menumobile_bouton{font-size:95%;margin:3px 10px 0 0; padding: 7px 3px 0 3px;}
a.menu_mobile, a.menu_ecole, a.menu_mobile_home{font-size:95%;padding: 7px 0 0 33px;} 
a.menu_ecole{width:25%;}
a.info_boutique{font-size:95%;padding: 7px 10px 0 10px;}
#aside{width: 65%; font-size:90%;}	
.bouton_hylight{padding: 1px 0 1px 3px;}
 
}
/* ==================== VERSION MOBILE 380PX Iphone 6 =========================*/

@media screen and (max-width: 380px) 
{
#aside{width: 75%;font-size:85%;}	

}


/* ==================== VERSION MOBILE TRES ETROITE Iphone 4 et 5 =========================*/

@media screen and (max-width: 350px) 
{
#menumobile_bouton{margin:0 5% 0 0;width:auto;}
a.menumobile_bouton{font-size:80%;margin:3px 2px 0 0;}	
a.menu_mobile, a.menu_ecole, a.menu_mobile_home{font-size:80%; width:17px;}
a.info_boutique{font-size:80%;padding: 7px 10px 0 10px;}
a.menu_ecole{width:23%;}

}
/* =================================== STYLES IMPORTANTS PLUGINS SPIP =========== */
/* images responsive */ 
/* plugins/auto/image_responsive/v9.7.1/image_responsive.css  */


.image_responsive {width: 100%;height: auto;}
.image_responsive_v {width: auto;height: 100%;}
.conteneur_image_responsive_h {display: inline-block; position: relative !important;width: 100% !important;height: 0 !important; margin: 0!important; border:0!important}
.conteneur_image_responsive_v {display: inline-block; position: relative !important;width: auto !important;height: 100% !important; margin: 0!important; border:0!important}
/*.conteneur_image_responsive_h img {position: absolute;top: 0;left: 0;}*/
.conteneur_image_responsive_v img {height: 100%; width: auto;}
[data-responsive=background] {background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); background-repeat:none;}

/* compact [
	plugins-dist/mediabox/lib/lity/lity.css?1662736963
	plugins-dist/mediabox/lity/css/lity.mediabox.css?1662736964
	plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1662736964
	plugins/auto/image_responsive/v9.7.1/image_responsive.css
	local/couteau-suisse/header.css
] 86.4% */

/* plugins-dist/mediabox/lib/lity/lity.css?1662736963 */
/*! Lity - v3.0.0-dev - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla;Licensed MIT */
.lity-active,.lity-active body{overflow:hidden}
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
.lity-close,.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;-webkit-box-shadow:none;box-shadow:none}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-close:active{top:1px}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.lity-hide{display:none}

/* plugins-dist/mediabox/lity/css/lity.mediabox.css?1662736964 */
.box_mediabox{display:block;margin:0;padding:0;width:auto;height:auto;background:none;border:0}
.box_mediabox:before{content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.9}
@media(min-width:500px){.box_mediabox .lity-container{max-width:90%;max-height:90%}}
@media(max-width:499.9px){.box_mediabox .lity-container{max-width:100%!important;max-height:100%!important}}
.box_mediabox.lity-height-set .lity-content{height:100%;min-height:0!important}
.box_mediabox.lity-image .lity-content{display:flex;justify-content:center;align-items:center}
.box_mediabox.lity-image .lity-image-figure{display:block;margin:0}
.box_mediabox.lity-image .lity-image-figure::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-color:transparent;transition:background-color 0.25s ease-in 0.1s}
.box_mediabox.lity-image.lity-ready .lity-image-figure::before{background-color:#fff}
.lity-image-caption.min,.lity-image-caption.expanded{cursor:pointer}
.lity-image-caption.min .lity-image-caption-text{max-height:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lity-image-caption.min .spip_doc_titre,.lity-image-caption.min .spip_doc_descriptif,.lity-image-caption.min .spip_doc_credits{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lity-image-caption.min .spip_doc_descriptif:not(:first-child),.lity-image-caption.min .spip_doc_credits:not(:first-child){display:none}
.box_mediabox.lity-inline .lity-content,.box_mediabox.lity-ajax .lity-content{background:#fff}
.box_mediabox.lity-inline .lity-content>*,.box_mediabox.lity-ajax .lity-content-inner{overflow:auto;padding:1rem}
.box_mediabox.lity-iframe .lity-iframe-container iframe{background:#fff}
.box_mediabox.lity-height-set.lity-iframe .lity-iframe-container{height:100%;padding:0;transform:none}
.lity-active body{height:auto!important;overflow:hidden!important}
.box_mediabox.lity-loading .lity-content{background:transparent}
.box_mediabox.lity-loading .lity-content:after{display:none}
.lity-loading .box-loading{display:block;position:absolute;top:50%;left:50%;margin-top:-2.5em;margin-left:-2.5em;width:5em;height:5em}
.lity-loading .box-loading:after{content:" ";display:block;width:4em;height:4em;margin:.5em;border-radius:50%;border:.375em solid #000;border-color:#000 #fff #000 #fff;opacity:0.5;animation:lds-dual-ring 1.2s linear infinite}
@keyframes lds-dual-ring{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.lity-group-progress-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:.33em}
.lity-slideshow .lity-group-progress-bar{display:block}
.lity-group-progress-bar-status{position:absolute;left:0;height:100%;top:0;background:#888}
.lity-no-transition-on-open .lity-content,.lity-no-transition .lity-content{transition:none!important}
.lity-no-transition-on-open-none.lity-loading .lity-content,.lity-no-transition.lity-loading .lity-content,.lity-no-transition.lity-closed .lity-content{-webkit-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}
.lity-transition-on-open-slide-from-right .lity-content,.lity-transition-on-open-slide-from-left .lity-content{-webkit-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
.lity-transition-on-open-slide-from-right.lity-loading .lity-content{-webkit-transform:scale(1) translateX(50vw);-ms-transform:scale(1) translateX(50vw);-o-transform:scale(1) translateX(50vw);transform:scale(1) translateX(50vw)}
.lity-transition-on-open-slide-from-left.lity-loading .lity-content{-webkit-transform:scale(1) translateX(-50vw);-ms-transform:scale(1) translateX(-50vw);-o-transform:scale(1) translateX(-50vw);transform:scale(1) translateX(-50vw)}

/* plugins-dist/mediabox/lity/skins/_simple-dark/lity.css?1662736964 */
.box_mediabox:before{background:#000;opacity:0.9}
.box_mediabox button[class*="lity-"]:focus{outline:2px dotted #ccc}
.lity-close,.lity-close:hover,.lity-close:active,.lity-close:focus{top:4px;right:2px;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:2.5rem;color:#fff}
.lity-group-caption .lity-group-current{display:block;position:absolute;top:-1.5rem;right:0;color:#fff;font-weight:700}
.lity-loading .lity-group-caption .lity-group-current{left:50%;margin-left:-2.125em;width:4.5em;right:auto;text-align:center;top:50%;margin-top:-1.5em;color:#fff}
.lity-loading .lity-group-start-stop{display:none}
.lity-group-start-stop{display:block;position:absolute;top:-1.5rem;left:0;width:100%;text-align:center;color:#fff;font-weight:700}
.lity-group-start-stop button{display:inline-block;border:0;padding:0;margin:0;background:none;color:#fff}
.lity-group-start-stop button b{color:transparent}
.lity-group-start-stop button b::after{content:attr(title);display:inline-block;color:#fff;padding-right:.75em}
.lity-group-start-stop .lity-stop{display:none}
.lity-slideshow .lity-group-start-stop .lity-start{display:none}
.lity-slideshow .lity-group-start-stop .lity-stop{display:inline-block}
.lity-next,.lity-previous{display:block;border:0;padding:0;margin:0;position:fixed;border-radius:50%;left:-4.75rem;text-align:center;top:50%;margin-top:-6rem;width:8rem;height:12rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}
.lity-next[disabled],.lity-previous[disabled]{display:none}
.lity-next{left:auto;right:-4.75rem;text-align:right}
.lity-next:hover,.lity-previous:hover,.lity-next:active,.lity-previous:active,.lity-next:focus,.lity-previous:focus{background:rgba(255,255,255,.05)}
.lity-next b,.lity-previous b{display:inline-block;position:absolute;top:50%;left:5.5rem;font-size:3rem;line-height:3rem;margin-top:-1.5rem;text-shadow:0 0 10px #000;color:#fff;font-style:normal;opacity:0.5}
.lity-next b{right:5.5rem;left:auto}
.lity-next:hover b,.lity-previous:hover b,.lity-next:active b,.lity-previous:active b,.lity-next:focus b,.lity-previous:focus b{display:inline-block;opacity:1}
.lity-image-caption{display:block;position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.25);color:#fff;font-style:italic;padding:1rem}



/* local/couteau-suisse/header.css  PERSONNALISE dans style.css */

/* -----------------------------------
 * Slidebars
 * Version 0..10
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */
 @media screen and (max-width: 2500px) 
{
html, body, #sb-site, .sb-site-container, .sb-slidebar{
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}
html, body{width: 100%; overflow-x: hidden;} /* Stops horizontal scrolling. */
html{height: 100%;} /* Site is as tall as device. */
body{
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}
html.sb-scroll-lock.sb-active:not(.sb-static){overflow: hidden;} /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container{
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar{
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left{left: 0;} /* Set Slidebar to the left. */
.sb-right{right: 0;} /* Set Slidebar to the right. */
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {position: absolute;} /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
.sb-slidebar.sb-active {display: block;} /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
.sb-style-overlay {z-index: 9999;} /* Set z-index high to ensure it overlays any other site elements. */
.sb-momentum-scrolling {-webkit-overflow-scrolling: touch;} /* Adds native momentum scrolling for iOS & Android devices. */

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar{width: 300px;}

}
@media screen and (max-width: 350px) {
	.sb-slidebar{width: 85%;}
}

@media screen and (min-width: 351px) { /* Slidebar widths on small screens. */
	.sb-slidebar{width: 70%;}
}

@media screen and (min-width: 401px) { /* Slidebar widths on medium screens. */
	.sb-slidebar{width: 55%;}
}
@media screen and (min-width: 501px) { /* Slidebar widths on medium screens. */
	.sb-slidebar{width: 40%;}
}
@media screen and (min-width: 602px) { /* Slidebar widths on large screens. */
	.sb-slidebar{width: 35%;}
}
@media screen and (min-width: 750px) { /* Slidebar widths on large screens. */
	.sb-slidebar{width: 30%;}
}

@media (min-width: 900px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar{width: 300px;}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide {display: none;} /* Optionally applied to control classes when Slidebars is disabled over a certain width. */