/*
Theme Name: cba
Version: 1
Theme URI:
Description: Thème enfant par iouston
Author: iouston
Author URI: http://www.iouston.com
Template: Divi
*/

/*
Couleur fond beige du menu : d9d8c5;
Couleur du texte du menu : 43423e; 4b4a46 (actif)
couleur de l'organge = #f58221
couleur du vert = #4A7F3B
100% = 1rem = 16px

*/

@import url("../Divi/style.css");
@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'museo300';
    src: url('fonts/Museo300-Regular-webfont.eot');
    src: url('fonts/Museo300-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Museo300-Regular-webfont.woff') format('woff2'),
         url('fonts/Museo300-Regular-webfont.woff') format('woff'),
         url('fonts/Museo300-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo300-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo500';
    src: url('fonts/Museo500-Regular-webfont.eot');
    src: url('fonts/Museo500-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Museo500-Regular-webfont.woff') format('woff2'),
         url('fonts/Museo500-Regular-webfont.woff') format('woff'),
         url('fonts/Museo500-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo500-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo700';
    src: url('fonts/Museo700-Regular-webfont.eot');
    src: url('fonts/Museo700-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Museo700-Regular-webfont.woff') format('woff2'),
         url('fonts/Museo700-Regular-webfont.woff') format('woff'),
         url('fonts/Museo700-Regular-webfont.ttf') format('truetype'),
         url('fonts/Museo700-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Generalités*/
del{display:none;}
body{font-family:arial;font-size:1rem!important;color:#000;}
strong {color:#f58221;}
blockquote{border-right: 5px solid #f58221;padding-right: 20px; text-align:center;font-style: italic; background: rgba(220, 220, 220, 0.5);}
.entry-content h2{font-family: museo300,arial;}
address{font-style: normal;}
ol, ul{list-style:disc inside!important}



/*header et menu haut */

#main-header, .et_fixed_nav #main-header {background:#d9d8c5;}
#top-menu-nav{font-family: museo300,arial!important;font-size:1.3rem; }
#top-menu-nav > ul > li > a:hover, #top-menu li.current-menu-item > a{border-bottom:3px solid;font-weight: 700;}
#top-menu a{line-height: 22px;}
#top-menu a:hover{font-family:museo700,arial;}
#top-menu li li a{width:220px;}
#barre-verte{background:#4a7f3b;min-height: 40px;width:100%;font-family:museo500,arial; }
.bd_orange{border-bottom:6px solid #f58221;}
#cbavert{color:#fff;line-height:40px;vertical-align: middle;padding-left: 30px;}

#mobile_menu, #mobile_menu li {
	list-style: outside none none!important;
}

.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 9px!important;
    margin-bottom: 20px;
}

/*Page d'accueil*/

#acc_diapo .et_pb_slider .et_pb_container{/*background:orange;*/width:100%;max-width: 1920px;  }
#acc_diapo .et_pb_slide_description{text-align: left; background:url('img/acc_filet.png')top left no-repeat; max-height: 140px !important; padding:0px;padding-left:20px;position:absolute;bottom:15px;left:21%;}
#acc_diapo .et_pb_slide_description h2{font-family:museo300;font-weight:900!important;font-size: 2rem;}
#acc_diapo .et_pb_container{height: 603px;}
#acc_diapo .et_pb_slide_image{margin-top: 24px!important;position:absolute;right:0%;}
#acc_diapo .et_pb_button {
	background-image:url('img/savoirplus.png')!important;
	background-repeat: no-repeat;
	min-height:26px;
	min-width:137px;
	/*background-position: 20px 20px;*/
	border:none;
	/*bottom: 10px;*/
	color: transparent;
	z-index: 50000;
	position: relative;
}


#acc_diapo .et-pb-controllers {
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 10;
}
#acc_diapo .et_pb_button:hover {
	background-color:transparent;
	background-image:url('img/savoirplus_hover.png')!important;
	background-repeat: no-repeat;
	min-height:26px;
	min-width:137px;
	/*background-position: 20px 20px;*/
	border:none;
	/*bottom: 10px;*/
	color: transparent;
	z-index: 50000;
	position: relative;
}
#acc_diapo .et_pb_slide_content{line-height:20px;}

#acc_cont h1{color:#f58221; font-weight: 900!important;font-family:museo500; }
#acc_cont, #acc_cont_spe{padding-bottom:0px!important;}
#acc_cont .et_pb_row_0{padding:0px!important;}
#acc_cont .et_pb_row_1{padding-top:0px!important;}
#acc_cont .txt{margin-bottom: 0px!important;}
#acc_cont .misenavant{background:#4A7F3B; text-align: center;text-transform: uppercase;margin-bottom:3px;}
#acc_cont .misenavant h2{padding-top:5px;color:#fff!important;vertical-align: middle;}
#acc_cont .et_pb_main_blurb_image{margin-bottom:15px!important;}
.bigicone h4{color:#4A7F3B!important;text-transform: uppercase;}

#acc_cont_spe{padding-top:0px!important;}
#acc_cont_spe .et_pb_column_3{border-bottom:#4A7F3B solid 3px; margin-bottom: 20px;}

#acc_logo{position:absolute;z-index:2147483647;left:21%;top:19%;background:url('img/log-cba-def.png');width:300px;height:262px;}

#acc_diapo .et_pb_fullwidth_slider_0{
	width: 100%
}
.logo_container{
	width: auto!important;
}
#logo{
	max-height: 85%;
}
#menu-principal {
    font-family: museo300,arial !important;
    color: rgba(0, 0, 0, 0.6);
    font-size: 24px;
}
#menu-principal a{
    font-family: museo300,arial !important;
    color: rgba(0, 0, 0, 0.6);
	font-size:1.3rem; 
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 25px;
}
#menu-principal a:hover{
	border-bottom:3px solid;
}

.fullwidth-menu li > a {
    padding-bottom: 9px;
    word-wrap: break-word;
}
/* contenu page rubrique */
.et_pb_title_container code{}
.et_pb_title_container h1{color:#f58221;font-weight:900;font-size: 30px;}
.ariane {
	font-family: museo300,arial;
    padding-top: 64px;
    color: #F58221;
    max-width: 1080px;
    margin: auto;
    /*padding-left: 15%;*/
    width: 80%;
}
.ariane a{color:#f58221;}
.headpage{padding-top:0px!important;}
.headpage{border-bottom:4px solid #f58221;padding-bottom:10px!important;}
#imgronde a img, #imgronde img{-webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px;}/*indiquer la moitié de la hauteur de l'image en px img en carré bien sûr*/
.chapeau{color:#f58221;font-weight:700;font-size:1.5em;}
.txt h2{color:#f58221;font-size:1.92rem;text-transform: uppercase;}
.headsection{padding:0px!important;z-index:1500;}
/*.fdsection{margin-top:-7px;background:url('img/motif.jpg') repeat;padding: 0;}*/
.fdsection{margin-top:-7px;}

/* Footer */
#main-footer{clear:both;}
#et-footer-nav{background:#4A7F3B;color:#fff;font-family: museo300,arial;font-weight:500; text-transform: uppercase;}
.bottom-nav a{color:#fff; font-size:1.2rem;}
#footer-bottom{background:#d9d8c5!important;}
#footer-info, #footer-info a{color:#4a7f3b;font-family: museo300,arial; font-weight:600;}
.rdvert, .et-social-icons a{font-size:0.8em; background:#4a7f3b;color:#fff;padding:3px 5px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;  }
.decal{margin-left:30px;}
.et-social-icons a{font-size:0.8em;background:#f58221;color:#fff; }
.et-social-icons a:hover{background:#4a7f3b;}
#mentions{text-align: right;padding:5px;color:#424242!important;font-size:0.8rem;}#mentions a{color:#424242!important;}
#feuille_div{
	height: 0px;
}
#feuille_footer{
	height: 120px;
}
.bottom-nav li.current-menu-item > a {
    color: #FFFFFF;
}
/*Glossaire*/
.explanatory-dictionary-highlight{color:#f58221!important;text-decoration: underline dotted #f58221!important;}
.download-link .explanatory-dictionary-highlight{color:#fff!important; font-weight: bold;}

/*Téléchargement*/
.download-link{background:#f58221;color:#fff;text-align: center;font-weight: bold;padding:10px;display:block;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-bottom: 15px;}
#dernieres-publi .dlm-downloads li, .dlm-downloads li{	margin-bottom: 10px;}
.dlm-downloads li a .explanatory-dictionary-highlight{color:#fff!important; font-weight: bold;}
.dlm-downloads li{list-style: none;}

/*team member*/
.et_pb_team_member{background:#fff;border: solid 1px #BDBEBF;text-align: center;min-height: 300px;padding:10px; max-width: 220px!important;}
.et_pb_team_member_description h4{font-family: museo300,arial;}
.et_pb_member_position{text-align: center;color:#23282D;}

/*page equipe*/
.equipe{background:#fff;padding:20px;text-align: center;border:1px solid #F58221;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.equipe ul{list-style: none!important; line-height: 20px; padding: 0px;}
.equipe h4{color:#f58221;font-weight: bold;font-family: museo300,arial; font-size: 22px;}
.equipe h5{font-style: italic;}

/*single membre*/
#content{padding-bottom:30px;}
#main-contentmembre{background:url('img/motif.jpg') repeat; }
#content {
    padding-bottom: 0px;
}

#main-listemembre {
    padding-left: 25%;
    padding-top: 30px;
    background: transparent url("img/motif.jpg");
}
#main-contentmembre .container{padding-top: 0px;}
.membre h1{font-family: museo300,arial;color:#f58221;}
.main_title{margin-bottom:0px;}
.membre .et_main_title{border-bottom:5px solid #f58221;margin-bottom:30px;}
#logomembre{float:left;width:20.8%;}
.membrecard{float:left;width:35%;padding:2% 2%;margin-right:5%;border-bottom:3px dotted #f58221; min-height: 450px; }
/*div.membrecard:nth-child(5){border-bottom:none;}*/

#logomembrepage img {
    max-width: 225px;
    /*border: 1px dotted #F58221;*/
    border-radius: 5px;
    padding: 3px;
    background: #FFF none repeat scroll 0% 0%;
}

/*toggle*/
.et_pb_toggle h5{font-family:museo300,arial;font-size: 1.2rem;font-weight: bold;}

/*page contact*/
.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span{margin-right: 20%;}
/*divers*/
a .firstmaj{text-transform: uppercase;}
.wp-caption{background:#fff;}
.wp-caption p.wp-caption-text{font-size:1rem!important;}


/* barre verte accueil */


#acc_diapo #main-header {
	position: static;
	z-index: 0;
}

#acc_diapo .et_menu_container{
	z-index: 0;
	padding: 0px!important;
}

#acc_diapo #et-top-navigation{
	padding: 0px!important;
	width: 100%;
}

#acc_diapo .et-search-form{
  right: 200px;
  max-width: 250px!important;
  bottom: 5px;
}
#acc_diapo .et_close_search_field {
    right: 180px;
    bottom: 22px
}

#acc_diapo #et_top_search {
    margin: 10px 0px 0px 22px;
    right: 25%;
    z-index: 5;
}
.page-template-default #et-top-navigation{margin: 10px 0px 0px 22px;}

.container.et_search_form_container.et_pb_search_visible, .container.et_search_form_container.et_pb_search_form_hidden {right:15%;}

#acc_diapo .et-search-field{
	/*background: rgba( 250, 250, 250, 0.5 );*/
	background: transparent;
	padding: 5px;
	color: #fff !important;
	/*border: 1px solid #F58221;*/
}


#acc_diapo .et_close_search_field:after{
	color: #fff!important;
}
.home #page-container {
	margin-top: 0px!important;
}


#acc_diapo .container {
    width: 100%;
    max-width: auto;
    margin: auto;
    position: relative;
}

/* social icons */

.et-social-icons {
    float: right;
    position: relative;
    top: 19px;
    z-index: 0;
}

#mentions {
	background: #fff;
	position: relative;
	z-index: 5;
}

/* menu page rubrique */

#barre-verte #et-top-navigation{
	padding: 0px!important;
}

#container-barre{
	width: 30%!important;
	float: right;
}





/* autre page */

h1.main_title {
    color: #F58221;
    font-weight: 900;
    font-size: 30px;
    border-bottom: 4px solid #F58221;
    padding-bottom: 10px !important;
    width: 80%;
    max-width: 1080px;
    margin: auto;
    font-family: museo300,arial;
}

#left-area .entry-content{
	padding-top: 27px;
	width: 80%;
	max-width: 1080px;
	margin: auto;
}

#main-content .container {
    padding-top: 10px;
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
}

#main-lienutile .container {
    padding-top: 10px;
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
}

#left-area .wrapper_background{
	background: transparent url("img/motif.jpg") repeat scroll 0% 0%;
	padding-bottom: 20px;
}

.texte-fin-wrap{
	position: relative;
	clear: both;
}

.single .et_pb_post, .single .post, .et_pb_post {
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/* Modifs yann */

#et_search_icon:before{
	color: #fff!important;
}
#et_top_search:hover #et_search_icon:before{
	color: #43423E!important;
}


.fullwidth-menu .menu-item-has-children > a:first-child::after, #top-menu .menu-item-has-children > a:first-child::after {
    font-family: "ETmodules";
    content: "";
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 800;
}

#acc_diapo .et_search_form_container input:-ms-input-placeholder{
  color: #fff!important;
}

#acc_diapo .et_search_form_container input::-webkit-input-placeholder{
  color: #fff!important;
}

#acc_diapo .et_search_form_container input::-moz-placeholder{
  color: #fff!important;
}

#menu-plein-ecran .et_pb_row {
    padding: 2% 0px;
    padding-bottom: 0px;
}

#formulaire-contact input[type="text"], #formulaire-contact textarea, #formulaire-contact select {
	background-color: #F4F4F4;
	border: 1px solid #D9D9D9;
}

#formulaire-contact input[type="text"]:focus, #formulaire-contact textarea:focus, #formulaire-contact select:focus {
    background: #FFF none repeat scroll 0% 0%;
} 

.download-link:before{
	font-family: 'ElegantIcons';
	content: '';
	color: #F58221;
	background: #fff;
	border-radius: 50%;
	padding: 3px;
	margin-right: 5px;
}

.membrecard .rdvert, .membre .rdvert{
	background: #F58221;
}

.membrecard .main_title {
	min-height: 60px;
}

.et_pb_team_member_image img{
	filter: grayscale(1);
	-webkit-filter: grayscale(100%);
}

.et_pb_team_member_description {
	display: inline;
}

.et_pb_member_position {
	margin-top: 10px;
	text-align: center;
	line-height: 1.3em;
	font-size: 14px;
}

#corinna {
	background: #F4F4F4;
}


#top-menu a {
    font-size: 21px!important;   
}



span.logo_helper {
    display: inline;
    height: 0px;
    vertical-align: middle;
    width: 0;
}
.et_header_style_left .logo_container {
    position: absolute;
    top: 10%;
}

/*page des téléchargements*/
.page-id-429 .dlm-downloads > li a{text-align:left;}


#et-top-navigation {

    position: relative;
    right: 15%;
}
#acc_diapo #et-top-navigation{
	right: 0px;
}

.et_pb_tabs_controls{font-family: museo300,arial;font-size: 1.3em;}


/* page extranet */
a.connec-link{
    background: #f58221!important;
    color: #fff!important;
    text-align: center!important;
    font-weight: bold!important;
    padding: 10px!important;
    display: block!important;
    border-radius: 5px!important;
    width: auto;
}

/*@media all and ( min-width: 1100px ) and ( max-width: 1405px) {*/

@media all and ( max-width: 1919px) {
	#top-menu li a {
    	font-size: 20px!important;
	}
}

@media all and ( max-width: 1320px) {
	#menu-principal a {
    	font-size: 17px!important;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}

@media all and ( max-width: 1480px) {
	#top-menu li a {
    	font-size: 17px!important;
	}
	.et_pb_slide_with_image .et_pb_slide_description {
		width: 60%;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}

@media all and ( max-width: 1290px) {
	#footer-bottom .container{
		width: 100%!important;
	}
	#feuille_div {
			display: none;
	}
	.bottom-nav a{
		font-size: 15px!important;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}

@media all and ( max-width: 1260px) {
	#top-menu li a {
    	font-size: 15px!important;
	}
	#feuille_div {
		display: none;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}
@media all and ( max-width: 1185px) {
	.et_pb_team_member {
	    min-height: 350px!important;
	}
}

@media all and ( max-width: 1166px) {
	#top-menu li a{
    	font-size: 12px!important;
	}
	#menu-principal a {
		font-size: 14px!important;
	}
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
    	padding-right: 0px;
	}
	#footer-info{
		font-size: 12px!important;
		margin-left: 10px!important;
	}
}

@media all and ( max-width: 1100px) {
	.membrecard {
	    float: left;
	    width: 70%;
	    padding: 2%;
	    margin-right: 5%;
	    border-bottom: 1px dotted #F58221;
	}
	.bottom-nav a{
		font-size: 12px!important;
	}
}
@media all and ( max-width: 980px) {
	.et_pb_team_member {
	    min-height: 300px!important;
	}
}

@media all and ( max-width: 997px) {
	#barre-verte #et_top_search{
		left: 60%;
		bottom: 10px;
	}

	#container-barre #et_top_search{
		left: -20%;
		bottom: 0px;
	}

	.et_header_style_left .logo_container {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    right: 0px;
	    padding-top: 10px;
	    text-align: center
	}
	#logo {
    	max-height: 100px;
    	margin: auto;
	}
	.et_pb_slide_description h2 {
    	font-size: 20px !important;
	}

	#container-barre{
		width: 250px!important;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}

@media all and ( max-width: 863px) {
	#footer-info{
		font-size: 10px!important;
		margin-left: 5px!important;
	}
}

@media all and ( max-width: 767px) {

	#acc_diapo .et-search-form {
		right: 0px;
	}
	#acc_diapo .et_close_search_field{
		right: 0px;
	}
	#footer-info{
		display: none;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}
@media all and ( max-width: 617px) {
	#container-barre #et_search_icon::before{
		color: #43423E!important;
	}

}
@media all and ( max-width: 543px) {
	.et_pb_team_member {
	    min-height: 350px!important;
	}
}

@media all and ( max-width: 480px) {
	.et_pb_team_member {
	    min-height: 300px!important;
	}
	.et_pb_slide_with_image .et_pb_slide_description {
		width: 95%;
		left: 5%!important;
	}
	.et_pb_slide_with_image .et_pb_slide_description .et_pb_more_button{
		margin-top: 10px;
	}

	#acc_logo {
		background-size: 300px;
		background-repeat: no-repeat; 
		left: 10%;
	}
	#acc_diapo .et-search-form {
		right: 0px;
	}
	#acc_diapo .et_close_search_field{
		right: 0px;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}

@media all and ( max-width: 370px) {
	#cbavert{
		font-size: 14px!important;
	}
	#post-97 .et_pb_title_container h1{
		font-size: 20px!important;
	}

}

@media all and ( max-width: 340px) {

	#acc_logo {
		background-size: 250px;
		background-repeat: no-repeat; 
		left: 5%;
	}
	#mentions{
		font-size: 12px!important;
	}
	#cbavert{
		font-size: 12px!important;
	}

	#main-listemembre {
    	padding-left: 10%!important;
	}
	.et_pb_column_1_4 .et_pb_team_member_image {
	    float: none!important;
	    display: block!important;
	    width: auto!important;
	    margin: 0px 0px 12px!important;
	    text-align: center!important;
	}
}