/* GENERAL */

html {margin:0px; padding:0px; height: 100%}
body {background-color:#fff; margin:0; font-family: 'Raleway', sans-serif!important; height: 100%; position: relative; overflow-x: hidden}
a {text-decoration:none!important; cursor: pointer;}
img {border:none;}
p { margin-bottom: 10px!important; color: #999999; font-size: 15px; font-weight: 300}
li {list-style: none outside none;}
strong {font-weight: 500!important;}

.no-padding {padding: 0!important;}
.padding-left {padding-left: 0!important;}
.padding-right {padding-right: 0!important;}

.margint30 {margin-top: 30px;}
.margint50 {margin-top: 50px;}
.marginb30 {margin-bottom: 30px!important;}
.marginb50 {margin-bottom: 50px!important;}

.justify {text-align: justify}
.center {text-align: center}
.majuscule {text-transform: uppercase}

.col-sm-12 {float: left; width: 100%;}
.contenant {overflow: hidden}

/* HEADER & MENU */
.header {height: 65px}
.logo {position: absolute; z-index: 99; top: 27px; width: 100px; border: 4px solid #fff;}
.logo img {width: 100%; height: auto}
.facebook-logo {float: right;
    padding: 20px 0;
    margin: 0 0 0 20px;
}
.facebook-logo img {    width: 17px;
    height: 17px;}
.menu {float: right; padding:22px 0; margin: 0;}
.menu li {float: left; margin-right: 20px;}
.menu li:last-child {margin-right: 0px;}
.menu li a {font-size: 16px; font-weight: 500; color: #297ed1; transition: all 0.3s ease;}
.menu li a:hover {color: #fece00;}
.menu li.current-menu-item a{color:#fece00;}

a.open-menu {display: none; position: absolute; left: 10px; top: 6px; background-image: url("../images/icone-menu.png"); background-repeat: no-repeat; background-position: center; background-size: 27px; width: 50px; height: 50px; transition: all 0.3s ease;   z-index: 999}
a.open-menu:hover {background-image: url("../images/icone-menu-jaune.png");}

.close-menu {background-image: url("../images/icone-cross.png")!important; background-size: 20px!important;}
.close-menu:hover {background-image: url("../images/icone-cross-jaune.png")!important; background-size: 20px!important;}

.navigation {display: none; position: fixed; height: 100%; width: 300px; background: #fff; z-index: 99; padding: 20px; left: -300px; transition: all 0.5s ease;}
.open {left: 0;}


/* GENERAL */
h1.main {font-size: 50px; font-weight: 600; color: #297ed1; letter-spacing: 2px; background: #f2f2f2; padding: 25px 0; margin: 0;}

h1.main-general {font-size: 25px; font-weight: 600; color: #297ed1; letter-spacing: 1px; background: #f2f2f2; padding: 25px 0; margin: 0;}


body.single h1.main {font-size: 25px; font-weight: 300; color: #297ed1; letter-spacing: 2px; background: #f2f2f2; padding: 25px 0; margin: 0;}
h3.sub {font-size: 30px; font-weight: 400; color: #297ed1; letter-spacing: 1px; background: #f2f2f2; padding: 15px 0; margin: 0 0 25px 0;}
h4.main {font-size: 25px; font-weight: 300; color: #297ed1; letter-spacing: 2px; background: #fece00; padding: 15px 0; margin: 0;}
a.white-border {padding: 8px 15px; border: 2px solid #fff; color: #fff; transition: all 0.3s ease;}
a.white-border:hover {border: 2px solid #297ed1; color: #297ed1;}
a.yellow-border {float: left; margin-bottom: 15px; padding: 8px 15px; border: 2px solid #fece00; color: #fece00!important; transition: all 0.3s ease;}
a.yellow-border:hover {border: 2px solid #297ed1; color: #297ed1!important;}

/* ACCUEIL */
.main-slider {float: left; width: 100%; height: 500px; position: relative}

/* Slider container */
.container-fluid .swiper-container {width: 100%;height: 500px; color: #fff;text-align: center;}
.container-fluid .swiper-container {margin:0 auto;	position:absolute; overflow:hidden;-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;	/* Fix of Webkit flickering */z-index:1;}
.container-fluid .swiper-container-fluidper {position:relative;	width:100%;	-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;	-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top; -o-transition-duration:0s;	-o-transform:translate3d(0px,0,0);	-o-transition-timing-function:ease;	-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);	transition-timing-function:ease;}
.container-fluid .swiper-free-mode > .container-fluid .swiper-container-fluidper {-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out; margin: 0 auto;}
.container-fluid .swiper-slide {float: left; position: relative}

.content-slide {position: absolute!important; bottom: 50px; width: 80%!important; margin: 0 10%; text-align: center}
.content-slide h1 {font-size: 50px; font-weight: 600; color: #fff; padding: 0 15px; margin: 0 0 10px; text-shadow:2px 2px 2px #222;}
.content-slide p {float: left; width: 100%; font-size: 20px; color: #fff; text-shadow:2px 2px 2px #222; margin-bottom: 30px!important;}

/* IE10 Windows Phone 8 Fixes */
.container-fluid .swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.container-fluid .swiper-wp8-vertical {-ms-touch-action: pan-x;}

/* Navigation */
.control-slider {position: absolute; width: 100%; height: 53%; top: 0px; left: 0px; z-index: 2;}
.control-slider a{float: left; width: 34px; height: 35px; position: absolute; bottom: 0; cursor: pointer;}
.control-slider a.arrow-right {background-image:url("../images/arrow-right.png"); background-repeat: no-repeat; background-position: center; right: 30px}
.control-slider a.arrow-left {background-image:url("../images/arrow-left.png"); background-repeat: no-repeat;background-position: center; left: 30px;}
.control-slider a:hover{background-color: rgba(255, 255, 255, 0.6);}

.depliants {float: left; width: 100%; background: #fece00; }
.depliants img{float: left; width: 100%; height: auto; padding: 15px;}
.depliants h3{float: left; width: 100%; font-size: 30px; font-weight: 400; color: #297ed1; letter-spacing: 1px; padding: 0 15px; margin: 0 0 15px 0;}
.depliants p{float: left; width: 100%; padding: 0 15px}
.depliants a.white-border {padding: 8px 15px; margin: 0 10px; border: 2px solid #fff; color: #fff; transition: all 0.3s ease;}
.depliants a.white-border:hover {border: 2px solid #297ed1; color: #297ed1;}

.acutalites img {float: left; width: 100%; height: auto; padding: 0 15px 15px;}
.acutalites h3{font-size: 20px; font-weight: 300; color: #297ed1; letter-spacing: 1px; padding: 0; margin: 0;}
.acutalites p.date{font-size: 13px; color: #297ed1;}
.acutalites .col-sm-4 img{float: left; width: calc(100% + 15px); height: auto; left: -15px; position: relative;}
.acutalites p {font-size: 14px;}
.acutalites a.yellow-border {margin-top: 15px}


/* PAGE TYPE */
.general-page p {
	color: #000;
}
/* PAGE ASSOCIATION */
.objectifs p {color: #297ed1; font-weight: 500;}
.accroche p {color: #297ed1; font-weight: 300; font-size: 18px;}
.texte a {color: #297ed1; transition: all 0.3s ease;}
.texte a:hover {color: #fece00;}

/* PAGE ACTIONS */
.programme {background: #fece00; padding: 30px;}
.programme h3 {font-size: 30px; font-weight: 400; color: #297ed1; letter-spacing: 1px; padding: 0 0 30px 0; margin: 0;}
.programme .texte-prog p {color: #297ed1;}

/* SIDEBAR */
.sidebar {background: #f2f2f2; padding: 30px 15px 10px;}
.sb-search input.sb-search-input {float: left; width: 80%; line-height: 27px; border: 1px solid #999999; padding-left: 10px;}
.sb-search input.sb-search-submit {float: left; width: 20%; height: 31px; background: #297ed1; border: 1px solid #999999; color: #fff;}
#sidebar-area .widget{float: left; width: 100%; margin-bottom: 20px;}
#sidebar-area .widget h3{font-size: 16px; font-weight: 600; text-transform: uppercase; color: #297ed1; padding: 0; margin: 0 0 10px;}
#sidebar-area .widget ul{padding-left: 10px}
#sidebar-area .widget ul li{float: left; width: 100%; list-style-type: initial;}
#sidebar-area .widget ul li a{color: #297ed1; transition: all 0.3s ease;}
#sidebar-area .widget ul li a:hover{color: #666;}
#sidebar-area .widget_nav_menu ul{padding: 0 0 0 10px}
#sidebar-mobile {display: none;}	

/* ACTUALITES */
li.news {float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fece00;}
li.news:last-child {border: none;}
body.single li.news{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
li.news h3{font-size: 20px; font-weight: 300; color: #297ed1; letter-spacing: 1px; padding: 0; margin: 0;}
li.news p.date{font-size: 13px; color: #297ed1;}
li.news a {font-weight: 500; font-size: 16px;}
li.news a:hover {color: #fece00;}
.acutalites a.more-link {background: #297ed1; padding: 8px 12px; float: none; color: #fff; display: inline-block;}


a.more-link {background: #297ed1; padding: 8px 12px; float: left; color: #fff;}
a.more-link:hover {color: #fece00;}
li.news .col-sm-4 img{float: left; width: calc(100% + 15px); height: auto; left: -15px; position: relative;}
li.news p {font-size: 14px;}
li.news iframe {width: 100%!important; height: 350px!important; margin: 10px 0!important}

/* PAGINATION */
.pagination {float: left;width: 100%;text-align: center;clear:both;padding:20px 0 0 0; margin: 0!important; position:relative;font-size:11px;line-height:13px;}
.pagination span, .pagination a {display:block;float:left;margin: 0px 5px 0px 0;padding:11px 17px 11px 17px;text-decoration:none;width:auto;color:#fff;background: #297ed1;}
.pagination a:hover{color:#fff;background: #297ed1;}
.pagination .current{padding:11px 17px 11px 17px;background: #fece00;color:#297ed1;}


/* PAGE MAGAZINE */
li.mansory-grid-3 {text-transform: uppercase; float: left; width: calc((100% / 4) - (20px)); height: 425px; margin: 0 10px 20px 10px; transition: all 0.3s ease;}
.link {overflow: hidden}
a.dl-files {position: absolute; width: 100%; height: 100%; background: #fece00; top: -100%; left: 0; transition: all 0.3s ease;}
a.dl-files p {position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -11px; font-weight: 600; color: #297ed1;}
li.mansory-grid-3 h3{font-size: 20px; font-weight: 300; color: #297ed1; letter-spacing: 1px; padding: 0; margin: 0;}
li.mansory-grid-3 p {font-size: 13px; color: #297ed1;}
li.mansory-grid-3:hover a.dl-files {top: 0;}
li.mansory-grid-3 img {float: left; width: 100%; height: auto;}

/* PAGE DEPLIANTS */
li.mansory-grid {text-transform: uppercase; float: left; width: calc((100% / 3) - (20px)); margin: 0 10px 20px 10px; transition: all 0.3s ease;}
.link {overflow: hidden}
a.dl-files {position: absolute; width: 100%; height: 100%; background: #fece00; top: -100%; transition: all 0.3s ease;}
a.dl-files p {position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -11px; font-weight: 600; color: #297ed1;}
li.mansory-grid h3{font-size: 20px; font-weight: 300; color: #297ed1; letter-spacing: 1px; padding: 0 15px;; margin: 0 0 10px;}
li.mansory-grid:hover a.dl-files {top: 0;}
li.mansory-grid img {float: left; width: 100%; height: auto;}

/* PAGE PARTENAIRES */
li.mansory-grid-2 {text-transform: uppercase; float: left; width: calc((100% / 4) - (20px)); margin: 0 10px 20px 10px; transition: all 0.3s ease;}
.link {overflow: hidden}
li.mansory-grid-2 a.dl-files {position: absolute; width: 100%; height: 100%; background: #297ed1; top: -100%; transition: all 0.3s ease;}
li.mansory-grid-2 a.dl-files p {position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -11px; font-weight: 600; color: #fff;}
li.mansory-grid-2 h3{font-size: 20px; font-weight: 300; color: #297ed1; letter-spacing: 1px; padding: 0; margin: 0 0 10px;}
li.mansory-grid-2:hover a.dl-files {top: 0;}
li.mansory-grid-2 img {float: left; width: 100%; height: auto;}

/* PAGE LIENS UTILES */
li.liens-utiles {float: left; width: 100%; margin: 0 0 15px;}
li.liens-utiles h3 {font-size: 20px; font-weight: 500; color: #297ed1; letter-spacing: 1px; padding: 0; margin: 0;}
li.liens-utiles a {color: #fece00; transition: all 0.3s ease;}
li.liens-utiles a:hover {color: #297ed1}

/* CONTACT */
.google-map {position: relative}
.map {width: 100%; height: 450px;}
.google-map .title {position: absolute; bottom: 80px; left: 80px; }
body.page-template-page-contact .logo {display: none}
.google-map .title h1 {font-size: 50px; font-weight: 600; letter-spacing: 2px; color: #fff; text-shadow:2px 2px 2px #222; margin: 0}
.google-map .title p {font-size: 20px; font-weight: 400; color: #000; text-shadow:2px 2px 2px #222; margin: 0}

h3.sub-contact {font-size: 20px; font-weight: 400; color: #297ed1; letter-spacing: 1px; padding: 0 15px 30px; margin: 0;}
a.send-mail {padding: 8px 15px; border: 2px solid #fece00; color: #fece00; transition: all 0.3s ease;}
a.send-mail:hover {border: 2px solid #297ed1; color: #297ed1;}

.wpcf7 p {text-transform: uppercase; margin-bottom: 10px!important; font-size: 13px;}
.wpcf7 input {border: 1px solid #ccccca; width: 100%!important; max-width: 100%!important;}
.wpcf7 textarea {border: 1px solid #ccccca; width: 100%!important; max-width: 100%!important; height: 100px!important;}
.wpcf7 input.wpcf7-submit {background: #297ed1; color: #fff; text-transform: uppercase; font-weight: 400; padding: 8px 15px; border: 0; width: auto!important;}
.wpcf7-validation-errors {border: 1px solid #dc0812!important;float: left;width: 100%;margin: 20px 0 0 0!important;padding: 15px!important;color: #dc0812; font-weight: 300}
.wpcf7-mail-sent-ok  {border: 1px solid #dc0812!important;float: left;width: 100%;margin: 20px 0 0 0!important;padding: 15px!important;color: #808080; font-weight: 300}

/* FICHIERS PRIVES */
.pr-files {float: left; width: 100%; margin: 0 0 10px; font-size: 18px; color: #297ed1; transition: all 0.3s ease;}
.pr-files:hover {float: left; width: 100%; margin: 0 0 10px; font-size: 18px; color: #fece00}
.login-button {padding: 8px 15px; border: 2px solid #297ed1; color: #297ed1!important; transition: all 0.3s ease;}


/* FOOTER */
.newsletter {background: #f2f2f2;}
p.news {float: left; width: 100%; color: #297ed1; font-size: 20px; font-weight: 400; margin: 20px 0 0 0!important;}
p.news-plus {float: left; width: 100%; margin: 0 0 30px 0!important;}
.php_wysija {float: left; width: 50%; margin: 0 25% 10px; position: relative;}
p.wysija-paragraph {float: left; width: 100%;}
input.wysija-input  {width: 100%; height: 32px; padding-left: 10px; border: 0; }
input.wysija-submit {position: absolute; margin: 0!important; top: 0; right: 0; width: 32px; height: 32px; background: #297ed1; border: 0; color: #fff;}

.footer {background: #222222; padding: 30px 30px 20px!important;}
.footer .left-footer p {font-size: 13px; font-weight: 500; color: #fff;}
.footer .right-footer ul {float: left; width: 100%; padding: 0 0 24px}
.footer .right-footer ul li{float: left; width: 100%; text-align: right}
.footer .right-footer p {font-size: 13px; font-weight: 500; color: #fff; text-align: right; float: left; width: 100%;}
.footer .left-footer a, .footer .right-footer a {color: #fece00; transition: all 0.3s ease;}
.footer .left-footer a:hover, .footer .right-footer a:hover {color: #297ed1;}


/* MEDIA QUERIES */
@media (max-width:768px){	
.col-sm-12, .col-sm-6, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {float: left; width: 100%}

/* GENERAL HEADER */
.header {height: inherit}	
.logo {position: relative; float: left; width: 100px; margin-left: calc(50% - 50px); top: 0; margin-top: 20px; margin-bottom: 20px;}	
.navigation-desktop {display: none}
.navigation {display: block}
a.open-menu {display: block}	
.menu {float: left; padding: 25px 0; margin: 0;}
.menu li {float: left; width: 100%; margin-right: 0px; margin-bottom: 10px; text-align: center}
.menu li:last-child {margin-right: 0px; margin-bottom: 0px;}
.menu li a {text-transform: uppercase; font-size: 18px}
h1.main{font-size: 35px;}
/* PAGE ACCUEIL */	
.content-slide {text-align: center}
.content-slide h1 {font-size: 40px;}
.content-slide p {font-size: 18px;}
.control-slider a.arrow-left{left: 15px;}
.control-slider a.arrow-right{right: 15px}
.magazine a.yellow-border, .acutalites a.yellow-border {float: left; width: 100%; text-align: center}
.depliants a.white-border {float: left; width: 90%; margin: 0 5% 20px;}	
.acutalites h3, .acutalites p.date {text-align: center}	
.magazine p {text-align: center}	
/* PAGE ASSOCIATION */
.introduction p, .objectifs p {text-align: center!important}
	
/* PAGE ACTION */
.programme h3 {text-align: left; padding: 0 15px 30px;}
	
/* PAGE ACTUALITES */
.pagination{margin-bottom: 30px!important}	
#sidebar-area  {text-align: center}
#sidebar-area .widget_nav_menu ul {padding: 0; width: 100%;}
#sidebar-area .widget ul li {margin: 0;}
#sidebar-desktop {display: none;}	
#sidebar-mobile {display: block;}	
li.news h3, li.news p.date {text-align: center}	
li.news .col-sm-4 img {width: 100%; left: 0; margin-bottom: 15px;}
body.single li.news .col-sm-4 img {margin-bottom: 0px;}

/* PAGE MAGAZINE */	
li.mansory-grid-3 {padding: 0; width: 48%; margin: 0 1% 20px;}
	
/* PAGE DEPLIANTS */	
li.mansory-grid {width: 100%; margin: 0 0 20px;}
li.mansory-grid h3 {text-align: center}	
	
/* PAGE PARTENAIRES */		
li.mansory-grid-2 {padding: 0; width: 48%; margin: 0 1% 20px;}
	
/* PAGE CONTACT */		
body.page-template-page-contact .logo {display: block}
.google-map .title {float: left; width: 100%; text-align: center; left: 0;}	
h3.sub-contact {text-align: center}	
.wpcf7 p {text-align: center}
	

	
/* FOOTER */
.php_wysija {float: left; width: 90%; margin: 0 5% 10px; position: relative;}
.footer .left-footer, .footer .right-footer {width: 100%;}
.footer .left-footer p, .footer .right-footer p {text-align: center!important}
.footer .right-footer ul {padding: 20px 0 30px}
.footer .right-footer ul li{text-align: center}


}

@media (min-width:768px) and (max-width:992px){
.header {height: 90px}
.logo {top: 54px;left: 10px;}
.menu {float: left; }
.menu li a {font-size: 17px; }
	
h1.main-general {font-size: 20px; font-weight: 600; color: #297ed1; letter-spacing: 1px; background: #f2f2f2; padding: 25px 0; margin: 0;}
	
}

@media (min-width:992px) and (max-width:1200px){

}