/****************************************************#######################################################-------------------------------------------------####                  bfs - Version 1                ####-------------------------------------------------#### Copyright = diabloedesign.com- 2019             #### Date      = Avril 2019                          #### Author    = olivier angevin                     #### Websites  = http://www.diabloedesign.com        ####                                                 #######################################################****************************************************/
@charset "UTF-8";
.pagewidth, .container-calendrier-bocage .item-page, .container-calendrier-bretagne .item-page{width:100%;}.item-page{margin-left:10px;margin-right:10px;}.header-top .bocage{padding-left:10px;}
@media screen and (max-width: 930px){	.presentation{	width:100%;	float:none;	margin-bottom:10px;	}	.presentation .photo{	display:none;	}	.actus{	float:none;	margin:0 auto;	}}
@media screen and (max-width: 900px){.header-top{height:80px;}.header-top .espace{	text-indent:-99999px;	}.header-top .cases{display:none;}	.header-top .pagewidth{	display:block;	}	.header-top .pagewidth div.bretagne, .header-top .pagewidth div.bfs{	font-size:16px;	height:26px;	line-height:26px;	padding:0;	text-align:center;	width:49%;	float:left;	}	.header-top .pagewidth{	height:76px;	}	.header-top .pagewidth div.espace, .header-top .pagewidth div.facebook, .header-top .pagewidth div.linkedin{	position:relative;	float:right;	display:block;	margin:0;	}}
@media screen and (max-width: 870px){	#top-menu .menu li{	width:130px;	}	#top-menu .menu li.parent > ul.nav-child li{	height:50px;	}	#top-menu .menu li.parent > ul.nav-child li a{	font-size:18px;	}}
@media screen and (max-width: 860px){	.theme-default .nivo-caption{	display:none!important;	}	.slider .theme-default .nivo-controlNav a{	height:10px;	width:10px;	margin:2px;	}}
@media screen and (max-width: 838px){	.leading-2 .elements{	width:100%;	}	.leading-2 .element .texte{	position:relative;	bottom:0;	}	.leading-2 .element h3::after{	bottom:190px;	}}
@media screen and (max-width: 830px){	.header-top .cases{	width:50px;	}}
@media screen and (max-width: 800px){	.logo{	left:50%;	margin-left:-84px;	}	#top-menu #normal-menu{display:none;}
#small-menu{	display:block;	position:relative;	width:100%;	height:40px;	background:#e6e6e6;	}	#menu-toggle:before{	content: "\f0c9";	font-family: 'icomoon';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;	position: relative;	top: 1px;	line-height: 0;	font-size: 28px;	}	#small-menu #menu-toggle{	display: block;		width: 100%;	font-size:24px;	font-weight: normal;	text-align: center;	border: none;	cursor: pointer;	color:#555658;	text-decoration:none;	line-height:40px;	transition:all 0.3s ease-out;	-webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out;	-moz-transition:all 0.3s ease-out;	}	#small-menu #menu-toggle:hover{	text-decoration:none;	}	#mobile-menu, body.active #mobile-menu ul.menu{	display: block;	}	#mobile-menu li{	list-style-type:none;	font-size:25px;	text-align:left;	position:relative;		}	#mobile-menu li a, #mobile-menu li span{	color:#555658;	display:block;	width:100%;	min-height:40px;	line-height:40px;	padding-right:-10px;	padding-left:10px;	text-decoration:none;	}	#mobile-menu li a:hover{	text-decoration:none;	color:#757575;	}	.container-bfs-pre .leading-1 .element-2{	margin-right:0;	}	#parallax-img{	display:none;	}}
@media screen and (max-width: 790px){	.container-controles-reglementaires .content .leading-1 .pagewidth{	width:100%;	}}@media screen and (max-width: 789px){	.container-controles-reglementaires .content .leading-1 .pagewidth{	width:98%;	}	.container-controles-reglementaires .leading .cadre-vide{	display:none;	}	.container-controles-reglementaires .leading-1 .element{	width:100%;	float:none;	margin:0;	}	.container-controles-reglementaires .slide-bfs{	height:auto;	}	.container-controles-reglementaires .slide-content{	position:relative;	width:100%;	}	.container-controles-reglementaires .element .cadre{	background:#FFF;	padding:10px;	border-top:2px solid #303030;	margin-bottom:10px;	}	.container-controles-reglementaires .element .cadre h2{	color:#bc1d20;	text-transform:uppercase;	margin-top:10px;	margin-bottom:10px;	font-size:35px;	}	.container-controles-reglementaires .element .cadre h3::before{	display:none;	}	.container-controles-reglementaires .element .cadre .photo{	display:none;	}}@media screen and (max-width: 770px){	.contact .pagewidth,  .qualiopi .pagewidth{	width:100%;	}	#mod-visform1{	width:380px;	margin:0 auto;	padding-top:20px;	}	.contact .field1, .contact .field4, .contact .field6, .contact .field5, .contact .field7, .contact .field8, .contact .captchaCont{	width:380px;	float:none;	}	.contact input, .contact .field7 textarea{	width:364px;	}	.contact .field2 input{	width:185px;	}	.contact .field3 input{	width:144px;	}	.espace-client{	position:relative;	margin:0 auto;	margin-top:20px;	}}
@media screen and (max-width: 750px){	.header-top .cases{	display:none;	}}
@media screen and (max-width: 700px){	.container-audits-et-conseils .content .pagewidth, .container-formations .content .pagewidth, 	.container-materiels .content .pagewidth, .container-controles-reglementaires .content .pagewidth, 	.leading-4 .pagewidth{	width:100%;	}}@media screen and (max-width: 699px){	.container-audits-et-conseils .content .pagewidth, .container-formations .content .pagewidth, 	.container-materiels .content .pagewidth, .container-controles-reglementaires .content .pagewidth, 	.leading-4 .pagewidth{	width:98%;	}	.container-audits-et-conseils .leading .cadre-vide, .container-formations .leading .cadre-vide, 	.container-materiels .leading .cadre-vide{	display:none;	}	.container-audits-et-conseils .leading-1 .element, .container-formations .leading-1 .element,	.container-materiels .leading-1 .element{	width:100%;	float:none;	margin:0;	}	.slide-bfs, .container-materiels .slide-bfs{	height:auto;	}	.slide-content{	position:relative;	width:100%;	}	.element .cadre{	background:#FFF;	padding:10px;	border-top:2px solid #303030;	margin-bottom:10px;	}	.element .cadre h2{	color:#bc1d20;	text-transform:uppercase;	margin-top:10px;	margin-bottom:10px;	font-size:35px;	}	.element .cadre h3::before{	display:none;	}	.element .cadre .photo{	display:none;	}}
@media screen and (max-width: 660px){	.container-bfs-pre .leading-1 .element-1, .container-bfs-pre .leading-1 .element-2, .container-bfs-pre .leading-1 .element-3{	margin-left:0;	width:90%;	}	.leading h2{	font-size:30px;	}	.container-bfs-pre .leading-1, .container-bfs-pre .leading-2, .container-bfs-pre .leading-3{	max-height:80px;	overflow:hidden;	transition:all 0.3s ease-out;	-webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out;	-moz-transition:all 0.3s ease-out;	}	.container-bfs-pre .blog-featured .open{	max-height:2000px;	}	.container-bfs-pre h2::after{	content:'';	width:100%;	height:20px;	display:block;	background:url(../images/open.png) no-repeat center bottom transparent;	}	.container-bfs-pre h2{	cursor:pointer;	}	.container-bfs-pre .leading-4 h2, .container-bfs-pre .category-desc h2{	cursor:text;	}	.container-bfs-pre .open h2::after, .container-bfs-pre .leading-4 h2::after, .container-bfs-pre .category-desc h2::after {	display:none;	}}
@media screen and (max-width: 600px){	.certifications{	display:none;	}	.leading-4 .pagewidth{	background:transparent;	min-height:auto;	padding-bottom:20px;	}	.leading-4 p{	width:90%;	margin-top:auto;	}	.leading-4 .bfs{	display:none;	}}@media screen and (max-width: 550px){	.container-audits-et-conseils .leading-0 p::before, .container-formations .leading-0 p::before, 	.container-materiels .leading-0 p::before, .container-controles-reglementaires .leading-0 p::before{	position:relative;	margin:0 auto;	}	.container-audits-et-conseils .leading-0 p, .container-formations .leading-0 p, 	.container-materiels .leading-0 p, .container-controles-reglementaires .leading-0 p{	padding-left:0;	height:auto;	}}@media screen and (max-width: 430px){	.contact .bocage, .contact .bretagne{	width:100%;	float:none;	}	.contact h2{	font-size:30px;	}}
 /**end file***/