/*Couleur*/
/*
Bleu générique #1355a0;
Bleu fonçé #153962;
Bleu clair: #1c66b9;
Gris bleu: #4d6373;
*/

/* overwrite sparky's settings */
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

* {
	-webkit-font-smoothing:antialiased;
}
html {
  scroll-behavior: smooth;
}
body {
 margin:0;
 padding:0;
}
h1 {
  font-family: 'Kaushan Script', cursive;
  padding:30px 0;
  margin:0;
  line-height:normal;
  text-transform: uppercase;
}
h2 {
  font-family: 'Roboto Condensed', cursive;
  padding:30px 0 15px;
  margin:0 0 10px 0;
  line-height:normal;
  color:#1355a0;
}
h2 a {
  font-family: 'Roboto Condensed', cursive;
  line-height:normal;
}
div.paper h1 {
  padding:18px 0;
  text-shadow:1px 2px 3px #000;
}
div.paper h2 {
  padding:14px 0;
  border-bottom:1px solid #153962;
}
h3 {
  font-family: 'Roboto Condensed', cursive;
  margin:0 0 15px 0;
  padding:0;
}
h4 {
  font-family: 'Roboto Condensed', cursive;
  margin:5px 0;
  padding:0;
  color:#1355a0;
  font-size:16px;
}
p, li {
 font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.2em;
line-height: 22px;
}
p > strong a, p > strong > em > a  {
  font-weight:bold;
}
.small {
  font-size:13px;
  color:#1355A0;
  background:url(/images/fleche.png) left 2px no-repeat;
  padding-left:14px;
}
.mp_right, .mp_left {
  font-size:12px;
}
.mp_right h3, .mp_left h3 {
  margin:0;
  padding:10px 0;
  font-size: 24px;
  color:#fff;
  text-shadow:1px 2px 3px #000;
  font-family: 'Kaushan Script', cursive;
}
.moduletableacces h3 {
  background-color:#1355a0;
  margin:15px 0;
  padding:4px 0 6px 6px;
}
.wine_slogan h2 , .wine_slogan h3 {
  font-family: 'Kaushan Script', cursive;
  text-align:center;
  margin:0;
  padding:0;
  color:#1355a0;
}
.wine_slogan h2 {
  font-weight: 700;
  font-size:28px;
}
.wine_slogan h3 {
  font-size:21px;
}
img.map_image {
  float:left;
  margin:0 40px 0 0;
}
img.wineyard {
  float:left;
  margin:0 45px 0 15px;
}
.template_image {
  float:left;
  margin:15px 40px 0 0;
}
div.cell_pad > div.moduletablepied > div.custompied,
#cadre_alert_cookies .btn { font-family: 'Roboto Condensed', sans-serif;font-size: 16px; }
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid transparent;
}
#cadre_alert_cookies p {
  margin:6px 0;
}
/* overwrite joomla.css */
div.finder label, div.finder br {
  display:none;
}
/* forms */
fieldset {
  border:0;
  margin:0;
  padding:0;
}
legend {
  font-weight:bold;
  margin: 0;
  padding: 0;
}
.input {
  margin:0;
  padding:0;
}
.inputbox {
  background: #fff;
  border: 1px solid #999;
  padding: 3px;
  display: block;
}
.button {
  border: 1px solid #333;
  padding: 5px 10px;
  color:#fff;
  background:#666;
}
form {
  margin:0;
  padding:0;
}
/* image actualités */
div.item-page > div.pull-left.item-image > img {
    margin:20px 0;
  -webkit-box-shadow: 0px 1px 15px -10px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 1px 15px -10px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 1px 15px -10px rgba(0, 0, 0, 0.9);
}

/* carousel pro override */
a.carousel-control {
  width:78px !important;
}
.carousel-previous, .carousel-next {
  background-position:0 225px !important;
}
div.paper .sparky_main {
  -webkit-box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.9);
}
.hotcarousel div.foo.js {
}
/* newsflash module */
.newsflash_date {
  font-size:17px;
  line-height:20px;
  font-family: 'Kaushan Script', cursive;
  padding: 3px 0 0 3px;
  height:26px;
  color:#fff;
  text-indent:2px;
  margin:15px 0 0 0;
  text-shadow:1px 1px 2px #000;
}
h4.newsflash-title {
  margin:5px 0 !important;
  padding:0 !important;
}
h4.newsflash-title a {
  font-size:21px;
  font-family: 'Kaushan Script', cursive;
  text-shadow:1px 1px 0px #eee;
  text-decoration: none;
  color:#1355A0;
}
h4.newsflash-title a:hover {
  color:#153962;
}
div.newsflash p {
  padding: 0 0 10px 0;
}
div.newsflash > .readmore {
  padding: 5px 0 12px 0;
  font-family: 'Roboto Condensed', cursive;
}
div.newsflash a.readmore {
  color:#5482a4;
  background:url(/images/fleche1.png) left 10px no-repeat;
  padding-left:10px;
  font-size:15px;
}
div.newsflash a.readmore:hover {
  color:#153962;
}
/* joomla css override */
dt.article-info-term {
  display:none;
}
.registration dt, .remind dt, .reset dt, .profile dt, .profile-edit dt, .registration dd, .remind dd, .reset dd, .profile dd, .profile-edit dd {
  background:none;
  border-bottom:none;
}
/* lists */
ul, ol {
  margin: 15px 30px;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}
ul.arrow li {
  list-style-image: url(../images/bullet_arrow_right.png);
  margin:10px 0;
}
ul.arrow1 li {
  list-style:none;
background: url("/images/fleche1.png") no-repeat scroll left 5px transparent;
  margin:4px 0;
  padding-left:10px;
  font-size:1.2em;
}
ul.arrow li a:link, ul.arrow li a:visited {
  margin:8px 0;
  text-decoration:none;
color:#3273bd;}

ul.arrow li a:hover {
text-decoration:none;
color:#153962;}
ul.arrow1{
  margin-left:10px;
}
ul.arrowleft li {
  list-style-image: url(../images/bullet_arrow_left.png);
}
ul.calendar li {
  list-style-image: url(../images/bullet_calendar.png);
}
ul.checklist li {
  list-style-image: url(../images/bullet_tick.png);
}
ul.delete li {
  list-style-image: url(../images/bullet_delete.png);
}
ul.email li {
  list-style-image: url(../images/bullet_email.png);
}
ul.file li {
  list-style-image: url(../images/bullet_file.png);
}
ul.folder li {
  list-style-image: url(../images/bullet_folder.png);
}
ul.heart li {
  list-style-image: url(../images/bullet_heart.png);
}
ul.information li {
  list-style-image: url(../images/bullet_information.png);
}
ul.lock li {
  list-style-image: url(../images/bullet_lock.png);
}
ul.pencil li {
  list-style-image: url(../images/bullet_pencil.png);
}
ul.person li {
  list-style-image: url(../images/bullet_person.png);
}
ul.rss li {
  list-style-image: url(../images/bullet_rss.png);
}
ul.shop li {
  list-style-image: url(../images/bullet_shop.png);
}
ul.song li {
  list-style-image: url(../images/bullet_song.png);
}
ul.star li {
  list-style-image: url(../images/bullet_star.png);
}
ul.star2 li {
  list-style-image: url(../images/bullet_star2.png);
}
ul.trash li {
  list-style-image: url(../images/bullet_trash.png);
}
ul.tweak li {
  list-style-image: url(../images/bullet_tweak.png);
}
ul.unlock li {
  list-style-image: url(../images/bullet_unlock.png);
}
ul.warn li {
  list-style-image: url(../images/bullet_warning.png);
}
/* Typography */
.warning {
  padding:15px 15px 15px 60px;
  color:#000;
  border-top:4px solid #c10000;
  border-bottom:4px solid #c10000;
  background:#FFDE25 url(../images/warning.png) no-repeat center left;
}
.info {
  padding:15px 15px 15px 60px;
  color:#006699;
  border-top:4px solid #006699;
  border-bottom:4px solid #006699;
  background:#bde1ff url(../images/info.png) no-repeat center left;
}
.error {
  padding:15px 15px 15px 60px;
  color:#900;
  border-top:4px solid #900;
  border-bottom:4px solid #900;
  background:#f8b5b5 url(../images/error.png) no-repeat center left;
}
.typewriter {
  background: url(../images/typewriter_bg.png);
  padding:20px 15px 20px 30px;
  color:#000;
  font-family:"Courier New", Courier, monospace;
  line-height:20px;
  text-align:left;
}
blockquote {
  margin:0;
  padding: 0px 26px 4px 20px;
  /*font-size:125%;
  font-style:italic;*/
  line-height:normal;/*background: url(../images/quotes.png) top left no-repeat;*/
}
.dropcap:first-letter {
  font-size: 300%;
  font-weight:bold;
  float:left;
  margin:0 10px 5px 0;
}
span.p_number {
  font-size: 400%;
  font-weight:bold;
  float:left;
  margin:0 10px 10px 0;
  position: relative;
}
.inset_left {
  display:block;
  float:left;
  width: 150px;
  font-style: italic;
  margin: 15px 15px 15px 0;
}
.inset_right {
  display:block;
  float:right;
  width: 150px;
  font-style: italic;
  margin: 15px 0 15px 15px;
}
.inset_title {
  font-weight:bold;
  display:block;
}
img.img_left {
  float:left;
  margin:0 15px 15px 0;
}
img.img_right {
  float:right;
  margin:0 0 15px 15px;
}
/* making hot wine responsive */
nav select {
  display: none;
}
@media (max-width: 980px) {
body {
background-image:none;
background-color:#fff;
}
 .sparky_wrapper {
 padding: 0 10px;
}
 .sparky_main, .row, .mp_user1, .mp_advert2, .mp_bottom1, .mp_copyright, .mp_footer {
 width:100%;
}
 .mp_logo, .mp_user3, .mp_bottom2 {
 width:50%;
}
 .mp_left, .mp_right, .mp_bottom3 {
 width:33.3333%;
}
 .content_sparky {
 /*width:66.6666%;*/
  /* ERWAN width:auto; */
  width:100%;
}
.mp_right{
 /*width:33.3333%;*/
  width:100%;
}
 .mp_bottom1, .mp_bottom2, .mp_bottom3, .mp_bottom4 {
 width:25%;
}
 .foo.js {
 width: 765px;
 margin: 0 auto;
 float: none;
}
 div.carousel-wrap {
 width: 600px !important;
}
 li.carouselimage {
 width: 150px !important;
 padding-top: 90px !important;
}
 li.carouselimage img {
/* ERWAN CAROUSEL*/
  width: 150px !important;
 height: 277px !important;
}
 nav ul {
 display: none;
}
 nav select {
 display: inline-block;
}
 .mp_user3 {
 text-align: right;
}
}.mp_bottom2 {
  width:22%;
}
.mp_bottom3 {
  width:28%;
}
@media (max-width: 730px) {
 body {
background-image:none;
background-color:#fff;
}
 .sparky_main, .mp_left, .mp_right, .mp_bottom1, .mp_bottom2, .mp_bottom3, .mp_bottom4, .mp_logo, .mp_user3, .content_sparky {
 float: none;
 width:100%;
}
.mp_logo, .mp_user3 {
text-align: center;
}
 .mp_bottom1 h3, .mp_bottom2 h3, .mp_bottom3 h3, .mp_bottom4 h3 {
 padding-top: 20px;
}
 .mp_advert2 {
 display: none;
}
}
.badge.badge-info {
  background: none;
  border: none;
  margin: 0;
  padding: 0 15px 0 0;
}
.category-desc {
  padding-bottom: 15px;
}
.items-more li {
  list-style: none;
}
.items-more ol {
  margin: 15px 0;
}
div.pagination { border-bottom: none;}
.registration h1 {
  margin: 0;
  padding: 5px 0 !important;}
div.registration div {padding-top: 5px;}
div.form-actions {padding-top: 30px !important;}
@media (min-width: 960px) {
.sparky_wrapper {margin-top:54px;}
.mp_logo {width:230px;}
}
@media (max-width: 960px) {
.sparky_wrapper {margin-top:50px;}
}
div.paper .sparky_main {
  -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.cell_pad {
  padding:0px 0px;
  margin:0px 24px;
}
.mnu_pied {
  margin:0 auto;
  text-align:center;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  line-height:18px
}
.mnu_pied > li > a {
  margin:0 auto;
  padding:0 3px;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mnu_pied > li:first-child {
margin-left: 4px;
}
.mnu_pied > li > a {
margin:0 auto;
padding:0 2px;}
}
div.navh_submenu {
  height:0px;
}
div.paper h1 {
  padding: 6px 0 12px 0;
}
hr.hr {
  border-top:1px solid #D4D6D7;
  border-bottom:none;
  border-left:none;
  border-right:none;
  margin:25px 0px;
}
hr.titre {
  border-top:1px solid #153962;
  border-bottom:none;
  border-left:none;
  border-right:none;
}
.finder input {
  background:none;
  padding:4px 5px;
  margin:7px 2px 0 0;
  background: #ffffff url("/images/loupe.png") no-repeat scroll right 0%;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size:13px;
  border:solid 1px #bdbdbd;
}
.mp_right input {
  background:none;
  padding:4px 5px;
  margin:7px 2px 0 0;
  background-color:#ffffff;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size:13px;
  border:solid 1px #bdbdbd;
}
.finder input:focus, .mp_right input:focus {
  border:solid 1px #bdbdbd;
  background-color:#f2f8ff;
  background-image:none;
}
input#q {
  color: #153962;
  font-size:15px;
}
.finder input:focus {
  border:solid 1px #bdbdbd;
  background-color:#f2f8ff;
}
#mod-finder-searchword {
  color:#bdbdbd;
}
#mod-finder-searchword:focus {
  color:#153962;
}
.custompromo, .customtetiere {
  margin-bottom:-41px
}
div.items-leading p, div.items-leading li, div.item-page p, div.item-page li, div.item.column-1 p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.3em;
  line-height:22px
}
div.newsflash p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.3em;
  line-height:20px
}
div.mp_bottom1 p, div.mp_bottom2 p, div.mp_bottom3 p, div.mp_bottom4 p, .moduletableacces .userdata {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1.26em;
  line-height:26px
}
.moduletableacces .userdata {
  margin-bottom:20px
}
div.mp_bottom1 a:link, div.mp_bottom2 a:link, div.mp_bottom3 a:link, div.mp_bottom4 a:link, div.mp_bottom1 a:visited, div.mp_bottom2 a:visited, div.mp_bottom3 a:visited, div.mp_bottom4 a:visited {
  color:#10549e;
}
div.mp_bottom1 a:hover, div.mp_bottom2 a:hover, div.mp_bottom3 a:hover, div.mp_bottom4 a:hover {
  color:#153962;
}
div.moduletableprix .carousel-previous, div.moduletableprix .carousel-next {
  background-position: 0px 80px !important;
}
.photo-responsive {
	width: 100%;
	min-width: 200px;
	max-width: 592px;
	height: auto;
}
p img.tetiere {
  margin-bottom:-41px
}
@media (max-width: 1000px) {
div.moduletableprix li.carouselimage {
 width: 150px !important;
 padding: 20px 0 !important;
}
div.moduletableprix li.carouselimage img {
/* ERWAN CAROUSEL*/
 width: 150px !important;
 height: 170px !important;
 padding:0 0 20px 0;
}
div.moduletableprix canvas {
 margin-top:40px;
}
}
ul.arrow li {
	background:url(/images/fleche.png) left 6px no-repeat;
	padding-left:15px;
	padding-top:0px;
	list-style:none;
}
ul.arrow li ul li {
  	font-size:1em;
}
.btn {
	margin:15px 0;
	background:none;
	padding:4px 5px;
	margin:7px 2px 0 0;
	background-color:#ffffff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:13px;
	border:solid 1px #bdbdbd;
	cursor:pointer;
}
.btn:hover {
	background-color:#1355a0;
	color:#ffffff;
	border:solid 1px #ffffff;
}

div.belowcontent > div.moduletable > div.custom p.buttons a.btn {
    border: solid 1px #1355A0;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
    background: #1355A0;
    color: #fff;
    transition: all 0.3s;
}
div.belowcontent > div.moduletable > div.custom p.buttons a.btn:hover {
    background: #ffffff;
    color: #1355A0;
    transition: all 0.5s;
}

.tetiere {
	width: 100%;
	min-width: 200px;
	max-width: 960px;
	height: auto;
}
/* Pour Google Map */
.googlemapcontour {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:3px solid #cccccc;
	margin:15px 0;
}
a.lightboxlink {
	padding:10px 0;
	display:block;
}
img.ombrage {
  -webkit-box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.9);
}
/* Pour Open Street Maps */
#map170 {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 3px solid #cccccc;
    margin: 15px 0;
}

/* Pour Google Map Header */
#sp_simple_map_canvas {
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	border-left:1px solid #D4D6D7;
	border-right:1px solid #D4D6D7;
	border-bottom:1px solid #D4D6D7;
}
.moduletableacces .userdata {
	line-height: 36px;
}
div.userdata > div#form-login-remember.control-group.checkbox > input#modlgn-remember.inputbox {
	display:inline;
	border:3px solid #cccccc;
}
.footer > a {color:#4d6373; font-family: 'Roboto Condensed', sans-serif;}
.footer > a:hover {color:#13559f;}

.photo-responsive {
	width: 90%;
	min-width: 200px;
	max-width: 592px;
	height: auto;}
.image-responsive {
	width: 100%;
	min-width: 200px;
  	max-width: 420px;
	height: auto;}
@media (min-width: 980px) {
  div.cell_pad > div.moduletablepied > div.custompied {}
.pied > div.custom.pied > .pub-responsive {
	width: 728px;
	height: auto;
}
div.cell.mp_user3 {width: 640px;}
}

@media (max-width: 980px) {
  div.cell_pad > div.moduletablepied > div.custompied {
    width: 800px;}
.pied > div.custom.pied > .pub-responsive {
    width: 600px;
	height: auto;}
  div.cell.mp_user3 {
    display:block;
    margin: 12px auto;
	width:100%x;}
}

@media (min-width: 200px) and (max-width: 959px) {
html > body > div.sparky_wrapper > div.sparky_full > div.sparky_main > div.row > div.cell.mp_footer > div.cell_pad > div.moduletablepied > div.custompied {
    width: 100%;
}
.pied > div.custom.pied > .pub-responsive {
    width: 90%;
	height: auto;
}}

@media (min-width: 200px) and (max-width: 639px) {
div.content_sparky > div.cell_pad > div.item-page > div > ul.arrow {
  margin: 15px 5px 15px 4px;
}
  img.ombrage {
  display:none;
}
div.item-image > img {
    display: none;
}
div.item-page > div > p > img.right, div.right {
    float: none;
  text-align : center;
  width:auto;
  margin:0;
  padding:0;
}
}

@media (min-width: 640px) and (max-width: 1000px) {
  
.sparky_main > div.row > div.mp_logo {
    width: 32%;
}
.sparky_logo_image > a > img {
    padding-left:2%;
}
.sparky_main > div.row > div.cell.mp_user3
   {
    width: 68%;
	height: auto;
}
}
@media all and (max-width:1024px){
    body {background:#ffffff} 
}

@media all and (min-width:800px){

#proforms_proforms.m4j_form_wrap
	{/*padding-left:10%;*/}
}

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 10% {
   opacity:1;
 }
 12.5% {
   opacity:0;
 }
 98% {
   opacity:0;
 }
 100% {
   opacity:1;
 } opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 10% {
   opacity:1;
 }
 12.5% {
   opacity:0;
 }
 98% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 10% {
   opacity:1;
 }
 12.5% {
   opacity:0;
 }
 98% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 10% {
   opacity:1;
 }
 12.5% {
   opacity:0;
 }
 98% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:200px;
  width:200px;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 32s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 32s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 32s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 32s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 28s;
  -moz-animation-delay: 28s;
  -o-animation-delay: 28s;
  animation-delay: 28s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  animation-delay: 24s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -o-animation-delay: 20s;
  animation-delay: 20s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#cf4a img:nth-of-type(5) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(6) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#cf4a img:nth-of-type(7) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(8) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

/* FORMULAIRE */
.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfErrorMessage {
    font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
}
.bfQuickMode .bfLabelLeft button
{
    font-size: 14px;
    text-transform: none;
    border: solid 1px #D4D6D7;
    padding: 6px 14px;
    border-radius: 18px;
    font-size: 14px;
    text-transform: none;
    background: #ffffff;
    color: #1355A0;
    transition: all 0.3s;
    margin: 0 auto;
    display: block;
    float: none;
}
}
form#ff_form1.bfQuickMode > div#bfPage1.bfPage > section#bfElemWrap114.bfElemWrap.bfLabelLeft.bfRolloverBg > button#ff_elem114.ff_elem.bfCustomSubmitButton
{
    font-size: 14px;
    text-transform: none;
    border: solid 1px #D4D6D7;
    padding: 6px 14px;
    border-radius: 18px;
    font-size: 14px;
    text-transform: none;
    background: #1355A0;
    color: #ffffff;
    transition: all 0.3s;
  	cursor: pointer;
}
.bfQuickMode section input[type="text"], .bfQuickMode section textarea, .bfQuickMode section select {
  font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #1355A0;
font-size:14px;
  padding:3px;
}
.bfQuickMode .bfLabelLeft button {
	cursor: pointer;
}
/* ON MASQUE LE TOOLTIP */
.tooltip {
   position: absolute;
   z-index: 1030;
   display: block;
   visibility: visible;
   font-size: 11px;
   line-height: 1.4;
   opacity: 0;
   filter: alpha(opacity=0);
  display:none;
}
.tooltip.in {
   opacity: 0.8;
   filter: alpha(opacity=00);
  display:none;
}
.tooltip.top {
   margin-top: -3px;
   padding: 5px 0;
  display:none;
}
.tooltip.right {
   margin-left: 3px;
   padding: 0 5px;
  display:none;
}
.tooltip.bottom {
   margin-top: 3px;
   padding: 5px 0;
  display:none;
}
.tooltip.left {
   margin-left: -3px;
   padding: 0 5px;
  display:none;
}
.tooltip-inner {
   max-width: 200px;
   padding: 8px;
   color: #fff;
   text-align: center;
   text-decoration: none;
   background-color: #A8000B;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
  display:none;
}
.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;display:none;
}
.tooltip.top .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 5px 5px 0;
   border-top-color: #A8000B;display:none;
}
.tooltip.right .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-width: 5px 5px 5px 0;
   border-right-color: #000;display:none;
}
.tooltip.left .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-width: 5px 0 5px 5px;
   border-left-color: #000;display:none;
}
.tooltip.bottom .tooltip-arrow {
   top: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;display:none;
}
.tooltip {
   max-width: 400px;display:none;
}
.tooltip-inner {
   max-width: none;
   text-align: left;
   text-shadow: none;display:none;
}
th .tooltip-inner {
   font-weight: normal;display:none;
}
.tooltip.hasimage {
   opacity: 1;display:none;
}
.tip-text {
   text-align: left;display:none;
}
/* ENCART DROIT - FOND BLANC */
.fond-blanc {
  background-color: #ffffff;
  padding: 5px;
  }
.fond-blanc1 {
  background-color: #ffffff;
  padding: 0;
  margin:5px;
  }

.cols-2 div.item {
    width: 46%;
    float: left;
    margin: 0;
    padding: 2%;
    font-size: 13px;
    text-align:center;
}
@media (max-width: 980px) {
   .cols-2 div.item { width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align:center;}
}

div.belowcontent div.moduletable.fond-blanc div.custom.fond-blanc div.row {
  padding: 5px;
  font-size: 0.9em;
  }

div.row div.cell.mp_footer div.cell_pad div.moduletable div.custom div.row div.cell div.cell_pad

{
  padding: 0;
  margin:0;
  }
.lg {
    border-top: 1px solid #f2f2f2;
    clear: both;
  	padding:0 10px;
    margin: 5px 0;
}
div.custom.fond-blanc.top {
    /*margin-top: 40px;
  	background: transparent;*/
}
div.custom.fond-blanc div a.btn {
    border: solid 1px #1355A0;
    padding: 6px 12px;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    background: #1355A0;
    color: #fff;
    transition: all 0.5s;
  font-family: 'Roboto Condensed', sans-serif;
}
div.custom.fond-blanc div a.btn:hover {
    background: #fff;
    color: #1355A0;
    transition: all 0.3s;
}
/* ALERTE */
.contourblanc {
    padding: 8px 14px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background: #ffffff;
    margin: 0 auto;
}
.alerte {
    font-size: 1.3em;
  	font-family: 'Roboto Condensed', sans-serif;
}


/* ALERTE */
      .circle, .circleok {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      /*margin: 150px auto;*/
	  /*background-image:url(/images/urgence-01.png)*/}
      .circle{
	  /*background-image:url(/images/urgence-01.png)*/
      }
      .wave{
          position: relative;
    text-align: center;
    top: 70px;
    right: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*background-color: #FF594C;*/
    opacity: 0;
    z-index: 5;
    pointer-events: none;
    animation: Waveeffects 0.8s linear infinite;
      }
      @keyframes Waveeffects {
      from {
      opacity: 0.4;
	      box-shadow: 0 0 0 1px #f00, 0 0 2px 8px #f00, 0 0 0 5px #f00;
      }
      to {
      transform: scale(2);
      opacity: 0;
	      box-shadow: 0 0 0 1px #f00, 0 0 2px 2px #f00, 0 0 0 5px #f00;
      }
      }
      @media(max-width: 500px){
      .circle{
      height: 60px;
      width: 60px;
      }
      .wave{
      height:60px;
      width: 60px;
      }
      }

/* OK */

      .circle {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      /*margin: 150px auto;*/
	  background-image:url(/images/ok-vert.png)
      }
      .wave{
          position: relative;
    text-align: center;
    top: 86px;
    right: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*background-color: #FF594C;*/
    opacity: 0;
    z-index: 5;
    pointer-events: none;
    animation: Waveeffects 0.8s linear infinite;
      }
      @keyframes Waveeffects {
      from {
      opacity: 0.4;
	      box-shadow: 0 0 0 1px #99ca3c, 0 0 2px 8px #99ca3c, 0 0 0 5px #99ca3c;
      }
      to {
      transform: scale(2);
      opacity: 0;
	      box-shadow: 0 0 0 1px #1bb21b, 0 0 2px 2px #1bb21b, 0 0 0 5px #1bb21b;
      }
      }
      @media(max-width: 500px){
      .circle{
      height: 60px;
      width: 60px;
      }
      .wave{
      height:60px;
      width: 60px;
      }
      }