img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }

a:hover, a:focus, article.post .post-categories a:hover, article.post .post-categories a:focus, .entry-title a:hover, .entry-title a:focus, .entry-meta a:hover, .entry-meta a:focus, .entry-footer a:hover, .entry-footer a:focus, .read-more a:hover, .read-more a:focus, .social-icons a:hover, .social-icons a:focus, .flex-caption .post-categories a:hover, .flex-caption .post-categories a:focus, .flex-caption .read-more a:hover, .flex-caption .read-more a:focus, .flex-caption h2:hover, .flex-caption h2:focus-within, .comment-meta.commentmetadata a:hover, .comment-meta.commentmetadata a:focus, .post-inner-content .cat-item a:hover, .post-inner-content .cat-item a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, blockquote:before, .navbar-default .navbar-nav > .open > a:focus, .cat-title a, .single .entry-content a, .site-info a:hover, .site-info a:focus {color:#f0257f !important; }

article.post .post-categories:after, .post-inner-content .cat-item:after, #secondary .widget-title:after, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background:#f0257f !important; }

.label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-previous a:focus, #image-navigation .nav-next a:hover, #image-navigation .nav-next a:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .input-group-btn:last-child>.btn:hover, .input-group-btn:last-child>.btn:focus, .scroll-to-top:hover, .scroll-to-top:focus, button, html input[type=button]:hover, html input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, .comment-list li .comment-body:after, .page-links a:hover span, .page-links a:focus span, .page-links span, input[type=submit]:hover, input[type=submit]:focus, .comment-form #submit:hover, .comment-form #submit:focus, .tagcloud a:hover, .tagcloud a:focus, .single .entry-content a:hover, .single .entry-content a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .dropdown-menu> li> a:hover, .dropdown-menu> li> a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {background-color:#f0257f !important; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { outline-color: #f0257f !important; }

#social a:hover, #social a:focus, .header-search-icon:hover, .header-search-icon:focus { color:#f0257f !important; }

li:hover .dropdown-menu { display:block !important; z-index:1000 !important; }

.navbar-default .navbar-nav > li > a { text-transform: none !important; font-size: 12px !important; font-weight: bold !important; padding: 20px 0 !important; line-height:normal !important; 	letter-spacing:normal !important; }

.entry-content a {color:#00F !important; text-decoration:underline !important; }

.entry-content td { padding:5px !important; }

.acces { width:100% !important; height:60px !important; text-align:center !important; }

.acces img { margin:10px auto 10px auto !important; }	
	
.col-md-8-admin { width:100% !important; }	

.footergauche { width:33% !important; float:left !important; }
.footergauche iframe { width:90% !important; height:auto !important; margin:0 auto 0 auto !important; }
.footergauche h1 { font-size:16px !important; }

.footercentre { width:45% !important; float:left !important; }
.footercentre a { text-decoration:none !important; font-size:inherit !important; }
.footercentre h1 { font-size:16px !important; }
.footercentre input[type="text"] { width:100% !important; }

.footerdroite { width:22% !important; float:left !important; }

.picture { display:none; width:30%; min-height:30%; height:auto; overflow:auto; }

.ui-widget-content { background:#FFF !important; }

.modal { /*display: none;*/ position: fixed;  z-index: 1;  padding-top: 100px;  left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); }

.modal-content { background-color: #eeeeee;  margin: auto; padding: 5px; width: 60%; }
.modal-content h1 { background-color:#f8b03a; color:#ffffff; padding: 5px 20px 5px 20px !important; font-size:21px; }

.close { color:#f8b03a; float: right; font-size: 20px; font-weight: bold; background:#fff; margin: 5px; padding: 0 2px 0 2px; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }

.tableau { border:#000 solid 1px; border-collapse:collapse; width:100%; }
.tableau th { text-align:left; }
.tableau th, .tableau td, .tableau tr { padding:5px; }

span.label { text-align:center; font-weight:bold; }
span.c1 { text-align:center; color:#D4B068; }
span.c2 { color:#D4B068; text-align:center; }
span.c3 { color:#b0b0b0; text-align:center; }

.petitcalendrier td { padding:0 !important; margin:0 !important; }
.petitcalendrier table { padding:0 !important; margin:5px 0 5px 0 !important; }

.popup { position: relative; cursor: pointer; font-size: 12px; }
.popup .popuptext { visibility: hidden; height:auto; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px; position: absolute; z-index: 1; left: 4%; top: -39px; margin-left: -80px; }
.popup .popuptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 0s }

@-webkit-keyframes fadeIn { from {opacity: 0; } to {opacity: 1; } }

@keyframes fadeIn { from {opacity: 0; } to {opacity:1 ; } }

.colonnegauche { float:left; width:12%; }

.colonnedroite { float:right; width:80%; }

.calendriergauche { width:100% !important; margin:0 auto 0 auto; font-size: 12px; text-align:left; }

.picture { display:none; width:30%; height:30%; }

.ui-widget-header { background: #FFFFFF !important; color: #EF2580 !important; border: 1px solid #FFFFFF !important; }

.ui-widget-content { background: #ffffff !important; }

.contenu {  width: 940px;  min-height: 450px;  height: auto;  margin: 20px auto 20px auto;  overflow: auto; }

.ui-dialog, .ui-dialog-content { padding:0 !important; margin:0 !important; height:auto !important; min-height:0 !important; }
.ui-dialog p, .ui-dialog-content p { padding:5px !important; margin:0 !important; }

.entete { font-weight:bold; }

.ligne1 { background-color:#f0257f; color:#ffffff; }
.ligne2 { background-color:#ffffff; }

@media only screen and (min-device-width : 300px) and (max-device-width : 479px) { 

.colonnegauche { float:left; width:100%; }

.colonnedroite { float:left; width:100%; }

#menu-navi td { width:100% !important; float:left; text-align: left; }

#page, .container { max-width:100% !important; width:100% !important; }

.footergauche { width:100% !important; float:left !important; }

.footercentre { width:100% !important; float:left !important; }

.footerdroite { width:100% !important; float:left !important; }

}

@media only screen and (min-device-width : 480px) and (max-device-width : 1080px){

.colonnegauche { float:left; width:100%; }

.colonnedroite { float:left; width:100%; }

#menu-navi td { width:100% !important; float:left; text-align: left; }

#page, .container { max-width:100% !important; width:100% !important; }

.footergauche { width:100% !important; float:left !important; }

.footercentre { width:100% !important; float:left !important; }

.footerdroite { width:100% !important; float:left !important; }

}