@charset "utf-8";
/* CSS Document */

body{
    margin:0;
    padding:0;
    font-family: "Lato",Verdana;
    color: #3f3f3f;
    font-size: 13px;
    overflow-x: hidden;
	background-image:url(../web-images/bg-body3.jpg);
	background-position:top center;
    padding-top: 10px;
}

.page {
    padding-top: 0;background-image:none;

}

header, section, footer{
    width: 990px;
    margin:0 auto;
}

/** header **/

header {
    *height: 150px;
    position: relative;
    padding: 10px 0;

}

header p {
    text-align: center;
    margin: 0 0 10px 0;
}

header p img{
    width: 80%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
header nav {
    float: right;
    margin-right: 0;
    margin-top: 0;
}

header nav ul{
    float:left;
    padding: 0;
    height: 36px;
    margin: 0 0 10px;
}

.col-img {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

.col-index {
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
}

.col-index a {
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

section {
    clear:both;
    /* background-color: #FFF; */
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
}

.col-img img {
    width:100%;
}

.col-img a {
    text-decoration: none;
    color: #FFF;
    font-size: 24px;
}

.col-img a span{
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    left: 15px;
}
.pres{
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    left: 15px;
}
/** Menu **/

#menu {
}
#menu ul {
}
#menu ul li {
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
}

#menu ul li:last-child {
    padding-right:0;

}

#menu ul li a {
    color: #be2b35;
    float: left;
    font-size: 14px;
    margin: 5px;
    padding: 2px 0;
    text-decoration: none;
}

#menu ul li a.docT {
    background-color:#be2b35;
    padding: 2px 5px;
    color:#FFF;
    margin-right: 0;
}

#menu ul li a:hover {
    border-bottom: 3px solid #dcdbdb;
}

.single_3{
    text-decoration:none;
}

.col1 {
    width: 100%;
    margin: 0;
    float: left;
}

.galerie {
    width: 95%;
    margin: 0;
    float: left;
    border-left: 18px solid #666666;
   padding: 0 1% 75px 2%
}

.galerie a {
    text-decoration:none;
    margin: 1%;
    display: block;
    float: left;
    width: 31%;
}

.galerie a img{
    width: 100%;
}

.col1 hr {
    border:0;
    border-bottom:1px dashed #CCC;
    margin: 20px 0 0 0;
}

.page .col1{
    border-left: 18px solid #666666;
    padding: 0 1% 75px 2%;
    width: 95%;
}

.col1 ul {
    list-style:none;
    padding-left: 20px;
}

.col1 ul li {
    background-image:url(../web-images/puce.png);
    background-position: top 7px left;
    background-repeat:no-repeat;
    padding-left: 20px;
    line-height: 22px;
}

.col1 ul li a {
    font-size: 16px;
    color: #373737;
}

.col2 {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.col-left {
    width: 27%;
    float: left;
    margin-right: 2%;
}

.col-left img {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.col-right {
    width: 69%;
    float: left;
}

.col-right p {
	font-size: 14px;
	text-align:justify
}


h2 {
    color: #be2a34;
    font-size: 24px;
}

h3 {
    color: #000;
    font-size: 18px;
}

.textidx {
    position: absolute;
    top: 22%;
    left: 45%;
}

.cltspace {
    position: absolute;
    bottom: 13%;
    left: 44%;
}


article p{
    color: #3f3f3f;
    font-size: 13px;
}
.connexion {
    position: absolute;
    top: 0;
    right: 10px;
    color: #000;
    z-index: 1000;
    background-color: #E7E7E7;
    padding: 2px 8px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
    box-shadow: 0 0 5px #5C5C5C;
}

.connexion span {
    margin-right:10px
}


.connexion  a{
    font-size: 14px;
    color: #be2b35
}
.contact {
    padding: 0;
    margin-left: 2%;
    margin-bottom: 21px;
}


/*News*/


form.news {
    float: left;
    width: 250px;
    border-left: 18px solid #dcdbdb;
    padding-left: 10px;
    padding-top: 2px;
}

input.news-text {
    /* height: 25px; */
    float: left;
    color: #393738;
    font-size: 13px;
    padding: 4px 5px;
    width: 193px;
}

input.news-button{
    background: url(../web-images/news.png) no-repeat;
    height: 27px;
    width: 30px;
    margin-left: -2px;
    border: 1px solid grey;
    background-color: grey;
}

/** Footer **/ 

footer {
    clear:both;
    color :  #be2b35;
    margin-top: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-image:url(../web-images/bg-footer.png);
	background-repeat:repeat;
	}

footer .info {
    float: left;
    margin-left: 27px;
}

footer .fb {
	float:right;
	margin: 2% 4% 0 2%;}

footer .info p{
    font-size: 24px;
    font-weight: normal;
    border-bottom: 3px solid #dcdbdb;
    padding-bottom: 15px;
    font-style: italic;
}
footer .adresse {
    float: right;
    margin-right: 13px; 
    /* width: 30%; */
}
.adresse a {
    float: left;
    margin-top: 34px;
}

.adresse p strong {
    font-size:24px;
}

.adresse p {
    float: right;
    font-size: 16px;
    margin-top: 0;
}

.signature {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 0;
    font-size: 12px;
    margin: 3px 0 5px 0;

}

.signature a {
    text-decoration: none;

    /* background-image:url(../web-images/dixicom.png); */
    background-repeat:no-repeat;
    background-position:right center;
    padding: 0 5px;
    color: #565656;
}

.slicknav_menu {
    display: none;
    }


@media screen and (max-width: 980px) {
    header, section, footer, .bx-wrapper {
        margin: 0 auto;
        width: 100%!important;
    }
}

@media screen and (max-width: 780px) {
		footer .info {
			padding: 0 0 0 0;
		}

		.ind h2 {
		font-size: 25px;
		}
		.ind h3 {
		font-size: 25px;
		}


    }

    @media screen and (max-width: 650px) {
		.col2 {
			width: 98%;
		}

    }

    @media screen and (max-width: 720px) {
        .js #menu {
            display: none;
        }
        .js .slicknav_menu {
            display: block;
        }

        header .liencontact {
        	display:none;
        }
    }
	
    @media screen and (max-width: 620px) {
    }
    @media screen and (max-width: 450px) {
	.col-left {
		display:none;
		    }
	.col-right {
		width:97%;
		    }
}