﻿body
{
	/*margin: 0px;
	padding: 0px;*/
}

A.Grey85 {color:#808080; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Grey85:active {color:#808080; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Grey85:active:hover {color:#808080; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Grey85:hover {color:#808080; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Grey85:visited {color:#808080; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Grey85:visited:hover {color:#808080; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}

A.Orange {color:#E5B164; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Orange:active {color:#E5B164; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Orange:active:hover {color:#E5B164; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Orange:hover {color:#E5B164; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Orange:visited {color:#E5B164; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}
A.Orange:visited:hover {color:#E5B164; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8.5pt; font-weight: bold;}

A.cp {color:#00757B; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8pt;}
A.cp:active {color:#00757B; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8pt;}
A.cp:active:hover {color:#00757B; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8pt;}
A.cp:hover {color:#00757B; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8pt;}
A.cp:visited {color:#00757B; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8pt;}
A.cp:visited:hover {color:#00757B; font-family: Arial Unicode MS, Arial, helvetica; font-size : 8pt;}

.Noir12
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 12pt;
	color: #000000;
	font-weight: bold;
}

.Vert12
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 12pt;
	color: #008080;
	font-weight: bold;
}

.Bleu12
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 12pt;
	color: #213568;
	font-weight: bold;
}

.Vert85Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #008080;
	font-weight: bold;
}

.Vert8
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8pt;
	color: #008080;
	font-weight: normal;
}


.Noir85
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 9.5pt;
	color: #000000;
	font-weight: normal;
	text-align: justify;
}

.Noir85Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #000000;
	font-weight: bold;
}

.Noir12Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 12pt;
	color: #000000;
	font-weight: bold;
}

.Noir14Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 14pt;
	color: #000000;
	font-weight: bold;
}

.Grey85
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #808080;
	font-weight: normal;
	text-align: justify;
}

.Grey85U
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #808080;
	font-weight: normal;
	text-align: justify;
	text-decoration: underline;
}

.Grey85Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #808080;
	font-weight: Bold;
	text-align: justify;
}

.Grey11Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 12pt;
	color: #808080;
	font-weight: Bold;
	text-align: justify;
}

.White85
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #FFFFFF;
	font-weight: normal;
}

.Orange85
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #E5B164;
	font-weight: normal;
}

.Orange85Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #E5B164;
	font-weight: bold;
}

.Orange9Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 12pt;
	color: #E5B164;
	font-weight: bold;
}

.Red85Bold
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #FF0000;
	font-weight: bold;
}

.Noir8
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8pt;
	color: #000000;
	font-weight: normal;
}

.checkbox
{
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	background-color: #FFFFFF;
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #808080;
}

.input
{
	border-right: #016386 1px solid;
	border-top: #016386 1px solid;
	border-left: #016386 1px solid;
	border-bottom: #016386 1px solid;
	background-color	: #FFFFFF;
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
}

.inputError
{
	border-right: #016386 1px solid;
	border-top: #016386 1px solid;
	border-left: #016386 1px solid;
	border-bottom: #016386 1px solid;
	background-color: #FFC0CB;
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
}

.ListBox
{
	background-color: #FFFFFF;
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	margin-right: 0px;
}

.required {
    position: relative;
    left: -8px;
}

textarea
{
	border-right: #016386 1px solid;
	border-top: #016386 1px solid;
	border-left: #016386 1px solid;
	border-bottom: #016386 1px solid;
	background-color: #FFFFFF;
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
}

.RedObligatoire
{
	font-family: Arial Unicode MS, Arial, helvetica;
	font-size : 8.5pt;
	color: #A13F26;
	font-weight: bold;
	text-align: center;
}


.grey85profile
{
	font-family: arial,helvetica;
	font-size : 8pt;
	color: #8EA5B1;
	font-weight: normal;
}
	
.green85profile
{
	font-family: arial,helvetica;
	font-size : 8pt;
	color: #00757B;
	font-weight: normal;
}

.hidden {
  display:none;
}

a[id*=lnkBtnChangeLanguage],
a[id*=lnkBtnChangeLanguage]:active,
a[id*=lnkBtnChangeLanguage]:hover,
a[id*=lnkBtnChangeLanguage]:focus {
    /*display: none;*/
    color: #084694;
}

td.style2 li {
    list-style-image : url('Images/bullet.gif');
}

span#lblDeclaration1 {
    display: none;
}

h1 {
    font-family: arial, 'sans-serif';
    color: #5b5757;
    margin: 1em 0;
    font-size: 2em;
}

div#selector {
    width: 775px;
}

div#selector > table {
    width: 100%;
    border-spacing: 0;
}

div#selector > table td {
    text-align: center;
}

div#bottom {
    clear: both;
    padding-top: 2em;
    text-align: left
}

div#bottom > span {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-family: arial, 'sans-serif';
    color: #5b5757;
}

div.index-column {
    float: left;
    width: 49%
}

div.index-column p {
    width: 85%
}

a.button {
    background-color: #00BBCC;
    display: inline-block;
    padding: 10px 30px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    border: 1px solid #58585A;
    margin: 10px 0;
}

a.button:active {
    background-color: #009fad;
}

tr#lang-es, tr#lang-ma {
    display: none;
}



div#recruter {
    width: 960px;
}
div#recruter #video {
    float: left;
    width: 50%;
}
div#recruter #nav {
    float: right;
    padding-top: 100px;
    width: 50%;
    text-align: right;
    margin: 0px auto
}
div#recruter #psi {
    float: left;
    padding-top: 100px;
    width: 50%;
    clear: left;
}
div#recruter #calc {
    float: right;
    width: 50%;
    padding-top: 60px;
    margin-bottom: 60px;
}

div#nav .button {
    display: inline-block;
    width: 200px;
    text-align: center;
}

div#calc img {
    width: 90%
}

div#video span:first-child {
    font-weight: bold;
}
div#video span {
    display: block
}

#RadioHF {
    float: left;
    margin: 0;
}
#RadioHF li {
    font: inherit;
    display: inline-block;
    margin-right: 1em;
}