@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,600,300,400);
html { height:100%}
body { background-color:#65e473; background-image:url("../img/bg.jpg"); background-repeat:repeat-x; background-position:top center; font-size:14px; color:#2b2b2b; font-family: 'Open Sans', sans-serif; line-height:1.6}
h1, h2 { margin:0; padding:0}
a { outline:none}
p { text-align:justify}
strong {color:#e2001a}
.row { overflow:hidden}
.col2 { width:50%; float:left; position:relative}
.col3 { width:33.33%; float:left; position:relative}
.col4 { width:25%; float:left; position:relative}
/**{ transition:all 0.5s ease}*/

.wrapper { width:1170px; margin:0 auto}
header {}
header .wrapper { position:relative; margin:auto auto}
header .top-bar { background-color:#3c3c3c; color:#fff; padding:4px; font-size:12px; z-index:99}
header .top-bar .wrapper { margin-bottom:0; overflow:hidden}
header .top-bar .left { float:left}
header .top-bar .right { float:right}
header .navigation { background-color:#00723b; padding:4px; height:100px; border-style:solid; border-width:0px 2px 2px 2px; border-color:#fff; position:relative}
header #logobox { float:left}
header #logobox a{ display:block; height:70px; margin:14px 20px}
header nav {}
header nav ul { box-sizing:border-box; word-wrap:break-word; margin:0; padding:0}
header nav>ul>li{ display:inline-block; position:relative}
header nav>ul>li>a { text-decoration:none; font-weight:600; color:#fff; text-transform:uppercase; padding:0 10px; height:95px; line-height:95px; display:block}
header nav>ul>li.active>a, header nav>ul>li:hover>a { color:#ccfe00}
header .slider ul{ margin:0; padding:0}

main .wrapper{ background-color:#e8e8e8; padding:3px; box-shadow:0 0 5px 0 #686868}
main .inner-content{ min-height:350px; margin:auto; overflow:hidden; padding:30px 20px 0; position:relative; background-color:#fff;}
main .content-wrapper h2, main .main h2{ font-size:24; font-weight:400; color:#7f7f7f; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px;}
main .content-wrapper h2 b, main .main h2 b { color:#00723b; font-weight:600;}
main .main h1{ font-size:24; font-weight:400; color:#7f7f7f; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px;}

.quick-link{margin-bottom:45px}
.quick-link .row .col4 .quicklink { border-right:1px solid #e1e1e1; min-height:300px}
.quick-link .row .col4:last-child .quicklink { border-right:none}
.quicklink{ padding:0 14.5px; cursor:pointer;}
.quicklink .picture { width:100%; text-align:center}
.quicklink .picture img{ max-width:auto; opacity:1;}
.quicklink:hover .picture img{opacity:0.5}
.quicklink h3.title { font-weight:300; font-size:20px; color:#3b3b3b; margin:8px 0 10px;}
.quicklink:hover h3.title{opacity:0.5}
.quicklink .description { text-align:justify}
.quicklink .link { text-align:center}
.quicklink .link a{ color:#e2001a; background-color:#fff; border:1px solid #e2001a; padding:6px 12px; position:relative; display:inline-block; margin:8px 0; text-decoration:none;}
.quicklink:hover .link a{ color:#fff; background-color:#e2001a; border:1px solid #fff;}

.partenaires_list { margin:30px; padding:0; list-style:none; overflow:hidden}
.partenaires_list li{ float:left; width:50%; margin:0; padding:30px 0; text-align:center}
.partenaires_list li a{ display:block}

.quick-actus { margin-bottom:45px}
.quick-actus .widget_actus_title{font-size:1.5em; font-weight:600; color:#00723b; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px;}
.quick-actus .widget_actus_description{ margin-bottom:20px}
.widget_actu_item { margin-left:5%; margin-bottom:25px; overflow:hidden; clear:both}
.widget_actu_item .widget_actu_thumb { margin-right:30px; float:left; width:198px}
.widget_actu_item .widget_actu_info { overflow:hidden}
.widget_actu_item .widget_actu_title a{ text-decoration:none; color:#3b3b3b; font-weight:600; font-size:16px}
.widget_actu_item .widget_actu_date_category { font-size:11px; padding:6px 0; border-bottom:1px solid #ececec; margin-bottom:10px }
.widget_actu_item .widget_actu_date_category a{ text-decoration:none; color:#00723b; padding-left:20px}
.widget_actu_item .widget_actu_link a { text-decoration:none; display:inline-block; color:#00723b; background-color:#fff; border:1px solid #00723b; padding:4px 8px; margin:8px 0; font-size:12px;}
.widget_actu_item .widget_actu_link a:hover { color:#fff; background-color:#00723b; border:1px solid #fff;}

.quick-photos { margin:45px 0}
.quick-photos .widget_photos_title{ font-size:1.5em; font-weight:400; color:#7f7f7f; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px;}
.quick-photos .widget_photos_title b { color:#00723b; font-weight:600;}
.quick-photos .widget_photos_description{ margin-bottom:20px}
.widget_photos_photos { overflow:hidden}
.widget_photos_photos .widget_photos_box { width:25%; float:left; text-align:center; position:relative; overflow:hidden} 
.widget_photos_photos .widget_photos_box .box_photo{ margin:8px; position:relative; height:130px;} 
.widget_photos_photos .widget_photos_box a{ border-bottom:0 none !important; display:block; font-weight:normal !important; height:100%; width:100%; position:absolute; z-index:1} 
.widget_photos_photos .widget_photos_box img.box_image{ opacity:1; width:100%; top:-50%; position:relative} 
.widget_photos_photos .widget_photos_box:hover img{ opacity:0.5;} 
.widget_photos_photos .widget_photos_box .icon-link { display:inline-block; position:absolute; bottom:0; right:0; background-color:#fff; padding:10px; z-index:10; height:21px}

main .intro-wrapper { box-sizing: border-box;float: left;padding: 0 50px 62px 0;position: relative;width: 33.33%;}
main .content-wrapper{clear: right;float: left;line-height: 1.8;margin-left: -15px;margin-right: -15px;padding-bottom: 62px;width: 66.66%;}
main .intro-wrapper h1, main .content-wrapper h1 {font-size:24; font-weight:400; color:#7f7f7f; border-bottom:1px solid #e1e1e1; padding-bottom:8px; margin-bottom:15px;}
main .intro-wrapper h1 b, main .content-wrapper h1 b {color:#00723b; font-weight:600;}

.list-intro-wrapper { margin:0; padding:0; list-style:none}
.list-intro-wrapper li a { text-decoration:none; display:block; border-bottom:1px solid #d8d8d8; color:#3b3b3b; padding:6px 0 6px 8px}
.list-intro-wrapper li:last-child a { border-bottom:hidden}
.list-intro-wrapper li:hover a { background-color:#d8d8d8; color:#fff}

.galerie-photo { margin:0; padding:0; list-style:none; overflow:hidden}
.galerie-photo li { float:left; width:31.33%; text-align:center; margin:0 2% 2% 0; border-radius:12px;}
.galerie-photo li a { display:inline-block; max-width:100%}
.galerie-photo li a img { width:100%; opacity:1}
.galerie-photo li:hover a img {opacity:0.5}
.galerie-photo li .libelle a { display:inline-block; background-color:#3b3b3b; border-radius:12px; padding:4px 8px; color:#fff; text-decoration:none; font-size:12px}
.galerie-photo li:hover .libelle a { display:inline-block; background-color:#d8d8d8; border-radius:12px; padding:4px 8px; color:#3b3b3b; text-decoration:none; font-size:12px}

.partenaires { overflow:hidden}
.partenaire { float:left; margin:0 4px 4px 0}
.partenaire img{ opacity:1}
.partenaire:hover img{ opacity:0.5}

.post { margin-bottom:55px; cursor:pointer; overflow:hidden}
.post h2.post-title a{ font-size:20px; color:#3d3d3d; font-weight:600; text-decoration:none;}
.post:hover h2.post-title a { color : #00723b}
.post .post-thumb { float:left; margin-right:30px; width:198px;}
.post .post-info { overflow:hidden}
.post .post-short-description { border-bottom:1px solid #d8d8d8}
.post .post-thumb a{ display:inline-block; max-width:100%}
.post .post-thumb img{ width:100%}
.post .post-meta { overflow:hidden; border-bottom:1px solid #3b3b3b; padding:10px 6px}
.post .post-meta .post-date, .post .post-meta .post-categorie{ float:left; font-size:13px; color:#3b3b3b; margin-right:30px}
.post .post-meta .post-categorie a { color:#3b3b3b; text-decoration:none}
.post .post-meta .post-read-more { float:right}
.post .post-meta .post-read-more a{ font-size:13px; color:#00723b; text-decoration:none}
#post .post-image { text-align:center; padding:10px 0}
#post .post-image img{ padding:4px; background-color:#CCC; border:1px solid #999}
#post .post-meta, #post .post-attached { overflow:hidden; border-top:1px solid #d8d8d8; padding:10px 6px}
#post .post-attached h6 { margin:0 0 6px}
#post .post-attached a { text-decoration:none; color:#3d3d3d; font-style:italic}
#post .post-meta .post-date, #post .post-meta .post-categorie{ float:left; font-size:13px; color:#3b3b3b; margin-right:30px}
#post .post-meta .post-categorie a { color:#3b3b3b; text-decoration:none}

.title-form { color:#3b3b3b; font-weight:600; margin:10px 0 20px; font-size:18px}
.form input[type=text], .form textarea { border:1px solid #959595; background-color:#fff; box-shadow:none; color:#868686; font-size:13px; height:auto; display:block; margin:0 0 1em; padding:0.5em; transition:border-color 0.45s ease-in-out 0s;}
.form input[type=text]:focus { border-color:#000}
.form textarea { width:100%}
.form .form-website { display:none}
.form input[type=submit] {color:#00723b; background-color:#fff; border:1px solid #d8d8d8;padding:8px 16px;}
.form input[type=submit]:hover {color:#fff; background-color:#00723b; border:1px solid #e2001a; padding:8px 16px;}

footer .wrapper{ color:#fff; background-color:#00723b; overflow:hidden; border-style:solid; border-width:2px 2px 0px 2px; border-color:#fff; margin-top:25px}
footer .row .col3{ margin-top:20px;}
footer .box-col { padding:0 12px}
footer .footer-title { color:#fff; font-size:1.3em; text-transform:uppercase; font-weight:300; margin-bottom:10px;}
footer .col3:last-child .footer-title { text-align:right;}
footer .footer-description { line-height:1.7; text-align:justify}
footer .menu, footer .m-menu { list-style:none; margin:0; padding:0; text-align:right; margin-bottom:16px; line-height:11px}
footer .menu a, footer .m-menu a{ text-decoration:none; text-transform:uppercase; color:#fff; font-size:11px;}
footer .infos { line-height:1.7;}
footer .infos a{ text-decoration:none; color:#ccfe00; font-weight:600}
footer .widget_footer_actu_item { margin-bottom:10px;}
footer .widget_actu_title a { text-decoration:none; color:#e2001a; font-weight:600;}
footer .widget_footer_actu_descr { text-align:justify; line-height:1.7}
footer .social { overflow:hidden; padding:5px}
footer .social .social-facebook, footer .social .social-google { text-align:right}
footer .social .social-facebook a, footer .social .social-google a{ color:#fff; text-decoration:none; border:1px solid #fff; padding:4px 8px; display:inline-block; margin-bottom:4px}
footer .social a:hover{ color:#fff; background-color:#3d3d3d}

.webagency { text-align:right}

.navigation nav .navbar-toggle{ display:none}


@media only screen and (max-width: 1450px) {
	.wrapper { width:1200px; margin:0 auto}
	.banner img { width:100%}
	.quick-link .picture img { width:100%}
}

@media only screen and (max-width: 1230px) {
	.wrapper { width:95%; margin:0 auto}
	main .intro-wrapper { float:none; width:100%; padding:0; text-align:center; border-bottom:1px solid #d8d8d8; padding-bottom:20px; margin-bottom:20px}
	main .content-wrapper { float:none; width:100%; padding:0; text-align:center; border-bottom:1px solid #d8d8d8; padding-bottom:20px; margin:0 0 20px 0}
}

@media only screen and (max-width: 767px) {
	.col3 { width:100%; float:none}
	.col4 { width:100%; float:none}
	.widget_photos_photos .widget_photos_box { width:50%}
	.widget_actu_item { margin:0}
	.widget_actu_item .widget_actu_thumb { display:none}
	.navigation nav .navbar-toggle{ display:block; background-color:transparent; background-image:none; border-radius:4px; float:right; margin-bottom:8px; margin-right:15px; margin-top:8px; padding:5px 10px 9px; position:relative; border:1px solid #fff; cursor:pointer}
	.navigation nav .navbar-toggle .icon-bar { border-radius:1px; display:block; height:2px; width:22px; background-color:#fff; margin-top:4px;}
	.navigation nav ul{ display:none; position:absolute; width:100%; background-color:#fff; top:110px; left:0; z-index:999; border:1px solid #e7e7e7}
	.navigation nav li{ float:none; display:inherit}
	.navigation nav li a{ color:#777; padding:10px; line-height:normal; height:auto; text-align:center; border-bottom:1px solid #e7e7e7}
	.navigation nav li:last-child a{ border-bottom:none}
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}