/*
Theme Name: bsn
Theme URI:
Author: Patrick Kremer
Description: Theme pour site bsn
Version: 1.0.0
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
*/
/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/


/*****************************/
/* General **********************/
/*****************************/

html {margin:0%; font-size:13px;}
body {background: #e6edf0;   font-family:"Open Sans", Georgia,"Times New Roman", sans-serif;}
.container{max-width:1280px;margin: 0 auto;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 15px; color: #000000; font-weight: 400;}
a {margin: 1px; text-decoration: none;}
a:focus{outline:2px dashed #c4d735}
a:hover, a:focus{color: #333333; text-decoration:none;}

.bsbb {box-sizing:border-box;}
#header {background:#e8edf1;}
#header img {margin-left:12%;max-width:76%;vertical-align:bottom;}
#logo img {max-width:58%;margin:0;vertical-align:bottom;}
#logo h1{position:absolute; top:-5000px;}
#access {width:100%; height:30px;background:#f0f0f0; border:#dcded9;}
#accessibility {display:flex;flex-direction:row;flex-wrap:wrap;justify-content: flex-end;align-items:center;
	display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-justify-content:flex-end;-webkit-align-items:center;-webkit-flex-direction:row
	display:-ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-pack:end;-ms-flex-align:center;
	float:right;list-style-type:none;font-size:1rem;font-style:italic;padding-right:12%;margin:0;}
#search{display:inline-block;float:right;padding-right:12%;margin-top:2%;}
input[type="search"] {-webkit-appearance: textfield;  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;  box-sizing: content-box; border: #87bc40 1px solid;position :relative;font-style:italic;font-size:1rem;}
input[type="image"]{-webkit-appearance: initial;padding: initial;background-color: initial;border: initial; position:relative; top:10px; right:8px;}
.accessli{padding:4px 10px; background:url("images/puce1.png") left center no-repeat;}
.accessli a{color:#000;vertical-align:middle;padding-left:5px;}
h1.title {font-size: 40px; font-weight: 800; text-align:left; color: #000000; margin-left:50px;}
h1.title a {text-decoration: none; color: #000000;}
p {text-align:justify;}
.italic{font-style:italic;position:static;text-align:center; margin-bottom:10px;}

.wp-image-319 {max-width:500px; max-height:233px;width:100%; height:100%; display:block; margin-left:auto; margin-right:auto;}


/* home page */

#breadcrumbs{padding-left:10px;}
#breadcrumbs a{color:#000000;font-style:italic;font-size:1rem;}
#content {background:#ffffff;padding:20px 0 0 0;width:76%;margin-left:12%;max-width:973px;border:#dcded9 solid 2px;}
#center3 {display:flex; flex-direction: row; flex-wrap: wrap ;justify-content:center;display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-flex-direction: row;-webkit-justify-content:center;display:-ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-pack:center;}
.boite{display:flex;flex-direction:column;display:-webkit-flex;-webkit-flex-direction: column;display:-ms-flexbox;max-width:340px;border:#dcded9 solid 1px; margin : 25px 10px 10px 10px;padding-bottom:25px; }
#titrerubactus{position: relative;min-height:40px;margin:0 0 30px 0;max-width:340px;background:#87bc40;}
#titrerubactus2{position: relative;min-height:40px;margin:0 0 30px 0;max-width:660px;background:#87bc40;}
#titrerubveille{position: relative;min-height:40px;margin:0 0 30px 0;max-width:340px;background:#57a47f;}
#titrerubveille2{position: relative;min-height:40px;margin:0 0 30px 0;max-width:660px;background:#57a47f;}
#titrerubnorm2{position: relative;min-height:40px;margin:0 0 30px 0;max-width:660px;background:#bfd1d9;}
#titreactus {
    max-width: 100%;
    min-height: 40px;
    background-color:#87bc40;
    display:inline-block;
    color: #ffffff;
    font-size:1.692rem;
    font-family: "Open Sans";
    padding-left:60px;
    margin-top:0;
}
#titreveille {
    max-width:100%;
    min-height:40px;
    background-color:#57a47f;
    display:inline-block;
    color: #ffffff;
    font-size:1.692rem;
    font-family: "Open Sans";
    padding-left:60px;
    margin-top:0;
}
#titrenorm {
    max-width:100%;
    min-height:40px;
    background-color:#bfd1d9;
    display:inline-block;
    color: #000000;
    font-size:1.692rem;
    font-family: "Open Sans";
    padding-left:10px;
    margin-top:0;
}
.itemactus {padding: 0 5px 3px 10px;}
.itemactus a {display:inline-block;color:#689f38; font-family:Georgia; font-size:1.538rem; font-style:italic; background:url('images/quotes1.png') left center no-repeat;padding-left:30px}
.itemveille {padding: 0 5px 3px 10px;}
.itemveille a{display:inline-block;color:#57a47f; font-family:Georgia; font-size:1.538rem; font-style:italic; background:url("images/quotes2.png") left center no-repeat;padding-left:30px}
#archivesactus { padding-left:15%;width:200px;line-height:30px;border:#dcded9 solid 1px;align-self:flex-end; margin-left:auto;margin-right:auto;margin-top: auto;background: url("images/puce6.png") no-repeat left center;background-position:10%;}
#archivesveille {padding-left:15%;width:200px;line-height:30px;border:#dcded9 solid 1px;align-self:flex-end; margin-left:auto;margin-right:auto;margin-top: auto;background: url("images/puce6.png") no-repeat left center;background-position:10%;}
#archivesactus:hover{background-color:#e6edf0;}
#archivesactus a {color:#000000; text-decoration:none;}
#archivesveille:hover{background-color:#e6edf0;}
#archivesveille a {color:#000000; text-decoration:none;}
.imagerel{ position: absolute; top:-10px;left:-10px;}
.pub_petit{font-size:0.9231rem;font-style:italic}
.wp-caption {float:left;margin:0px 15px 0px 0px}
.wp-caption-text {padding: 0 10px 0 10px; font-style:italic;}

#sidebar{max-width:220px;min-width:155px; margin: 25px 10px 10px 10px;}
.widget-container{border:#dcded9 solid 1px;margin-bottom:20px;}
.widget-container h2{margin: 0;line-height:40px; font-family: "Open Sans"; font-size:1.231rem;background: #e6edf0;}
.widget1::before{content: url('images/picto-nous-suivre.png');padding-left:5px;padding-right:5px;position: relative;top :5px}
.widget2::before{content: url('images/picto-nous-contacter.png');padding-left:5px;padding-right:5px;position: relative;top :5px}
.widget3::before{content: url('images/picto-focus.png');padding-left:5px;padding-right:5px;position: relative;top :5px}
.widget4::before{content: url('images/picto-agenda.png');padding-left:5px;padding-right:5px;position: relative;top :5px}
.textwidget{padding : 0 10px 0 10px;}
.textwidget a {color:#000000;text-decoration:none;}
.separ {color:#dcded9; width: 80%; height: 1px; margin-bottom:20px;}
.clear{clear:both;}
.imgwidget {vertical-align:middle;margin-right:5px;}

.separateurlogo {margin-top:50px;width:100%;}
.logos {display: flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content: space-around;
	display:-webkit-flex;-webkit-flex-direction: row;-webkit-flex-wrap:wrap;-webkit-align-items:center;-webkit-justify-content:space-around;}


footer {width:100%; height:30px;background:#f0f0f0; border:#dcded9;}
footer div{font-family:"Open Sans"; font-size:1rem;display:flex; flex-direction:row;flex-wrap:wrap; justify-content:center;
           display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-flex-direction: row;-webkit-justify-content:center;}
footer ul {list-style-type:none;padding:0;display:flex; flex-direction:row;flex-wrap:wrap; justify-content:center; display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-flex-direction: row;-webkit-justify-content:center;}
footer ul li {display:inline-block;padding : 0 10px 0 10px;}
footer ul li a{color:#000;}
footer ul li a ::after{content:none;}


/* autre page 2 colonnes */
#center2 {display:flex; flex-direction: row; flex-wrap: wrap ;justify-content:center;display:-webkit-flex;-webkitflex-direction: row;-webkit-flex-wrap:wrap;-webkit-justify-content:center;display:-ms-flexbox;-ms-flex-wrap:wrap;-ms-flex-pack:center;}
#pagenorm {min-width: 220px;width : 600px;margin:25px auto 0 auto;padding:0 20px 0 20px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#pagenorm {min-width: 220px;max-width : 600px;margin:25px; padding:0 20px 0 20px;}
}

.soustitre {font-size:2rem; text-align: center;}
label
{
	display: block;
	width: 180px;
	float: left;
}

/*****************************/
/* TABLEAU **********************/
/*****************************/
#partenaires{margin:10px auto;border: 1px solid black; border-collapse:collapse;min-width:220px;width:70%;}
#partenaires td {border: 1px solid black;}
caption {font-weight:800;text-align:center;margin-bottom:10px;}
th{font-weight:800;}
/*****************************/
/* MENU **********************/
/*****************************/

/* menu alternatif */
label[for="menu"]{position:absolute; top:-5000px;}
.noclic {cursor:default !important;}
    nav {display: block;height:40px; background:#bfd1d9; color: #212121;border:#a1bfce;font-family:"Open Sans";line-height:38px;border:#a1bfce 1px solid}
    nav ul {list-style: none; margin:0 0 0 14%;position:relative;}
    nav ul li {float:left;text-transform: uppercase;width:130px;display:block;position:relative;font-size:1.154rem;font-weight:600;}
    nav ul li::after {content: url('images/puce2.png'); padding-left:5px;}
    nav ul li:hover {background-color:#fff;height:40px;line-height:38px;}
    nav ul li:hover::after{content: url('images/puce3.png'); padding-left:5px;}
    nav ul li li {padding-left:20px; background: #fff url('images/puce4.png')no-repeat; background-position: 2% 50%; width:305px;font-size:1.1077rem;font-weight:400;text-transform:none;}
    nav ul li ul {background: #fff ;}
    nav ul li ul {display:none;position:absolute;}
    nav ul li:hover ul{display:block; position :absolute;left:-19px;z-index:1000;width:150px; background-color:#fff;padding-left:0px;}
    nav ul .colonnes:hover ul{display:block; position :absolute;column-count:2;-webkit-column-count: 2;-moz-column-count:2;left:-19px;z-index:1000;min-width:650px; background-color:#fff;}
    nav ul li:hover ul::after{content: none;}

    nav a {display:inline-block;text-decoration: none; font-family:"Open Sans semi-bold";color: #212121;}
    nav select {display: none;}
    @media (max-width: 950px) {
	    nav ul .colonnes:hover ul{display:block; position :absolute;-webkit-column-count: 1;-moz-column-count:1;left:-19px;z-index:1000;min-width:325px; background-color:#fff;}
    }
    @media (max-width: 750px) {
      nav{text-align:left; width:100%;}
      nav ul     { display: none; }
      nav select { display: inline-block; width:30%;margin-left:5px; min-width:130px;width:95%;}
      #logo img {max-width:38%;margin:0;vertical-align:bottom;}
             #search {display:none;}
             #titreactus, #titreveille, #titrenorm,#titrerubnorm2, tutrerubveille2, #titrerubactus2 {/*position:absolute;top: 20px; right:10px;*/ }
             #access {display:none;}

    }

.navigation {display: block;height:40px; line-height:38px;text-align:center;background:#fff;border:none;}
.screen-reader-text {display:none;}

/* plan */
.menuplan {list-style-type:none;}
.menuplan .sub-menu {list-style-type:none;}


#navigation #searchform {
	margin-right: 15px;
}

.navbar-search .search-query {
	outline: none;
	border: 1px solid rgba(62, 123, 134, 0.3);
	border-color: #ac1516;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.navbar-search input[type=text] {
	outline: none;
	-webkit-transition: border 0.30s ease-in-out;
	-moz-transition: border 0.30s ease-in-out;
	-ms-transition: border 0.30s ease-in-out;
	-o-transition: border 0.30s ease-in-out;
}

.navbar-search input[type=text]:focus {
	border: 1px solid #ac1516;
	box-shadow: 0 0 5px rgb(172, 21, 22);
}

.navbar-search .search-query::-webkit-input-placeholder,
.navbar-search .search-query:-moz-placeholder,
.navbar-search .search-query::-moz-placeholder,
.navbar-search .search-query:-ms-input-placeholder {
	color: #777777;
}

.current-menu-ancestor.dropdown {
	background-color: #111111;
}

.navbar .nav > li.current-menu-ancestor > a {
	color: #ffffff;
}


/*****************************/
/* ARTICLES IMAGES ***********/
/*****************************/
.alignleft {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}