@charset "UTF-8";

body {
	margin: 0px;
	color: #616161;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, Univers, sans-serif;
	background-color: #fff;
	padding: 0px;
	height: 100%;
}

html {
	overflow-y: scroll;
}

/*****************************
  container
/*****************************/
.smallcontainer {
	width: 300;
	margin-left: auto;
	margin-right: auto;
}

.container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.bigcontainer {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

li {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
}

/*****************************
   title parameters
/*****************************/

/* large title( e.g. right content )*/
h1 {
	font-size: 1.7em;
	font-weight: 100;
	color: #0166b4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
	padding-bottom: 10px;
}

h1.alternate {
	color: #616161;
}

h2 {
	font-size: 1.5em;
}

h2.alternate {
	font-weight: 100;
}

h3 {
	font-size: 1.3em;
}

h3.alternate {
	font-weight: 100;
}

h4 {
	font-size: 1.2em;
}

h4.alternate {
	font-weight: 100;
}

h5 {
	font-size: 1.1em;
}

h5.alternate {
	font-weight: 100;
}

h6 {
	font-size: 1em;
}

h6.alternate {
	font-weight: 100;
}
/* sous-titre dans colonne centrale */
p.title {
	font-size: 1.5em;
	font-weight: 100;
	color: #757575;
	margin-top: 50px;
	margin-bottom: 20px;
}

/*textes généraux */
p, ol {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

p.leading {
	font-weight: bold;
	font-style: italic;
}

p.unspaced {
	margin-bottom: 0px;
}

/*****************************
        right column
/*****************************/
div.byNumbers {
	margin-top: 25px;
	margin-bottom: 50px;
}

/*  numbers  */
.contentright h4 {
	width: 65px;
	padding-top: 0px;
	margin-top: 0px;
	/*font-size:24px;*/
	font-size: 1.9em;
	font-weight: 100;
	color: #00a3eb;
	float: left;
	margin: 0px 10px 10px 0px;
}

/*  numbers  */
.contentrightwithleft h4 {
	width: 65px;
	padding-top: 0px;
	margin-top: 0px;
	/*font-size:24px;*/
	font-size: 1.9em;
	font-weight: 100;
	color: #00a3eb;
	float: left;
	margin: 0px 10px 10px 0px;
}

/* texts  */
.contentright p.numbers {
	margin: 10px 0 30px 0;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
	/*clear:both;*/
}

.contentrightwithleft p.numbers {
	margin: 10px 0 30px 0;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
	/*clear:both;*/
}

div.contentright p {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

div.contentrightwithleft p {
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

.contentright ul, .contentrightwithleft ul {
	padding-left: 15px;
}

/*****************************
        link colour
/*****************************/

/* generic links */
a:link {
	text-decoration: none;
	color: #00a3eb; /*color: #00a8ff;*/
}

a:visited {
	text-decoration: none;
	color: #0166b4;
}

a:hover {
	text-decoration: none;
	color: #0166b4;
	background-color: #efefef;
}

/*---- link1 (ex.: Email )-------*/
a.bleu1:link {
	text-decoration: none;
	color: #00a3eb; /*color: #00a8ff;*/
}

a.bleu1:visited {
	text-decoration: none;
	color: 616161;
}

a.bleu1:hover {
	text-decoration: none;
	color: #0166b4;
}

/*---- link2 (external, ex.: news /newsletter)-------*/
a.bleu2:link {
	text-decoration: none;
	color: #005caf;
}

a.bleu2:visited {
	text-decoration: none;
	color: 616161;
}

a.bleu2:hover {
	text-decoration: none;
	color: #00a3eb;
}

/*---- link3 (internal, ex.: vers d'autres pages)-------*/
a.bleu3:link {
	text-decoration: none;
	color: #0289d1;
}

a.bleu3:visited {
	text-decoration: none;
	color: 616161;
}

a.bleu3:hover {
	text-decoration: none;
	color: #316aae;
}

/*****************************
        BANNER AREA 
/*****************************/
.bannerArea {
	/*width: 100%;height: 200px;*/
	/*background-color: #4962e2; coueur de fond bleu*/
	
}

.bannerArea .container {
	width: 980px;
	position: relative;
}

/*.bannernav {
	padding-top: 20px;
	float: right;
	color: #112c4c;
	font-size: 10px;
	font-family:  Helvetica,Arial, Verdana,Univers,sans-serif;
}*/
.bannernav a {
	color: #000;
	text-decoration: none;
}

.bannernav a:visited {
	color: #666;
	text-decoration: none;
}

.bannernav a:hover {
	color: #0166b4;
	text-decoration: none;
}

.toplogo {
	padding-left: 0px;
	padding-top: 0px;
}

/*****************************
        TOP NAVIGATION AREA
/*****************************/
.topnavigationArea {
	background-color: #fff;
	margin-top: 0px;
}

.topnavigationArea .container {
	background-color: #fff;
	position: relative;
}

.topnavigationgroup {
	margin-left: 0;
	float: left;
	padding-left: 0px;
}

.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
	max-width: 167px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, Univers, sans-serif;
	float: left;
}

/*****************************
        CONTENT AREA
/*****************************/
.contentArea {
	width: 100%;
	margin-top: 0px;
}

.contentArea .container {
	padding-top: 0px;
	padding-bottom: 0px;
}
/*//////////////////////////  content alone /////////// */
.content {
	width: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}
/*//////////////////////////  content with left content  /////////// */
.contentwithleftcontent {
	width: 640px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	float: left;
}

.contentleft {
	width: 230px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
	float: left;
	margin: 0;
}

/*//////////////////////////  content with right content /////////// */
.contentwithrightcontent {
	width: 600px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
	float: left;
}

.contentright {
	width: 270px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	float: right;
	margin: 0;
}

/*//////////////////////////  content WITH left and right content /////////// */
.contentwithleftandrigthcontent {
	width: 540px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 10px;
	float: left;
}

.contentleftwithright {
	width: 230px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
	float: left;
	margin: 0;
}

.contentrightwithleft {
	width: 270px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	float: right;
	margin: 0;
}

.sideNavigationgroup {
	margin: 0px 0 25px 0;
}

/*****************************
       FOOTER AREA
/*****************************/
.footerArea {
	clear: both;
	width: 100%;
	margin-top: 0px;
	background-color: #fff;
	height: 30px;
}

.copyright {
	display: block;
	font-size: 0.8em;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
}

hr {
	clear: both;
	/*border-top-width: medium;
	border-right-width-value: medium;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-left-width-value: medium;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: none;
	border-right-style-value: none;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-left-style-value: none;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: -moz-use-text-color;
	border-right-color-value: -moz-use-text-color;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-left-color-value: -moz-use-text-color;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
	
	padding-top: 35px;*/
	margin-bottom: 30px;
	color: #c0c0c0;
}

.verticalText {
	text-align: center;
	vertical-align: middle;
	width: 20px;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	white-space: nowrap;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}

;

/* overlib hover window header */
table.olcg {
	padding: 5ppx;
	background-color: #777777;
}