html, body, .container, .contenu {
	height: 100%;
}


/* Header */

#barre {width:125px; height: 3px; background: #FFFFFF; margin: 45px auto;}
#barre2 { width:125px; height: 3px; background: #4c4aa7; margin: 30px auto;}
#barre3 { width:125px; height: 3px; background: #FFFFFF; margin: 30px auto 10px auto;}
#barre4 { width:10px; height: 1px; background: #4c4aa7; margin: 10px auto; display:block;}

#espace {display:block; height:0px; width: 100%; background: transparent;}

.main { background: #4c4aa7 url(../img/bg_01.gif) no-repeat left bottom;
-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			width: 100%;
			text-align: center;
			height:625px;  padding: 0px 20px 0px 20px;
			display: table;
			}

.main-container{
	text-align: center;
	height: 500px;
	display: table-cell;
	vertical-align: middle;
	line-height: 30px; }

.main-container .titre {
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:400;
color:white;
 text-transform: uppercase;
font-size: 30px;
 letter-spacing: 1px;}

.main-container .sous-titre {
display: block;
max-width: 50%;
margin: 5px auto 0px;
font-family: 'Roboto', sans-serif;
font-weight:700;
color:white;
 text-transform: uppercase;
 font-size: 35px;
  letter-spacing: 2px;
  line-height: 35px;}

 .main-container .courant{
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: white;
font-size: 15px;
line-height: 18px;
}

.main-container .description{
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:300;
font-style:italic;
color:white;
font-size: 13px;
line-height: 18px;
 letter-spacing: 1px;
}

  .slide {
	background: #FFFFFF url(../img/bg_02.gif) no-repeat center top fixed;
-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
	width: 100%;
	height: 800px;
			text-align: center;
			 padding: 0px;
			display: table;}


.slide-container{
	text-align: center;
max-width: 50%;
	display: table-cell;
	vertical-align: middle;
	line-height: 30px; }

.slide-container .titre {
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:100;
color: #4c4aa7;
 text-transform: uppercase;
font-size: 35px;}

.slide-container .sous-titre{
display: block;
max-width: 50%;
margin: 40px auto;
font-family: 'Roboto', sans-serif;
font-weight:700;
color: #4c4aa7;
 text-transform: uppercase;
 font-size: 20px;
 letter-spacing: 1px;
}

.slide-container .italic {
display: block;
max-width: 50%;
margin: 40px auto 60px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-style: italic;
color: #4c4aa7;
font-size: 15px;
line-height: 18px;}

.slide-container .courant {
display: block;
max-width: 50%;
margin: 40px auto 0px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #4c4aa7;
font-size: 15px;
line-height: 18px;}


.slide-container .services{
display: block;
max-width: 50%;
margin: 50px auto 0px auto;
font-family: 'Roboto', sans-serif;
font-weight:300;
color: #4c4aa7;
 font-size: 16px;
 text-align:center;

 -moz-column-count:4;
-webkit-column-count:4;
-o-column-count:4;
column-count:4;
-moz-column-gap:50px;
-webkit-column-gap:50px;
-o-column-gap:50px;
column-gap:50px;
-webkit-column-rule-width:0px;
-webkit-column-rule-color:#cbcefb;
-webkit-column-rule-style:dotted;
-moz-column-rule-width:0px;
-moz-column-rule-color:#cbcefb;
-moz-column-rule-style:dotted;
-o-column-rule-width:0px;
-o-column-rule-color:#cbcefb;
-o-column-rule-style:dotted;
column-rule-width:0px;
column-rule-color:#cbcefb;
column-rule-style:dotted;
}
.slide-container .services p{
-webkit-column-break-after: always;

}

.slide-container .services2{ display:none;}


.about { background: #4c4aa7 url(../img/bg_03.gif) no-repeat left center;
-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			width: 100%;
			text-align: center;
			display: table;
			height: 500px;
			}



.about-container{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	line-height: 30px;
	padding: 40px;}

.about-container .titre {
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:100;
color: #FFFFFF;
 text-transform: uppercase;
font-size: 35px;}

.about-container .description{
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:500;
color:white;
font-size: 15px;
line-height: 20px;
padding: 30px 0;
}

.about-container .courant{
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-style: italic;
color: white;
font-size: 13px;
line-height: 18px;
letter-spacing: 1px;
}


.equipe {
	background: #FFFFFF url(../img/bg_02.gif) no-repeat center top fixed;
-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
	width: 100%;
			text-align: center;
			 padding: 0px;
			display: table;
			height: 550px;

	padding: 40px 20px 0px 20px;}


.equipe-container{
	text-align: center;
max-width: 50%;
	display: table-cell;
	vertical-align: middle;
	line-height: 20px; }

.equipe-container .titre {
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:100;
color: #4c4aa7;
 text-transform: uppercase;
font-size: 35px;}

.equipe-container .fiches{display: table;max-width: 50%;margin: 0 auto;font-family: 'Roboto', sans-serif;font-weight:300;color: #4c4aa7;text-transform: none;font-size: 13px;background: #FFFFFF;padding: 40px 40px 0 41px;}

.equipe-container .fiches .bold{
font-family: 'Roboto', sans-serif;
font-weight:700;
color: #4c4aa7;
 text-transform: none;
 font-size: 13px;
 font-style:italic;

}
.equipe-container .fiches .italic{

 font-style:italic;


}


.equipe-container .fiches .monaco{display: table-cell;/* height: 400px; *//* min-height: 400px; */width: 200px;min-width: 200px;padding: 200px 0px 0px 0px;border: 0px;background: #FFFFFF url(../img/monaco.jpg) no-repeat left top;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

.equipe-container .fiches .bono{display: table-cell;/* height: 400px; *//* min-height: 400px; */width: 200px;min-width: 200px;padding: 0px 0px 0px 0px;border: 0px;background: #FFFFFF url(../img/bono.jpg) no-repeat left top;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

.equipe-container .fiches .gross{display: table-cell;/* height: 400px; *//* min-height: 400px; */width: 200px;min-width: 200px;padding: 0px 0px 0px 0px;border: 0px;background: #FFFFFF url(../img/gross.jpg) no-repeat left top;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

.equipe-container .fiches .separation{
display: table-cell;
width: 100px;
min-width: 30px;
background: transparent;
}
.equipe-container .fiches .carre{display: table-cell;min-width: 200px;width: 200px;min-height: 200px;/* height: 200px; */padding: 25px;}

.contact { background: #4c4aa7;
			width: 100%;
			text-align: center;
			padding: 60px 40px;
			display: table;
			}

.contact-container{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	line-height: 30px; }

.contact-container .titre {
display: block;
max-width: 50%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:100;
color: #FFFFFF;
 text-transform: uppercase;
font-size: 35px;}


#EmplacementDeMaCarte {


				height: 266px;



				max-width: 80%;



				/* float: left; */



				margin: 60px auto 0px auto;


}
.infos-container .droite .message{
	width: 100% !important;
	text-align: center;
	margin: 0 auto;

	}
.tableau {
	-moz-column-count:3;
-webkit-column-count:3;
-o-column-count:3;
column-count:3;
-moz-column-gap:45px;
-webkit-column-gap:45px;
-o-column-gap:45px;
column-gap:45px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#ffffff;
-webkit-column-rule-style:solid;
-moz-column-rule-width:1px;
-moz-column-rule-color:#ffffff;
-moz-column-rule-style:solid;
-o-column-rule-width:1px;
-o-column-rule-color:#ffffff;
-o-column-rule-style:solid;
column-rule-width:1px;
column-rule-color:#ffffff;
column-rule-style:solid;
margin: 0px 0px 60px;
	}
@media screen and (max-width: 600px) {
.tableau {
	-moz-column-count:1;
-webkit-column-count:1;
-o-column-count:1;
column-count:1;
-moz-column-gap:45px;
-webkit-column-gap:45px;
-o-column-gap:45px;
column-gap:45px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#ffffff;
-webkit-column-rule-style:solid;
-moz-column-rule-width:1px;
-moz-column-rule-color:#ffffff;
-moz-column-rule-style:solid;
-o-column-rule-width:1px;
-o-column-rule-color:#ffffff;
-o-column-rule-style:solid;
column-rule-width:1px;
column-rule-color:#ffffff;
column-rule-style:solid;
margin: 0px 0px 60px;
	}
}

.tableau p{
break-after: always;
    -moz-column-break-after: always;
    -webkit-column-break-after: always;
	page-break-after : always ;
}
.carte {
	float: left;
width: 50%;}
@media screen and (max-width: 1000px) {
.carte {
	float: left;
width: 100%;}
#EmplacementDeMaCarte {
				height: 400px;
				max-width: 100%;
				margin: 0px;
			}

.infos-container .gauche {
width: 100% !important;
padding-top: 15px;
}

.infos-container .gauche .message {
width: 100% !important;
}
 {
}

 {

	}

.infos-container .social {
padding: 25px 0px 0px 0px !important;
float: none !important;
}
}

@media screen and (max-width: 300px) {
.infos {
	padding: 0px !important;
}

.infos-container {
	padding: 15px !important;
}
}


.infos { background: #4c4aa7;
			width: 100%;
			text-align: center;
			padding: 0px 30px 60px 30px;
			display: table;
			height: 500px;
			}

.infos-container{
	text-align: center;
	display: table-cell;
	line-height: 30px;
	width: 100%; }

.infos-container .social{
    width: 100%;
	text-align: right;
	float:right;
	vertical-align: middle;

    line-height: 30px;
	padding: 0px; }

.infos-container .social a, .infos-container .social a:visited, .infos-container .social a:active{ color: #FFFFFF;}
.infos-container .social a:hover{ color: #DDDDDD;}

.infos-container .gauche{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 13px;
	float:right;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	}

.infos-container .gauche .message{
	width: 500px;
	text-align: center;
	margin: 0 auto;

	}
.envoyer {

	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 14px;
	}


.infos-container .droite{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 13px;
	padding: 0px;
	/* float:right; */
	width: 100%;
	margin: 0 auto;
	max-width: 80%;
}

	@media screen and (max-width: 500px) {
	.infos-container .droite{

	max-width: 100%;
}
	}

.infos-container .droite a, .infos-container .droite a:visited, .infos-container .droite a:active{
	color: #FFFFFF;
	}

.infos-container .droite a:hover{
	color: #DDDDDD;
	}

	.error { background: #AAAAAA;
			width: 100%;
			text-align: center;
			padding: 5px 40px 5px 40px;
			display: table;
			}

.error-container{
font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-size: 26px;
	text-align: center;
	display: table-cell;
	line-height: 30px;
	width: 100%; }

.error-container .bold{
font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 26px;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;}


	@media screen and (max-width: 500px) {
.infos-container .social { text-align: center; float: center;}
}
/*@media screen and (max-width: 1020px) {
	.infos-container .gauche .message{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	}

	}

@media screen and (max-width: 700px) {
	.infos-container .gauche .message{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}

	}




@media screen and (max-width: 500px) {

	.infos-container .gauche .message{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}
	.infos-container .droite{
	width: 100%;
	padding: 20px 0px 0px 0px;
	}

	}*/

@media screen and (max-width: 800px) {

.error {
			padding: 14px 40px 40px 40px;

}
.equipe {display: block;
 max-width:100%;
 width:100%;
 height: 100%;
 min-height: 1300px;
 padding: 40px 20px;}


.equipe-container{
	display:block;
	 max-width:100%;
 width:100%;
 height: 100%;
 min-height: 100%;}

.equipe-container .titre {
display: block;
 max-width:100%;
 width:100%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-weight:100;
color: #4c4aa7;
 text-transform: uppercase;
font-size: 35px;
}

.equipe-container .fiches{
display: block;
 max-width:100%;
 width:100%;
background: transparent;
padding: 0px;
}

.equipe-container .fiches .monaco{
display: absolute;
height: 100%;
min-height: 400px;
width: 50%;
min-width: 100%;
padding: 200px 0px 0px 0px;
bottom: 0px;

 background: #FFFFFF url(../img/monaco.jpg) no-repeat left center;
-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
}

.equipe-container .fiches .bono{
display: absolute;
height: 100%;
min-height: 400px;
width: 100%;
min-width: 100%;
padding: 200px 0px 0px 0px;
bottom: 0px;
 background: transparent url(../img/bono.jpg) no-repeat left center;
-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
}

.equipe-container .fiches .gross{
display: absolute;
height: 100%;
min-height: 400px;
width: 100%;
min-width: 100%;
padding: 200px 0px 0px 0px;
bottom: 0px;
 background: transparent url(../img/gross.jpg) no-repeat left center;
-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
}

.equipe-container .fiches .separation{
display: block;
min-height:50px;
height: 50px;
background: transparent;
}
.equipe-container .fiches .carre{
display: table-cell;
min-width: 100%;
width: 100%;
min-height: 100%;
height:100%;
background: #FFF;
padding: 25px}}

@media screen and (max-width: 420px) {
.equipe {
 min-height: 1400px;
 background: #FFFFFF url(../img/bg_02.gif) no-repeat center top fixed;
-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
}
.equipe-container .fiches .monaco{
 background: transparent url(../img/monaco.jpg) no-repeat left top;
-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
}

.equipe-container .fiches .bono{
 background: transparent url(../img/bono.jpg) no-repeat left top;
-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
}

.equipe-container .fiches .gross{
 background: transparent url(../img/gross.jpg) no-repeat left top;
-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
}
.equipe-container .fiches .separation{
display: block;
min-height:25px;
height: 25px;
background: transparent;

}

}
@media screen and (max-width: 1000px) {
.main {  height:525px; }
.main-container{ padding: 60px 0px;}
.slider{ height: 100%; }
.slide{ height: 900px; }
.about{ height: 400px; padding: 60px 0px;}
.equipe{ height: 400px; }
}

@media screen and (max-width: 800px) {

.slide {padding: 60px 20px 60px 20px; height: auto;}
.main {  padding: 0px 20px 0px 20px; height:492px; }
.main-container{
height: 100%; }

.slide-container .services{
-moz-column-count:4;
-webkit-column-count:4;
-o-column-count:4;
column-count:4;
-moz-column-gap:25px;
-webkit-column-gap:25px;
-o-column-gap:25px;
column-gap:25px;
-webkit-column-rule-width:0px;
-webkit-column-rule-color:#cbcefb;
-webkit-column-rule-style:dotted;
-moz-column-rule-width:0px;
-moz-column-rule-color:#cbcefb;
-moz-column-rule-style:dotted;
-o-column-rule-width:0px;
-o-column-rule-color:#cbcefb;
-o-column-rule-style:dotted;
column-rule-width:0px;
column-rule-color:#cbcefb;
column-rule-style:dotted;
}
}

@media screen and (max-width: 630px) {
.slide-container .services{
display: none;
}
.slide-container .services2{
	display: block;
max-width: 260px;
margin: 19px auto 0px auto;
font-family: 'Roboto', sans-serif;
font-weight:300;
color: #4c4aa7;
 font-size: 16px;
 text-align:center;

}

}


.nav_mini {

	background: #096;
	width: 100%;
	position:relative;
	height: 0px;}



.about #topDiv {
	display:block;
	}
.about #topDiv2 {
	display:none;
	}
.about #topDiv3 {
	display:none;
	}

@media screen and (max-width: 1320px) {
.about #topDiv {
	display:none;
	}
.about #topDiv2 {
	display:block;
	}
.about #topDiv3 {
	display:none;
	}
}

@media screen and (max-width: 1120px) {
.about #topDiv {
	display:none;
	}
.about #topDiv2 {
	display:none;
	}
.about #topDiv3 {
	display:block;
	}
}

@media screen and (max-width: 1000px) {
.about #topDiv {
	display:none;
	}
.about #topDiv2 {
	display:none;
	}
.about #topDiv3 {
	display:none;
	}
}


.about .bg{

	background: url(../img/paper3.png) 50% 0 no-repeat fixed;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 33%;
	z-index: 290;
}

@media screen and (max-width: 1100px) {
.main-container .sous-titre, .main-container .courant, .main-container .titre, .main-container .description, .slide-container .titre, .slide-container .sous-titre, .about-container .titre, .about-container .description, .about-container .courant, .equipe-container .titre, .equipe-container .fiches, .contact-container .titre, .slide-container .courant, .slide-container .italic {max-width: 500px;
}
.slide-container .services {
max-width: 720px;}

}

.cbp-contentslider ul li span.titre {
    display: block;
    max-width: 50%;
    margin: 0px auto;
    padding: 0px 108px 40px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #4c4aa7;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
}

@media screen and (min-width: 1100px) {
	.cbp-contentslider ul li span.titre {

	padding: 0px 108px 0px 0px;
}
}



.cbp-contentslider ul li span.description {
    display: block;
    max-width: 70%;
    margin: 0px auto;
    padding-right: 108px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #4c4aa7;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
}