/* afficher le texte sélectionné en jaune sur fond rouge */
::-moz-selection { color: #EDF5AA;  background: #0D6A55; }
::selection      { color: #EDF5AA;  background: #0D6A55; } 

#main
{
/*   background: #32AAE2 url('images-HP/page.jpeg') top center fixed;*/
   background: #32AAE2;
   background: -webkit-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -webkit-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -moz-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -moz-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -o-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -o-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -ms-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -ms-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   -svg-background: linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: linear-gradient(to bottom, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, linear-gradient(to bottom, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
   margin:0 auto;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

table, ul.hmenu
{
   font-size: 16px;
   font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}


/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.button
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #74C6F6;
   background: -webkit-linear-gradient(top, rgba(150, 212, 248, 0.8) 0, rgba(150, 212, 248, 0.8) 50%, rgba(145, 210, 248, 0.8) 60%, rgba(73, 181, 243, 0.8) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(150, 212, 248, 0.8) 0, rgba(150, 212, 248, 0.8) 50%, rgba(145, 210, 248, 0.8) 60%, rgba(73, 181, 243, 0.8) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(150, 212, 248, 0.8) 0, rgba(150, 212, 248, 0.8) 50%, rgba(145, 210, 248, 0.8) 60%, rgba(73, 181, 243, 0.8) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(150, 212, 248, 0.8) 0, rgba(150, 212, 248, 0.8) 50%, rgba(145, 210, 248, 0.8) 60%, rgba(73, 181, 243, 0.8) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(150, 212, 248, 0.8) 0, rgba(150, 212, 248, 0.8) 50%, rgba(145, 210, 248, 0.8) 60%, rgba(73, 181, 243, 0.8) 100%) no-repeat;
   background: linear-gradient(to bottom, rgba(150, 212, 248, 0.8) 0, rgba(150, 212, 248, 0.8) 50%, rgba(145, 210, 248, 0.8) 60%, rgba(73, 181, 243, 0.8) 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   border:1px dotted rgba(63, 177, 243, 0.8);
   padding:0 10px;
   margin:0 auto;
   height:26px;
}

.postcontent
{
/*background: rgba(3, 16, 84, 0.56) none repeat scroll 0 0;*/
background: rgba(3, 16, 84, 0.15) none repeat scroll 0 0;
color: #b7e2fa;
padding: 30px;
margin: 0;
}

.actualites, .editblock-colonne-gauche
{
/*	background: rgba(3, 16, 84, 0.56) none repeat scroll 0 0;*/
	line-height: 1.2em;
    font-size: 12px;
	}
	
.actualites hr, editblock-colonne-gauche hr
{
	margin-bottom: 2px;
    margin-top: 8px;
    padding-top: 0px;
}
.blockgauche
{
	display: block;
}

.blockdroite
{
	display: none;
}

.block .postcontent
{
/*	background: rgba(3, 16, 84, 0.56) none repeat scroll 0 0;*/
	background: rgba(3, 16, 84, 0.1) none repeat scroll 0 0;
	color: #b7e2fa;
	padding: 20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.postcontent,
.postheadericons,
.postfootericons,
.blockcontent,
ul.vmenu a 
{
   text-align: left;
}

.postcontent span,
.postcontent,
.postcontent li,
.postcontent table,
.postcontent a,
.postcontent a:link,
.postcontent a:visited,
.postcontent a.visited,
.postcontent a:hover,
.postcontent a.hovered
{
/*	font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;*/
	/*   line-height: 150%;*/
/*   line-height: 1.5em;*/
}

.postcontent p
{
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.postcontent h1, .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:visited, .postcontent h1 a:hover,
.postcontent h2, .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:visited, .postcontent h2 a:hover,
.postcontent h3, .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:visited, .postcontent h3 a:hover,
.postcontent h4, .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:visited, .postcontent h4 a:hover,
.postcontent h5, .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:visited, .postcontent h5 a:hover,
.postcontent h6, .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:visited, .postcontent h6 a:hover,
.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover,
.vmenublockheader .t, .vmenublockheader .t a, .vmenublockheader .t a:link, .vmenublockheader .t a:visited, .vmenublockheader .t a:hover,
.headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover,
.slogan, .slogan a, .slogan a:link, .slogan a:visited, .slogan a:hover,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover
{
   font-size: 36px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postcontent a, .postcontent a:link
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FDE781;
}

.postcontent a:visited, .postcontent a.visited
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FDE681;
}

.postcontent  a:hover, .postcontent a.hover
{
	font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: underline;
	/*   color: #91BE27;*/
   color: #FEF2BC;
}

.postcontent h1
{
	color: #5CBDF5;
	margin: 10px 0 0;
	font-size: 36px;
	font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.blockcontent h1
{
   margin: 10px 0 0;
   font-size: 36px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:hover, .postcontent h1 a:visited, .blockcontent h1 a, .blockcontent h1 a:link, .blockcontent h1 a:hover, .blockcontent h1 a:visited 
{
   font-size: 36px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h2
{
   color: #5CBDF5;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.blockcontent h2
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited 
{
   font-size: 28px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h3
{
   color: #5CBDF5;
   margin: 10px 0 0;
   font-size: 24px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.blockcontent h3
{
   margin: 10px 0 0;
   font-size: 24px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited 
{
   font-size: 24px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h4
{
   color: #5CBDF5;
   margin: 10px 0 0;
   font-size: 36px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.blockcontent h4
{
   margin: 10px 0 0;
   font-size: 36px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited 
{
   font-size: 36px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h5
{
   color: #5CBDF5;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.blockcontent h5
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:hover, .postcontent h5 a:visited, .blockcontent h5 a, .blockcontent h5 a:link, .blockcontent h5 a:hover, .blockcontent h5 a:visited 
{
   font-size: 28px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.postcontent h6
{
   color: #5CBDF5;
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'OpenSansExtrabold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.blockcontent h6
{
   margin: 10px 0 0;
   font-size: 28px;
   font-family: 'OpenSansExtrabold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 1.2em;
   clear: both;
}

.postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:hover, .postcontent h6 a:visited, .blockcontent h6 a, .blockcontent h6 a:link, .blockcontent h6 a:hover, .blockcontent h6 a:visited 
{
   font-size: 28px;
   font-family: 'OpenSansExtrabold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

header, footer, article, nav, #hmenu-bg, .sheet, .hmenu a, .vmenu a, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #hmenu-bg, .sheet, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
   -ms-text-size-adjust: 100%;
   /* 2 */
    -webkit-text-size-adjust: 100%;
/* 2 */}

body
{
   padding: 0;
   margin:0;
   min-width: 950px;
   color: #B7E2FA;
}

.header:before, 
#header-bg:before, 
.layout-cell:before, 
.layout-wrapper:before, 
.footer:before, 
.nav:before, 
#hmenu-bg:before, 
.sheet:before 
{
   width: 100%;
   content: " ";
   display: table;
   border-collapse: collapse;
   border-spacing: 0;
}

.header:after, 
#header-bg:after, 
.layout-cell:after, 
.layout-wrapper:after, 
.footer:after, 
.nav:after, 
#hmenu-bg:after, 
.sheet:after,
.cleared, .clearfix:after 
{
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .postcontent li h1, .blockcontent li h1 
{
   margin:1px;
} 
li h2, .postcontent li h2, .blockcontent li h2 
{
   margin:1px;
} 
li h3, .postcontent li h3, .blockcontent li h3 
{
   margin:1px;
} 
li h4, .postcontent li h4, .blockcontent li h4 
{
   margin:1px;
} 
li h5, .postcontent li h5, .blockcontent li h5 
{
   margin:1px;
} 
li h6, .postcontent li h6, .blockcontent li h6 
{
   margin:1px;
} 
li p, .postcontent li p, .blockcontent li p 
{
   line-height: 100%;
   margin:1px;
}


.shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
/*   z-index: 0;
*/}

.slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.slidenavigator > a:last-child {
   margin-right: 0 !important;
}

.object358785368
{
    display: block;
    left: 25.17%;
    margin-left: -111px;
    position: absolute;
    top: 24px;
    width: 444px;
    height: 59px;
    background-image: url('images/logos/object358785368.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 4;
}

.default-responsive .object358785368
{
  display: none;
}

.headline
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 25px;
  left: 22.26%;
  margin-left: -58px !important;
  line-height: 100%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 102;
}
.titrecentre {
	text-align: center;
   z-index: 510;
}

.headline, 
.headline a, 
.headline a:link, 
.headline a:visited, 
.headline a:hover
{
font-size: 36px;
font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
  padding: 0;
  margin: 0;
  color: #B7E2FA !important;
  white-space: nowrap;
}
.slogan
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 92px;
  left: 27.02%;
  line-height: 100%;
  margin-left: -131px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
  white-space: nowrap;
}

.slogan, 
.slogan a, 
.slogan a:link, 
.slogan a:visited, 
.slogan a:hover
{
font-size: 20px;
font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
  padding: 0;
  margin: 0;
  color: #FFFFFF !important;
}





.footer .layout-item-0 { margin-right: 50px;margin-bottom: 0px;margin-left: 50px;  }
.footer .layout-item-1 { color: #B7E2FA; background: ;  }
.footer .layout-item-2 { margin-right: 50px;margin-left: 50px;  }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

.header
{
   margin:0 auto;
   background-repeat: no-repeat;
   height: 131px;
   position:relative;
   background-image: url('images_HP/header.png');
   background-position: center top;
}

.custom-responsive .header
{
   background-image: url('images_HP/header.png');
   background-position: center top;
}

.default-responsive .header,
.default-responsive #header-bg
{
   background-image: url('images_HP/header.png');
   background-position: left top;
   background-size: auto;
}

.header-inner{
   position: relative;
   min-width: 950px;
   max-width: 1360px;
   width: 100%;
   z-index: auto !important;
   margin: 0 auto;
}

.header>.widget 
{
   position:absolute;
   z-index:101;
}

.nav
{
/*   margin:0 auto;*/
   margin:0 auto 43px;
   position: relative;
   z-index: 499;
}

ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.hmenu, ul.hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}
/*Pour laisser le sous-menu affiché*/
/*ul.hmenu > li > a.active + ul {*/
/*   visibility: visible;*/
/*	top: 45px;*/
/*}*/


ul.hmenu:after, ul.hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.hmenu, ul.hmenu ul 
{
   min-height: 0;
}

ul.hmenu 
{
   display: inline-block;
   vertical-align: bottom;
   padding-left: 0;
   padding-right: 0;
}

.nav-inner:before 
{
   content:' ';
}

.nav-inner{
   text-align: center;
   margin:0 auto;
}

.desktop  .nav-inner{
   min-width: 950px;
   max-width: 1360px;
   width: 100%;
   padding-left: 0;
   padding-right: 0;
	height: 89px;
/*	background: rgba(3, 16, 84, 0.70) none repeat scroll 0 0;*/
   background: #32AAE2;
   background: -webkit-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -webkit-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -moz-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -moz-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -o-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -o-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -ms-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -ms-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   -svg-background: linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: linear-gradient(to bottom, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, linear-gradient(to bottom, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
}

.desktop .nav
{
   padding-left: 0;
   padding-right: 0;
}

.hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.menuitemcontainer
{
   margin:0 auto;
}
ul.hmenu>li {
   margin-left: 0;
}
ul.hmenu>li:first-child {
   margin-left: 0;
}
ul.hmenu>li:last-child, ul.hmenu>li.last-child {
   margin-right: 0;
}

ul.hmenu>li>a
{
   padding:0 8px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 45px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   line-height: 45px;
   text-align: center;
}

.hmenu>li>a, 
.hmenu>li>a:link, 
.hmenu>li>a:visited, 
.hmenu>li>a.active, 
.hmenu>li>a:hover
{
   font-size: 18px;
   font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: uppercase;
   text-align: left;
transition: all 0.5s ease 0s;
}

ul.hmenu>li>a.active
{
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.3);
/*   padding:0 12px;*/
   margin:0 auto;
   color: #FFFFFF;
   text-decoration: none;
}

/*ul.hmenu li.active a*/
/*ul.hmenu > li > a.active*/
ul.hmenu li.active a
{
/*	background: #000;*/
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.4);
}
ul.hmenu li.active ul.hmenu-mega-menu li a {
/*	background-color: #6C6;*/
	   background: rgba(183, 226, 250, 0.0);
}
ul.hmenu li.active ul.hmenu-mega-menu li.active a
 {
/*	background-color: #6C6;*/
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.4);
}
ul.hmenu li.active ul.hmenu-mega-menu li.active ul li a{
/*	background-color: #FF3;*/
background: #417994;
/*-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
/*-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
/*-o-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
/*box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
}
ul.hmenu li.active ul.hmenu-mega-menu li a:hover {
	background-color: #70A3BD;
	}




ul.hmenu li.active ul.hmenu-mega-menu li.active ul li.active a{
/*	background-color: #03F;*/
	background-color: #70A3BD;
}
ul.hmenu li.active ul.hmenu-mega-menu li.active ul li a:hover{
	background-color: #70A3BD;
/*-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);*/
/*-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);*/
/*-o-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);*/
/*box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);*/
	}

ul.hmenu li.active ul.hmenu-mega-menu li.active ul li.active ul li a {
background: #417994;
/*	background-color: #FCC;*/
	width: 150px;
/*-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
/*-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
/*-o-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
/*box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);*/
}

ul.hmenu li.active ul.hmenu-mega-menu li.active ul li.active ul li.active a.active {
/*	background-color: #C03;*/
	background-color: #70A3BD;
	width: 150px;
}

ul.hmenu li.active ul.hmenu-mega-menu li.active ul li.active ul li a:hover {
/*background: #417994;*/
/*	background-color: #FCC;*/
	background-color: #70A3BD;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
-o-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}

ul.hmenu>li>a:visited, 
ul.hmenu>li>a:hover, 
ul.hmenu>li:hover>a {
   text-decoration: none;
}

ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a
{
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.3);
/*   padding:0 12px;*/
	margin:0 auto;
}
ul.hmenu>li>a:hover, 
.desktop ul.hmenu>li:hover>a {
   color: #FFFFFF;
   text-decoration: none;
}

ul.hmenu li li a
{
   background: #00A1E5;
   background: transparent;
   padding:0 2px;
   margin:0 auto;
}
ul.hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

.desktop ul.hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.hmenu ul a
{
	display: block;
	white-space: nowrap;
	height: 43px;
	min-width: 7em;
	border: 0 solid transparent;
	text-align: left;
	line-height: 43px;
	color: #FFFFFF;
	font-size: 18px;
	font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	font-variant: normal;
	margin:0;
}

.hmenu ul a:link, 
.hmenu ul a:visited, 
.hmenu ul a.active, 
.hmenu ul a:hover
{
   text-align: center;
   line-height: 43px;
   color: #FFFFFF;
   font-size: 18px;
   font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   font-variant: normal;
   margin:0;
}

.desktop ul.hmenu>li>ul>li
{
   margin-top: 0;
   margin-bottom: 0;
}

.desktop .hmenu>li>ul>li>a
{
   font-weight: normal !important;
}
.desktop .hmenu>li>ul>li
{
   float: left;
}
/*------------Sous-Sous-menu------------------*/
.desktop .hmenu>li>ul>li>ul
{
   position: relative;
   left: 0 !important;
   right: auto !important;
   padding: 0 !important;
   margin: 0 !important;
background: #417994;
-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
-o-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
/*   background: #B7E2FA;*/
/*   background: rgba(183, 226, 250, 0.4);*/
}
/*------------Sous-Sous-Sous-menu------------------*/
.desktop .hmenu>li>ul>li>ul>li>ul
/*.desktop .hmenu>li>ul>li>ul>li>ul a:link*/
/*.desktop .hmenu>li>ul>li>ul>li>ul a:visited*/
{
background: #417994;
/*background: #B7E2FA;*/
	width: 150px;
/*   background: rgba(183, 226, 250, 0.3);*/
/*   margin:0 auto;*/
   text-align: center;
   line-height: 43px;
   color: #FFFFFF;
   font-size: 18px;
   font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   font-variant: normal;
   margin:0;
-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
-o-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
   }
.desktop .hmenu>li>ul>li>ul>li>ul a.active
{
/*	background-color: #F66;*/
	background-color: #6599B3;
}



.desktop .hmenu>li>ul>li>ul>li>ul a:hover
{
/*	   background: #B7E2FA;*/
	   background: #70A3BD;
/*   background: rgba(183, 226, 250, 0.3);*/
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
-o-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}

/*.desktop ul.hmenu>li>ul>li>ul>li>a.active {
	background-color: #C99;
}
*/


/*.desktop .hmenu>li:hover>ul>li>ul
{visibility: visible;}*/

.desktop .hmenu>li:hover>ul>
{
   visibility: visible;
}
.desktop .hmenu>li>ul>li>ul:before
{
   visibility: hidden;
}

ul.hmenu ul li a:hover
{
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.4);
   margin:0 auto;
}

.nav ul.hmenu ul li.active>a
{
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.3);
color: #ffffff;
}


.hmenu ul a:hover
{
   text-decoration: none;
   color: #FFFFFF;
transition: all 0.5s ease 0s;
}

ul.hmenu ul:before
{
   background: #B7E2FA;
/*   background: rgba(183, 226, 250, 0.3);*/
   background: rgba(183, 226, 250, 0.0);
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images_HP/spacer.gif');
}

.desktop ul.hmenu>li>ul
{
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

.desktop ul.hmenu ul ul
{
/*   padding: 30px 30px 30px 10px;*/
   padding: 0;
   margin: -30px 0 0 -10px;
}

.desktop ul.hmenu ul.hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.hmenu ul.hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.hmenu li li:hover>ul.hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.hmenu li li:hover>ul.hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.hmenu ul ul.hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

.desktop ul.hmenu ul ul.hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

.desktop ul.hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop ul.hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.hmenu>li>ul.hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.hmenu>li>ul.hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.hmenu ul ul.hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop ul.hmenu ul ul.hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

.sheet
{
   margin:54px auto 0;
/*   margin:0 auto;*/
   position:relative;
   cursor:auto;
   width: 100%;
   min-width: 950px;
   max-width: 1360px;
   z-index: auto !important;
}

.layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.content-layout-row 
{
   display: table-row;
}

.layout-cell
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: table-cell;
   vertical-align: top;
width: 100%;
}

/* need only for content layout in post content */ 
.postcontent .content-layout
{
   border-collapse: collapse;
}


.vmenublock 
{
   display: none;
}

div.vmenublock img
{
   margin: 0;
}

.vmenublockcontent
{
	max-width: 250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul.vmenu, ul.vmenu ul
{
   list-style: none;
   display: block;
}

ul.vmenu, ul.vmenu li
{
   display: block;
margin-bottom: 1px !important;
margin-top: 1px !important;
margin-left: 0px !important;
margin-right: 0px !important;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.vmenu ul.active
{
   display: block;
}

ul.vmenu>li>a
{
   background: #00A1E5;
   background: rgba(0, 161, 229, 0.6);
   padding:0 15px;
   margin:0 auto;
   font-size: 18px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: uppercase;
   color: #003247;
   min-height: 38px;
   line-height: 38px;
}
ul.vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.vmenu li{
   position:relative;
}

ul.vmenu>li
{
   margin-top: 0;
}
ul.vmenu>li>ul
{
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}
ul.vmenu>li:first-child
{
   margin-top:0;
}

ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
   background: #91BE27;
   background: rgba(145, 190, 39, 0.6);
   padding:0 15px;
   margin:0 auto;
}
ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
   text-decoration: none;
}

ul.vmenu a:hover, ul.vmenu a.active:hover 
{
   color: #003247;
}

ul.vmenu>li>a.active:hover>span.border-top, ul.vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.vmenu>li>a.active
{
   background: #5D7326;
   background: rgba(93, 115, 38, 0.6);
   padding:0 15px;
   margin:0 auto;
   text-decoration: none;
   color: #FDE681;
}

ul.vmenu > li > a.active + ul 
{
   display: block;	
	}



ul.vmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.vmenu li li a
{
   background: #74C6F6;
   background: rgba(116, 198, 246, 0.6);
   margin:0 auto;
   position: relative;
}
ul.vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.vmenu li li{
   position: relative;
   margin-top: 0;
}

ul.vmenu ul a
{
   display: block;
   position: relative;
   min-height: 20px;
   overflow: visible;
   padding: 8px 27px;
/*   padding-left: 27px;*/
/*   padding-right: 27px;*/
   z-index: 0;
   line-height: 20px;
   color: #003247;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.vmenu ul a:visited, ul.vmenu ul a.active:hover, ul.vmenu ul a:hover, ul.vmenu ul a.active
{
   line-height: 20px;
   color: #003247;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.vmenu ul ul a
{
   padding-left: 54px;
}
ul.vmenu ul ul ul a
{
   padding-left: 81px;
}
ul.vmenu ul ul ul ul a
{
   padding-left: 108px;
}
ul.vmenu ul ul ul ul ul a
{
   padding-left: 135px;
}

ul.vmenu li li a:before
{
/*   content:url('images/vmenusubitemicon.png');*/
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu li li a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.vmenu ul>li>a:hover, ul.vmenu ul>li>a.active:hover
{
   background: #91BE27;
   background: rgba(145, 190, 39, 0.6);
   margin:0 auto;
}
ul.vmenu ul li a:hover, ul.vmenu ul li a.active:hover
{
   text-decoration: none;
   color: #003247;
}

ul.vmenu ul a:hover:after
{
   background-position: center ;
}
ul.vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.vmenu li li a:hover:before
{
/*   content:url('images/vmenuhoveredsubitemicon.png');*/
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu li li a:hover:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.vmenu ul>li>a.active
{
   background: #5D7326;
   background: rgba(93, 115, 38, 0.6);
   margin:0 auto;
}
ul.vmenu ul a.active, ul.vmenu ul a:hover, ul.vmenu ul a.active:hover
{
   text-decoration: none;
   color: #FDE681;
}

ul.vmenu li li a.active:before
{
/*   content:url('images/vmenuactivesubitemicon.png');*/
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu li li a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.block
{
 /*  background: #031054;*/
/*   background: rgba(3, 16, 84, 0.56);*/
}
div.block img
{
   border: 0px solid #B7E2FA;
/*   margin: 0;*/
}

.blockheader
{
   border:1px dotted transparent;
   padding:12px 3px;
   margin:0 auto;
}
.blockheader .t,
.blockheader .t a,
.blockheader .t a:link,
.blockheader .t a:visited, 
.blockheader .t a:hover
{
   color: #61BFF5;
   font-size: 24px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 5px;
}

.blockcontent
{
   border:1px dotted transparent;
   padding:3px;
   margin:0 auto;
   color: #AEDEFA;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
}
.blockcontent table,
.blockcontent li, 
.blockcontent a,
.blockcontent a:link,
.blockcontent a:visited,
.blockcontent a:hover
{
   color: #AEDEFA;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
}

.blockcontent p
{
   margin: 0 5px;
}

.blockcontent a, .blockcontent a:link
{
   color: #A3A3A3;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.blockcontent a:visited, .blockcontent a.visited
{
   color: #96D4F8;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.blockcontent a:hover, .blockcontent a.hover
{
   color: #4C89FA;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.block ul>li:before
{
   content:url('images_HP/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -10px;
}
.opera .block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.block li
{
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 150%;
   color: #CAEAFC;
   margin: 5px 0 0 10px;
}

.block ul>li, .block ol
{
   padding: 0;
}

.block ul>li
{
   padding-left: 10px;
}

.breadcrumbs
{
   margin:0 auto;
}

a.button,
a.button:link,
a:link.button:link,
body a.button:link,
a.button:visited,
body a.button:visited,
input.button,
button.button
{
   text-decoration: none;
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #032335;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 26px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .button
{
   display: block;
   float: left;
}

input, textarea, a.search-button span
{
   vertical-align: middle;
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.block select 
{
   width:96%;
}

input.button
{
   float: none !important;
   -webkit-appearance: none;
}

.button.active, .button.active:hover
{
   background: #787878;
   background: -webkit-linear-gradient(top, rgba(138, 138, 138, 0.8) 0, rgba(138, 138, 138, 0.8) 50%, rgba(133, 133, 133, 0.8) 60%, rgba(128, 128, 128, 0.8) 66%, rgba(99, 99, 99, 0.8) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(138, 138, 138, 0.8) 0, rgba(138, 138, 138, 0.8) 50%, rgba(133, 133, 133, 0.8) 60%, rgba(128, 128, 128, 0.8) 66%, rgba(99, 99, 99, 0.8) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(138, 138, 138, 0.8) 0, rgba(138, 138, 138, 0.8) 50%, rgba(133, 133, 133, 0.8) 60%, rgba(128, 128, 128, 0.8) 66%, rgba(99, 99, 99, 0.8) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(138, 138, 138, 0.8) 0, rgba(138, 138, 138, 0.8) 50%, rgba(133, 133, 133, 0.8) 60%, rgba(128, 128, 128, 0.8) 66%, rgba(99, 99, 99, 0.8) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(138, 138, 138, 0.8) 0, rgba(138, 138, 138, 0.8) 50%, rgba(133, 133, 133, 0.8) 60%, rgba(128, 128, 128, 0.8) 66%, rgba(99, 99, 99, 0.8) 100%) no-repeat;
   background: linear-gradient(to bottom, rgba(138, 138, 138, 0.8) 0, rgba(138, 138, 138, 0.8) 50%, rgba(133, 133, 133, 0.8) 60%, rgba(128, 128, 128, 0.8) 66%, rgba(99, 99, 99, 0.8) 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   border:1px dotted rgba(102, 102, 102, 0.8);
   padding:0 10px;
   margin:0 auto;
}
.button.active, .button.active:hover {
   color: #BED4FD !important;
}

.button.hover, .button:hover
{
   background: #919191;
   background: -webkit-linear-gradient(top, rgba(163, 163, 163, 0.8) 0, rgba(163, 163, 163, 0.8) 50%, rgba(158, 158, 158, 0.8) 60%, rgba(128, 128, 128, 0.8) 97%, rgba(125, 125, 125, 0.8) 100%) no-repeat;
   background: -moz-linear-gradient(top, rgba(163, 163, 163, 0.8) 0, rgba(163, 163, 163, 0.8) 50%, rgba(158, 158, 158, 0.8) 60%, rgba(128, 128, 128, 0.8) 97%, rgba(125, 125, 125, 0.8) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(163, 163, 163, 0.8) 0, rgba(163, 163, 163, 0.8) 50%, rgba(158, 158, 158, 0.8) 60%, rgba(128, 128, 128, 0.8) 97%, rgba(125, 125, 125, 0.8) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(163, 163, 163, 0.8) 0, rgba(163, 163, 163, 0.8) 50%, rgba(158, 158, 158, 0.8) 60%, rgba(128, 128, 128, 0.8) 97%, rgba(125, 125, 125, 0.8) 100%) no-repeat;
   -svg-background: linear-gradient(top, rgba(163, 163, 163, 0.8) 0, rgba(163, 163, 163, 0.8) 50%, rgba(158, 158, 158, 0.8) 60%, rgba(128, 128, 128, 0.8) 97%, rgba(125, 125, 125, 0.8) 100%) no-repeat;
   background: linear-gradient(to bottom, rgba(163, 163, 163, 0.8) 0, rgba(163, 163, 163, 0.8) 50%, rgba(158, 158, 158, 0.8) 60%, rgba(128, 128, 128, 0.8) 97%, rgba(125, 125, 125, 0.8) 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.16);
   border:1px dotted rgba(120, 120, 120, 0.8);
   padding:0 10px;
   margin:0 auto;
}
.button.hover, .button:hover {
   color: #032335 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea, select
{
	background: #A5DBFC;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border:1px solid #74C6F6;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea, select
{
/*   width: 100%;*/
   padding: 0px 6px;
   color: #074C73 !important;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.error, textarea.error
{
   background: #FAFDFF;
   border:1px solid #808080;
   margin:0 auto;
}
input.error, textarea.error {
   color: #074C73 !important;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.search input[type="text"]
{
   background: #FAFDFF;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid #74C6F6;
   margin:0 auto;
   width: 100%;
   padding: 4px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #074C73 !important;
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.search input, a.search-button
{
   -webkit-appearance: none;
   top:0;
   right:0;
}

form.search>input, a.search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.search input[type="submit"], input.search-button, a.search-button
{
   border-radius: 0;
   margin:0 auto;
}
form.search input[type="submit"], input.search-button, a.search-button {
   position:absolute;
   left:auto;
   display:block;
   border:none;
   background:url('images_HP/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
   color: #04293E !important;
   cursor: pointer;
}

a.search-button span.search-button-text {
   display: none;
}

label.checkbox:before
{
   background: #FAFDFF;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #B7E2FA !important;
}

.checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.checkbox.active:before
{
   background: #919191;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.checkbox.hovered:before
{
   background: #ABABAB;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.radiobutton:before
{
   background: #FAFDFF;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #B7E2FA !important;
}

.radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.radiobutton.active:before
{
   background: #919191;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.radiobutton.hovered:before
{
   background: #ABABAB;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.comments
{
   border-top:1px dotted #74C6F6;
   margin:0 auto;
   margin-top: 25px;
}

.comments h2
{
   color: #B7E2FA;
}

.comment-inner
{
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   margin-left: 96px;
}
.comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:2px;
   background:#fff;
   border:1px solid #787878;
}

.comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.comment-content
{
   padding:10px 0;
   color: #B7E2FA;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.comment
{
   margin-top: 6px;
}

.comment:first-child
{
   margin-top: 0;
}

.comment-header
{
   color: #B7E2FA;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.comment-header a, 
.comment-header a:link, 
.comment-header a:visited,
.comment-header a.visited,
.comment-header a:hover,
.comment-header a.hovered
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.comment-header a, .comment-header a:link
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   color: #D9D9D9;
}

.comment-header a:visited, .comment-header a.visited
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #B7E2FA;
}

.comment-header a:hover,  .comment-header a.hovered
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #CFEBFC;
}

.comment-content a, 
.comment-content a:link, 
.comment-content a:visited,
.comment-content a.visited,
.comment-content a:hover,
.comment-content a.hovered
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.comment-content a, .comment-content a:link
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #D9D9D9;
}

.comment-content a:visited, .comment-content a.visited
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #B7E2FA;
}

.comment-content a:hover,  .comment-content a.hovered
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #CFEBFC;
}

.pager
{
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding:6px;
   margin:2px;
}

.pager>*:last-child
{
   margin-right:0 !important;
}

.pager>span {
   cursor:default;
}

.pager>*
{
   background: #CCCCCC;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   padding:10px;
   margin:0 4px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.pager a:link,
.pager a:visited,
.pager .active
{
   line-height: normal;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #011437
;
}

.pager .active
{
   background: #919191;
   padding:10px;
   margin:0 4px 0 auto;
   color: #010D23
;
}

.pager .more
{
   background: #065BF9;
   margin:0 4px 0 auto;
}
.pager a.more:link,
.pager a.more:visited
{
   color: #010D23
;
}
.pager a:hover
{
   background: #CCCCCC;
   padding:10px;
   margin:0 4px 0 auto;
}
.pager  a:hover,
.pager  a.more:hover
{
   text-decoration: none;
   color: #011437
;
}
.pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

.pager>*:last-child:after{
   display:none;
}

.commentsform
{
   background: #DDF1FD;
   background: transparent;
   padding:10px;
   margin:0 auto;
   margin-top:25px;
   color: #B7E2FA;
}

.commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #B7E2FA;
}

.commentsform label {
   display: inline-block;
   line-height: 25px;
}

.commentsform input:not([type=submit]), .commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.commentsform .form-submit
{
   margin-top: 10px;
}
.post
{
	background: #DDF1FD;
	background: transparent;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
a img
{
   border: 0;
transition: all 0.2s ease-in-out 0s;
}

a img:hover {
transform: scale(1.04, 1.04);
transition: all 0.2s ease-in-out 0s;
}

.titrecentre a img:hover, .editblock-footer-bas a img:hover, .editblock-liens-en-tete a img:hover { /*pour ignorer l'effet scale sur le logo SONATEC*/
transform: scale(1, 1);
transition: all 0.2s ease-in-out 0s;
}


.article img, img.article, .block img /*, .footer img*/
{
   border: 0px dotted #B7E2FA;
/*   margin: 5px 5px 5px 5px;*/
/*   margin: 0;*/
   max-width: 100%;
/*box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.5);*/
/*-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));*/
/*	filter: url(shadow.svg#drop-shadow);*/
    -webkit-filter: drop-shadow( 2px 2px 4px #08214B );
/*    -moz-filter: drop-shadow( 2px 2px 4px #08214B );*/
/*    -o-filter: drop-shadow( 2px 2px 4px #08214B );*/
/*    -ms-filter: drop-shadow( 2px 2px 4px #08214B );*/
            filter: drop-shadow( 2px 2px 4px #08214B ); /* Same syntax as box-shadow */
/* for IE 8 & 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	/* For IE 5.5 - 7 */
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
page-break-inside:avoid;
}


.editblock-hp3droite img {
   border: 0px dotted #B7E2FA;
   max-width: 100%;
    -webkit-filter: drop-shadow( 0px 0px 0px #08214B );
            filter: drop-shadow( 0px 0px 0px #08214B ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";	
	}


.metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.article table, table.article
{
   border-collapse: collapse;
   margin: 0;
}

.post .content-layout-br
{
   height: 0;
}

.article th, .article td
{
   padding: 5px;
   border: solid 1px #b7e2fa;
   vertical-align: top;
   text-align: left;
}

.article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 5px 5px 5px 5px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.postheader
{
   color: #5CBDF5;
   margin: 5px 10px;
   font-size: 36px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postheader a, 
.postheader a:link, 
.postheader a:visited,
.postheader a.visited,
.postheader a:hover,
.postheader a.hovered
{
   font-size: 36px;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.postheader a, .postheader a:link
{
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #fde781;
}

.postheader a:visited, .postheader a.visited
{
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #fde781;
}

.postheader a:hover,  .postheader a.hovered
{
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #B2B800;
}

.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before
{
   content:url('images_HP/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .postcontent ul>li:before, .opera   .post ul>li:before, .opera   .textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.postcontent li, .post li, .textblock li
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #B7E2FA;
   margin: 3px 0 0 11px;
}

.postcontent ul>li, .post ul>li, .textblock ul>li, .postcontent ol, .post ol, .textblock ol
{
   padding: 0;
}

.postcontent ul>li, .post ul>li, .textblock ul>li
{
   padding-left: 16px;
}

.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before
{
   margin-left: -16px;
}

.postcontent ol, .post ol, .textblock ol, .postcontent ul, .post ul, .textblock ul
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11px;
}

.postcontent li ol, .post li ol, .textblock li ol, .postcontent li ul, .post li ul, .textblock li ul
{
   margin: 0 0 0 11px;
}

.postcontent li, .post li, .textblock li
{
   margin: 3px 0 0 0;
}

.postcontent ol>li, .post ol>li, .textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.postcontent ul>li, .post ul>li, .textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

blockquote
{
/*   background: #B7E2FA url('images/postquote.png') no-repeat scroll;*/
   padding:12px 12px 12px 36px;
/*   margin:5px 0 0 25px;*/
   margin: 0;
/*   color: #063C5B;*/
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .postcontent blockquote a, .blockcontent blockquote a, .footer blockquote a,
blockquote a:link, .postcontent blockquote a:link, .blockcontent blockquote a:link, .footer blockquote a:link,
blockquote a:visited, .postcontent blockquote a:visited, .blockcontent blockquote a:visited, .footer blockquote a:visited,
blockquote a:hover, .postcontent blockquote a:hover, .blockcontent blockquote a:hover, .footer blockquote a:hover
{
   color: #fde781;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.postcontent blockquote p,
.blockcontent blockquote p,
.footer blockquote p
{
   margin: 9px 0 0;
}

.Sorter img
{
   border:0;
   vertical-align:middle;
   padding:0;
   margin:0;
   position:static;
   z-index:1;
   width: 12px;
   height: 6px;
}

.Sorter a
{
   position:relative;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #DEDEDE;
}

.Sorter a:link
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #DEDEDE;
}

.Sorter a:visited, .Sorter a.visited
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #DEDEDE;
}

.Sorter a:hover, .Sorter a.hover
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #CFCFCF;
}

.Sorter
{
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color:#D9D9D9;
}

.footer
{
background: #343E83;
/*background: #031054;*/
/*   background: rgba(3, 16, 84, 0.8);*/
/*   background: rgba(3, 16, 84, 0.4);*/
   padding:10px;
   margin:0 auto;
   position: relative;
   color: #A9DCF9;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 130%;
   text-align: center;
/*   max-width: 1360px;*/
}
.footer-inner {
	max-width: 1360px;
   margin:0 auto;
}


.footer a,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer td, 
.footer th,
.footer caption
.footer p 
{
	font-size: 16px;
	line-height: 130%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/*.footer p 
{
   padding:0;
   line-height: 150%;
}*/

.footer a,
.footer a:link
{
   color: #49B5F3;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.footer a:visited
{
   color: #49B5F3;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.footer a:hover
{
	color: #94D2F8;
	font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: underline;
}

.footer h1
{
   color: #74C6F6;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h2
{
   color: #787878;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h3
{
   color: #3FB1F3;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h4
{
   color: #74C6F6;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h5
{
   color: #74C6F6;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer h6
{
   color: #74C6F6;
   font-family: 'Courgette', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer img
{
/*   border: 1px dotted #B7E2FA;*/
/*   margin: 7px;*/
}


.footer .layout-item-0, .footer .layout-item-2 { 
margin-right: 40px;
/*margin-right: 265px;*/
margin-bottom: 0px;
/*margin-left: 210px;*/
margin-left: 40px;
}

.editblock-footer-gauche, .editblock-footer-centre, .editblock-footer-droite {
	text-align: left;
}


.footer .layout-item-1 {
	color: #B7E2FA;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}


.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

.rss-tag-icon
{
   background:  url('images_HP/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.rss-tag-icon:empty
{
   vertical-align: middle;
}

.facebook-tag-icon
{
   background:  url('images_HP/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.facebook-tag-icon:empty
{
   vertical-align: middle;
}

.twitter-tag-icon
{
   background:  url('images_HP/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.twitter-tag-icon:empty
{
   vertical-align: middle;
}

.tumblr-tag-icon
{
   background:  url('images_HP/tumblricon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.tumblr-tag-icon:empty
{
   vertical-align: middle;
}

.pinterest-tag-icon
{
   background:  url('images_HP/pinteresticon.png') no-repeat scroll;
   margin:0 auto;
   min-height:35px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.pinterest-tag-icon:empty
{
   vertical-align: middle;
}

.vimeo-tag-icon
{
   background:  url('images_HP/vimeoicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.vimeo-tag-icon:empty
{
   vertical-align: middle;
}

.youtube-tag-icon
{
   background:  url('images_HP/youtubeicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.youtube-tag-icon:empty
{
   vertical-align: middle;
}

.linkedin-tag-icon
{
   background:  url('images_HP/linkedinicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.linkedin-tag-icon:empty
{
   vertical-align: middle;
}

.footer ul>li:before
{
/*	content:url('images/footerbullets.png');*/
	margin-right:6px;
	bottom: 2px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:0;
	line-height:0;
/*	margin-left: -11px;*/
	list-style-type: none;
}
.opera .footer ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.footer li
{
   font-size: 13px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #C5E8FB;
}

.footer ul>li, .footer ol
{
   padding: 0;
}

.footer ul>li
{
/*   padding-left: 11px;*/
}

.page-footer, 
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #C4C4C4;
}

.page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #91D2F8;
}

.content-layout .sidebar1
{
   margin:0 auto;
   width: 250px;
}

.content-layout .content
{
   margin:0 auto;
}

.content-layout .sidebar2
{
   margin:0 auto;
   width: 255px;
}

/* Begin Additional CSS Styles */
.headline img {
    max-width: 100%;
    width: 448px;
}

.titrecentre img {
    max-width: 97%;
    width: 448px;
}

.slogancentre {
/*font-size: 22px;*/
font-size: 16px;
letter-spacing: 0.1em;
font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: center;
  color: #FFFFFF !important;
z-index: 510;
}

.editblock-gauche {
    padding-right: 12px;
}

.editblock-centre {
    padding-left: 12px;
    padding-right: 12px;
}

.editblock-droite {
    padding-left: 12px;
}
.editblock-hp1gauche, .editblock-hp1centre, .editblock-hp1droite, .editblock-hp2gauche, .editblock-hp2centre, .editblock-hp2droite, .editblock-hp3gauche, .editblock-hp3centre, .editblock-hp3droite {
	text-align: center;
	margin: 5px;
	}

.fond-hp 
{
	  background: rgba(183, 226, 250, 0.5) none repeat scroll 0 0;
}
	  
.fond-hp h1, .fond-hp h2, .fond-hp h3, .fond-hp h4, .fond-hp h5, .fond-hp h6
{
	color: #031f30;
	margin: 4px;
    }

.contact,
.contact a,
.contact a:link,
.contact a:visited
{
	color: #32aae2;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	text-decoration: none;
	z-index: 180;
}

.contact a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.fondnav2 {
	/*background-color: #DFDF80;*/
	position: absolute;
	height: 43px;
	width: 100%;
	top: 176px;
	background: #B7E2FA;
	background: rgba(183, 226, 250, 0.3);
   z-index: 150;
   visibility: hidden;
}

.fondnav {
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
   background: #32AAE2;
   background: -webkit-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -webkit-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -moz-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -moz-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -o-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -o-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: -ms-linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, -ms-linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   -svg-background: linear-gradient(top, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, linear-gradient(top, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background: linear-gradient(to bottom, rgba(6, 28, 37, 0.34) 0, rgba(31, 157, 215, 0.11) 700px, rgba(99, 191, 233, 0.4) 1005px) no-repeat, linear-gradient(to bottom, #0B374C 0, #20A3DF 700px, #63BFE9 1005px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
}


.videoWrapper {
	position: relative;
/*	padding-bottom: 56.7%;*/
	padding-bottom: 53.0%;
padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.GoogleMapWrapper {
	position: relative;
	padding-bottom: 75%;
padding-top: 25px;
	height: 0;
}
.GoogleMapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.fondlogo {
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.4);
	padding: 5px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
/*	border:1px solid #74C6F6;*/
}

.cartevisite {
    border: 1px solid #a7a7a7;
    margin: 2px;
    padding: 4px;
}

hr {
	color: #5cbdf5;
  clear: both;
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 15px;
  border-width: 0 0 1px;
  }

.infoslocales a, 
.infoslocales a:link, 
.infoslocales a:visited, 
.infoslocales a.visited,
p.bodyinfoslocales a {
	background-color: #009EE1;
	border: 0px solid #000000;
	border-radius: 4px !important;
	color: #163372;
	float: right;
	max-width: 180px;
/*	height: 30px;*/
	text-align: center;
	font-size: 12px;
	padding: 6px;
	margin-left: 4px;
}

.infoslocales a:hover {
  background-color: #1A82B3;
  color: #b7e2fa;
  text-decoration: none;
}

.table-border-invisible th, .table-border-invisible td
 {
	border: 0px solid #b7e2fa;
    }
.lien-telechargement, a.lien-telechargement, a.lien-telechargement:link, a.lien-telechargement:visited {
	display: block;
	height: 100px;
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.3);
   padding: 5px 10px 2px 10px;
   margin-top: 5px;
  text-decoration: none;
  color: #ffffff;
  background-image: url("images_HP/arrow-right-circle-passiv.png");
  background-position: right 16px top 50%;
  background-repeat: no-repeat;
}

/*a.editable.lien-telechargement:hover, .lien-telechargement  a:hover*/
a.lien-telechargement:hover {
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.45);
  text-decoration: none;
  color: #ffffff;
  background-image: url("images_HP/arrow-right-circle-hover.png");
  background-position: right 16px top 50%;
  background-repeat: no-repeat;
}	
	
.lien-docum, a.lien-docum, a.lien-docum:link, a.lien-docum:visited {
	display: inline-table;
/*	height: 100px;*/
/*	width: 280px;*/
/*font-size:12px;*/
/*	max-width: 340px;*/
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.3);
   padding: 5px 10px 2px 10px;
   margin-top: 5px;
  text-decoration: none;
  color: #ffffff;
  width:100%;
/*  background-image: url("images_HP/arrow-right-circle-passiv.png");*/
/*  background-position: right 16px top 50%;*/
/*  background-repeat: no-repeat;*/
}

/*a.editable.lien-docum:hover, .lien-docum  a:hover*/
a.lien-docum:hover {
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.45);
  text-decoration: none;
  color: #ffffff;
/*  background-image: url("images_HP/arrow-right-circle-hover.png");*/
/*  background-position: right 16px top 50%;*/
/*  background-repeat: no-repeat;*/
}	

.text-docum {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.alaligne {
	clear: both;
}

#tableau-natec {
/*   font-family: 'OpenSansCondensedBold';*/
}
a.anchorblock, a.anchorblock:link, a.anchorblock:visited, a.anchorblock:hover {
	text-decoration: none;/*	visibility: hidden;*/
}
/*----------------------------------------------------------------*/
.sparadrapnoel
{
	/*	height: 100px;*/
/*	line-height: 1;*/
	padding: 8px 5px 10px 5px;
	position: fixed;
	right: 0px;
/*	right: -325px;*/
	top: 0px;
/*	bottom: 70px;*/
	width: 321px;
	height: 750px;
	z-index: 9940;
	background-attachment: scroll;
	background: rgba(3, 16, 84, 0.0) none repeat scroll 0 0;
/*	background-image: url(images_HP/SwissQual-arrow.png);*/
	background-image: url(images/animations/NoelBoules_v6txt.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
/*	background-size: 70px auto;*/
	color: #e5ddd1;
	-webkit-transition: 2.5s ease-in-out;
	-moz-transition: 2.5s ease-in-out;
	-o-transition: 2.5s ease-in-out;
	transition: 2.5s ease-in-out;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.sparadrapnoel a,
.sparadrapnoel a:link,
.sparadrapnoel a:visited,
.sparadrapnoel a.visited
{
	color: #FF6;
	text-decoration: none;
}

.sparadrapnoel a:hover,
.sparadrapnoel a.hovered
{
	color: #FFC;
	text-decoration: none;
}

.sparadrapnoel:hover, .sparadrapnoel:focus
{
    -webkit-transform: translate(0px,-750px);
    -moz-transform: translate(0px,-750px);
    -o-transform: translate(0px,-750px);
    -ms-transform: translate(0px,-750px);
    transform: translate(0px,-750px);
	/*	transform: translateX(210px);*/
/*	background: rgba(10, 50, 70, 0.5) none repeat scroll 0 0;*/
/*	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;*/
/*	background-image: url(images_HP/SwissQual-without-arrow.png);*/
/*	background-image: url(images/logos/Label-SWISS-QUALITY.svg);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 8px 8px;*/
/*	background-size: 60px auto;*/
}



/*----------------------------------------------------------------*/

.sparadrap
{
	/*	height: 100px;*/
/*	line-height: 1;*/
	padding: 8px 5px 10px 5px;
	position: fixed;
	left: 0px;
/*	right: -325px;*/
	top: -130px;
/*	bottom: 70px;*/
	width: 100px;
	height: 205px;
	z-index: 9902;
	background-attachment: scroll;
	background: rgba(3, 16, 84, 0.0) none repeat scroll 0 0;
/*	background-image: url(images_HP/SwissQual-arrow.png);*/
/*	background-image: url(images/logos/Label-SWISS-QUALITY.svg);*/
	background-image: url(images/logos/Label_SWISS_MADE.svg);
	background-repeat: no-repeat;
	background-position: 20px 135px;
	background-size: 70px auto;
	color: #e5ddd1;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.sparadrap a,
.sparadrap a:link,
.sparadrap a:visited,
.sparadrap a.visited
{
	color: #FF6;
	text-decoration: none;
}

.sparadrap a:hover,
.sparadrap a.hovered
{
	color: #FFC;
	text-decoration: none;
}

.sparadrap:hover, .sparadrap:focus
{
    -webkit-transform: translate(0px,115px);
    -moz-transform: translate(0px,115px);
    -o-transform: translate(0px,115px);
    -ms-transform: translate(0px,115px);
    transform: translate(0px,115px);
	/*	transform: translateX(210px);*/
/*	background: rgba(10, 50, 70, 0.5) none repeat scroll 0 0;*/
/*	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;*/
/*	background-image: url(images_HP/SwissQual-without-arrow.png);*/
/*	background-image: url(images/logos/Label-SWISS-QUALITY.svg);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 8px 8px;*/
/*	background-size: 60px auto;*/
}

.inner-sparadrap {
	margin-left: 0px;
	background-image: url(images/logos/Cocarde45ans-FR-178px.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background-size: 100px auto;
	height: 120px;
	width: 100px;
}

/*----------------------------------------------------------------*/

.spara-box
{
	/*	height: 100px;*/
/*	line-height: 1;*/
	padding: 10px 5px 5px 5px;
	position: fixed;
/*	left: 20px;*/
	right: 0px;
/*	top: -1)05px;*/
	bottom: -144px;
	width: 230px;
	height: 165px;
	z-index: 9902;
	background-attachment: scroll;
	background: rgba(3, 16, 84, 0.0) none repeat scroll 0 0;
/*	background-image: url(images_HP/SwissQual-arrow.png);*/
/*	background-image: url(images/logos/Label-SWISS-QUALITY.svg);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 8px 8px;*/
/*	background-size: 60px auto;*/
	color: #e5ddd1;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
   font-size: 16px;
   font-family: 'OpenSans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.spara-box a,
.spara-box a:link,
.spara-box a:visited,
.spara-box a.visited
{
	color: #FF6;
	text-decoration: none;
}

.spara-box a:hover,
.spara-box a.hovered
{
	color: #FFC;
	text-decoration: none;
}

.spara-box:hover, .spara-box:focus
{
    -webkit-transform: translate(0px,-138px);
    -moz-transform: translate(0px,-138px);
    -o-transform: translate(0px,-138px);
    -ms-transform: translate(0px,-138px);
    transform: translate(0px,-138px);
	/*	transform: translateX(210px);*/
/*	background: rgba(10, 50, 70, 0.5) none repeat scroll 0 0;*/
	background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
/*	background-image: url(images_HP/SwissQual-without-arrow.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 8px 8px;*/
/*	background-size: 60px auto;*/
}

.sparadrapheader
{
/*	height: 100px;*/
/*	line-height: 1;*/
	padding: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9901;
/*	background: rgba(53, 46, 34, 0.6) none repeat scroll 0 0;*/
/*	background-attachment: scroll;
	background-color: #574332;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;*/
	left: 0px;
/*	color: #e5ddd1;*/
}
.spara-box1 {
	display: block;
	white-space: nowrap;
	height: 70px;
	min-width: 7em;
	border: 0 solid transparent;
	text-align: left;
	color: #FFFFFF;
	font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	font-variant: normal;
	margin: 0;
	padding-right: 5px;
	padding-left: 8px;
	width: 220px;
	/*	background-color: #379BD0;*/
	background-color: #BC569D;
	-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

.spara-box2 a:link, .spara-box2 a:visited, .spara-box2 a.active, .spara-box2 a:hover,
.spara-box3 a:link, .spara-box3 a:visited, .spara-box3 a.active, .spara-box3 a:hover
{
	display: block;
	white-space: nowrap;
	height: 43px;
	min-width: 7em;
	border: 0 solid transparent;
	text-align: left;
/*	line-height: 43px;*/
	color: #FFFFFF;
	font-family: 'OpenSansLight', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	font-variant: normal;
	background: #62AFDA;
/*   background: #B7E2FA;*/
/*	background: rgba(183, 226, 250, 0.4);*/
	margin: 0;
	padding-right: 5px;
	padding-left: 8px;
	width: 220px;
	-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.5);
}
.spara-box2 a:link, .spara-box2 a:visited, .spara-box2 a.active, .spara-box2 a:hover
{
	font-size: 18px;
	line-height: 43px;

}
.spara-box3 a:link, .spara-box3 a:visited, .spara-box3 a.active, .spara-box3 a:hover
{
	font-size: 14px;
	line-height: 18px;
	padding-top: 7px;
}
.spara-box2 a:hover {
	background: #7CC4EA;
/*	background: rgba(183, 226, 250, 0.6);*/
}
.spara-box3 a:hover {
	background: #7CC4EA;
/*	background: rgba(183, 226, 250, 0.6);*/
}

.bulletin-row {
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin: 5px;
	padding: 3px;
   background: #B7E2FA;
   background: rgba(183, 226, 250, 0.3);
	}

.bulletin-cell{
	display:inline-block;
	vertical-align:top;
	max-width:380px;
/*	min-width:180px;*/
	margin: 5px;
	padding: 3px;
	border: 0px solid #FFF;
	}

.bulletin-cell ol li{
	text-indent: 25px;
	margin: 0px;
	padding: 0px;
	line-height:1em;
}

.bulletin-cell ol {
	margin-bottom: 4px;
}

.bulletin-cell img {
	-webkit-filter: none;
	filter: none;
	-ms-filter:none;
	filter: none;
}

 .bulletin-cell form input {
/*	 border: 1px solid #fde781;*/
	 border: 1px solid #b7e2fa; 
 border-radius: 12px;
 color:#fde781;
 background: rgba(20, 104, 153, 0.2) none repeat scroll 0 0;
 margin-right: -5px
/* background: rgba(253, 231, 129, 0.4) none repeat scroll 0 0;*/
 }
 
 .bulletin-cell form input:hover {	 
/* border: 1px solid #fef2bc;*/ 
/*	 border: 1px solid #146899;*/ 
	 border: 1px solid #b7e2fa;
	 color:#fef2bc;
 background: rgba(20, 104, 153, 1) none repeat scroll 0 0;
/* background: rgba(254, 242, 188, 0.4) none repeat scroll 0 0;*/
}

.cgv {
	vertical-align: middle;
	margin: 16px 6px 0 6px;
	float: left;
}

.encadre {
	border: solid 1px #062032;
	padding: 7px;
	margin: 5px;
	background: #b7e2fa;
	color: #062032;
   background: rgba(183, 226, 250, 0.6);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}

.encadre ul > li::before, .encadre li {
	color: #062032;
	content: url("images_HP/postbullets2.png");
	}

.montage-left{
	display:inline-block;
	vertical-align:top;
	max-width:435px;
	margin: 5px;
	padding: 3px;
	border: 0px solid #FFF;
	}


.montage-right{
	display:inline-block;
	vertical-align:top;
	max-width:300px;
	margin: 5px;
	padding: 3px;
	border: 0px solid #FFF;
	}
	
.desktop ul.hmenu li:hover>ul.menuinvisible {
	visibility: hidden;
}

.sonasidepied {
	width:10%;
	text-align: right;
	vertical-align: top;
	display:inline-table;
	}

.widget_media_image {
    display: inline-block;
}
.footer-row img {
    padding: 0 10px;
    vertical-align: middle;
	height: auto !important;
}
.legendeHP {
padding: 5px 15px 0 15px;
 color:white;
 font-size: 12px
}

audio{ 
background-color: #2193DE;
width: 200px;
}

/* End Additional CSS Styles */