/* -------- Balises gnrales -------- */
body,
table {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	scrollbar-face-color: #F2FAFC;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #0066cc;
	scrollbar-darkshadow-color: #0066cc;
	scrollbar-track-color: #F2F7FB;
	scrollbar-arrow-color: #0066cc;
	border : 0px;
}
P { 
	margin: 0px;
	padding-left:5px;
}
ul {
	margin:0px;
	margin-left:5px;
	padding-left:10px;
	list-style: outside;
}
h1 { clear:both }
h2 { /*text-transform: capitalize; */clear:both }
h2 { width:90%; }
h3 { width:85%; }

/* -------- Article inner box -------- */
.articleinnerboxrouge {
	width:300px;
	border:#CC0000 dotted 2px;
	padding:10px;
	margin:0px 0px 10px 10px;
	float:right;
}
.articleinnerboxrouge h1 {
	color:#CC0000;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:5px;
	background-color:#f5eeed;
	padding:3px;
}
/* -------- Lien download -------- */
.adownload:link,
.adownload:visited,
.adownload:active {
	color: #000000;
	text-decoration: underline;
	font-weight:norma;
}
.adownload:hover {
	color: #000000;
	background-color:#e6e6e6;
	text-decoration: underline;
}
/* -------- Styles avec icones -----------*/
.ipdf {
	padding-left:20px;
	padding-top:4px;
	background-image:url(img/layout/icon-pdf.jpg);
	background-repeat:no-repeat;
}
.ilink {
	padding-left:20px;
	padding-top:4px;
	background-image:url(img/layout/icon-link.jpg);
	background-repeat:no-repeat;
}
.iimage {
	padding-left:20px;
	padding-top:4px;
	background-image:url(img/layout/icon-image.jpg);
	background-repeat:no-repeat;
}
.ippt {
	padding-left:20px;
	padding-top:4px;
	background-image:url(img/layout/icon-ppt.jpg);
	background-repeat:no-repeat;
}
.idoc {
	padding-left:20px;
	padding-top:4px;
	background-image:url(img/layout/icon-doc.jpg);
	background-repeat:no-repeat;
}
.ixls {
	padding-left:20px;
	padding-top:4px;
	background-image:url(img/layout/icon-xls.jpg);
	background-repeat:no-repeat;
}
/* -------- Autres styles -------- */
.titlewhite { color:#FFFFFF }
.txtsmall { font-size: 0.9em; }
.address {
	padding-left: 25px;
	font-size: 0.8em;
	color : #FFFFFF;
}
.address a,
.address a:link,
.address a:active,
.address a:visited {text-decoration:underline; color:#FFFFFF;}
.address a:hover {color:#B5CBE0; text-decoration:underline;}
.imagearticle { margin: 0px 0px 5px 5px; float:right; border:3px solid #e0e0e0 }

/* ------- Les DIV ------ */
.divconteneur1 {
	width:100%;
	overflow:auto;
}
.divpersonnel {
	padding:10px;
	margin:0px 10px 10px 0px;
	float:left;
	background-color:#f5f5f5;
	width:300px;
	height:150px;
	border:1px #e5e5e5 solid;
}
.divpersonnel img {
	margin: 0px 10px 0px 0px;
	border:#000000 solid 1px;
}
.divdetails {
	padding:10px;
	margin:0px 10px 10px 0px;
	float:left;
	width:280px;
	height:160px;
	border:#336699 dotted 2px;
}
.divcachee {
	padding:10px;
	margin:10px 0px 10px 0px;
	clear: none;
	background-color:#f2f2f2;
	border:#a2a2a2 solid 1px;
	visibility: hidden;
	display:none;
}
/* ------- Tableaux ------------ */
.tdbleufonce {
	background-color:#0165bb;
	color:#FFFFFF
}
.tdbleumoyen {
	background-color:#87a2d7;
	color:#FFFFFF
}
.tdbleuclair { background-color:#e0e5f1; }
.tdbleufonce h1,
.tdbleumoyen h2 { color:#FFFFFF; }
/* -------- Navigation gauche lien 1er et 2me niveau -------- */
.nav {
	color : #FFFFFF;
	font-size: 1em;
	font-weight : normal;
	font-weight : normal;
	padding-left: 3px;
	border-bottom: 1px solid #93B7DA;
}
.subnav {
	font-size: 0.91em;
	color : #FFFFFF;
	font-weight : normal;
	background-color : #6F9FCD;
	border-bottom: 1px solid #93B7DA;
}
.nav a:link,
.nav a:visited,
.nav a:active,
.subnav a:link,
.subnav a:visited,
.subnav a:active {
	color:#FFFFFF;
	text-decoration:none;
}
.nav a:hover,
.subnav a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

a img {
    border-style:none;
}
.SH-nobel {
	FONT-SIZE: 9px; 
	COLOR: #ffffff
}
.SH-nobel2 {
	FONT-SIZE: 1em; 
	font-weight:bold;
	COLOR: #ffffff;
}

.extramenu {
    padding: 10px 10px;
}

.extramenu li {
    list-style: none;
    list-style-type: none font-color: #ffffff;
    padding: 3px;
}
.extramenu li a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

html, body {
height: 100%;
}

body {
width: 100%;
  margin-right: auto;
  margin-left : auto;
}

td img{
  line-height:0;
  vertical-align:middle;
}

.header-panel {
width: 782px;
height: 126px;
background-image:url(img/banner_small.jpg);
background-repeat:no-repeat;
font-size: x-large;
  margin-right: auto;
  margin-left : auto;
}

.header-container {
position: relative;
width:auto;
height:35px;
top: 80px;
//left: 10px;
}

.header-container img{
position:absolute;
left: 10px;
}

.header-container form{
position: absolute;
bottom: 8px;
right: 8px;
}

.hamburger {
position: relative;
left: -0px;
opacity: 1.0;
}


.bodyarea {
position:relative;

width: 782px;
  margin-right: auto;
  margin-left : auto;
  overflow:hidden;
  display:flex;
}
.menu-panel, .main, .swipe, .fade-layer, {
top: 0;

}

.menu-panel {
//position: fixed;
//position: relative;
position: absolute;
width: 220px;

z-index: 500;
left: -220px;

transition: all 0.4s;

}

.menu-panel a {

}

.main {
	//position:relative;
	//position:absolute;
	position:relative;
	top: 0px;
	width: 782px;
 	left: 0px;
	//flex: 1;
	
	    transition: all 0.4s;
}


.pagecontents {
	position:relative;
	margin: 5px 17px 40px 17px;
}
.menu-open {
    -webkit-transform: translate(220px, 0);
          transform: translate(220px, 0);
}

.swipe {
    position: fixed;
//    min-width: 20px;
}


.fade-layer {
    position: fixed;
    width: 100%;
	height:100%;

    background-color: rgba(0, 0, 0, 0);
    opacity:0.5;
    visibility: hidden;
    z-index:1;

    transition: background-color 0.4s;
}


@media only screen and (min-width: 1000px) {
    .menu-panel {
		position:relative;
		float:left;
		left: 0px;
        top: 0px;
		transition: all 0s;
    }

    .main, .swipe {
        position:relative;
		top: 0px;
 		left:0px;
		position:relative;
    }

    .header-panel {
		width: 1002px;
		background-image:url(img/banner_large.jpg);
		left: 0px;
	}

    .hamburger {
        visibility: hidden;
    }

	.bodyarea {
	width: 1002px;
}

.c​l​e​a​r​f​i​x​:​a​f​t​e​r​ ​{
​c​o​n​t​e​n​t​:​ ​"​.​"​;​
​d​i​s​p​l​a​y​:​ ​b​l​o​c​k​;​
​c​l​e​a​r​:​ ​b​o​t​h​;
​h​e​i​g​h​t​:​ ​0​;
​v​i​s​i​b​i​l​i​t​y​:​ ​h​i​d​d​e​n​;
​}

​.c​l​e​a​r​f​i​x​ ​{
​m​i​n​-​h​e​i​g​h​t​:​ ​1​p​x​;
​}

​*​ ​h​t​m​l​ ​.​c​l​e​a​r​f​i​x​ ​{
​h​e​i​g​h​t​:​ ​1​p​x​;
​/​*​\​*​/​/​*​/
​h​e​i​g​h​t​:​ ​a​u​t​o​;
​o​v​e​r​f​l​o​w​:​ ​h​i​d​d​e​n​;
​/​*​*​/
​}

}

.cp {
	text-align: center;
	padding: 3px 0px 3px 0px;
}