/* ------------------------------ */
/* -- CSS By Prezenz		----- */
/* -- www.prezenz.com		----- */
/* ------------------------------ */

/* ------------------------------ */
/* -- STRUCTURE				----- */
/* ------------------------------ */

html {
	height:100%;
	margin:0px;
	padding:0px;
}

body {
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body.lightwindow {
  background-color:#FF0000;
}

a {
	color:#6E8CA0;
	text-decoration:none;
}

a.home {
  background-image:url(../images/accueil.gif);
  background-position:left;
  padding-left:16px;
  background-repeat:no-repeat;
}

a:hover {
	color:#333333;
}

img {
	border:0px;
	vertical-align:middle;
}

form {
	margin:0px;
	padding:0px;
}

ul { margin-top: 6px; margin-bottom: 6px; }
.li-link { list-style-image: url(../images/link.gif); line-height: 20px; padding-left:5px; vertical-align:middle; }
.li-list { list-style-image: url(../images/bullet-list.gif); line-height: 15px; margin-left:2px; margin-top:2px;  }

/* ------------------------------ */
/* -- HEADER				----- */
/* ------------------------------ */

#header {
	height:117px;
	background-image:url(../images/header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#logo {
	padding-left:10px;
}

#logo_print {
	display:none;
}

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

#page {
	width:961px;
}

/* ------------------------------ */
/* -- SUBHEADER				----- */
/* ------------------------------ */

#subheader {
	color:#888888;
	background-image:url(../images/new/top_nav_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:12px;
	height: 48px;
}

#clientbox {
	float:right;
	text-transform:uppercase;
	font-size:12px;
	padding-top: 20px;
	padding-right:10px;
}

#searchbox {
	padding-top: 20px;
}

#onglet {
	float:left;
}

#onglet ul {
	display: inline;
	list-style: none;
}

#onglet ul li {
	display: inline;
	list-style: none;
}

#onglet ul li a {
	display: block;
	float: left;
	width:140px;
	height:20px;
	background-image:url(../images/new/tab_top_default.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#EEEEEE;
	color:#4D4D4D;
	font-size:14px;
	text-align: center;
	padding-top: 28px;
	padding-right: 4px;
}

#onglet ul li a.active {
	background-image:url(../images/new/tab_top_selected.gif);
}

#onglet ul li.white a.active {
  background-image:url(../images/new/tab_top_selected_white.gif);
}

#onglet ul li a.active.white {
  background-image:url(../images/new/tab_top_selected_white.gif);
}

#onglet ul li.white a:hover {
	background-image:url(../images/new/tab_top_selected_white.gif);
}

#onglet ul li a.white:hover {
	background-image:url(../images/new/tab_top_selected_white.gif);
}

#onglet ul li.grey a.active {
  background-image:url(../images/new/tab_top_selected_grey.gif);
}

#onglet ul li a.active.grey {
  background-image:url(../images/new/tab_top_selected_grey.gif);
}

#onglet ul li.grey a:hover {
	background-image:url(../images/new/tab_top_selected_grey.gif);
}

#onglet ul li a.grey:hover {
	background-image:url(../images/new/tab_top_selected_grey.gif);
}


#onglet ul li a:hover {
	background-image:url(../images/new/tab_top_selected.gif);
}

/* ------------------------------ */
/* -- BOX-NEWS				----- */
/* ------------------------------ */

#box-news {
	height:238px;
	background-image:url(../images/box-actualite.gif);
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
}

/* ------------------------------ */
/* -- BOX-COMPANY			----- */
/* ------------------------------ */

#box-company {
	height:238px;
	background-image:url(../images/box-societe2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
}

/* ------------------------------ */
/* -- MAIN-NEWS				----- */
/* ------------------------------ */

#main-news {
	min-height:238px;
	padding:0px;
	margin:0px;
	background-image:url(../images/box-actualite.gif);
	background-position:top left;
	background-repeat:no-repeat;
	clear:both;
	margin-top: 15px;
}

* html #main-news {
	height:238px;
}

#main-news-bottom {
	padding:0px;
	margin:0px;
	background-image:url(../images/box-actualite.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

/* ------------------------------ */
/* -- MAIN-COMPANY			----- */
/* ------------------------------ */

#main-company {
	min-height:238px;
	padding:0px;
	margin:0px;
	clear:both;
	background-image:url(../images/box-back-societe.gif);
	background-repeat:repeat-y;
	padding-top: 15px;
}

* html #main-company {
	height:238px;
}

#main-videos {
  padding:15px;
  background-color:#EDEEF0;
  background-image:url(../images/corner-videos.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.lastvid {
  padding:10px;
  background-color:#FFFFFF;
}

.vid {
  padding-bottom:15px;
}

.vidlink {
  border-top:1px solid #888888;
  padding-top:5px;
}

.vidnewsletter {
  background-color:#DDE9EB;
  margin-top:15px;
  padding:10px;
}

#content-videos {
  background-color:#FFFFFF;
  padding:15px;
  padding-left:20px;
  padding-right:20px;
  width:640px;
}

.content-videos-link {
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  padding-right:5px;
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  background-image:url(../images/new/videolinks_bg.gif);
  background-repeat:no-repeat;
  width:150px;
  height:45px;
}

.content-videos-link p {
  margin:0px;
  padding:0px;
  line-height:18px;
}

.content-videos-text {
  padding:10px 20px 10px 20px;
  width:480px;
}

.content-videos-comments {
  clear:both;
  margin-left:20px;
  margin-right:20px;
}

.content-videos-comment-corner {
  background-image:url(../images/new/comments_corner.gif);
  background-repeat:no-repeat;
  width:32px;
  height:16px;
  padding-left:32px;
}

.content-videos-comment {
  padding:10px 20px 10px 20px;
  background-color:#FFFFFF;
}

.content-videos-comment .fullname {
  border-bottom:1px #888888 solid;
  font-weight:bold;
  margin-bottom:1px;
}

.content-videos-comment .date {
  float:right;
}

#main-company-bottom {
	padding:0px;
	margin:0px;
	background-image:url(../images/box-societe2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#main-company-mini {
	height:11px;
	padding-bottom:10px;
	padding-top:3px;
	background-image:url(../images/box-small-societe.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:5px;
	clear:both;
}

.content-company {
	padding:0px;
	margin:0px;
}

.content-news {
	padding:0px;
	margin:0px;
	background-image:url(../images/box-back-actualite.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

.content-company .blocktext {
	width:680px;
	padding:10px;
	padding-top:0px;
	margin:0px;
	margin-left:238px;
	min-height:353px;
}

.content-news .blocktext {
	width:700px;
	padding:10px;
	margin:0px;
	margin-top:65px;
	margin-left:238px; 	
	min-height:353px;
}

* html .content-company .blocktext {
	height:353px;
}

* html .content-news .blocktext {
	height:353px;
}

.continuite {
	background-image:url(../images/bg_continuite_1.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 86px;
}

.actualite {
  border-top:1px #fff solid;
	background-image:url(../images/bg_actualite_07.gif);
	background-position:top left;
	background-repeat:no-repeat;
}


/* ------------------------------ */
/* -- BOX DIVERS			----- */
/* ------------------------------ */

#main-news-mini #details, #main-company-mini #details {
	float:right;
	width:710px;
	font-size:12px;
	padding-top:1px;
	padding-left:13px;
}

.left {
	float:left;
	padding-top:25px;
	width:238px;
	position:relative;
	top:-101px;
}

.continuite .left {
  background-image: url( ../images/back-continuite-left.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.actualite .left {
  top:-15px;
}

.corner {
  display:none;
}

.infotext {
  background-color:#EEEEEE;
  padding:10px;
  margin-bottom:20px;
}
/* -- langue	----------------- */

.langue {
	float:right;
	text-align:right;
	padding-right: 12px;
	padding-top: 2px;
	font-size:10px;
	color:#FFFFFF;
}

.langue a {
	color:#FFFFFF;
}

.langue a.hover {
	color:#333333;
}

.langue a.active {
	color:#333333;
}

/* -- h1		----------------- */

h1 {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:16px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	padding-left:10px;
}

h1 a {
	color:#FFFFFF;
}

/* -- h2		----------------- */

h2 {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-bottom:12px;
}

/* -- menu		----------------- */

.menu {
	color:#FFFFFF;
	font-size:13px;
}

.menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:230px;
}

.menu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	padding-bottom:3px;
}

.menu ul li ul {
	margin:0px;
	padding:0px;
	padding-top:3px;
}

.menu ul li ul li {
	margin:0px;
	padding:0px;
	padding-bottom:3px;
	font-size:12px;
}

.menu ul li a {
	color:#FFFFFF;
	display:block;
	padding-left:10px;
}

#box-company .menu ul li a:hover, #main-company .menu ul li a:hover {
	color:#FFFFFF;
	background-color:#398793;
}

#box-company .menu ul li a.active, #main-company .menu ul li a.active {
	color:#FFFFFF;
	background-color:#398793;
}

#box-news .menu ul li a:hover, #main-news .menu ul li a:hover {
	color:#FFFFFF;
	background-color:#73B2CA;
}

#box-news .menu ul li a.active, #main-news .menu ul li a.active {
	color:#FFFFFF;
	background-color:#73B2CA;
}

#box-news .menu ul li ul li a, #box-company .menu ul li ul li a, #main-news .menu ul li ul li a, #main-company .menu ul li ul li a {
	color:#DDDDDD;
	background-image:url(../images/right_arrow_light.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	background-position:middle;
}

#box-news .menu ul li ul li a:hover, #box-company .menu ul li ul li a:hover, #main-news .menu ul li ul li a:hover, #main-company .menu ul li ul li a:hover {
	color:#FFFFFF;
	background-image:url(../images/right_arrow.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	background-color:transparent !important;
}

#box-news .menu ul li ul li a.active, #box-company .menu ul li ul li a.active, #main-news .menu ul li ul li a.active, #main-company .menu ul li ul li a.active {
	color:#FFFFFF;
	background-image:url(../images/right_arrow.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	background-color:transparent !important;
}

#box-news .menu ul li ul li ul li a, #box-company .menu ul li ul li ul li a, #main-news .menu ul li ul li ul li a, #main-company .menu ul li ul li ul li a {
	color:#DDDDDD;
	background-image:url(../images/right_arrow_light.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:20px;
	background-position:middle;
}

#box-news .menu ul li ul li ul li a:hover, #box-company .menu ul li ul li ul li a:hover, #main-news .menu ul li ul li ul li a:hover, #main-company .menu ul li ul li ul li a:hover {
	color:#FFFFFF;
	background-image:url(../images/right_arrow.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:20px;
	background-color:transparent !important;
}

#box-news .menu ul li ul li ul li a.active, #box-company .menu ul li ul li ul li a.active, #main-news .menu ul li ul li ul li a.active, #main-company .menu ul li ul li ul li a.active {
	color:#FFFFFF;
	background-image:url(../images/right_arrow.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:20px;
	background-color:transparent !important;
}

/* ------------------------------ */
/* -- FORM					----- */
/* ------------------------------ */

input {
	border:1px solid #888888;
	color:#444444;
	font-size:11px;
}

input.button {
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#AAAAAA;
}

input.buttonlarge {
  padding:2px;
	padding-left:5px;
	padding-right:5px;
	background-color:#AAAAAA;
}

input.radio {
	border:0px; 
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}

select {
	border:1px solid #888888;
	color:#444444;
	font-size:11px;
}

textarea {
	border:1px solid #888888;
	color:#444444;
	font-size:11px;
}

/* ------------------------------ */
/* -- FOOTER				----- */
/* ------------------------------ */

#footer {
	border-top:1px solid #888888;
	color:#888888;
	font-size:11px;
	padding:4px;
	margin-top:20px;
	clear:both;
	width:961px;
}

#footer a {
	color:#888888;
}

#footer a:hover {
	color:#333333;
}

#footer .right {
	float:right;
}

/* ------------------------------ */
/* -- ADD-ON New CSS		----- */
/* ------------------------------ */

td.box {
  width:246px;
  border-right:12px solid #DDE9EB;
  background-color:#FFFFFF;
  padding:12px 6px 6px 6px;
}

td.fullbox {
  background-color:#FFFFFF;
  border-right:12px solid #DDE9EB;
  padding:12px 6px 6px 6px;
}

td.box p {
  font-size:12px;
  padding-left:6px;
  padding-right:6px;
  height:50px;
}

td.rect {
  width:500px;
  height:30px;
  border-right:12px solid #DDE9EB;
  background-color:#FFFFFF;
  color:#146C7A;
  padding:0px 0px 0px 6px;
  font-size:13px;
}

img.tab {
  text-decoration:none;
  border:none;
  outline:none;
}

#right-column-tble {
	padding: 10px;
	background-color:#FFFFFF;
}

#right-column-tble h2 {
	color: #888888;
	font-weight: normal;
}

#right-column-tble-blue {
	padding: 10px;
	background-color:#73b2CA;
}

#right-column-tble-blue h2 {
	color: #FFFFFF;
	font-weight: normal;
}

a.pdf-white {
  background-image:url(../images/icon-document-white.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.pdf-lightblue {
  background-image:url(../images/icon-document-lightblue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.pdf-blue {
  background-image:url(../images/icon-document-blue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.web-white {
  background-image:url(../images/icon-earth-white.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.web-lightblue {
  background-image:url(../images/icon-earth-lightblue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.web-blue {
  background-image:url(../images/icon-earth-blue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.more-white {
  background-image:url(../images/icon-arrow-white.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.more-lightblue {
  background-image:url(../images/icon-arrow-lightblue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

a.more-blue {
  background-image:url(../images/icon-arrow-blue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:16px;
}

.article {
  padding-top:12px;
  border-top:1px solid #888888;
  margin-bottom:12px;
}

.article-blue {
  padding-top:12px;
  border-top:1px solid #FFFFFF;
  margin-bottom:12px;
}

span.new {
  color: #FFFFFF;
  background-color: #197b89;
  font-size:9px;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
  margin-left: 5px;
}