/* -------------------------------------------------------- */
/*                        COMPUTERS                           */
/* -------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	height:100%;
	background:#FFFFFF;
	font-family: "Tahoma";
	font-size: 10pt;
	color: #505050;
}

#toptop {
	position : absolute;
	top : -2500px;
}

/* --- HEADER --- */

#header {
	margin: 0;
	padding : 0 0 0 0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(29%, rgba(255,255,255,1)), color-stop(77%, rgba(173,200,221,1)), color-stop(100%, rgba(134,174,204,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#86aecc', GradientType=1 );	
	background-size: 100%;
	background-position: left;
	background-repeat : no-repeat;
	overflow: hidden;
}

#header_left {
	width: 50%;
	padding:  0 0 0 .5em;
}

#header_right {
	width: 50%;
	padding: .2em 1% 0 .5em;
}


#header .imglogo {
	margin: 0 0 0 0;
	width: 85%;
	max-width: 324px;
}

.content {
	width: 100%;
	margin: 0;
	padding: 0.6% 0 0 0;
	background:#FFFFFF;
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	overflow: hidden;
	color:#787878;
	text-align: justify;
	text-justify: inter-word;
}

a {
	font-family: 'Nunito';
	text-decoration: none;
	color: #008ac8;
}

a:hover {
	background-color: #e0e0e0;
	border-radius: 50%;
	color: #015e97;
}

/* --- VALIGN CENTER --- */

.valigncenter {
	margin:0;
	padding:0;
	line-height: 2em;
}

.valigncenter img {
	vertical-align: middle;
	padding: 0 0 0 .8em;
	width: 1.4em;
}

.valigncenter span {
	margin:0;
	padding: 0 0 0 1em;
	vertical-align: middle;
}

/* --- FLATLIST --- */
	
ul.flatlist {
	margin: 0;
	padding: .5em 0 .5em 0;
}

ul.flatlist  li{
	margin: 0 0 0 2em;
}	

/* --- BANNER --- */

#banner {
	margin: 0 0 0 0; 
	padding: 0.1% 1% 0.1% 0;
	background-color: #4498da;
	overflow: hidden;
	text-align: right;
	font-family: 'Nunito';
	font-size: 1.3em;
	color: #FFFFFF;
}

/* --- PAGE TITLE --- */

#pagetitlecontent {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#pagetitle {
	width: 90%;
	margin: 0 0 0 10%;
	padding: .8em 0 0 0;
	font-size: 2.2em;
	font-family: 'Arial', cursive;	
	color: #015e97;
	text-align: left;
}

#pagetitle p {
	padding: 0;
	margin: .4em 0 0 0;;
}

/* --- CONTAINERS (MI-ECRAN) --- */

.container-left {
	float: left;
	width: 40%;
	max-width: 480px;
	margin: 0 0 0 10%;
	padding: 0 1% 0 0;
}

.container-right {
	float: left;
	max-width: 50%;
	padding: .5em 1% 0 0;
	margin: 0 0 0 2em;
	text-align: right;
}

.container-wide {
	margin: 0 0 0 10%;
	padding: 0 0 0 0;
	width: 920px;
	max-width: 920px;
	border-radius: 5px;
}

.graphic {
	margin: .6em 0 0 0;
	width: 90%;
	max-width: 90%;
}

.graphic_mbsbar {
	width: 310px;
	margin: .5em 0 .5em 0;
}

.graphic_methodo {
	margin: .6em 0 0 0;
	width: 90%;
	max-width: 90%;
}

.graphic_70 {
	margin: .6em 0 0 0;
	width: 70%;
	max-width: 70%;
}	

.contact_mbsimage {
	visibility: hidden;
	width: 50%;
	padding: 0 5% 0 0;
}
	
/* ---DISCLAIMERS --- */

.disclaimer {
	float: left;
    background-color: #F5F5F5;
    width: 350px;
    height: 100%;
	margin: 1% 0 0 1%;
	padding: 0 0 0 0;
	border-radius: 5px;
}

.disclaimer p {
	padding: 0 3em 0 1em;
	margin: .5em 0 0 0;
}

.disclaimertitle {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 1.5em;
	background-color: #4498da;
	font-size: 1em;
	color: #FFFFFF;
	border-radius: 5px;
}

.paddingleft {
	padding: 0 5em 0 0;
}

.disclaimertitle p {
	margin: 0;
	padding: 0 0 0 7px;
}

/* --- METHODOLOGIE --- */

.methodocontainer {
	min-width: 480px;
}

.methodotitle {
	width: 100%;
	padding: 0 0 0 0;
	margin: 1em 0 0 0;
	height: 1.5em;
	background-color: #008ac8;
	font-size: 1em;
	color: #ffffff;
	border-radius: 5px;
}

.methodotitle label {
	color: #FFFFF;
	padding: 0 0 0 3.5%;
	vertical-align: top;
	background-color: #008ac8;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}
	
.methodotitle img {
	padding: 0;
	max-width: 100px;
	vertical-align: middle;
}

ul.methodolist {
	margin: 0;
	padding: .7em 0 .5em 0;
}

ul.methodolist  li{
	margin: 0 0 0 26%;
}	

/* --- BOTTOM --- */

#pagebottom {
	width: 920px;
	max-width: 920px;
	margin: 6em 0 0 10%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #787878;
}

/* --- MENU --- */

.menu {
	margin: 0 0 0 0;
	padding: 0 0 0 9.4%;
	background: #eee;
	min-height: 2em;
	line-height: 1em;
	font-family: 'Nunito';
	font-stretch: condensed;
	font-size: 1.1em;
}

.menu > ul {
	transition: max-height 0.25s linear;
}

.menu ul {
	margin: 0 0 0 0;
	padding: .25em;
	text-align: left;
}
	
.menu li {
	transition: visibility .25s linear;
	display: inline-block;
	color: #6692b9;
	border-style:solid;
	border-width:1px 0 1px 0;
	border-color:#ceddea;
	padding: .25em 1em;
	position: relative;
}

.menu ul li:hover {
	color: #476690;
	border-style:solid;
	border-width:1px 0 1px 0;
	border-color:#476690;
}

.navbar-checkbox {
  display: none;
}

.navbar-handle {
  display: none;
  cursor: pointer;
  position: relative;
  font-size: 45px;
  padding: .5em 0;
  height: 0;
  width: 1.66666667em;
  border-top: 0.13333333em solid;
}

.navbar-handle:before,
.navbar-handle:after {
  position: absolute;
  left: 0;
  right: 0;
  content: ' ';
  border-top: 0.13333333em solid;
}

.navbar-handle:before {
  top: 0.37777778em;
}

.navbar-handle:after {
  top: 0.88888889em;
}

.menu {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.menu .navbar-handle {
  position: absolute;
  font-size: 1.2em;
  top: 0.28em;
  right: 1%;
  z-index: 10;
}