body{
    background-color:#FFFFFF;
    	font-family: Raleway;
}

/********************************************************************/
/********************************************************************/
/* NAV BAR */
/********************************************************************/
/********************************************************************/

/* navbar */
.navbar-default {
    background-color: #0f83d6;
    border-color: #0f83d6;
    margin:0;
}
/* title */
.navbar-default .navbar-brand {
    padding-top:2px;
    color: #FFFFFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFFFFF;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
     background-color: #39a3ef;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #39a3ef;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #00FFFF;
    background-color: #0070c0;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #0070c0;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #A0A0A0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #0070c0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #0070c0;
    }
}

/********************************************************************/
/********************************************************************/
/* CAROUSEL */
/********************************************************************/
/********************************************************************/

.carousel{
    height:550px;
}

.carousel .item{
    height:550px;
}

.carousel .item img{
    overflow:hidden;
    width:100%;
}

.carousel .item .container-img1{
    width: 100%;
    height: 550px;
    background-image: url("../images/bandeau4.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}


.carousel .item .container-img2{
    width: 100%;
    height: 550px;
    background-image: url("../images/bandeau5.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}

.carousel .item .container-img3{
    width: 100%;
    height: 550px;
    background-image: url("../images/bandeau3.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}

.carousel .zone-titre{
    position:relative;
    top:-380px;
    width:80%;
    margin:0 auto;
}

.carousel .zone-titre > div:nth-of-type(1){
    text-align:center;
    color:#FFFFFF;
    font-size:40px;
    font-weight:bold;
}

.carousel .zone-titre > div:nth-of-type(2){
    text-align:center;
    color:#FFFFFF;
    font-size:30px;
}

.carousel .barre-top {
    position: relative;
    top: -550px;
    padding: 15px 20px;
    text-align: right;
    background-color: rgba(255,255,255,0.7);
    color: #0f83d6;
    font-size: 22px;
    font-weight: bold;
}

/* ajuste la taille du carousel pour petite résolution */

@media (max-width: 980px) {
    .carousel{
        height:300px;
    }

    .carousel .item{
        height:300px;
    }
}

@media (max-width: 768px) {
    .carousel{
        height:200px;
    }

    .carousel .item{
        height:200px;
    }
}

/********************************************************************/
/********************************************************************/
/* ZONE */
/********************************************************************/
/********************************************************************/

.zone{
    padding-top:50px;
    padding-bottom: 40px;
}

.zone h1{
    color:#333333;
    font-size:40px;
    margin-top:10px;
    margin-bottom: 20px;
    text-align:center;
}

.zone h2{
    color:#333333;
    font-size:30px;
    margin-top:5px;
    margin-bottom: 10px;
    text-align:center;
    text-transform: uppercase;
}

.zone .bloc-content{
    background-color:#ECECEC;
    padding:20px 20px;
}

.zone .bloc{
    padding-left:0px;
    padding-right:10px;
}

.zone .bloc-last{
    padding-left:0px;
    padding-right:0px;
}

.zone .bloc-content > .titre{
    background-color:#0f83d6;
    color:#FFFFFF;
    padding:10px 10px;
    font-size:22px;
    text-align:center;
}
.zone .bloc-content img{
    
}

.zone .bloc-content > .description{
    color:#303030;
    margin-top:10px;
    padding:10px 0px;
    font-size:18px;
    text-align:justify;
}

.zone .bloc-content  div.action{
    color:#FFFFFF;
    padding:6px 8px;
    font-size:19px;
    background-color:#0f83d6;
    margin:0 auto;
    margin-top:20px;
    width:60%;
    text-align:center;
    border-radius:5px 5px;
    text-decoration:none;
}

.zone .bloc-content > a.action{
    text-decoration:none;
}

.zone .bloc-content > a.action:hover div{
    background-color:#59b9fd;
}

/********************************************************************/
/********************************************************************/
/* ZONE-REVERSE */
/********************************************************************/
/********************************************************************/

.zone-reverse{
    background-color:#ECECEC;
}

.zone-reverse h1{
    color:#000000;
}

.zone-reverse .bloc-content{
    background-color:#FFFFFF;
}

.zone .bloc-content > .description {
    
}

.zone .bloc-content > .image {
    height:220px;
    width:100%;
    overflow:hidden;

}

.zone .bloc-content > .image-300 {
    height:300px;
}

/********************************************************************/
/********************************************************************/
/* ZONE-CONTENT1 */
/********************************************************************/
/********************************************************************/

.zone-content1 .h2{

}

.zone-content1{
    background-color:#FFFFFF;
}

.zone-content1 .bloc-content{
    background-color:#FFFFFF;
}

.calendrier{
    font-size:18px;
    color:#277ad8;
}

/********************************************************************/
/********************************************************************/
/* FOOTER */
/********************************************************************/
/********************************************************************/

.footer-site{
	background: linear-gradient(to bottom, #1972d7 0%, #105eb6 100%); 
	color:#FFFFFF;
	padding-top:35px;
	padding-bottom:15px;
	font-size:14px;
}

.footer2-site{
	background-color:#105eb6;
	color:#4d99f1;
	padding-top:10px;
	padding-bottom:15px;
	font-size:11px;
}

/********************************************************************/
/********************************************************************/
/* FOOTER */
/********************************************************************/
/********************************************************************/


.btn-inscription{
    width:80%;
    padding:17px 20px;
    font-size:22px;
    color:#FFFFFF;
    text-align:center;
    background-color:#1789db;
    border-radius:4px 4px;
}

.alerte{
    color:#f35400;
    font-weight:bold;
}

.alerte2{
    color:#46ae00;
    font-weight:bold;
}



.tarif{
    font-size:32px;
}

table.planning{
    width:80%;

}
table.planning tr.date{
    border-top:1px solid #CCCCCC;
}

table.planning tr.date td{
    width:33%;
    padding: 10px 0;
    vertical-align: top;
}

table.planning tr.date td:first-of-type{
    font-weight:bold;
}

table.planning tr.desc td {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 20px;
}

div.planning-btn-special{
    margin:9px 0;
    padding:5px 4px;
    font-size:16px;
    color:#FFFFFF;
    text-align:center;
    background-color:#ff7832;
    border-radius:4px 4px;
    text-decoration:none;
       font-weight:normal;
   
}

 a.planning-btn-special:hover{
    text-decoration:none;

}




 
/********************************************************************/
/********************************************************************/
/* BLOG */
/********************************************************************/
/********************************************************************/

.blog-liste{
    margin-bottom:40px;
}

.blog-liste .bloc{
    background-color:#E0E0E0;
    padding:10px;
}


.blog-liste h2{
    text-align:center;
    height:40px;
    font-size:17px;
    display:block;
    text-transform:none;
}

.blog-liste .text1{
    padding-top:20px;
    font-size:15px;
    color:#000000;
    height:80px;
    text-align:center;
    line-height:19px;

}

.blog-liste .btn-suite{
    padding-top:20px;
    font-size:15px;
    color:#000000;
    text-align:center;
}

.blog-liste .image{
    overflow:hidden;
}





/********************************************************************/
/********************************************************************/
/* DIVER */
/********************************************************************/
/********************************************************************/

.corps-header {
    background-color:#0070c0;
    padding-top:50px;
    padding-bottom:30px;
    text-align:center;
    color:#FFFFFF;
}

.corps-header h1 {
    font-size:32px;
    color:#FFFFFF;
    

}

.corps-header .text1 {
    font-size:18px;
    font-weight:normal;
    color:#FFFFFF;

}

.corps-article {
    background-color:#FFFFFF;
    padding-top:40px;
    padding-bottom:140px;
            color: #000000;
        font-size: 16px;
}

.corps-article .text1{
    font-size:16px;
    text-align:justify;
    line-height:28px;
}