/* Write your custom css code here */

/*--- Texte Accueil ---*/

.intro-text { background-color: #f5f5f5; padding: 0px 3px 5px 10px; margin-top: 20px; }

/*--- Menu Top ---*/

#sunfw_section_topbar ul.nav.menu li.active > a {
    color: #FF4B90;
}

#sunfw_section_topbar i { padding-right: 2px; }

/*--- Header Fixed ---*/

#sunfw_section_header.sunfw-sticky-open { border-bottom: #eee; box-shadow: 0 1px 5px 0 #656565; }
.sunfw-sticky.sunfw-sticky-open { z-index: 10; }

/*--- Boutons Soulignés et Menu Droit---*/

a.btnl { display: inline-block; }

 a.btnl, .sunfw-pos-right .nav a {
  background: transparent !important;
  color: initial !important;
  border: none !important;
  padding: 2px 0 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0; }
  
  a.btnl:after, .sunfw-pos-right .nav a:after {
    height: 2px;
    content: '';
    display: block;
    width: 100%;
    background-size: 200% 100%;
    background-position: right;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; } 
    
 a.btnl:hover:after, .sunfw-pos-right .nav a:hover:after {
    background-position: left; }
    
 a.btnl::after {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, #222427 50%, #E32565 50%) repeat scroll right center / 200% 100%;
}

a.btnl::after,  .sunfw-pos-right .nav a::after {
    background-position: right center;
    background-size: 200% 100%;
    content: "";
    display: block;
    height: 2px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
 a.btnl i,  a.btnl em {
    float: right;
    margin: 3px 0 0 8px;
}

[class^="fa-"], [class*=" fa-"] {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);
}

/* --- Menu droit ---*/


.sunfw-pos-right .nav a {
  font-weight: 400 !important;
 }
 
.sunfw-pos-right .nav a:after {
    height: 2px;
    width: 100%;
    background-size: 200% 100%;
    background-position: right;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; } 
    
 .sunfw-pos-right .nav a:hover:after {
    background-position: left; }
    
.sunfw-pos-right .nav a::after {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, #E32565 50%, #222427 50%) repeat scroll right center / 200% 100%;
}

.sunfw-pos-right .nav li.active a::after { background: #E32565 repeat scroll right center / 200% 100%; }

.sunfw-pos-right .nav a::after {
    background-position: right center;
    background-size: 200% 100%;
    height: 2px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

/*--- Menu Haut ---*/

nav.navbar ul.navbar-nav > li > a > span::before {
    height: 2px;
}

ul.navbar-nav > li > a.ngo-bg-color {
    color: #fff!important;
}

ul.sunfw-tpl-menu li {
    background-color: #fff;
}


ul.sunfw-tpl-menu .dropdown-menu li a:hover {
    color: #0499dc!important;
}

@media screen and (max-width : 768px) { 
	ul.sunfw-tpl-menu li ul { background-color: #444; padding-left:0!important; }
	ul.sunfw-tpl-menu li ul li a { padding-left:40px!important; }
	ul.sunfw-tpl-menu li { background-color: #444; }
	ul.sunfw-tpl-menu li ul li a:hover, nav.navbar.sunfw-menu-head ul.navbar-nav li.active > a { background-color: #444!important; }
	ul.sunfw-tpl-menu li a { color: #fff!important; }
	nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.ngo-bg-color i { color: #fff; }
	.sunfw-menu-head i { color: #fff!important; }
	.navbar-default .navbar-toggle { background-color: #444!important; border:none; }
	ul.sunfw-tpl-menu .caret { border-left: 1px solid #555; }
	ul.sunfw-tpl-menu li a:hover { color: #0499dc!important; }
   }

/*--- Menu Bas ---*/

.menu-bas ul.menu {
	float: right; 
}


.menu-bas ul.menu li {
    float: left!important;
    padding-left: 10px;
    padding-right: 10px;
}

.menu-bas ul.menu li a {
    line-height: 30px;
    text-transform: uppercase;
}


/*--- Images ---*/

@media screen and (max-width : 480px) {
   p .thumbnail { display: none!important; } 
 }

.thumbnail, .thumbnail:hover { 
	border-top:0!important; 
	border-left: 0!important; 
	border-right: 0!important; 
	border-bottom: 6px solid rgba(51,51,51,0.9)!important; 
	border-radius:0!important;  
	background: none!important; 
	overflow: hidden; 
	padding: 0!important; 
}	

.zoomin img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.zoomin img:hover { 
	transform: scale3d(1.2,1.2,1); 
	-webkit-transform: scale3d(1.2,1.2,1);
	-moz-transform: scale3d(1.2,1.2,1);
	-o-transform: scale3d(1.2,1.2,1);
	-ms-transform: scale3d(1.2,1.2,1);
}
img.border  {
    border: 3px solid #f3f4f7;
    box-shadow: 3px 3px 5px black;
}

/*--- Correction UI Kit Modal ---*/

.uk-modal-caption { background-color: #333; bottom: -10px; line-height: 3em; }
em { color: inherit; }


/*--- Titres ---*/

.sunfw-pos-right h2 { color: #E32565; }
.item-page .page-header { background: none; padding: 20px 0px; }
 body#sunfw-master .module-style-2 h2 { padding-top: 5px!important; }
 h1 { margin-top: 0; }
 .intro-text h1 { margin-top: 15px; }


/*--- Login---*/

.cnx { margin-top: -3px;  }
.cnx .navbar a { padding: 0 20px!important; }

.cnx ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu { min-width: 200px; }

/*--- Livre d'Or ---*/

.easy_entrylink .control-group [name=gbip], 
.easy_entrylink .control-group [name=gbmailshow], 
.easy_entrylink .control-group [for=gbip], 
.easy_entrylink .control-group [for=gbmailshow] { display: none; }

.easy_entrylink label { float: left; min-width: 200px; text-align: left!important; padding-top: 1px!important; }
.easy_entrylink .control-group  { clear: both; margin-bottom: 5px; }

.easy_admincomment { padding: 0 0 10px 50px; margin: 0; }
.easy_admincomment strong { color: #e32565; }
.easy_content { padding: 0 0 0 0; }
.easy_title { margin: 0; padding: 0 0 5px 0; text-align: left; color: #0499DC;  }
.easy_top { height: auto; }
.easy_top_left { padding-left: 0; }
.easy_frame { margin-bottom: 10px; background-color: #eee; padding: 0 10px 1px 10px; }


/*--- Boutons ---*/

.btn { border-radius: 0; padding: 3px 8px 3px 8px; font-weight: bold; }
.btn-success { background-color: #e32565; color: #fff; border: none; }
.btn-success:hover, .btn-success:focus, .btn-default:hover, .btn-default:focus { background-color: #000; color: #fff; border: none; }
.btn-default { background-color: #444; color: #fff; border: none; }


/*--- Contact et Plan d'accès---*/

.contact img { margin-top: -90px; }
.contact .thumbnail { margin-bottom: 0; border: none!important; overflow: visible; }
.contact .well { background: none; border: none; box-shadow: none; }
form#contact-form fieldset legend { display: none; }
.contact dl { margin-bottom: 50px; }

 @media screen and (max-width : 640px) {
   .contact .thumbnail { display: none!important; } 
 }
 
 .sunfw-pos-right iframe { margin: -20px 0; }

/*--- Tableaux ---*/

.table-responsive table td { vertical-align: top; min-width: 220px; padding-left: 5px; border: 1px solid #ddd; }

div.table-responsive {
	margin:10px auto;
	width:100%;
} 

table h3 { margin-top: 10px; }


/*--- Modules Front Page ---*/

.caption .blocimg {
  float: left;
  overflow: hidden;
  display: block;
  position: relative;
  height: 260px;
}

@media screen and (max-width : 1200px) {
	.caption .blocimg {  height: 155px; }
}

.caption img {
  height: 100%;
  width: 100%; 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.caption:hover img {
	transform: scale3d(1.3,1.3,1); 
	-webkit-transform: scale3d(1.3,1.3,1);
	-moz-transform: scale3d(1.3,1.3,1);
	-o-transform: scale3d(1.3,1.3,1);
	-ms-transform: scale3d(1.3,1.3,1);
}

.legend {
	padding: 10px;
	background-color: #333;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	opacity: 0.8;
	transition: transform 0.3s, ease-in;
	-webkit-transition: transform 0.3s, ease-in;
	-moz-transition: transform 0.3s, ease-in;
	-o-transition: transform 0.3s, ease-in;
	z-index:8;
	height: auto;
	width: 100%;
	transform: translate(0,100%);
	-webkit-transform: translate(0,95%);
	-moz-transform: translate(0,95%);
	-o-transform: translate(0,95%);
	-ms-transform: translate(0,95%);
}

.caption:hover .legend {
	transform: translate(0,0);
	-webkit-transform: translate(0,10px);
	-moz-transform: translate(0,10px);
	-o-transform: translate(0,10px);
	-ms-transform: translate(0,10px);
}

.legend p:nth-child(2) { display: block; text-align: right; text-decoration: underline; }

.caption H2, .facebook H2 {  text-align: center; clear:both; }

.blocimg div:first-child a { 
	position: absolute;
	height: 100%; 
	width: 100%; 
	z-index: 9; 
	top: 0; 
	left: 0;
}
.blocimg div:nth-child(2) { 
	top: 0;
	left: 0;
}


/*--- Facebook ---*/


.sunfw-pos-facebook H2, .sunfw-pos-facebook2 H2, .facebook H3 { margin-top: -1px; padding-left: 10px; }
.sunfw-pos-facebook, .facebook  { background-color: #eee;  } 
.sunfw-pos-facebook .ftext, .srfrRow { height: 190px; overflow-y: auto; padding: 0 5px 5px 10px; }
.sunfw-pos-facebook a, .srfrPostTextLink a { color: #fff!important; display: block; text-align: center; }
.sunfw-pos-facebook .fb_iframe_widget { float: right; margin-top: -5px; }
.sunfw-pos-facebook .btn-success, .srfrPostTextLink .btn-success { background-color: #4864B4; color: #fff; border: none; }
.sunfw-pos-facebook a:hover.btn-success, .srfrPostTextLink a:hover.btn-success { background-color: #000; color: #fff; border: none; }
.srfrList { padding: 0; }
.facebook H3 { font-size: 25px; font-weight: 200; }
.srfrPostText .fb_like.fb_iframe_widget { background: white!important; height: 20px; width: 100%; }

@media screen and (max-width : 1200px) {
	.sunfw-pos-facebook .ftext {  max-height: 100px; }
	.srfrRow {  max-height: 100px; }
}

@media screen and (max-width : 768px) {
	.sunfw-pos-facebook .fb-like {  margin-bottom: 10px; }
}



/*--- Recherche ---*/

.search fieldset.only, 
.search div.form-limit, 
.search p.counter, 
.search dd.result-category { display: none; }
.search #searchForm { padding-bottom: 0; }
.search dl dt.result-title a { text-decoration: underline; }
.search span.highlight { color: #E32565; }

/*--- Cookies ---*/

.cc-theme-block.cc-type-info.cc-top { position: relative!important; height: auto!important; }
.cc-message { margin-top: 0!important; }
.cc-theme-block.cc-type-info.cc-top > .cc-compliance { float: none!important; margin: auto!important; margin-top: 10px!important; }
a.cc-btn.cc-dismiss { background-color: #e32565!important; color: #fff!important; }
a:hover.cc-btn.cc-dismiss { background-color: #FF4383!important; color: #000!important; }