.casper{ display: none; }
/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 15px; position:relative; }
.field label { display: inline-block; margin:0; }

[data-validate-for]{ display:none; font-size:10px; line-height:10px; position:absolute; right:0; color: #d00; }
[data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
fieldset.radios{ position: relative; }
.field.checkbox,
.field.radio { line-height: 20px; padding-right: 1em; }
.field.checkbox input,
.field.radio input { width:20px; height:20px; float:left; margin-right:0.3em; }
.field.checkbox label,
.field.radio label { position:relative; margin-bottom: 0; cursor: pointer; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:3px; width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox .message:before,
.field.checkbox .message:after,
.field.radio .message:before,
.field.radio .message:after { content:none; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Legal
 **/
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }

@font-face {
    font-family: 'Futura';
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Light.eot');
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Light.woff2') format('woff2'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Light.woff') format('woff'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Light.ttf') format('truetype');
    font-weight: 200;
}@font-face {
    font-family: 'Futura';
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Book.eot');
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Book.woff2') format('woff2'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Book.woff') format('woff'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Book.ttf') format('truetype');
    font-weight: light;
}@font-face {
    font-family: 'Futura';
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaBT-Medium.eot');
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaBT-Medium.woff2') format('woff2'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaBT-Medium.woff') format('woff'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaBT-Medium.ttf') format('truetype');
    font-weight: normal;
}@font-face {
    font-family: 'Futura';
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Bold.eot');
    src: url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Bold.woff2') format('woff2'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Bold.woff') format('woff'),
         url('../themes/creacoop25/assets/fonts/futura/FuturaPT-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Avenir';
    src: url('../themes/creacoop25/assets/fonts/avenir/Avenir-Book.eot');
    src: url('../themes/creacoop25/assets/fonts/avenir/Avenir-Book.eot?#iefix') format('embedded-opentype'),
         url('../themes/creacoop25/assets/fonts/avenir/Avenir-Book.woff') format('woff'),
         url('../themes/creacoop25/assets/fonts/avenir/Avenir-Book.ttf') format('truetype'),
	  		 url('../themes/creacoop25/assets/fonts/avenir/Avenir-Book.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face{
    font-family:"FuturaCond";
    src: url("../themes/creacoop25/assets/fonts/futura-condensed/futura_condensed_medium-webfont.eot") format("eot"),
         url("../themes/creacoop25/assets/fonts/futura-condensed/futura_condensed_medium-webfont.woff2") format("woff2"),
         url("../themes/creacoop25/assets/fonts/futura-condensed/futura_condensed_medium-webfont.woff") format("woff"),
         url("../themes/creacoop25/assets/fonts/futura-condensed/futura_condensed_medium-webfont.ttf") format("truetype");
}
@font-face{
    font-family:"FuturaPTB";	
    src: url("../themes/creacoop25/assets/fonts/futura-pt/futuraptbold.eot") format("eot"),
         url("../themes/creacoop25/assets/fonts/futura-pt/futuraptbold.woff2") format("woff2"),
         url("../themes/creacoop25/assets/fonts/futura-pt/futuraptbold.woff") format("woff"),
         url("../themes/creacoop25/assets/fonts/futura-pt/futuraptbold.ttf") format("truetype");
}
/**
 * General Elements
 **/
 
html { } 
body { background-color: #f3f3f3; font-family: 'Futura'; font-size: 15px; line-height: 1.2em;
color: #006369; } 
:focus { outline:none; } 

section{ padding: 50px 70px; position: relative; z-index: 1; }

/* Images */
img { max-width:100%; height:auto; } 
img[data-sizes] { display:block; width:100%; } 

/* Tags */
.section-title{ text-transform: uppercase; letter-spacing: 3px; margin-bottom: 0; }
h1, h2, h3, h4, h5{ font-family: 'Futura'; line-height: 1.1em; color: #006369; }
h1{  }
h2{ margin-top: 0; font-size: 4.2em; letter-spacing: -0.01em;  margin-bottom: 0.1em; font-weight: 900; }
h3{ font-size: 1.5em; font-weight: bold; font-style: italic; margin-bottom: 0.7em; }
h4{ font-size: 1.2em; font-weight: bold; font-style: italic; margin-bottom: 0.2em; }
h5{ font-size: 1em; font-weight: bold; font-style: italic; margin-bottom: 0.2em; }

a{ outline: none; color: inherit; font-style: italic; -webkit-transition: all 700ms; transition: all 700ms; }
a:hover{ color: #4ebaa0; text-decoration: none; }

span[class^="fa"]{ margin-right: 5px; }

hr{ display: block; border: 0; border-bottom: 2px dotted #006369; margin: 50px 0; }

ul, ol{ padding-left: 0; list-style-position: inside; }
li{ list-style-type: none; }
li:before{ content: '•'; }

form{ margin-bottom: 20px; font-size: 14px; clear: both; }
legend{ font-size: inherit; text-transform: uppercase; }

button:focus{ outline: 1px dotted; }
::placeholder { color: #999 !important; }


.field{ margin-bottom: 1.5em; }

.field label{ display: none; }
.field.radio label,
.field.checkbox label { display: block; }

.field.textfield input, 
.field.select select, 
.field.textarea textarea{ display: block; background-color: transparent; border: 0; border-bottom: 1px solid #006369; width: 100%; padding: 2px; font-family: inherit; color: #666; font-size: 0.95em; line-height: 22px; height: 22px; }
.field.textarea textarea{ background: url(../themes/creacoop25/assets/img/textarea.png) repeat 0px -2px; border-bottom: 0; min-height: 44px; line-height: 22px; }

input::placeholder, 
select::placeholder, 
textarea::placeholder{ color: #006369; }


.field.checkbox span:before, 
.field.radio span:before{ content: none; }
.field.textfield input, 
.field.select select, 
.field.textarea textarea{ background-color: #f9f9f9;}
fieldset[id]{ margin-top: 1.5em; }
.field label{ display: inline; }
fieldset.radio legend{ text-transform: none; }
fieldset.inline .field.radio{ display: inline-block; }

.field.textfield.error input, 
.field.textarea.error textarea{ border-bottom-color: #d00; }
fieldset.field{ margin-bottom: 1.5em; }
fieldset.field .field{ margin-bottom: 0; }
fieldset.field legend{ text-transform: none; }
fieldset.field.error .radio:before{ content: ""; display: block; width: 22px; height: 22px; border: 2px solid #d00; border-radius: 20px; position: absolute; z-index: -1; top: -1px; left: -1px; }
fieldset.field.error .checkbox:before,
.field.checkbox.error:before{ content: ""; display: block; width: 22px; height: 22px; border: 2px solid #d00; border-radius: 3px; position: absolute; z-index: -1; top: -1px; left: -1px; }
.field.checkbox [data-validate-for]{ right: inherit; }
fieldset.field.error input[type='checkbox']{ border-color: #d00; }
.field.submit input,
.field.submit button,
a.btn{ border: 0; width: auto; margin: auto; display: inline-block; color: inherit; font-family: 'Futura'; font-style: normal; text-transform: uppercase; max-width: 33.333333%; color: #006369; font-size: 14px; padding: 2px 20px; font-weight: 400; background: rgb(230,238,234); background: linear-gradient(45deg, rgba(230,238,234,1) 0%, rgba(250,221,235,1) 100%); -webkit-transition: all 700ms; transition: all 700ms; }


/*.field.error .validate-msg{ color: #d00; margin-top: 0; display: block; position: absolute; top: 23px; font-size: 11px; }
.field.checkbox.error .validate-msg { top: inherit; left: 0; bottom: -11px; }
*/

.form-flash{ position: fixed; top: 10%; z-index: 1; position: fixed; z-index: 10; }
.alert{ border: 1px dotted #FC0; border-radius: 5px; background-color: rgba(255, 204, 0, 0.25); padding: 40px 20px; min-height: 45px; width: 82%; }
.alert:before{ content: "\f06a"; font-size: 25px; font-family: "Font Awesome 5 Pro"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; float: left; margin-right: 10px; color: #e0ba00; }
.alert-success{ border-color: #6ec101; background-color: rgba(210, 253, 153, 0.85); }
.alert-success:before{ content: "\f058"; color: #6ec101; }
.alert-dismissible button.close { border: 0; background: none; float: right; }
.alert p{ margin-bottom: 0; }

.marker{ color: #900; }
.marker-data{ font-style: italic; }

.accordion .field.submit input, 
.accordion .field.submit button { background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgba(250,221,235,1) 100%); }


/* classes + info colors 
 *
 #006369 - bleu texte
 #fad7dc - titre rose
 #4ebaa0 - bleu emphase
 #fbf9db - bubble beige
 #e6eeea -> #faddeb - bublle rose dégradé
 #fad8e8 - circle dots
 #27ba6e - vert En savoir +
 #eef7f3 - bleu footer
 */

.container{ margin: auto; background-color: #fff; padding: 0; /* max-width: 800px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/ }

.center{ text-align: center; }

.encart-bleu { background-color: #006369; color: #b8e4da; padding: 10px 12px; font-size: 1.5em;  display: inline-block; font-weight: 200; line-height: 1em; margin-top: 1em; }
.encart-bleu b { font-weight: bold; }
.encart-bleu a { font-style: normal; }
.encart-bleu .big{ font-size: 1.3em; color: #fff; }
.encart-bleu a:hover .big{ color: #4ebaa0; }

.encart-bleu.jaune { background-color: #efdaa0; color: #b3974f; }
.encart-bleu.jaune .big { color: #006369; }

.encart-degrade { position: relative; z-index: 1; padding: 0 10px; font-size: 1.5em;  display: inline-block; font-weight: 200; line-height: 30px; }
.encart-degrade:before{ content: ''; width: 100%; height: 50%; position: absolute; z-index: -1; left: 0; top: 0; background-color: #FFF; }
.encart-degrade:after{ content: ''; width: 100%; height: 50%; position: absolute; z-index: -1; left: 0; bottom: 0; background: #e6eeea; background: linear-gradient(45deg, #e6eeea 0%, #faddeb 100%); }
.encart-degrade b { font-weight: bold; }

.bulle-wrapper { position: relative; padding: 0; }
.bulle-wrapper:before { content: ''; width: 100%; height: 0; padding-top: 100%; display: block; /*background-color: rgba(255,204,0,0.3);*/ }
	.bulle{ background-color: #FFF; border-radius: 50%; width: 80%; height: 80%; overflow: hidden; text-align: center; border: 1px solid #fff; -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px rgba(0,0,0,0.3); 
		display: flex; align-items: center; flex-direction: column; align-content: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: auto; }
		h3.bulle-title{ color: #fad7dc; font-size: 2.2em; font-weight: bold; margin: 0.5em 0 0.2em; text-shadow: 1px 1px 0px #006369; font-style: normal; }
		.bulle h4 { font-size: 1.4em; }
		.bulle i{ color: #4ebaa0; }
		.bulle p{ margin-bottom: 0; }

.savoir-plus{ margin-top: 0.5em; /*display: none;*/ }
.savoir-plus a{ margin-top: 0.5em; font-weight: bold; font-style: italic; color: #27ba6e; text-decoration: underline; }
/*body.logged-in .savoir-plus{ display: block; }
#magasin-cooperatif .savoir-plus{ display: block; }*/

.accordion{ /*display: none;*/ background-color: #ece8ea; margin: 0 -70px; position: relative; -webkit-transition: max-height 1200ms; transition: max-height 1200ms; height: auto; max-height: 2000px; overflow: hidden; }
.accordion.closed{max-height: 0; }
.accordion-wrapper{ padding: 50px 80px; box-shadow: inset 0px 6px 7px rgba(0,0,0,0.1); margin: 0 -10px;}
.accordion-close{ position: absolute; top: 10px; right: 10px; cursor: pointer; padding: 10px; }
/*.accordion a:hover{ color: #fff; margin-left: 4px; }*/
/*body.logged-in .accordion{ display: block;  }*/

.fa-file-pdf{ color: #c00; font-size: 1.2em; margin-right: 5px; }

/**
 * Layout
 **/

#header{ padding: 50px 30px 0; background-color: #fbf8d5; }
	
	#logo{ display: none; }
	
	.navbar { position: relative; }
		
		.logo{ position: relative; top: -30px; _position: relative; z-index: 2; }
		.logo a{ display: block; }
		.logo img{ display: block; width: 200px; border: 15px solid #fff; border-radius: 50%; background-color: #fff; padding: 0; }
	
		#menu-toggler{ display: none; }
		
		#navbar{ /*padding: 0 10% 0 0;background-color: #fff; background: linear-gradient(45deg, #ffffff 0%, #f5f5f5 100%);*/ }
		
		.navbar-nav{ padding: 0px 10px 0 0; background-color: #fbf8d5; height: 30px; justify-content: space-between; /*max-width: 860px;*/ margin: auto; position: relative; z-index: 2; line-height: 30px; }
		.navbar-nav li{ list-style: none; display: inline-block; margin: 0; }
		.navbar-nav li:before{ content: none; }
		.navbar-nav li.pre-pipe:before{ content: '|'; color: #fff; }
		.navbar-nav li a{ font-style: normal; display: inline-block; padding: 0 5px;  }
	
	#search{ }
	#search > i{ display: inline-block; padding: 0 5px; line-height: 26px; cursor: pointer; 
		-webkit-transition: all 700ms; 
		transition: all 700ms;}
	#search > i:hover{ color: #4ebaa0; }
	#search > form{ position: absolute; background-color: #FFF; border: 1px solid red; }
	#search > form input{  }
	#search > form button{  }

main{ margin-top: 100px; }
#creacoop25-1 main{ margin-top: 0px; }

	#edito{ position: relative; background-color: #fbf8d5; padding-top: 50px; padding-bottom: 50px; }
		#bienvenue{ position: relative; z-index: 1; }
		#bienvenue:before{ content: ''; position: absolute; width: 45px; height: 45px; background-color: #fff; border-radius: 50px; top: -15px; left: -20px; display: block; z-index: -1; }
		#bienvenue-text{ max-width: 260px; }
		#bienvenue h2{ font-size: 2.8em; margin: 0.2em 0; line-height: 0.9em; }
		/*#bienvenue h3{ font-style: normal; font-weight: 200;  }*/
		#bienvenue .encart-bleu-wrapper{ position: relative; margin-left: -20px;}
		#bienvenue .encart-bleu-wrapper:before{ content: ""; display: block; width: 0; height: 10px; border-left: 1px solid #006369; margin: 20px 0 5px 20px; }
		#bienvenue .encart-bleu-wrapper:after{ content: ""; position: relative; display: block; width: 0; height: 150px; border-left: 1px solid #006369; margin: 0 0 5px 20px; left: 0;}
		#bienvenue .encart-bleu{ margin-bottom: 0; }
	
		#last-news { align-items: flex-end; display: flex; justify-content: flex-end; }
		#last-news:before{ content: ""; position: absolute; width: 100%; height: 0; padding-top: 100%; border-radius: 50%; background: url(../themes/creacoop25/assets/img/cooperateurs.jpg) no-repeat 3% 100%; top: -60%; right: -13%; z-index: 0; background-size: auto 90%; }
		#last-news:after{ content: ""; position: absolute; width: 100%; height: 0; padding-top: 100%;  border-radius: 50%; border: 4px dotted #fbf8d5; top: -65%; right: -17%; z-index: 0;}
		#last-news .bulle{ width: 200px; height: 200px; position: relative; z-index: 1; margin-right: -75px; }
		
		#last-news>.bulle~.bulle { margin-top: -15px; }
		#last-news .bulle+.bulle { background: #e0792b; border-color: #e0792b; }
		#last-news .bulle+.bulle>p { color: #fff; }
		#last-news .bulle+.bulle p~p { color: #ffd817; }
		#last-news .bulle.bulle>h5 { color: #fff; }
		/* #last-news .bulle.bulle>h3 { color: #fff; } */
		#last-news .horaires th { text-align:right; }
		#last-news .horaires td { text-align:left; }
		.encart-bleu-wrapper { z-index: 1; }
		

	#magasin-cooperatif{ position: relative; z-index: 1; overflow: hidden; background-color: #fff; padding-bottom: 0; overflow: hidden; }
		
		#video-link{ margin: 70px 30px 0px -35px; position: relative; }
		#video-link:before{ content: ''; width: 65%; height: 65%; padding-top: 0; background: #FC0; border-radius: 50%; position: absolute; right: -38%; top: -11%; z-index: -1; background: rgb(230,238,234); background: linear-gradient(45deg, rgba(230,238,234,1) 0%, rgba(250,221,235,1) 100%); }
		#video-link a{ display: block; width: 100%; height: 0; padding-top: 100%; background: url(../themes/creacoop25/assets/img/video.jpg) no-repeat 15% 50%; border-radius: 50%; background-size: auto 100%; position: relative; 
			-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px rgba(0,0,0,0.3); }
		#video-link a:before{ content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; display: block; width: 23%; height: 23%; background-color: #006369; border-radius: 50%; -webkit-transition: all 700ms; transition: all 700ms; }
		#video-link a:after{ content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-left-color: #fff; border-width: 20px 30px; transform: translate(-18%, -50%); }
		#video-link a:hover:before{ background-color: #4ebaa0; }
		
		#video-display{  }
		.responsive-video{ max-width: 560px; margin: auto; display: block; position: relative; }
		.responsive-video:before{ content: ""; width: 100%; height: 0; padding-top: 56%; display: block; }
  	.responsive-video iframe{ position: absolute; width: 100% !important; height: 100% !important; top: 0; }
		
		#magasin-cooperatif .section-title{ text-align: right; }
		#magasin-cooperatif .order-md-12{ padding-left: 0; }
		#magasin-cooperatif h2{ text-align: center; }
		#magasin-cooperatif h3{ font-weight: bold; font-style: italic; }
		#magasin-cooperatif .savoir-plus.last{ margin-bottom: 45px; }
		#magasin-cooperatif .encart-degrade{ margin-top: -40px; float: right; margin-bottom: 50px; }
		#magasin-cooperatif .accordion{ display: block; clear: both; }
		
	#locaux { padding-bottom: 0; }
	#locaux .row{ padding-bottom: 70px; }
	
		#locaux .bg-img{ position: relative; }
		#locaux .bg-img:before{ content: ""; position: absolute; width: 140%; height: 0; padding-top: 140%; border-radius: 50%; background: url(../themes/creacoop25/assets/img/local.jpg) no-repeat 0% 100%; top: -85px; left: 0; z-index: 0; background-size: auto 140%; }
		#locaux .bg-img:after{ content: ""; position: absolute; width: 140%; height: 0; padding-top: 140%;  border-radius: 50%; border: 4px dotted #006369; top: -95px; left: 15px; z-index: 0; }

	
	#nws-accroche{ }
	#nws-accroche:after { content: ""; position: absolute; display: block; height: 180%; border-right: 1px solid #006369; margin: 0; top: -60%; right: 70px; }
	#nws-accroche.encart-bleu{ display: block; padding: 30px 70px; }
	#nws-accroche .btn{ max-width: 100%; }
		
	#nous-soutenir{ }
		#nous-soutenir .section-title{ margin-bottom: 0.3em; }
		#nous-soutenir .col-md-4{ margin-top: 30px; }
		#nous-soutenir h2{ margin-bottom: 50px; }
		#nous-soutenir .bulles-block{ margin-top: -10px; }
		#nous-soutenir .bulle-wrapper{ position: relative; margin: 0; }
		#nous-soutenir .bulle-wrapper:after{ content: ''; width: 90%; height: 90%; border-radius: 50%; position: absolute; top: 7%; right: 0; left: 0; margin: auto; z-index: -1; background: #fce3d8; background: linear-gradient(45deg, #fce3d8 0%, #fbe5f0 100%); }
		#nous-soutenir .bulle-wrapper:first-child:after{ margin: inherit; left: -10%; }
		#nous-soutenir .bulle-wrapper.btm-left:before{ right: 15%; }
		#nous-soutenir .bulle-wrapper.top-center:before{ right: -10px; top: -30%; }
		#nous-soutenir .bulle-wrapper .bulle h3{ /*font-size: 1.7em;*/ margin-bottom: 0.3em; }
		#nous-soutenir .bulle-wrapper .bulle p{ /*font-size: 1.7em;*/ margin-bottom: 0.5rem; }
		#nous-soutenir .no-bulle{ text-align: right; display: flex; align-items: center; flex-direction: column; align-content: center; justify-content: center; margin: 0; padding-bottom: 10%; background: url(../themes/creacoop25/assets/img/cooperateurs.png) no-repeat 7% 78%; background-size: 35%; }
		#nous-soutenir .no-bulle i{ text-decoration: underline; }
		#nous-soutenir .no-bulle h4 { font-size: 1.4em; }
		#nous-soutenir .encart-bleu{ margin-bottom: 1em; }
		
	#creacoop{ background-color: #fbf8d5; margin-top: -90px; }
	#creacoop:before{ content: ""; position: absolute; display: block; height: 120px; border-right: 1px solid #006369; margin: 0; top: -50px; left: 50px; }
		#participation-active{ margin-bottom: 50px; text-align: right; }
	
	#actus { background: #dcdddc url(../themes/creacoop25/assets/img/persil.jpg) no-repeat 0 0; background-size: 100% auto; position: relative; z-index: 1; padding-bottom: 0; }
		#actus:before { content: ""; position: relative; display: block; height: 110px; border-right: 1px solid #006369; margin: -90px -15px 0px 0px; float: right; clear: right; }
		#actus .section-title,
		#actus h2{ text-align: right; }
		#actus .col-md-4 h3{ color: #fad7dc; font-size: 2em; font-weight: bold; margin: 0.5em 0 0.2em; text-shadow: 1px 1px 0px #006369; font-style: normal; }
		
		#actus .bulle{ padding: 20px 15px; }
		
			#actus:after { content: ""; position: relative; display: block; height: 110px; border-right: 1px solid #006369; margin: -80px 0px 0px 0px; float: left; }
		.nws-list{ padding-left: 10px; margin: 1em 0; }
		.nws-list li{ list-style-type: none; margin: 0.3em 0; display: flex; align-items: center; justify-content: flex-start; }
		.nws-list li:before{ content: none; }
		.nws-list li a{ display: block; line-height: 1.2em; }
		.nws-list .nws-picto{ width: 20px; }
		
		#agenda .accordion-wrapper { padding: 50px 100px; }
		#agenda h3 { margin-left: -20px; margin-top: 1.5em; }
		
		.event { padding: 2em 0 0; position: relative; }
		.event:after { content: ''; display: block; width: 10%; height: 0; border-bottom: 1px solid #77a6aa; margin: 0 11%; position: absolute; top: 58px; }
		.event h4 { opacity: 0.7; margin-bottom: 1em; }
			.date{ display: flex; flex-direction: column; text-align: center; margin-top: -1.3em; }
				.jour { font-size: 60px; line-height: 0.8em; opacity: 0.5; }
				.mois { font-weight: bold; opacity: 0.3; font-size: 1.2em; }
			.location { font-style: italic; opacity: 0.7; }
	
	#contact{ padding-top: 40px; background-color: #fff; }
		#contact .bg-img{ position: relative; }
		#contact .bg-img:before{ content: ""; position: absolute; width: 140%; height: 0; padding-top: 140%; border-radius: 50%; background: url(../themes/creacoop25/assets/img/enveloppe.jpg) no-repeat 3% 50%; top: -5px; left: 0; z-index: 0; background-size: auto 100%; }
		#contact .bg-img:after{ content: ""; position: absolute; width: 140%; height: 0; padding-top: 140%;  border-radius: 50%; border: 4px dotted #006369; top: -15px; left: 15px; z-index: 0; }
		
		#contact form{ padding: 10px 0; }
		#contact .field.textarea textarea{ min-height: 4.3em; }
		#contact .field.submit button{ width: 28%; float: right;  }
	
#footer{ background-color: #eef7f3; padding: 5px 70px; }
#footer h4{ font-size: 1em; margin-top: 1em; margin-bottom: 0; }
#footer li:before{ content: none; }
#footer li a{ font-style: normal; }

#copy-creacoop{ background-color: #006369; color: #fff; }
#copy-creacoop p{ margin: 0; line-height: 2em; font-size: 0.9em; text-align: center; }


/* -- SOUSCRIPTION -- */
.flex-container{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.flex-container .checkbox{ justify-content: space-between;}
#souscription .encart-bleu{ font-size: 1.2em; }
#souscription input[type="submit"]{ background-color: #006369; color: #fff; padding: 10px 12px; font-size: 1.5em; display: block; font-weight: 200; line-height: 1em; margin: 1em auto; border: 0; }
	#nb_parts .textfield{ display: flex; flex-direction: row; }
	#nb_parts .textfield label{ order: 2; }
	#nb_parts .textfield input{ width: 100px; order: 1; margin-right: 0.5em;}
	#souscription_calcul_prix{ order: 3; margin-left: 0.5em; }
	
	.form-encart{}

/**
 * Large devices (desktops, less than 1200px)
 **/
@media (min-width: 1200px) {
  #header:before,
  #header:after { width: 500px; height: 500px; padding-top: 0; }
}
/**
 * Medium devices (landscape phones, less than 992px)
 **/
@media (max-width: 1199px) {
  .bulle-wrapper:before { padding-top: 120%; }
  .bulle{ min-width: 300px; min-height: 300px; }
}
@media (max-width: 991px) {
  .container{ position: static; max-width: 100%; }
  
  #header{ position: static; padding: 5px 0; background-color: #f3f3f3; height: 125px; position: relative; z-index: 2; }
  #header:before,
  #header:after{ content: none; }
  
  #menu-toggler{ display: block; background-color: #54baa0; border-width: 0; border-radius: 50%; width: 50px;height: 50px;color: #fff;position: fixed; top: 30px; right: 30px; z-index: 3; -webkit-transition: all 700ms; transition: all 700ms; padding: 10px; }
  #menu-toggler i.fa-bars{ font-size: 25px; font-weight: normal; margin: 3px 4px; }
  #menu-toggler i.fa-times{ font-size: 32px; font-weight: normal; margin: 0px 5px; }
  #menu-toggler:focus{ outline: none; }
  #menu-toggler:hover{ background-color: #0d6b71; }
  
  #logo{ display: block; position: static; text-align: center; margin: 20px; }
  #logo img{ margin: auto; border-color: #f3f3f3; background-color: #f3f3f3; }
  
  #navbar{ position: fixed; background-color: #0d6b71; width: 100%; left: 0; top: 0; height: 0; z-index: 2; opacity: 0.95; color: #FFF; text-transform: uppercase; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-transition: all 700ms; transition: all 700ms; overflow: hidden; min-width: 0; padding: 0; }
  #navbar .navbar-nav{ opacity: 0; -webkit-transition: all 700ms; transition: all 700ms; }
  #navbar.opened{ height: 100%; }
  #navbar.opened .navbar-nav{ opacity: 1; }
  
  .navbar-nav{ margin: auto; background-color: transparent; height: auto; flex-direction: column; }
  .navbar-nav li{ display: block; font-size: 1.5em; margin: 1em 0; position: relative; }
  .navbar-nav li.logo{ display: none; }
  .navbar-nav li a{  }
  .navbar-nav li.pre-pipe:before{ content: none; }
  .navbar-nav li.nav-item:after{ content: ''; position: absolute; width: 20px; height: 0; border-bottom: 1px solid #fff; bottom: -0.5em; left: 0; right: 0; margin: auto; }
  .navbar-nav li#logo:after{ content: none; }
  
  #main{}
  	
  	#edito{ padding-top: 100px; }
  	#last-news{ margin-top: -200px; }
  	#last-news:before { position: absolute; height: 320px; padding: 0; width: 320px; top: -90px; right: 0; background-size: 140%; background-position: 0px 0; }
  	#last-news .bulle { /*width: 270px; height: 270px;*/ position: relative; z-index: 1; margin-right: -40px; margin-top: 40px; }
  	#last-news>.bulle~.bulle { margin-top: -75px; margin-left: -35px; margin-right: -35px; }
  	#last-news:after { content: none; }
  	
  	#magasin-cooperatif .order-md-12{ padding-left: 15px; }
  	
  	#magasin-cooperatif:after{ float: left; margin: 5px 0 0 5%; }
  	#magasin-cooperatif .encart-degrade{ margin-top: 0; }
  	#magasin-cooperatif h2, 
  	#magasin-cooperatif h3 { margin-left: 10px; }

  	/*
  	.bulles{ padding: 40px 0; }
  	.bulle-wrapper{ margin: 20px 0; }
  	.bulle-wrapper .bulle{ padding: 0; border-radius: 0; box-shadow: none; background-color: transparent; border-color: transparent; width: auto; height: auto; }
  	#nous-soutenir .bulle-wrapper:before { width: 120px; height: 120px; }
		#nous-soutenir .bulle-wrapper.btm-left:before{ right: 0%; top: -70px; }
		#nous-soutenir .bulle-wrapper.top-center:before{ left: 0; }
		#nous-soutenir .bulle-wrapper.btm-right:before{ right: 25%; top: -20px; }
		*/
		#locaux .bg-img{ display: none;}
		
		#actus{ content: ""; display: block; position: relative; background-color: #f0f0f0; padding: 50px 30px 0; }
		#actus:after{ content: ""; display: block; padding-top: 67%; background: #dcdcdc; background: radial-gradient(circle at top left, rgba(240,240,240,0) 20%, rgba(240,240,240,1) 50%); width: 100%; position: absolute; top: 0; left: 0; border: 0; margin: 0; z-index: -1; }
		
		#actus .col-md-4{ margin: 0; }
		#actus .col-md-4 h3{ color: inherit; text-shadow: none; }
}
/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
	
	#last-news{ margin: 80px 0 20px; }
	
  #video-link{ display: none; }
  #magasin-cooperatif h2{ text-align: left; }
	#nws-accroche:after { right: 20px; }
	
  .bulle-wrapper:before { padding-top: 100%; }
  
	.bulles,
	#nous-soutenir .bulles-block{ max-width: 350px; margin: auto; }
	#nous-soutenir .no-bulle {
    min-height: 330px;
    display: block;
    padding: 50px 0 0;
    background-position: 10% 75%;
	}

  #contact .bg-img:before,
  #contact .bg-img:after{ content: none; }
  
  .flex-container{ flex-direction: column; }
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
	
	section{ padding: 50px 30px; }
	#nws-accroche.encart-bleu { padding: 30px 30px; }
	#creacoop:before{ left: 20px; }
  #footer { padding: 5px 30px; }
}
	
  h2 { font-size: 3em; line-height: 0.9em; }
}