@extends('layouts.main', ['activePage' => 'Reglement'])
@section('content')
                <div class="gdlr-core-page-builder-body">
                    <div class="gdlr-core-pbf-sidebar-wrapper ">
                        <div class="gdlr-core-pbf-sidebar-container gdlr-core-line-height-0 clearfix gdlr-core-js gdlr-core-container">
                            <div class="gdlr-core-pbf-sidebar-content  gdlr-core-column-40 gdlr-core-pbf-sidebar-padding gdlr-core-line-height gdlr-core-column-extend-left" style="padding: 40px 0px 0px 0px;">
                                <div class="gdlr-core-pbf-sidebar-content-inner" data-skin="Personnel">
                                    <div class="gdlr-core-pbf-element">
                                        <div class="gdlr-core-personnel-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-personnel-item-style-medium gdlr-core-personnel-style-medium">
                                        <div class="gdlr-core-pbf-element">
                                    <div class="gdlr-core-tab-item gdlr-core-js gdlr-core-item-pdb  gdlr-core-left-align gdlr-core-tab-style1-horizontal gdlr-core-item-pdlr">
                                        <div class="gdlr-core-tab-item-wrap">
                                            <div class="gdlr-core-tab-item-title-wrap clearfix gdlr-core-title-font">
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title  gdlr-core-active" data-tab-id="1">Page 1</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="2">Page 2</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="3">Page 3</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="4">Page 4</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="5">Page 5</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="6">Page 6</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="7">Page 7</div>
                                                <div style="width: 70px;
    padding: 5px !important;" class="gdlr-core-tab-item-title " data-tab-id="8">Page 8</div>
            
                                               
                                            </div>
                                            <div class="gdlr-core-tab-item-content-wrap clearfix">
                                                <div class="gdlr-core-tab-item-content  gdlr-core-active" data-tab-id="1" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 1
                                                            </h3>
                                                        </div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_1.png')}}" alt="roi page 1">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="2" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 2
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_2.png')}}" alt="roi page 2">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="3" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 3
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_3.png')}}" alt="roi page 3">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="4" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 4
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_4.png')}}" alt="roi page 4">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="5" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 5
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_5.png')}}" alt="roi page 5">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="6" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 6
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_6.png')}}" alt="roi page 6">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="7" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 7
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_7.png')}}" alt="roi page 7">
                                                    </p>
                                                </div>
                                                <div class="gdlr-core-tab-item-content " data-tab-id="8" style="background-color: #ffffff ;background-image: url(upload/tab-bg.png) ;background-position: top right ;">
                                                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top">
                                                        <div class="gdlr-core-title-item-title-wrap ">
                                                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " style="font-size: 22px ;font-weight: 700 ;text-transform: none ;color: #314e85 ;">Page 8
                                                            </h3></div>
                                                    </div>
                                                    <p>
                                                        <img src="{{asset('./images/roi/page_8.png')}}" alt="roi page 8">
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gdlr-core-pbf-sidebar-right gdlr-core-column-extend-right  kingster-sidebar-area gdlr-core-column-20 gdlr-core-pbf-sidebar-padding  gdlr-core-line-height" style="padding: 40px 0px 30px 0px;">
                                <div class="gdlr-core-sidebar-item gdlr-core-item-pdlr">
                                    <div id="text-21" class="widget widget_text kingster-widget">
                                        <div class="textwidget">
                                            <div class="gdlr-core-widget-box-shortcode " style="color: #ffffff ;padding: 30px 45px;background-color: #192f59 ;">
                                                <div class="gdlr-core-widget-box-shortcode-content">
                                                    </p>
                                                    <h1 style="font-size: 25px; color: #fff; margin-bottom: 25px;">IFCAD </h1>
                                                    <p>
                                                        <!-- <span style="color: #3db166; font-size: 16px; font-weight: 600;">Faites-nous parvenir vos requêtes et nous les analyserons</span> -->
                                                        <br /> <span style="font-size: 15px;"><br /> Avenue Legrand, <br /> 57-59 – 1050 Ixelles, Belgique</span></p>
                                                    <p><span style="font-size: 15px;">+32 (0)2 640 46 69<br /> contact@ifcad.info<br /> </span></p>
                                                    <span class="gdlr-core-space-shortcode" style="margin-top: 40px ;"></span>
                                                    <h3 style="font-size: 20px; color: #fff; margin-bottom: 15px;">Sur les Reseaux sociaux</h3>
                                                    <div class="gdlr-core-social-network-item gdlr-core-item-pdb  gdlr-core-none-align" style="padding-bottom: 0px ;">
                                                    <a href="#url" target="_blank" class="gdlr-core-social-network-icon" title="facebook" style="color: #3db166 ;"><i class="fa fa-facebook" ></i></a><a href="#" target="_blank" class="gdlr-core-social-network-icon" title="google-plus" style="color: #3db166 ;"><i class="fa fa-google-plus" ></i></a><a href="#" target="_blank" class="gdlr-core-social-network-icon" title="linkedin" style="color: #3db166 ;"><i class="fa fa-linkedin" ></i></a><a href="#" target="_blank" class="gdlr-core-social-network-icon" title="skype" style="color: #3db166 ;"><i class="fa fa-skype" ></i></a><a href="#url" target="_blank" class="gdlr-core-social-network-icon" title="twitter" style="color: #3db166 ;"><i class="fa fa-twitter" ></i></a><a href="#" target="_blank" class="gdlr-core-social-network-icon" title="instagram" style="color: #3db166 ;"><i class="fa fa-instagram" ></i></a></div> <span class="gdlr-core-space-shortcode" style="margin-top: 40px ;"></span> 
                                                    <p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
@endsection