/****************************************************************************/
/*                              CSS Generiques                              */
/*                              40.11 flex2013 adaptation BCME  MENU 20141014  + Responsive         */                 
/****************************************************************************/
/*font-family: "Prestige Elite Std", "Courier New", Georgia,"Times New Roman", Times, serif;*/
/*font:0.9em "Trebuchet MS", helvetica, arial, sans-serif;*/
/*font-family: "Prestige Elite Std", "Courier New", Georgia,"Times New Roman", Times, serif;*/
/*font-family: News Gothic MT, Arial, Helvetica Neue, Helvetica, Nimbus Sans L, sans-serif;*/
/*font-family: Calibri, Calibri Light, Arial, Helvetica, Nimbus Sans L, sans-serif;*/


/*Voir reset de Meyer*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********FIN reset de Meyer*/

body { 
	font-family: "News Gothic MT", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	/*font-size:100%;*/
	/*adaptation BCME*/
	background-color:#fff;
	background-image:url(../images/bg-bcme-2.jpg);
	background-repeat: repeat-x;
	background-attachment:fixed; }
#homescreen { max-width: 100%;margin:1% auto 0 auto; position:relative; z-index:0;}
#homescreen img {width:100%}
#content{
	max-width:960px;
	margin:0.5em auto 3em auto;
	background-color:transparent;}
#contener {
	width:100%;
	margin:0.5em auto 0 auto;
	background-color:#fff;
	/*font-family: Arial, News Gothic MT, Helvetica Neue, Arial, Helvetica, Nimbus Sans L, sans-serif;*/
	-moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius: 8px 8px 0px 0px  ;
	/*décalage horizontal de l'ombre ; décalage vertical de l'ombre ;  l'adoucissement du dégradé ; la couleur de l'ombre.*/
	/*box-shadow: 6px 6px 0px #ddd;*/
	box-shadow: 8px 8px 12px #444;
	/*box-shadow: 6px 6px 6px black inset;*/
		}

/***********divers **********/
strong, h2, h3{ 	font-weight: normal; } 

a {	color:#68842d;	text-decoration:none;	}
a:hover {	color:#a71c20;	text-decoration:underline;	}
a:visited {	color:#6b2d61;}
a:focus {color:#6b2d61;	text-decoration:underline;}
#header a:hover {color:#68842d;	text-decoration:none;	}
#header a:visited {	color:#68842d;text-decoration:none; }
#header a:focus {color:#68842d;	text-decoration:none;}
/* Classes communes */
.clear { 
	height:0; 
	width:0; 
	clear:both; 
	line-height:0; 
	display:inline;}
.no-space {	padding:0;	}
.space-middle {	padding:0 0 5px;	}
.spacer {clear: both;padding: 0 1em 1em 0;Text-align: right;font-weight: bold;background: transparent;} 
/************************ CONTENER > contenu | Header en fin de liste************************/
#page {
clear:both;
background-color: #fff;
width: 96%;
padding:0 2% 0 2%;
/*font-family: Arial, News Gothic MT, Helvetica Neue, Arial, Helvetica, Nimbus Sans L, sans-serif;*/
-moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius: 0px 0px 8px 8px  ; } 
#page .ico{ width: 30px; height:30px; margin: 10px 0 0 0;}
#page .ita  {font-style:italic;}
#page .ita2 {font-style:italic; font-size:0.75em; padding: 0.7em 0 0 0;}
#intropage {background-color: #fff; /*font-size:0.8em;*/
width: 95%; margin: 3.5% 0 0 3.5%;
padding: 0 0 0 0;
}
#intropage  h1{ font-size:2em; margin: 0 0 0 0; color: #779734;line-height:1.9em;}
#intropage  h2{ font-size:1.5em; margin: 0 0 0 0; color: #779734;line-height:1.9em;}
#intropage  p  { font-variant:small-caps; font-size:0.9em; margin: 0 0 1em 0; line-height:1.6em;text-align:center; }
#intropage  {text-align:center;}
#master {
    /*float: left;*/
    background-color: transparent;
    padding: 0;
    margin: 3.5% 0 0 3%;
    width: 97%; }
	
#principal {
float: left;
background-color: transparent;
padding: 0 0 0 0;
width:47%;
margin: 2% 0 0 3%;
}
#pub {
float: left;
padding: 0;
width: 47%;
margin: 2% 0 0 3%;

}
#vignetpage{
	/*position:absolute;
	z-index:5;*/
	width: 100%;
	/*height:19.375em;*/
	/*margin: 8.4em 0 0 2.1875em;*/
	/*font-size:1em; color:#ffffff; word-spacing:-0.25em; letter-spacing:-0.05em; font-weight:lighter;*/
	background-color:transparent;
	
	 }
#vignetpage  h2 	{color:#779734; font-size:1.3em; }

/*------------module visuel flexibele------------*/

.visuel-gauche {
	width: 98%;
	margin: 0 ;
	padding: 0 0 0.5em 0;
	text-align:left;
	background-color: transparent; 	
	font-size: 1em;	}
.visuel-gauche .ita {font-style:italic;}	
.visuel-gauche .gras {font-weight: bold; }	
.visuel-gauche img{ float:left;  border: none; margin: 0.4em 1.8em 0.3em 0; } 

.visuel-droite{
	width: 98%;
	padding: 0;
	text-align:left;
	background-color: transparent; 	
	font-size: 1em;	}
.visuel-droite .ita {font-style:italic;}	
.visuel-droite .gras {font-weight: bold; }	
.visuel-droite img{ float:right;  border: none; margin: 0.4em 0 0.3em 0.8em; } 
.visuel-bord img{ border: 0.015em solid #808080;  } 

.visuel-taille01 img{width: 10%;}
.visuel-taille02 img{width: 20%;}
.visuel-taille25 img{width: 25%; }
.visuel-taille03 img { width: 30%;}
.visuel-taille035 img{width: 32%;}
.visuel-taille04 img{width: 40%;}
.visuel-taille05 img{width: 50%;}
.visuel-taille06 img{width: 60%;}
.visuel-taille08 img{width: 80%;}
.visuel-taille09 img{width: 90%;}
.visuel-taille100 img{width: 100%;}

.visuel-vert {width:85%;background-color: #90b93e; padding:1em; margin: 0 0 2em 0;-moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius:  10px  ;box-shadow: 6px 6px 10px #444;}
.article2 .visuel-vert h3, .article2 .visuel-vert h2, .article2 .visuel-vert h4, .article2 .visuel-vert a {font-size: 1.0em;color:#555 /*#374121*/;  }
.article2 .visuel-vert .blanc {color:#fff; font-size:1.1em; font-weight:bold;}

abbr {border-bottom: 1px dotted gray;cursor: help;}
.ariane {margin: 0 auto ;width:93.75%;  } 
.ligne hr {
height:2px;
margin: 0.5em 0;
padding: 0;
color: #F00;
background-color: #fecd04 ;
border: 0;
}	  
.article2 { width:98%; /*min-height:50px;*/ margin: 2% 0 0 0 ; padding: 0 0.5% 0 0; background-color: transparent; text-align: left; font-size:1em; 
/*font-family: Calibri, Trebuchet MS, Arial, News Gothic MT, Helvetica Neue, Arial, Helvetica, Nimbus Sans L, sans-serif;*/  }

.article2  h1{ font-size:1.8em; margin: 0 0 0 0; color: #779734   ;}
.article2  h2{ font-size:1.5em; margin: 0; padding:0; color: #779734; }
.article2  h1 .article2  h2 .article2  h3 { font-family: Arial, News Gothic MT, Helvetica Neue, Arial, Helvetica, Nimbus Sans L, sans-serif;}
	
.article2  h2 em{ font-size:0.75em; }
.article2  h3{ font-size:1.2em; margin: 0 0 0.5em 0; color: #779734;}
.article2  h3 a{ font-size:1.2em; /*margin: 18px 0 9px 0;*/}
.article2 h4{ font-size:1em; margin: 1.1em 0 0.5em 0;color: #779734;}
.article2 p  { font-size:0.8em; margin: 0 0 1em 0; line-height:1.5em; text-align: left;}
.article2  a{ font-size:1em; margin: 0 0 0 0; padding: 0 0 0 0;}
.article2 em{ font-style:normal;font-size:.8em; margin: .2em 0 .7em 0;}
.article2   li{ 	margin: 0 0 0.5em 3em; padding: 0;  list-style-type: square;	font-size: .75em; line-height:1.5em; }
.article2  li{color:#666666; 	  list-style-type: square;	font-size: .75em; line-height:1.5em; }
.article2  ul { color:#4c4c4c; margin: 0.5em 0 0 0; padding: 0;  list-style-type: square;	 }
.article2  .maigre { font-size:1.4em; margin: 0; padding:0; color: #b21e1e; }	
.article2 .gras {  font-weight: bold; }
.article2 .grasdbl {  font-weight: normal; font-size:1.1em; margin: 0; padding:0; }
.article2 .titre {color:#779734; font-size: 1.2em; font-weight:bold;}

.articlepub {/*font-family: Calibri, Trebuchet MS, Arial, News Gothic MT, Helvetica Neue, Arial, Helvetica, Nimbus Sans L, sans-serif;*/ color: #4c4c4c;}
.articlepub { width:90%; /*min-height:50px;*/ margin: 0 auto 0 auto ; padding: 0 0 5% 0 ; background-color: transparent; text-align: left; font-size:1em; -moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius: 8px  ; background:#f2eadd;}
.articlepub  h1{ font-size:1.4em; margin: 0 0 0 0; color: #555   ;}
.articlepub  h2{ font-size:1em; margin: 0 0 0.5em 0; padding:0; color: #b21e1e; /*font-family: georgia, "Lucida Grande", Helvetica, serif; */}
.articlepub  h3{ font-size:1em; margin: 18px 0 9px 0; color: #555;}
.articlepub  h3 a{ font-size:1em; margin: 18px 0 9px 0;}
.articlepub h4{ font-size:0.8em; margin: 18px 0 9px 0;color: #555;}
.articlepub p  { font-size:.75em; margin: 0 0 1em 0; line-height:1.5em;}
.articlepub  a{ font-size:1.1em; margin: 0 0 0 0; padding: 0 0 0 0;}
.articlepub em{ font-style:normal;font-size:.8em; margin: .2em 0 .7em 0;}
.articlepub  li{color:#666666; 	  list-style-type: square;	font-size: .75em; line-height:1.7em; }
.articlepub  li{ 	margin: 0 0 0.5em 2em; padding: 0;  list-style-type: square;	font-size: .75em; line-height:1.5em; }
.articlepub  ul { color:#4c4c4c; margin: 15px 0 0 0; padding: 0;  list-style-type: square;	 }
.articlepub.italn {  font-style: italic; }
.articlepub.gras {  font-weight: bold; }
.articlepub.bas {  font-weight:normal; font-size:0.1em; }

.gras {  font-weight: bold; }
.margeint {width:96%; padding: 2%;}
.image {clear:both; float: left; width:150px; height:150px ; margin: 0 1em 1em 0;}

.chapo {height: 3em; color:#fff; background:#425675; font-weight: bold; padding: 0.5em 0 0 0  ; text-align:center; width:100%;
margin: 0 ; -moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius: 8px 8px 0 0  ;}
/*.chapo {display: table-cell; vertical-align: middle; }*/
.chapo2 h2{ color:#fff; font-weight: bold;  }
.chapo2 {padding: 1% 0 1% 0;  }

#footer{
	width:100%;
	min-height:1em;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
    font-size:.9em;  line-height:1.5em; color:#777777; 
	text-align: left;
	/*border-top: 0.0625em  solid #9d7d3d;*/
	background-color:transparent;
	-moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius: 0 0 8px 8px  ;
}
#footer  li{  list-style-type: square;  }
#footer  li a{ color:#666666; text-decoration:none; }
#footer  li a:hover{ color:#00f; text-decoration:underline; }

.navfootbloc {float:left; width: 27.5%; min-height: 18em; background-color:#fafafa; margin: 1% 0 1% 2.2%; padding: 1% 1% 1% 2%;
border-right: 0.0625em  solid #9d7d3d;
}
.navfootbloc li {margin-left: 2em;}
.noborder {border-right:none;}
.footcopy {
	width:100%;
	margin:0 0 0 0;
	padding:0.5em 0 0.5em 0em;
	text-align: center;
	font-size:1em;
	line-height:1.25em;
	color: #fff;
	background-color:#90b93e;
	-moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius: 0 0 8px 8px  ;
}
.footcopy p{
	margin: 0;}
/*-----------------------Navigation --------------*/
/*#menu2 { max-width: 100%;  margin: 0 auto 0 auto; font-family: Calibri, arial, sans-serif; background-color:#aaaa7f; }*/	

#menu { max-width: 100%; min-height:8.146%; margin: 0 auto 0 auto; padding: 0 0 0 0;text-align: left;font-size:.8em; /*font-weight:bold;*/
background:#555  /* url(../images/bleuN1.jpg) repeat-x*/  ; 
font-family: Calibri, arial, sans-serif; }	
#menu ul { padding:0; margin:0 auto 0 auto; list-style-type:none; }
#menu li { float:left; /*pour IE*/ border-left:1px solid #fecd04;border-right:1px solid #fecd04;border-top: 0.0625em  solid #fecd04; /*border-bottom: 0.0625em  solid #fff;*/ /*width:16.5625%; */ width:16.45899999%;            }
#menu ul li a { display:block; float:left;   
width:100%; 
line-height:3em; /*hauteur de l'image de fond > hauteur du menu*/ 
background:#555 /*couleur fond ou image >url(../images/bleuN1.jpg) repeat-x */ ; color: #fff ; 
text-decoration:none; 
text-align:center; }
#menu ul li a:hover { background:#68842d  /*url(../images/bleuN2.jpg) repeat-x; */ ;color:#fff ;  text-decoration:underline; }  
#menu ul li a:focus { background:#fecd04 /*url(../images/beige-2.png) repeat-x; */ ;color:#000;  text-decoration:underline;}
/*#menu ul li a:visited { background:#ddd*/ /*url(../images/beige-2.png) repeat-x; */ /*;color:#fff;  text-decoration:none;}*/
#menu .navutil2  {background: #fff  /*url(../images/bleuN3.jpg) repeat-x */ ; color:#000;}

#navsup { width:99%; margin: 1% 1% 1% 0 ; padding: 0 0 0 0;  text-align:right; /*min-height:18px;*/	font-size:0.75em; color:#fff; background:transparent ;  }
#navsup ul { padding:0 0 0 2.5em; color:#fff;text-decoration:none; font-weight:normal;/*margin:0;*/ }
#navsup ul li{display:inline;  }
#navsup ul li a{ color:#fff;text-decoration:none; font-weight:normal;}
#navsup .navutil {color:#f80f00;}
#navsup a:hover{  color:#f80f00;  text-decoration:underline; }
#navsup a:focus {color:#ffffff; background-color:#d10000;text-decoration:underline;}
#nav .navutil {color:#ffffff;}

#header{
	width:100%;
	min-height: 1em;
	margin:0 auto 0 auto ;
	padding: 0;
	background-color:transparent;
	/*color: #5d7827; */ }
#header .eyes {
text-indent: -5000px;
font-size: 0.01em;
line-height: 0.01em;}	


#eyes	{
position:absolute;
	width:1px;
	height:1px;
	margin:0;
	z-index:0;}		
#eyes p	{
margin:0;
text-indent: -5000px;
font-size: 0.01em;
line-height: 0.01em;}	
#eyes h1	{
margin:0;
text-indent: -5000px;
font-size: 0.01em;
line-height: 0.01em;}
#bando {width: 100%; height:3%; margin: 0 auto 0 auto ; padding: 0; 	background-color:transparent;}	

#logo01 { float:left; /*pour éviter recouvrement*/  min-width: 20%;/*hauteur header*/ min-height:3em; margin: 3% 2% 0 3%; padding: 0 ;background-color:transparent;}
#logo01 img {  width:90% ;margin: 10% 5% 5% 5%}
#logo01 .bloclogo {font-size:4.5em; font-weight:bold ;color:#90b93e /*#90b93d*/ ; text-shadow: 2px 4px 6px #444;}
#logo02 {  width:95%; /*hauteur header*/min-height:1em; margin: 0 0 0 3% ; padding: 4.2% 0 0 0;text-align: left; /*letter-spacing:-0.037em;*/background-color:transparent; }	
#logo02 h1 , #logo02 p{font-family: calibri, Arial, Helvetica Neue, Helvetica, Nimbus Sans L, sans-serif; font-size:2.1em;  padding: 3% 0 2% 0; line-height: 1em; font-weight:normal; }	
#logo02 em{font-size: 1em; font-style:normal;margin:2em 0 0 0;  /*line-height: 1.1em;*/}
#logo02 blockquote{font-size: .8em; padding: 0 0 0 0;margin:2em 0 0 0;  /*line-height: 0.9em;*/}
#logo02 .bloclogo {width:100%;font-size:3em; font-weight:bold ;color:#90b93e /*#90b93d*/ ; text-shadow: 2px 4px 6px #444;}
#logo02 .baseline {font-weight:normal ; color:#dc0000 /*#90b93d*/ ; }

/*#logo02 .titre {color:#779734; font-size: 2.2em; font-weight:bold;}*/
#logo03 {  width: 100%; margin: 0 auto; background-color:transparent; padding:0 0 2em 0 ;}	
.reduc2{	font-size: 1em;	text-align: left;padding:0 ; font-weight:normal ; color:#90b93e; /*#90b93d*/ /*line-height: 1em;*//*letter-spacing:0.05em;*/}

#adrs {  min-width:36%; float:left; margin: 0 0 0 3.5% ; padding: 0 0 0 0;text-align: left;color:#444 ;background-color:transparent; }
#tel {  width:42%; float:left; margin: 0 0 0 3.5% ; padding: 0 0 0 0;text-align: left;color:#444 ;background-color:transparent; }

/************************formulaire ************************/
/* Comments form */
#input[type=submit] {
	color: #333;
}
#corps_page_reponse {
	 background-color: transparent;
    padding: 0 0 5% 0;
    margin: 3.5% 0 0 3%;
    width: 97%; }

#respond {
	width: 80%;
	/*border-top: 1px solid #e7e7e7;*/
	-moz-border-radius: 10px ; -webkit-border-radius: 10px  ; -o-border-radius: 10px  ; border-radius:  10px  ;box-shadow: 6px 6px 10px #444;
	/*margin: 30px 0 0 80px;*/
	margin: 0;
	padding:0.5em 1em;
	overflow: hidden;
	position: relative;
	background:#90b93e;
}
#respond p {
	margin: 0;
	color:#ddd;
}
#respond .comment-notes {
	margin-bottom: 1em;
	
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
	
}
/*h3#reply-title {
	margin: 18px 0;
}*/

p#reply-title {
	margin: 0.5em 0; font-weight:bold;
}

#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #eee;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
	background:#ddd;
}
#respond textarea {
	width: 98%;
	background:#ddd;
}
#respond .form-allowed-tags {
	color: #f00;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	-moz-border-radius: 5px ; -webkit-border-radius: 5px  ; -o-border-radius: 5px  ; border-radius:  4px  ;
	font-size: 0.75em;
	color: #555;
	width: auto;
}
#Bline  { display: none;   } 

@media screen and (max-width : 960px) {
#header {display:none}
#bando {display:none}
#Bline  { display: block;   } 
/*#logo01 {width:90%;margin: 0 auto; float:none; }
#logo01 .bloclogo {font-size:3.5em; }
#logo02 {  width:90%; margin: 0 auto;text-align: left; padding:0.5% 0 0 0;}	
#logo02 h1 , #logo02 p{ font-size:1.5em;  padding: 0 0 1% 0; line-height: 1em;  }	
#adrs { display:none }
#tel {  width:90%; float:none; margin: 1% 0 0 3.5% ; padding: 0 0 0 0;text-align: center;font-weight:bold ; padding-left:15px; }
.reduc2{	font-size: 0.85em;	text-align: left;}
#navsup { width:99%; font-size: 0.8em ; text-align:left; }*/
}
@media screen and (max-width : 600px) {
#principal  {width:90%; float:none;}
#pub {width:90%; float:none; }

/*#header {display:none}
#bando {display:none}

#principal  {width:90%; float:none;}
#pub {width:90%; float:none; }

#header {text-align:center;	}
#logo01 {width:90%;margin: 0 auto; float:none; }
#logo01 .bloclogo {font-size:3em; }
#logo02 {  width:90%; margin: 0 auto;text-align: center; padding:0.5% 0 0 0;}	
#logo02 h1 , #logo02 p{ font-size:1em;  padding: 1% 0 1% 0; line-height: 1em;  }	
#adrs { display:none }
#tel {  width:90%; float:none; margin: 1.5% 0 0 3.5% ; padding: 0 0 0 0;text-align: center;font-weight:bold ; }
.reduc2{	font-size: 0.80em;	text-align: center;}

#navsup { width:99%; font-size: 0.8em ; text-align:left; }*/


}



/*-------------si ecran > max-width alors igore-----------*/
/*@media only screen  and (max-width:480px)*/
/* Smartphones (portrait) ----------- */
/*@media only screen and (max-width : 320px) */