@font-face {
	font-family: 'robotoregular';
	font-display: swap;
	src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
	url('fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*{
	margin:0;
	padding:0;
}
html{
	background-color:#211F1E;
	font-size:14px;
	color:#F3F2F2;
}
body{
	width:1000px;  
	margin:0 auto;
	font-family:robotoregular, sans-serif;
	background-color:#000000;
}
#bloc_page{
	
}
.rouge{
	color:#FF0000;
}
img{
	border:none;
}
h1{
	text-align:center;
	margin:0 0 30px 0;
	font-size:23px;
	background-color:#333333;
	padding:0 0 2px 0;
	border-radius:5px;
	box-shadow: 1px 1px 5px #999;
	letter-spacing:1px;
}
.tel{

	font-weight:bold;

}
.bandeau{
	height:120px;
	padding:0 0 0 20px;
	background:url(fond-bordeaux.png) right top no-repeat;
}
.bandeau p{
	color:#000099;
	font-weight:bold;
	font-size:10px;
	font-variant: small-caps;
	padding:3px 0;
	text-shadow: 5px 3px 2px #444444;
}
.bandeau div.activiteBandeau{
	width:200px;
	float:left;
	padding:40px 0 0 10px;
}
.titreBandeau{
	display:none;
}
.logo{
	margin:15px 0 0 0;
	display:block;
	float:left;
}
.bordeaux{
	display:block;
	float:right;
}
.menu{
	background-color:#333333;
	height:21px;
	padding:7px 10px 0 10px;
}
.menu a{
	display:block;
	float:left;
	padding:0 10px;
	font-size:12px;
	/*letter-spacing:0.3px;*/
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.menu a:hover{
	color:#E07F43;
	text-decoration:underline;
}
.menu a.menusel{
	color:#E07F43;
}
.menu .corbug{
	display:none;
}
.contenu{
	max-width:960px;
	margin:0 auto;
	padding:30px 0 0 0;
}
.contenu a{
	color:#4D7DDD;
}
.contenu a:hover{
	color:#E07F43;
}
#bxslider{
	width:960px;
	margin:0 auto;
	color:#000000;
}
#bxslider h1{
	padding:0 0 0 250px;
	font-size:20px;
	text-align:left;
}
.bxslider{
	height:160px;
}
.bxslider li div{
	position:relative;
}
.bxslider img{
	position:absolute;
	z-index:1;
}
.bxslider p{
	z-index:2;
}
.bxslider li{
	height:160px;
}
#bxslider .h2a{
	position:absolute;
	z-index:2;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	top:63px;
}
.shadow1{
	text-shadow: 1px 5px 3px #444444;
	left:300px;
	color:#6363F9;
}
.shadow2{
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px, 1px 5px 3px #444444;
	left:300px;
	color:#E9FFFF;
	letter-spacing:2px;
}
.shadow3{
	text-shadow: 1px 5px 2px #555555;
	left:350px;
	color:#01263E;
}
.shadow4{
	text-shadow: 1px 5px 3px #444444;
	left:300px;
	color:#000099;
}
#bxslider .h2b{
	position:absolute;
	top:85px;
	z-index:2;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
#bxslider .h2c{
	position:absolute;
	top:107px;
	z-index:2;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
.parentBloc1{
	float:left;
}
.parentBloc2{
	float:right;
}
.bloc1{
	width:556px;
	background-color:#211F1E;
	border-radius:5px;
	border:2px solid #6B5C5C;
	padding:20px 30px;
	margin:0 0 30px 0;
	box-shadow: 1px 1px 5px #999;
}
.bloc3Index{
	width:320px;
	float:right;
}
.bloc3{
	width:296px;
	background-color:#D6CFCF;
	color:#211F1E;
	border:2px solid #6B5C5C;
	border-radius:5px;
	padding:10px;
	margin:0 0 30px 0;
	box-shadow: 1px 1px 5px #999;
}
.bloc1 h2{
	margin:0 0 5px 0;
	font-size:15px;
	color:#E07F43;
}
.bloc1 p{
	padding:0 0 15px 10px;
	text-align:justify;
	line-height:20px;
}
.bloc3 h2{
	margin:0 0 5px 0;
	font-size:15px;
}
.bloc3 h3{
	margin:15px 0 5px 0;
	font-size:13px;
}
.bloc3 p{
	padding:0 20px 15px 20px;
	text-align:justify;
	line-height:20px;
}
.bloc3 p img{
	border-radius:5px;
}
.bloc1 ul{
	margin:0 20px 15px 40px;
}
.bloc1 li{
	list-style-type: none;
	font-style:italic;
	font-size:13px;
	padding:4px 0;
}
.bloc3 ul{
	margin:0 20px 15px 40px;
}
.bloc3 li{
	list-style-type: none;
	font-style:italic;
	font-size:13px;
	padding:4px 0;
}
.photo{
	float:left;
	margin:8px 15px 5px 0;
	border-radius:5px;
	display:block;
}
.photo2{
	float:left;
	margin:8px 15px 5px 0;
	border-radius:5px;
	display:block;
}
.photo3{
	float:left;
	margin:8px 15px 5px 0;
	border-radius:5px;
	display:block;
}
.photo4{
	float:left;
	margin:8px 15px 5px 0;
	border-radius:5px;
	display:block;
}
.photo5{
	float:left;
	margin:8px 15px 5px 0;
	border-radius:5px;
	display:block;
}
.mots{
	position:relative;
	width:320px;
	height:200px;
	margin:0 auto 30px;
	/*background-color:#E07F43;*/
	background-color:#FFFFFF;
	color:#FFFFFF;
	border-radius:5px;
	box-shadow: 2px 2px 5px #ccc;
}
.mots a{
	color:#E07F43;
}

.bloc7{
	width:400px;
	float:left;
  	background-color:#211F1E;
	border-radius:5px;
	border:2px solid #6B5C5C;
	padding:10px;
	margin:0 0 30px 0;
	box-shadow: 1px 1px 5px #999;
}
.bloc7 p{
	padding:0 15px 15px 15px;
	text-align:justify;
	line-height:20px;
}
.bloc7 div.photo{
	background-image:url(contact.jpg);
	margin:30px 0 0 0;
	width:400px;
	height:267px;
	border-radius:5px;
}
.errorForm{
	width:400px;
	float:left;
	background-color:#E07F43;
	border-radius:5px;
	padding:10px;
	margin:0 0 30px 0;
	color:#FFFFFF;
	font-weight:bold;
}
.messageOk{
	background-color:#3A6B3E;
	width:400px;
	float:left;
	border-radius:5px;
	padding:10px;
	margin:0 0 30px 0;
	color:#FFFFFF;
	font-weight:bold;
}
.bloc8{
	width:500px;
	float:right;
	background-color:#211F1E;
	border-radius:5px;
	border:2px solid #6B5C5C;
	padding:10px;
	margin:0 0 30px 0;
	box-shadow: 1px 1px 5px #999;
}
.bloc8 .etiquette{
	width:170px;
	float:left;
	text-align:right;
	height:30px;
}
.bloc8 .champ{
	width:320px;
	float:right;
	text-align:left;
	height:30px;
}
.bloc8 .zoneTexte1{
	height:200px;
}
.bloc8 input{
	width:310px;
}
.bloc8 textarea{
	height:190px;
	width:310px;
}
.site{
	width:800px;
	margin:0 auto 30px;
	padding:10px;
	clear:both;
	border-radius:5px;
	border:2px solid #6B5C5C;
	box-shadow: 1px 1px 5px #999;
}
.miniature{
	width:115px;
	height:100px;
	display:inline-block;
	vertical-align:top;
	margin:0 20px 0 0;
}
.miniature img{
	border-radius:5px;
}
.icones{
	float:left;
	height:100px;
	width:30px;
	margin:0 30px;
	color:#000000;
}
.icones .icone{
	height:30px;
	width:30px;
	margin:0 0 5px 0;
	text-align:center;
}
.icones .icone:last-child{
	height:30px;
	width:30px;
	margin:0;
}
.descriptionSite{
	max-width:640px;
	display:inline-block;
	background-color:#211F1E;
	padding:5px 10px;
	border-radius:5px;
	vertical-align:top;
}
.descriptionSite h2, .descriptionSiteUnique h2{
	width:595px;
	font-size:13px;
	padding:0 0 5px 0;
}
.descriptionSite p, .descriptionSiteUnique p{
	padding:0 0 10px 0;
	font-size:13px;
	letter-spacing: 1px;
	text-align:justify;
}
.corbug{
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
}
.descriptionSiteUnique{
	width:571px;
	float:left;
	background-color:#211F1E;
	padding:5px 10px;
	border-radius:5px;
}
.mentions{
	width:720px;
	margin:0 auto 30px;
	background-color:#211F1E;
	border-radius:5px;
	border:2px solid #6B5C5C;
	padding:10px 40px;
	box-shadow: 1px 1px 5px #999;
}
.mentions p{
	padding:0 20px 15px 20px;
	text-align:justify;
	line-height:20px;
}
.mentions h2{
	margin:0 0 5px 0;
	font-size:15px;
	color:#E07F43;
}
.glossaire{
	width:720px;
	margin:0 auto 30px;
	background-color:#211F1E;
	border-radius:5px;
	border:2px solid #6B5C5C;
	padding:10px 40px;
	box-shadow: 1px 1px 5px #999;
}
.glossaire dt{
	font-size:16px;
	font-weight:bold;
	color:#E07F43;
}
.glossaire dd{
	text-align:justify;
	margin:0 0 50px 30px;
	line-height:20px;
}
.alphabet{
	width:500px;
	margin:0 auto 20px;
	text-align:center;
}
.ancre{
	display:block;
	font-size:10px;
	width:60px;
}
.footer{
	background-color:#333333;
	height:23px;
	padding:4px 30px 0 30px;
	text-align:center;
	clear:both;
	border-radius:0 0 5px 5px;
}
.footer a{
	color:#E07F43;
}
.footer a:hover{
	color:#4D7DDD;
}
.parentBloc1 .masque{
	display:none;
}
.messageErreur{
	padding:10px;
	background-color:#B22E2E;
	border-radius:5px;
	color:#EFEA51;
	border:2px solid #6B5C5C;
	box-shadow: 1px 1px 5px #999;
	margin:0 200px 30px;
}
.messageOk{
	padding:10px;
	background-color:#3A6B3E;
	border-radius:5px;
	color:#FFFFFF;
	border:2px solid #6B5C5C;
	box-shadow: 1px 1px 5px #999;
	margin:0 200px 30px;
}

@media screen and (max-width: 1000px) {
	body{
		width:100%;
		
	}
	.contenu{
		width:100%;
	}
	h1{
		width:100%;
		box-shadow:none;
	}
	.menu{
		height:auto;
		width:100%;
		padding:7px 0 0 0;
	}
	.menu a{
		display:block;
		float:left;
		width:33%;
		padding:5px 0;
		text-align:center;
		height:20px;
	}
	.menu span{
		display:block;
		width:100%;
	}
	.menu .corbug{
		display:block;
	}
	.bloc1 h2{
		color: #E07F43;
	}
	.bandeau {
		background-color:#D1E0FF;
		background-image:none;
		height:auto;
		margin:0;
		background-color:#333333;
	}
	.bandeau img{
		display:none;
	}
	.titreBandeau{
		display:block;
		color:#FFFFFF;
		text-align:center;
		width:100%;
		clear:both;
		font-size:30px;
	}
	.bandeau .activiteBandeau{
		display:none;
	}
	#bxslider,.bxslider,#tagSphere{
		display:none;
	}
	.parentBloc1{
		clear:both;
		width:100%;
	}
	.parentBloc1 .masque{
		display:block;
		padding:5px;
	}
	.bloc1{
		width:auto;
		clear:both;
		padding:0;
		box-shadow:none;
	}
	.bloc1 img{
		display:none;
	}
	.bloc1 p{
		padding:0 5px 15px 5px;
	}
	.parentBloc2{
		width:100%;
		margin:0;
	}
	.bloc3{
		width:auto;
		background-color: #211F1E;
		color: #F3F2F2;
		padding: 20px 30px;
		box-shadow:none;
		margin:0;
	}
	.masque{
		display:none;
	}
	.bloc3 ul{
		clear:both;
	}
	.bloc3 h2{
		margin:0;

		color: #E07F43;
	}
	.bloc3 h3{
		margin:0;

	}
	.bloc3 .p1{
		display:none;
	}
	.bloc3 .p2{
		display:none;
	}
	.bloc3 .p3{
		width:100%;
		padding:15px 0 0 0;
	}
	.bloc3Index{
		width:100%;
		float:right;
	}
	
	.site{
		width:auto;
	}
	.descriptionSite{
		height:auto;
		max-width:calc(100% - 160px);
	}
	.glossaire{
		width:100%;
	}
	.ancre{
		visibility:hidden;
		height:0;
		line-height:0;
	}
	.ancre img{
		visibility:hidden;
		height:0;
		width:0;
	}
	.alphabet{
		width:70%;
	}
	.bloc7{
		clear:both;
		width:100%;
	}
	.bloc8 {
		width:100%;
		clear:both;
	}
	.bloc8 .etiquette{
		display:none;
	}
	.bloc8 .champ{
		height:auto;
		width:100%;
		clear:both;
		padding-bottom:10px;
	}
	.bloc8 input{
		width:100%;
	}
	.bloc8 .zoneTexte1{
		width:100%;
	}
	.bloc8 textarea{
		width:100%;
	}
	.ligneform{
		width:100%;
	}
	.footer{
		height:auto;
		padding:5px 30px 5px;
	}
	.footer .masque{
		display:none;
		
	}
	.icones{
		display:inline-block;
	}
	.miniature{
		display:inline-block;
	}
	.descriptionSite h2{
		width:auto;
	}
}
@media screen and (max-width: 580px) {
	.miniature{
		margin:0 auto;
		display:block;
	}
	.descriptionSite{
		display:block;
		max-width:100%;
		margin:20px 0 0 0;
	}
}