/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
}
a {
	color: #070C86;
	text-decoration: none;
}
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #F2F7FD;
	background-color: #070C86;
	text-decoration: none;
}
input {
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	vertical-align: bottom;
	color: #070C86;
	background-color: #edf3fc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: auto;
}
input:hover {
	color: #F2F7FD;
	background-color: #070C86;
}
h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 120%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #070C86;
	font-family: Arial, sans-serif;
	font-size: 130%;
	font-weight: bold;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	color: #070C86;
	font-family: Arial, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #006600;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
td {
	text-align: left;
}
ul {
	list-style-type: square;
}
ul ul {
	list-style-type: disc;
}
ul ul ul {
	list-style-type: none;
}
label {
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#panoGauche {
	float: left;
	width: 14%;
	padding: 0;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#panoGvide {
	float: left;
	width: 4%;
	padding: 0;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#panoDroite {
	float: right;
	width: 16.5%;
	padding: 0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content {
	float: left;
	width: 55%;
}
#content2 {
	float: left;
	width: 58%;
}
#content3 {
	float: left;
	width: 79%;
}
#content4 {
	float: left;
	width: 92%;
}
/************* #navigBar styles **************/
#navigBar {
	color: #070C86;
	letter-spacing: 0.05em;
	background-color: #070C86;
	text-align: center;
	line-height: 10px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#navigBar a {
	font-size: 90%;
	padding: 0 4px 0 4px;
}
#navigBar select {
	font-size: 120%;
	padding: 0 4px 0 4px;
}
#naviAvecLangue {
	padding: 0 0 0 0;
	margin: 0px;
	height: 23px;
}
/************* #siteInfo styles ***************/
#siteInfo {
	color: #070C86;
	letter-spacing: 0.05em;
	background-color: #070C86;
	text-align: center;
	line-height: 10px;
	clear: both;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	clip: rect(auto,auto,auto,auto);
}
#siteInfo img {
	padding: 0 4px 0px 16px;
	vertical-align: middle;
}
#siteInfo a {
	font-size: 90%;
	padding: 0 4px 0 4px;
}
#bandeauInfo {
	padding: 0 0 0 0;
	vertical-align: bottom;
	clear: both;
	margin: 0px;
	height: 7px;
	background-color: #FFFFFF;
	background-image: url(images/menuombre2.png);
	background-repeat: repeat-x;
	background-position: center top;
}
/*************** #pageName styles **************/
#pageName {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
/************* #breadCrumb styles *************/
#breadCrumb {
	font-size: 80%;
	padding: 2px 0px 0 10px;
}
/************* #bandeau (bandeaux) styles *************/
#bandeauDessous {
	padding: 0 0 0 0;
	vertical-align: top;
	margin: 0px;
	height: 7px;
	background-color: #FFFFFF;
	background-image: url(images/menuombre1.png);
	background-repeat: repeat-x;
	background-position: center top;
}
div#entete {
	margin: 0px;
	height: 113px;
	background-color: #DEEFF7;
}
div#entete2 {
	height: 113px;
	background: url(images/bandeau-ET.png) no-repeat center top;
}
div#entete2:hover {
	background-color: #DEEFF7;
}
/************** .feature styles ***************/
.feature {
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}
.feature h3 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}
.feature img {
	float: left;
	padding: 10px 10px 0px 0px;
}
/************** .story styles *****************/
.story {
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 14px;
	text-align: justify;
	color: #003300;
	font-style: normal;
}
.story p {
	padding: 0px 0px 10px 0px;
}
.story2 {
	clear: both;
	padding: 10px 0px 0px 50px;
	font-size: 14px;
	text-align: justify;
	color: #003300;
	font-style: normal;
}
.story2 p {
	padding: 0px 0px 10px 0px;
}
/*********** #panoGauche link styles ***********/
#panoGauche ul a:link, #panoGauche ul a:visited {
	display: block;
}
#panoGauche ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#panoGauche li {
	border-bottom-width: 0;
	border-bottom-style: none;
}
/* fix for browsers that don't need the hack */
html>body #panoGauche li {
	border-bottom: none;
}
/*********** #sectionLinks styles ***********/
#sectionLinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	background-color: #F2F7FD;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-right-style: double;
	border-bottom-style: double;
	border-right-color: #1834BF;
	border-bottom-color: #1834BF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#sectionLinks h3 {
	padding: 10px 0px 2px 10px;
}
#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
#sectionLinks a:hover {
	color: #F2F7FD;
	background-color: #070C86;
	text-decoration: none;
}
/************** #advert (Publicites) styles **************/
#pubG01 {
	position: relative;
	margin: 0px;
	padding: 8px;
	font-size: 90%;
	background-color: #F2F7FD;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-right-style: double;
	border-bottom-style: double;
	border-right-color: #1834BF;
	border-bottom-color: #1834BF;
}
#pubG01 h3 {
	padding: 8px 0px 2px 8px;
}
#pubG01 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
#pubD01 {
	position: relative;
	margin: 0px;
	padding: 10px;
	font-size: 90%;
	background-color: #F2F7FD;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-right-style: double;
	border-bottom-style: double;
	border-right-color: #1834BF;
	border-bottom-color: #1834BF;
}
#pubD01 h3 {
	padding: 10px 0px 2px 10px;
}
#pubD01 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
#advert {
	padding: 10px 0px 10px 0px;
}
#advert img {
	display: block;
}
#advert2 {
	padding: 10px 10px 10px 0px;
}
#advert2 img {
	display: block;
}
#advert3 {
	padding: 10px 10px 10px 0px;
}
#advert3 img {
	display: block;
}
/**************     styles ******SSSS********/
.logo {
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	text-transform: uppercase;
	color: #5862a8;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}
.gras {
	font-weight: bold;
}
.bodyText {
	font-weight: bold;
	font-size: 12px;
	color: #003300;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
}
.subHeader {
	font-size: 14px;
	color: #070C86;
	line-height: 18px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}
.navText {
	color: #ffffff;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	background: #070C86;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #ecebd1;
	float: left;
}
.navText1 {
	color: #ffffff;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	background-color: #070C86;
	text-align: left;
	text-decoration: none;
	clear: both;
	border: 0 none #663333;
}
.navFoot {
	color: #070C86;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #ecebd1;
	float: left;
	background-color: #F2F7FD;
}
.navLang {
	color: #ffffff;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 13px;
	text-decoration: none;
	text-align: left;
	float: left;
	font-weight: normal;
	background-color: #070C86;
	border-right-style: none;
}
.markattention {
	font-weight: bold;
	font-size: 18px;
	color: #ff33cc;
	line-height: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.markatt1 {
	font-weight: bold;
	font-size: 12px;
	color: #070C86;
	line-height: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.markatt1:hover {
	font-weight: bold;
	font-size: 12px;
	color: #F2F7FD;
	line-height: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.markatt2 {
	font-weight: bold;
	font-size: 12px;
	color: #070C86;
	line-height: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.submit {
	color: #1834BF;
	background-color: #F2F7FD;
	vertical-align: bottom;
	border-top-width: 1.5px;
	border-right-width: 1.5px;
	border-bottom-width: 1.5px;
	border-left-width: 1.5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EDF3FC;
	border-right-color: #070C86;
	border-bottom-color: #070C86;
	border-left-color: #EDF3FC;
}
.Style1 {
	text-align: justify;
	font-size: 14px;
	color: #070C86;
	font-style: normal;
}
.Style1B {
	text-align: justify;
	font-size: 14px;
	color: #070C86;
	font-style: normal;
	font-weight: bold;
}
.Style2 {
	font-size: 14px;
	color: blue;
	font-style: normal;
}
.Style3 {
	font-size: 13px;
	font-style: normal;
	display: block;
	padding-bottom: 0;
	color: #0d1b71;
	padding-top: 0;
	letter-spacing: 0.1em;
	line-height: 16px;
}
.Style4 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #070C86;
}
.Style5 {
	font-size: 9px;
	color: #6699ff;
	font-style: normal;
	text-decoration: none;
	line-height: normal;
}
.style6 {
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
}
.style7 {
	font-size: 20px;
	color: #0d1b71;
	font-style: normal;
}
.style8 {
	font-size: 10px;
	color: red;
	font-style: normal;
}
.style9 {
	font-size: 18px;
	color: red;
	font-style: normal;
}
.Style10 {
	font-size: medium;
	font-style: normal;
	font-weight: bold;
}
.Style11 {
	font-size: xx-small;
}
.Style12 {
	font-style: italic;
	font-size: small;
}
.Style13 {
	font-size: large;
	font-weight: bold;
}
.Style14 {
	color: #0d1b71;
	font-weight: bold;
	font-size: 12pt;
	font-style: normal;
}
.Style15 {
	color: #003300;
}
.Style16 {
	color: #74400c;
	font-weight: bold;
}
.Style17 {
	color: #5862a8;
	font-weight: normal;
	font-size: 11pt;
}
.Style20 {
	text-align: justify;
	font-size: 13px;
	color: #070C86;
	font-style: normal;
}
.Style20B {
	text-align: justify;
	font-size: 13px;
	color: #070C86;
	font-style: normal;
	font-weight: bold;
}
.Style20N {
	text-align: left;
	font-size: 13px;
	color: #070C86;
	font-style: normal;
}
.Style21 {
	text-align: left;
	font-size: 14px;
	color: #070C86;
	font-style: normal;
	background-color: #F2F7FD;
}
.Style22 {
	background: transparent;
	color: #58A3B4;
	text-align: left;
	font-size: 14px;
	font-style: normal;
}
.Style23 {
	text-align: left;
	font-size: 12px;
	color: #0d1b71;
	font-style: normal;
	overflow: auto;
}
.Style24 {
	text-align: left;
	font-size: 12px;
	color: #09124a;
	font-style: normal;
}
.etoile {
	color: #FF0033;
}
.StyWhite {
	color: #FFFFFF;
	font-size: 14px;
}
.Stylien {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #070C86;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.Stylien:hover {
	text-decoration: underline;
}
.StylH3 {
	color: #070C86;
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.StyleJob {
	color: #333366;
	background-color: #B3B5DD;
	border: thin none #00ccff;
	font-size: 15px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.StyleJob:hover {
	color: #070C86;
	background-color: #B3B5DD;
	border: thin none #070C86;
	font-size: 15px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.StyleTouver {
	color: #333366;
	background-color: #F2F7FD;
	border: thin none #00ccff;
	font-size: 15px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.StyleTouver:hover {
	color: #070C86;
	background-color: #F2F7FD;
	border: thin none #070C86;
	font-size: 15px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.fondClair {
	background-color: #F2F7FD;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.caseVertClair {
	font-weight: bold;
	background-color: #F2F7FD;
}

