body {
margin: 0;
font: 11px/14px Arial, sans-serif;
color: #000;
background: #efefef url(../images/bg.gif) repeat-x;
}
img {
border: none;
display: block;
}
a:focus {
outline:none;
}
a {
color:#3497CB;

}


a:hover {
text-decoration:none;
}

form {
margin: 0;
padding: 0;
}
#main {
margin: 0 auto;
width: 980px;
position: relative;
}
#header {
width: 964px;
height: 86px;
position: absolute;
top: 0;
left: 0;
background: url(../images/header-bg.png) no-repeat;
z-index: 99;
}
.logo {
position: absolute;
text-indent: -9999px;
overflow: hidden;
background: url(../images/logo.gif) no-repeat;
width: 178px;
height: 52px;
top: 17px;
left: 33px;
}
.top-nav {
float: right;
background: url(../images/top-nav-bg.gif) no-repeat;
margin: 0 26px 0 0;
display: inline;
}
.top-nav ul {
margin: 0;
padding: 0 0 0 1px;
background: url(../images/top-nav-bg-right.gif) no-repeat 100% 0;
float: left;
}
.top-nav ul li {
display: inline;
float: left;
padding: 5px 9px 7px;
}
.top-nav ul li.produits-item {
position: relative;
}
.top-nav ul li a {
color: #333;
text-decoration: none;
}
.top-nav ul li a.access {
background: url(../images/ico-lock.gif) no-repeat;
padding: 2px 0 5px 19px;
}
.top-nav ul li a:hover {
color: #467FBE;
}
#main-nav {
float: right;
margin: 25px 26px 0 0;
padding: 0 18px;
font-size: 13px;
line-height: 16px;
background: url(../images/main-nav-bg.gif) repeat-x;
clear: right;
display: inline;
}
#main-nav li {
float: left;
display: inline;
}
#main-nav li a {
text-decoration: none;
font-weight: bold;
color: #fff;
display: block;
padding: 9px 15px 10px;
}
/* dropdown */
#main-nav li:hover,
#main-nav li.hover {
position: relative;
}
#main-nav li.hover .menu-bg,
#main-nav li:hover .menu-bg {
display: block;
}
/* dropdown level two */
#main-nav li .menu-bg li.hover .menu-bg,
#main-nav li .menu-bg li:hover .menu-bg {
display: block;
}
#main-nav li.hover .menu-bg .menu-bg,
#main-nav li:hover .menu-bg .menu-bg {
display: none;
}

#main-nav li .menu-bg li.hover .menu-bg .menu-bg,
#main-nav li .menu-bg li:hover .menu-bg .menu-bg {
display: none;
}
#main-nav li .menu-bg li .menu-bg li.hover .menu-bg,
#main-nav li .menu-bg li .menu-bg li:hover .menu-bg {
display: block;
}
#main-nav .menu-bg {
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 999;
width: 210px;
background: url(../images/spacer.gif) repeat;
}
/*#main-nav .level-two {*/
#main-nav .level-2,
#main-nav .level-3 {
top: -6px;
left: 201px;
position: absolute;
}
#main-nav .menu-bg ul {
margin: 0;
padding: 0;
width: 210px;
background: url(../images/menu-bg.png) repeat-y;
float: left;
}
#main-nav .menu-top,
#main-nav .menu-bottom {
width: 210px;
background: url(../images/menu-top.png) no-repeat;
height: 6px;
float: left;
overflow: hidden;
font-size: 0;
margin: 0 0 0 0;
display: inline;
}
#main-nav .menu-bottom {
background: url(../images/menu-bottom.png) no-repeat;
height: 8px;
margin: 0;
}
#main-nav li ul li {
background: none;
margin: 0;
padding: 0;
font: 11px/14px Verdana, Arial, sans-serif;
width: 210px;
float: left;
}

#main-nav li ul li a {
color: #3D525F;
text-decoration: none;
padding: 5px 0 5px 10px;
margin: 0 0 0 2px;
width: 188px;
display: inline;
float: left;
position: relative;
font-weight: normal;
background: none;
}
#main-nav li a.active {
background-color: #f4f9fc;
color: #666;
}
#main-nav li:hover a,
#main-nav li.hover a {
background-color: #f4f9fc;
color: #666;
}
#main-nav li:hover ul li a,
#main-nav li.hover ul li a,
#main-nav li:hover ul li:hover ul li a,
#main-nav li.hover ul li.hover ul li a {
color: #3d525f;
}
#main-nav li:hover ul li:hover ul li a,
#main-nav li.hover ul li.hover ul li a,
#main-nav li:hover ul li:hover ul li:hover li a,
#main-nav li.hover ul li.hover ul li.hover li a {
background-color: #f4f9fc;
color: #3d525f;
}
#main-nav li:hover ul li:hover a,
#main-nav li.hover ul li.hover a,
#main-nav li:hover ul li:hover ul li:hover a,
#main-nav li.hover ul li.hover ul li.hover a,
#main-nav li:hover ul li:hover ul li:hover li:hover a,
#main-nav li.hover ul li.hover ul li.hover li.hover a {
color: #ff7909;
background-color: #fff;
}
#main-nav li ul li a.submenu {
background: url(../images/pointer.gif) no-repeat 184px 9px;
}
.seo-container {
overflow: hidden;
width: 100%;
padding: 86px 0 0;
}
.container {
overflow: hidden;
width: 100%;
background: url(../images/container-bg-repeat.gif) repeat-y;
}
.container-bg-holder {
background: url(../images/contaiber-bg-2.jpg) no-repeat;
min-height: 422px;
}
* html .container-bg-holder {
height: 422px;
}
.produits-box {
width: 541px;
position: absolute;
top: 13px;
left: -258px;
display: none;
}
#top-nav ul li.produits-item:hover .produits-box,
#top-nav ul li.produits-item.hover .produits-box {
display: block;
}
.produits-box-top,
.produits-box-bottom {
background: url(../images/product-bg-top.png) no-repeat;
height: 22px;
font-size: 0;
overflow: hidden;
float: left;
width: 100%;
}
.produits-box-bottom {
background: url(../images/product-bg-bottom.png) no-repeat;
height: 17px;
}
.produits-box-bg {
float: left;
width: 100%;
background: url(../images/product-bg.png) repeat-y;
}
.produits-box-body {
position: relative;
background: #fff url(../images/grad.gif) repeat-x 0 100%;
min-height: 143px;
margin: 0 11px 0 5px;
overflow: hidden;
padding: 0 0 10px;
}
* html .produits-box-body {
height: 143px;
overflow: visible;
}
.pr-col-1,
.pr-col-2,
.pr-col-3 {
float: left;
width: 115px;
padding: 5px 0 0 16px;
margin: 0 50px 0 0;
}
.pr-col-2 {
width: 125px;
}
.pr-col-3 {
margin: 0;
}
.produits-box h3 {
margin: 0 0 10px;
padding: 0 0 4px;
color: #467FBE;
font: bold 13px/16px Arial, sans-serif;
border-bottom: 1px solid #ccc;
text-align: center;
}
.produits-box ul {
margin: 0;
padding: 0;
font: 11px/14px Verdana, Arial, sans-serif;
float: none;
background: none;
}
.produits-box ul li {
list-style: none;
padding: 0 0 7px;
margin: 0;
float: none;
display: block;
}
.produits-box ul li a {
text-decoration: none;
color: #3D525F;
padding: 0;
margin: 0;
}
#top-nav ul li.produits-item:hover a,
#top-nav ul li.produits-item.hover a {
color: #467FBE;
}
#top-nav ul li.produits-item:hover .produits-box ul a,
#top-nav ul li.produits-item.hover .produits-box ul a {
color: #3D525F;
}
#top-nav ul li.produits-item:hover .produits-box ul a:hover,
#top-nav ul li.produits-item.hover .produits-box ul a:hover {
color: #467FBE;
}
.footer {
overflow: hidden;
width: 100%;
background: url(../images/container-bg-bottom.gif) no-repeat;
height: 60px;
}
.footer ul {
width: 100%;
text-align: center;
margin: 19px 0 0;
padding: 0;
}
.footer ul li {
display: inline;
background: url(../images/sep.gif) no-repeat 0 3px;
padding: 0 1px 0 6px;
}
.footer ul li.first {
background: none;
}
.footer ul li a {
color: #666;
text-decoration: none;
}
.footer ul li a:hover {
text-decoration: underline;
}
.footer p {
margin: 3px 0 0;
color: #666;
text-align: center;
}
.main-area {
float: left;
width: 665px;
margin: 35px 0 0 50px;
display: inline;
}
.heading {
background: url(../images/shadow.gif) no-repeat 0 100%;
padding: 0 0 21px;
margin: 2px 0 0 11px;
overflow: hidden;
}
.main-area h1 {
margin: 0 0 0 10px;
height: 23px;
font-size: 18px;
}
.columns {
overflow: hidden;
width: 100%;
}
.content-col-1 {
float: left;
/*width: 375px;*/

/*padding: 7px 0 0 12px;*/
padding: 7px 0 25px 12px;
}
.content-col-2 {
float: left;
width: 252px;
padding: 4px 0 0 22px;
}
.content-col-1 p,
.content-col-2 p {
margin: 0;
padding: 0 0 0 18px;
color: #666;
font: 14px/20px Arial, sans-serif;
}
.content-col-1 p strong,
.content-col-1 p b,
.content-col-2 p strong,
.content-col-2 p b {
color: #FF7909;
}


.content-col-2 h2 {
margin: 0 0 0 44px;
color: #3b7aa9;
font: bold 16px/19px "Trebuchet MS", trebuchet, Arial, sans-serif;
background: url(../images/ico-diagr.gif) no-repeat;
padding: 2px 0 20px 29px;
}
.content-col-2 ul {
margin: 0;
padding: 0;
color: #666;
font: 13px/16px Arial, sans-serif;
}
.content-col-2 ul li {
list-style: none;
/*background: url(../images/arrow.gif) no-repeat 0 6px;
padding: 0 0 3px 14px;*/
}
.content-col-2 ul li strong,.content-col-2 ul li b {
color: #FF7909;
}
.content-col-2 ul li sup {
font-size: 8px;
line-height: 8px;
}
.pictures-box {
overflow: hidden;
width: 100%;
margin: -10px 0 0;
}
.picture-1,
.picture-2,
.picture-3 {
width: 131px;
height: 149px;
overflow: hidden;
position: relative;
margin: 0 0 0 54px;
float: left;
display: inline;
}
.picture-2 {
height: 138px;
width: 139px;
margin: 0 0 0 70px;
}
.picture-3 {
width: 152px;
height: 148px;
margin: 2px 0 0 68px;
}
.picture-1 a,
.picture-2 a,
.picture-3 a {
position: absolute;
width: 131px;
height: 300px;
background: url(../images/picture-1.png) no-repeat;
top: 0;
left: 0;
cursor: pointer;
}
.picture-2 a {
height: 280px;
background: url(../images/picture-2.png) no-repeat;
width: 139px;
}
.picture-3 a {
width: 152px;
background: url(../images/picture-3.png) no-repeat;
height: 296px;
}
.picture-1 a span,
.picture-2 a span,
.picture-3 a span {
display: block;
width: 131px;
height: 300px;
text-indent: -9999px;
}
.picture-2 a span {
height: 280px;
width: 139px;
}
.picture-3 a span {
height: 296px;
width: 139px;
}
.picture-1 a:hover {
background-position: 0 -149px;
}
.picture-2 a:hover {
background-position: 0 -138px;
}
.picture-3 a:hover {
background-position: 0 -148px;
}
.gallery-box {
overflow: hidden;
padding: 0 10px 12px 0;
}
.image-bg {
background: url(../images/gallery-border.gif) no-repeat;
width: 493px;
height: 223px;
padding: 1px 0 0 2px;
margin: 3px 0 0 66px;

}
.gallery {
margin: 0;
padding: 0;
float:left;
width: auto !important;
}
.gallery li {
width:489px;
height:202px;
float:left;
list-style: none;
background: none;
padding: 0;
}

.gallery li div {
width:489px;
height:201px;
}

.gallery li div img{
margin:0 auto;
}


.mask {
position:relative;
width: 489px;
height: 202px;
overflow:hidden;
}

.mask-long{
position:absolute;
float:left;
width: 30000px;
left:0;
top:0;
}
.gallery-box ul.page-nav {
margin: 0;
padding: 2px 0;
font: bold 11px/14px Verdana, Arial, sans-serif;
width: 625px;
text-align: center;
}
.gallery-box ul.page-nav li {
display: inline;
padding: 3px 7px 3px 6px;
}
.gallery-box ul.page-nav li a {
text-decoration: none;
color: #467fbe;
border: 1px solid #fff;
padding: 1px 4px;
}
.gallery-box ul.page-nav li a.active {
color: #666;
border: 1px solid #909090;
}
.page-nav li.active a {
color: #666;
border: 1px solid #909090;
}
.column {
float: right;
width: 210px;
background: url(../images/col-bg.gif) repeat-x;
min-height: 445px;
margin: 0 28px 0 0;
display: inline;
}
* html .column {
height: 445px;
}
.column h2,
.col-3 h2 {
margin: 12px 0 0 11px;
color: #3b7aa9;
font: bold 16px/19px "Trebuchet MS", trebuchet, Arial, sans-serif;
padding: 2px 0 20px 34px;
}
.column h2#actualites {
background: url(../images/ico-cloud.gif) no-repeat;
}
.col-3 h2#documents {
background: url(../images/ico-letter.gif) no-repeat;
padding: 2px 0 20px 28px;
margin: 15px 0 0 12px;
}
.column .photo {
background: url(../images/photo-border.gif) no-repeat;
width: 145px;
height: 185px;
padding: 8px 0 0 9px;
margin: 1px 0 0 31px;
}
.news {
margin: -7px 22px 0 10px;
padding: 0;
font: 11px/14px Arial, sans-serif;
}
.news li {
list-style: none;
background: url(../images/dotted-line.gif) repeat-x 0 100%;
padding: 14px 0 14px;
}
.news li.last {
background: none;
}
.news li h3 {
margin: 0;
color: #FF7909;
font-weight: bold;
font-size: 11px;
line-height: 13px;
padding: 0 0 3px 1px;
}
.news li p {
margin: 0;
color: #666;
}
.news li p a {
text-decoration: none;
color: #666;
}
.news li p a:hover {
text-decoration: underline;
}
.inner-page .main-area,
.inner-page-2 .main-area,
.inner-page-4 .main-area {
float: left;
width: 750px;
margin: 0;
padding: 0;
}
.inner-page-2 .main-area,
.inner-page-4 .main-area {
width: 100%;
}
.breadcrumb {
width: 100%;
float: left;
}
.breadcrumb ul {
margin: 0;
padding: 4px 0 0 37px;
font-size: 12px;
line-height: 15px;
}
.breadcrumb ul li {
float: left;
display: inline;
color: #333;
padding: 0 3px 0 0;
}
.breadcrumb ul li.current {
color: #2D658E;
}
.breadcrumb ul li a {
text-decoration: none;
color: #333;
padding: 0 6px 0 0;
}
.breadcrumb ul li a:hover {
text-decoration: underline;
}
.col-1 {
float: left;
width: 189px;
margin: 0 0 0 49px;
display: inline;
min-height: 500px;
}
* html .col-1 {
height: 500px;
}
.sub-nav {
margin: 22px 0 0;
}
.rubrique {
color: #666;
font: bold 12px/15px Tahoma, Arial, sans-serif;
padding: 0 0 11px;
}
.rubrique a {
padding: 9px 15px 0 15px;
background: url(../images/link-bg.gif) no-repeat;
display: block;
text-decoration: none;
color: #666;
}
.rubrique span {
background: url(../images/link-bg-bottom.gif) no-repeat;
height: 8px;
font-size: 0;
overflow: hidden;
display: block;
}
.sub-nav h4 {
margin: 3px 0 0 2px;
color: #FF7909;
font-weight: bold;
font-size: 11px;
line-height: 14px;
}
.sub-nav ul {
margin: 8px 0 0;
padding: 1px 0 10px;
background: url(../images/dotted-line.gif) repeat-x;
}
.sub-nav ul.drop-down {
margin: 0;
padding: 0;
background: none;
}
.sub-nav ul li {
list-style: none;
background: url(../images/dotted-line-2.gif) repeat-x 0 100%;
padding: 5px 0 8px 6px;
}
.sub-nav ul li ul li {
padding: 10px 0 0px 16px;
background: none;
}
.sub-nav ul li a.click {
padding: 0 0 0 13px;
text-decoration: none;
color: #333;
text-transform: uppercase;
background: url(../images/arrow-3.gif) no-repeat 0 4px;
display: block;
}

/*#accordion .active,
.accordion_toggle_active {
background-position: 0 -40px;
color: #3b7aa9;
}*/

#accordion .active,
.accordion_toggle_active {
	background-position: 0 -80px;
	color: #3b7aa9;
}


.sub-nav ul li a.click:hover {
color: #999;
}
.sub-nav ul li ul li a {
color: #333;
text-decoration: none;
padding: 0 0 0 10px;
background: url(../images/arrow-4.gif) no-repeat 0 35px;
display: block;
margin: 0;
}
* html .sub-nav ul li ul li a {
vertical-align: top;
height: 1%;
}
.sub-nav ul li ul li a:hover {
color: #3c93c9;
background-position: 0 5px;
}

/* Ajout JJ */

.sub-nav ul li ul li a.active {
color: #3c93c9;
background-position: 0 5px;
}

.col-2,.plansite {
float: left;
width: 495px;
margin: 23px 0 0 16px;
padding: 0 0 20px;
/*width: 480px;
padding: 0 15px 20px 0;*/
display: inline;
}

/*.inner-page-2 .col-2,*/
.inner-page-4 .col-2 {
width: 695px;
}

.inner-page-2 .col-2 {
width:680px
}

.inner-page .plansite h1,
.inner-page .col-2 h1,
.inner-page-2 .col-2 h1,
.inner-page-4 .col-2 h1,
.content .shadow-holder {
margin: 0;
padding: 0 0 27px;
background: url(../images/shadow-2.gif) no-repeat 0 100%;
color: #3b7aa9;
font: 18px/21px "Trebuchet MS", trebuchet, Arial, sans-serif;
text-indent: 0;
height: auto;
}
.inner-page-4 .col-2 h1 {
background: url(../images/shadow-3.gif) no-repeat 0 100%;
}
.content .shadow-holder {
background: url(../images/shadow-4.gif) no-repeat 0 100%;
padding: 0 0 28px;
overflow: hidden;
width: 100%;
}
.content .shadow-holder h1 {
color: #3b7aa9;
font: 18px/21px "Trebuchet MS", trebuchet, Arial, sans-serif;
height: auto;
margin: 0;
padding: 0;
background: none;
text-indent: 0;
float: left;
}
.shadow-holder a {
float: right;
text-decoration: none;
background: url(../images/ico-man.gif) no-repeat;
padding: 1px 0 6px 21px;
margin: 0 23px 0 0;
display: inline;
color: #467fbe;
font-size: 11px;
line-height: 14px;
}
.shadow-holder a:hover {
text-decoration: underline;
}
.blue-area {
background-color: #e6f1f8;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 11px 7px 9px;
margin: 0 0 19px;
overflow: hidden;
color:#666666;
}
.blue-area div {
width: 100%;
}
.col-2 h2 {
color: #666;
margin: 4px 0 0;
padding: 0 0 12px;
font: bold 15px/18px "Trebuchet MS", trebuchet, Arial, sans-serif;
}
.col-2 h3 {
margin: 0;
padding: 0 0 6px;
color: #666;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
.col-2 p {
margin: 0;
padding: 0 0 10px;
color: #666;
font-size: 13px;
line-height: 18px;
}
.blue-area h3 {
padding-left: 2px;
}
.blue-area p {
padding: 0;
line-height: 19px;
}
.blue-area .link {
font-size: 11px;
line-height: 14px;
text-decoration: none;
background: url(../images/btn-gray.gif) no-repeat;
width: 87px;
height: 16px;
float: right;
color: #fff;
margin: -6px -1px 0 0;
padding: 2px 0 0 15px;
}
.col-2 ul {
margin: 0;
padding: 1px 0 12px 41px;
font-size: 13px;
line-height: 16px;
}


.col-2 .tab ul {
padding: 0 0 12px 21px;
margin: -4px 0 0;
}
.col-2 ul ul {
padding: 12px 0 0 25px;
}
.col-2 ul li {
list-style: none;
background: url(../images/arrow.gif) no-repeat 0 5px;
padding: 0 0 2px 13px;
color: #666;
}
.col-2 .tab ul li {
background: url(../images/arrow.gif) no-repeat 0 6px;
}
.col-2 ul ul li {
background: url(../images/arrow-2.gif) no-repeat 0 5px;
margin:0 0 10px 0;
}
.col-3 {
float: right;
width: 174px;
background: url(../images/col-bg.gif) repeat-x;
min-height: 445px;
margin: 0 41px 0 0;
padding: 0 0 30px;
display: inline;
}
.column-image {
background: url(../images/column-image.jpg) no-repeat;
}
* html .col-3 {
height: 445px;
}
.documents-list,
.documents-list-bullet {
margin: 0;
padding: 9px 0 0 25px;
font-size: 11px;
line-height: 14px;
}
.documents-list-bullet {
padding: 9px 0 0 13px;
}
.documents-list li,
.documents-list-bullet li {
list-style: none;
color: #333;
padding: 0 0 13px;
}
.documents-list-bullet li {
background: url(../images/arrow.gif) no-repeat 0 4px;
padding: 0 0 13px 14px;
}
.documents-list li a,
.documents-list-bullet li a {
text-decoration: none;
color: #333;
}
.documents-list li a:hover,
.documents-list-bullet li a:hover {
text-decoration: underline;
}
.col-2 .image,
.tab .image {
margin: 14px 0 0;
overflow: hidden;
width: 100%;
text-align: center;
}
.tab .image {
width: 405px;
margin: 62px 0 0;
}
.col-2 .image .box-center,
.tab .image .box-center {
float: left;
left: 50%;
position: relative;
text-align: center;
}
.col-2 .image .box-center div,
.tab .image .box-center div {
background: url(../images/photo-shadow.gif) repeat-x 0 100%;
padding: 0 0 13px;
position: relative;
left: -50%;
float: left;
}
.col-2 .title,
.tab .title {
color: #666;
position: relative;
display: block;
text-align: center;
margin: 7px 0 0;
}
.tab .title {
margin: 10px 0 0;
}
.tables-box {
margin: 0 30px 0 30px;
width: 635px;
}
.table {
margin: 2px 0 15px 0;
width: 100%;
float: left;
}
.table .table-heading {
background: url(../images/table-heading-bg-1.gif) repeat-x;
height: 33px;
overflow: hidden;
}
.table .table-heading h2 {
margin: 6px 0 0;
color: #fff;
font: 17px/20px "Trebuchet MS", trebuchet, Arial, sans-serif;
text-align: center;
background: none;
border: none;
}
.table .table-body {
border: 1px solid #c1d6e2;
border-top: none;
margin: 0 0 9px;
float: left;
min-height: 30px;
width: 633px;
}
* html .table .table-body {
height: 30px;
}
.table .table-sub-heading {
background: url(../images/table-heading-bg-2.gif) repeat-x;
height: 29px;
overflow: hidden;
}
.table .table-sub-heading h3 {
background: none;
border: none;
color: #4170a8;
font: bold 15px/18px "Trebuchet MS", trebuchet, Arial, sans-serif;
margin: 4px 0 0 10px;
}
.table .table-body .row {
width: 100%;
border-top: 1px solid #94b9cc;
padding: 4px 0 3px;
float: left;
}
.table .table-body .row-gray {
background-color: #f0f6f9;
}
.table .table-body .row p {
margin: 0 0 0 8px;
padding: 0 0 0 16px;
background: url(../images/arrow.gif) no-repeat 0 7px;
float: left;
display: inline;
}
.table .table-body .row p a {
color: #666;
text-decoration: none;
}
.table .table-body .row p a:hover {
text-decoration: underline;
}
.table .table-body .row .tooltip-link {
float: right;
width: 102px;
position: relative;
height: 18px;
margin: 0 6px 0 0;
display: inline;
z-index: 1;
}
.table .table-body .row .link {
display: block;
background: url(../images/btn-gray.gif) no-repeat;
font-size: 11px;
line-height: 14px;
text-decoration: none;
width: 87px;
height: 16px;
color: #fff;
padding: 2px 0 0 15px;
}
#table div.tooltip-link:hover .link,
#table div.tooltip-link.hover .link,
#table div.tooltip-link.hover .link:hover {
background-position: 0 -18px;
}
/*Modif JJ #table .tooltip {*/
.table .tooltip {
position: absolute;
width: 236px;
display: none;
bottom: 5px;
left: -212px;
z-index: 99;
clear: both;
}
.tooltip .tooltip-top,
.tooltip .tooltip-bottom {
font-size: 0;
background: url(../images/tooltip-bg-top.png) no-repeat;
height: 6px;
width: 226px;
line-height: 0;
position: relative;
z-index: 2;
}
.tooltip .tooltip-bottom {
background: url(../images/tooltip-bg-bottom.png) no-repeat;
height: 12px;
}

 #download-files a {
 color:#666666;
 }

#download-files .tooltip .tooltip-bottom {
background: url(../images/tooltip-bg-bottom_center.png) no-repeat;
height: 12px;
}

.tooltip-link:hover .tooltip,
.tooltip-link.hover .tooltip
{
display: block;
}

.tooltip-link-download:hover
{
border:50px;
}

.tooltip .tooltip-bg {
background: url(../images/tooltip-bg.png) repeat-y;
width: 226px;
}
.tooltip .tooltip-grad-bg {
background: url(../images/tooltip-grad.gif) repeat-x 0 100%;
margin: 0 0 0 4px;
padding: 0 10px 6px 10px;
position: relative;
z-index: 2;
width: 195px;
overflow: hidden;
}

.tooltip h4 {
margin: 0 0 3px;
padding: 0 0 5px;
background: none;
border-bottom: 1px solid #ccc;
color: #467fbe;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
.tooltip p {
float: none;
background: none !important;
border: none;
margin: 0 !important;
padding: 0 !important;
color: #666;
font-size: 11px;
line-height: 14px;
}

.comment-box {
background: url(../images/comment-bg.png) no-repeat;
width: 125px;
height: 44px;
margin: 4px 0 0 9px;
padding: 15px 20px 0 11px;
font-size: 12px;
line-height: 13px;
}
.comment-box a {
text-decoration: none;
color: #3B7AA9;
position: relative;
}
.table-2,
.table-small,
.table-big {
width: 493px;
overflow: hidden;
border: 1px solid #bfd5e0;
/*margin: -8px 0 0;*/
margin: 5px 0 0;
}
.table-small {
width: 303px;
margin: 0 6px 0 12px;
float: left;
display: inline;
}
.table-big {
width: 625px;
margin: 16px 0 0 12px;
}
.table-2 .table-heading,
.table-small .table-heading,
.table-big .table-heading {
background: url(../images/table-heading-bg-3.gif) repeat-x;
height: 32px;
}
.table-2 .table-heading h2,
.table-small .table-heading h3,
.table-big .table-heading h3 {
margin: 0;
padding: 6px 0 0 10px;
color: #4170A8;
font: bold 15px/18px "Trebuchet MS", trebuchet, Arial, sans-serif;
border: none !important;
}
.table-small .table-heading h3,
.table-big .table-heading h3 {
color: #666;
text-align: center;
}
.table-2 table,
.table-small table,
.table-big table {
margin: 0;
padding: 0;
border-collapse: collapse;
width: 493px;
color: #666;
font-size: 13px;
line-height: 16px;
}
.table-small table {
width: 303px;
}
.table-big table {
width: 625px;
}
.table-small table th,
.table-big table th {
border-right: 1px solid #c3d9e3;
border-bottom: 1px solid #ff7909;
width: 75px;
text-align: center;
padding: 7px 10px 8px;
font-size: 11px;
line-height: 13px;
}
.table-big table th {
font-size: 13px;
line-height: 16px;
}
.table-2 table td,
.table-small table td,
.table-big table td {
margin: 0;
padding: 3px 10px 3px;
}
.table-small table td,
.table-big table td {
border-right: 1px solid #c3d9e3;
width: 75px;
text-align: center;
padding: 5px 10px 5px;
}
.table-small table td.last,
.table-small table th.last,
.table-big table td.last {
border-right: none;
}
.table-2 table .gray td,
.table-small table .gray td,
.table-big table .gray td   {
background-color: #f0f6f9;
padding: 4px 10px 4px;
}
.table-small table .gray td,
.table-big table .gray td  {
padding: 6px 10px 6px;
}
.table-2 table .value {
text-align: right;
width: 100px;
}
.table-big table .date {
width: 85px;
padding-left: 5px !important;
}
.table-big table .nombre {
width: 240px;
}
.table-big table .prix {
width: 189px;
}
.table-big table .last {
width: 105px;
text-align: right;
padding-left: 0 !important;
padding-right: 20px !important;
}
.table-big table td.last {
padding-right: 30px !important;
width: 95px;
}

.diagam-box {
overflow: hidden;
width: 100%;
}
.diagam-box .diagram {
padding: 0 0 0 31px;
float: left;
width: 230px;
}
.diagam-box .title-diagram {
float: left;
width: 330px;
padding: 55px 0 0;
}
.diagam-box .one-diagram {
float: left;
width: 325px;
padding: 1px 0 0 15px;
}
.diagam-box .image-diagram {
text-align: center;
padding: 0 0 15px;
}
.diagam-box .diagram .image-diagram {
text-align: left;
}
.diagam-box .image-diagram img,
.diagam-box-2 .image-diagram img {
display: inline;
}
.diagam-box p,
.diagam-box-2 p {
color: #666;
font-size: 11px;
line-height: 15px;
}
.diagam-box-2 {
overflow: hidden;
width: 100%;
}
.diagam-box-2 .title-diagram {
padding: 18px 40px 5px 46px;
}
.diagam-box-2 .image-diagram {
text-align: center;
padding: 0 26px 0 0;
}

.diagam-box .image-diagram h5, .diagam-box-2 .image-diagram h5 {
margin: 0;
padding: 0 10px 25px 0;
text-align: center;
font: bold 13px/15px Arial, sans-serif;
color:#999999;
}

.news-list h3 {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
}
.news-post {
padding: 5px 0 5px 2px;
}
.news-post .date {
color: #F87043;
font-size: 11px;
line-height: 13px;
font-weight: bold;
padding: 0 0 2px;
margin: 0;
}
.news-post p a {
text-decoration: none;
color: #666;
}
.news-post p a:hover {
color: #3497cb;
}
.news-detail-box {
margin: -6px 0 0;
position: relative;
}
.news-detail-box h2 {
color: #4270A7;
padding-top: 0;
margin-top: 0;
}
.news-detail-box .news-image {
float: left;
width: 187px;
}
.news-detail-box .news-text {
padding: 1px 0 0;
width: 295px;
float: left;
}
.news-detail-box .news-text p {
color: #333;
line-height: 19px;
padding: 0 0 10px;
}
.news-detail-box .news-text p.date {
color: #F87043;
font: italic 11px/14px Arial, sans-serif;
}
.news-detail-box .option-links {
margin: 0;
padding: 5px 0 0;
font-size: 11px;
line-height: 14px;
}
.news-detail-box .option-links li {
margin: 0;
padding: 0 12px 0 0;
float: left;
display: inline;
background: none;
}
.news-detail-box .option-links li a {
text-decoration: none;
color: #666;
float: left;
}
.news-detail-box .option-links li.visiter a {
background: url(../images/ico-glob.gif) no-repeat 0 3px;
padding: 10px 0 19px 30px;
}
.news-detail-box .option-links li.clip a {
background: url(../images/ico-paper-clip.gif) no-repeat 0 3px;
padding: 10px 0 19px 25px;
}
.news-detail-box .option-links li a:hover {
text-decoration: underline;
}
.retour {
display: block;
width: 100%;
font-size: 11px;
line-height: 14px;
clear: both;
padding: 19px 0 0;
}
.retour a {
text-decoration: none;
color: #666;
margin: 0 0 0 218px;
}
.retour a:hover {
text-decoration: underline;
}
.content {
overflow: hidden;
width: 874px;
clear: both;
padding: 23px 0 0 54px;
}
.contact-col-1 {
float: left;
width: 450px;
padding: 10px 0 16px 69px;
}
.contact-col-2 {
float: left;
width: 300px;
padding: 10px 0 0 22px;
}
.clear {
overflow: hidden;
font-size: 0;
clear: both;
height: 8px;
width: 100%;
}
.form-login .clear {
height: 14px;
}
.contact-col-1 .input,
.contact-col-1 textarea {
float: right;
width: 264px;
height: 21px;
border: 1px solid #cac6bc;
padding: 3px 0 0;
margin: 0;
}
.contact-col-1 textarea {
height: 105px;
}
.contact-col-1 label {
float: left;
color: #000;
font-size: 13px;
line-height: 16px;
width: 172px;
text-align: right;
padding: 3px 0 0;
}
.contact-col-1 label span {
color: #f77823;
}
.buttons {
float: right;
width: 269px;
padding: 3px 0 0;
}

#form-docs .button,
.button {
float: left;
background: url(../images/btn-gray.gif) no-repeat;
width: 94px;
height: 16px;
text-align: center;
color: #fff;
text-decoration: none;
padding: 2px 8px 0 0;
margin: 0 13px 0 0;
}
.form-login .button {
float: right;
clear: both;
margin: 15px 0 0;
}
.contact-col-2 h2 {
margin: 0;
padding: 0 0 2px;
color: #3C6463;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
.contact-col-2 h3 {
margin: 0;
padding: 20px 0 1px;
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #666;
}
.contact-col-2 p {
margin: 0;
font-size: 13px;
line-height: 18px;
color: #333;
}
.contact-col-2 p a {
color: #3497CB;
}
.contact-col-2 p a:hover {
text-decoration: none;
}
.login-col-1 {
float: left;
width: 345px;
padding: 5px 0 0 11px;
}
.login-col-2 {
float: right;
width: 475px;
padding: 0 9px 0 0;
}
.login-col-1 p {
margin: 0;
padding: 0 0 19px;
color: #666;
font-size: 13px;
line-height: 18px;
}
.login-col-1 p a {
color: #3497CB;
}
.login-col-1 p a:hover {
text-decoration: none;
}
.login-col-2 h2 {
margin: 1px 0 0 183px;
color: #666;
font: bold 16px/19px "Trebuchet MS", trebuchet, Arial, sans-serif;
}
.login-col-2 h2#identification {
background: url(../images/ico-lock-big.gif) no-repeat;
padding: 4px 0 17px 30px;
}
.form-login {
margin: 6px 10px 0 0;
}
.form-login label {
float: left;
color: #666;
font-size: 13px;
line-height: 16px;
padding: 5px 0 0 20px;
}
.form-login input {
float: right;
width: 214px;
height: 21px;
border: 1px solid #cac6bc;
padding: 3px 0 0;
}
.error-box {
background: url(../images/ico-error.gif) no-repeat 0 3px;
padding: 0 0 4px;
margin: 0 0 0 13px;
}
.error-box p {
margin: 0;
padding: 0 0 3px 20px;
color: #F00;
font-size: 13px;
line-height: 16px;
}
.tab-box {
width: 876px;
overflow: hidden;
margin: -9px 0 0;
padding: 0 0 20px;
}
.tab-box-2 {
width: 708px;
margin: -8px 0 -18px -10px;
position: relative;
}
.tab-box-bg {
background: url(../images/tab-bg.png) repeat-y;
width: 100%;
overflow: hidden;
margin: -13px 0 0;
}
.tab-box-2 .tab-box-bg {
background: url(../images/tab-bg-2.png) repeat-y;
margin: -14px 0 0 -1px;
}
.tab-box-bg-top {
overflow: hidden;
width: 100%;
background: url(../images/tab-bg-top.gif) no-repeat;
min-height: 485px;
padding: 0 0 10px;
}
.tab-box-2 .tab-box-bg-top {
background: url(../images/tab-bg-top-2.gif) no-repeat -1px 0;
padding-bottom: 0;
margin: 0;
}
* html .tab-box-bg-top {
height: 482px;
overflow: visible;
}
.tab-box-bg-bottom {
background: url(../images/tab-bg-bottom.png) no-repeat;
overflow: hidden;
width: 100%;
font-size: 0;
height: 22px;
}
.tab-box-2 .tab-box-bg-bottom {
background: url(../images/tab-bg-bottom-2.png) no-repeat;
height: 24px;
margin: 0 0 0 -1px;
}
.content .tab-buttons,
.col-2 .tab-buttons {
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.content .tab-buttons li,
.col-2 .tab-buttons li {
display: inline;
padding: 0;
margin: 0 -14px 0 0;
float: left;
font-size: 13px;
line-height: 16px;
position: relative;
background: none;
}
.content .tab-buttons li a,
.col-2 .tab-buttons li a  {
float: left;
text-decoration: none;
padding: 0;
margin: 0;
color: #333;
overflow: hidden;
background: url(../images/tab-button-bg-2.gif) no-repeat 0 -44px;
}
.content .tab-buttons li.first a,
.col-2 .tab-buttons li.first a {
background: url(../images/tab-button-bg.gif) no-repeat 0 -44px;
}
.content .tab-buttons li a.active,
.col-2 .tab-buttons li a.active {
background-position: 0 0;
color: #FF7909;
}
.content .tab-buttons li a span,
.col-2 .tab-buttons li a span {
float: left;
background: url(../images/tab-button-bg-right.gif) no-repeat 100% -44px;
height: 24px;
padding: 20px 21px 0 12px;
cursor: pointer;
margin: 0;
}
.content .tab-buttons li.first a span,
.col-2 .tab-buttons li.first a span {
padding-left: 21px;
}
.content .tab-buttons li a.active span,
.col-2 .tab-box-2 .tab-buttons li a.active span {
background-position: 100% 0;
padding: 21px 31px 0 21px;
height: 23px;
}
.col-2 .tab-box-2 .tab-buttons li a.active span {
padding: 21px 21px 0 12px;
}
.content .tab-buttons li.first a.active span,
.col-2 .tab-box-2 .tab-buttons li.first a.active span {
padding-left: 31px;
}
.col-2 .tab-box-2 .tab-buttons li.first a.active span {
padding-left: 21px;
}
.content .tab-buttons li a:hover,
.col-2 .tab-buttons li a:hover {
text-decoration: none;
}
div.tab {
overflow: hidden;
width: 805px;
padding: 38px 0 0 35px;
position: relative;
}
.tab-box-2 div.tab {
width: 800px;
padding: 34px 0 0 28px;
}
div.tab p {
margin: 0;
color: #666;
font-size: 13px;
line-height: 19px;
}

.tab-col-1 {
width: 415px;
float: left;
}
.tab-col-2 {
float: right;
width: 340px;
text-align: center;
margin: 80px 19px 0 0;
display: inline;
}
.tab-col-2 .diagram {
min-height: 205px;
}
* html .tab-col-2 .diagram {
height: 205px;
}
.tab-col-2 img {
display: inline;
padding: 0;
}
.tab-content-col-1 {
float: left;
width: 457px;
margin: 0 0 -10px;
}
.tab-content-col-1 h2,
.tab-content-col-main h2,
.tab-content h2 {
color: #3497cb;
font-size: 15px;
line-height: 18px;
font-weight: bold;
background: url(../images/dotted-line-3.gif) repeat-x 0 100%;
padding: 0 0 5px;
margin: 0 0 9px ;
}
.tab-content h2 {
margin: 15px 0 0;
}

.tab-content a {
color: #3C69A3;text-decoration:none;
}
.tab-content a:hover {
text-decoration:underline;
}

.tab-content-col-1 h3,
.tab-content-col-main h3,
.tab-content h3 {
color: #3497cb;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding: 0 0 3px;
margin: 0;
}
.tab-content-col-1 .small-text h3 {
color: #666;
}
.tab-content-col-1 p {
padding-left: 4px;
padding-bottom:10px;
}
.tab-content-col-1 .small-text p,
.tab-content .small-text p {
font-size: 11px;
line-height: 15px;
padding: 0;
margin: 0 0 15px 0;
}
.tab-content-col-1 p a {
color: #3497cb;
}
.tab-content-col-1 p a:hover {
text-decoration: none;
}
.tab-content-col-1 .small-text {
padding: 0 0 0 4px;
}
.tab-content .small-text {
padding: 20px 0 0 8px;
}
.border-box {
background-color: #f1f7fb;
border: 1px solid #9a9a9a;
padding: 8px 12px;
margin: -5px 0 10px 0;
}
.form-tab .checkbox label {
float: left;
font-size: 13px;
line-height: 18px;
color: #666;
width: 408px;
}
.form-tab .checkbox input {
margin: 0 4px 0 0;
float: left;
height: 19px;
width: 15px;
}
.checkbox {
overflow: hidden;
width: 100%;
margin: 0 0 5px;
}
.note {
color: #FF7909;
font-size: 13px;
line-height: 18px;
background: url(../images/ico-error.gif) no-repeat 0 3px;
padding: 0 0 0 22px;
margin: 0 0 10px 0;
}
.col-2 .downloads-list {
font-size: 13px;
line-height: 18px;
margin: 5px 0 0 3px!important;
}
.col-2 .downloads-list li,.news-simplifie .downloads-list li {
background: url(../images/ico-paper-clip.gif) no-repeat !important;
padding: 5px 0 13px 30px;
margin: 0;
position:relative;
}
.col-2 .downloads-list li a {
color: #3C69A3;
font-weight: bold;
text-decoration: none;
}
.col-2 .downloads-list li a:hover {
text-decoration: underline;
}
.tab-content-col-2 {
float: left;
width: 156px;
background-color: #f1f7fb;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 3px 0 0 21px;
padding: 19px 0 0 20px;
display: inline;
}
div.tab .tab-content-col-2 h2 {
color: #3B7AA9;
margin: 0;
font: 18px/22px "Trebuchet MS", trebuchet, Arial, sans-serif;
padding: 2px 0 16px 31px;
}
.tab-content-col-2 h2.documents {
background: url(../images/ico-letter-2.gif) no-repeat;
}
.col-2 .tab-content-col-2 ul {
margin: 0;
padding: 4px 15px 0 3px;
font-size: 11px;
line-height: 14px;
}
.col-2 .tab-content-col-2 ul li {
color: #333;
padding: 1px 0 14px 14px;
}
.tab-content-col-main {
width: 647px;
padding: 0 0 4px;
}
.two-tables {
overflow: hidden;
width: 100%;
margin: -2px 0 0;
padding: 0 0 14px;
}
.pdf {
display: block;
padding: 0 0 5px;
margin: 15px 0 0;
text-align: center;
}
.pdf a {
background: url(../images/ico-pdf.gif) no-repeat;
padding: 5px 0 7px 29px;
color: #315694;
font-size: 11px;
line-height: 14px;
text-decoration: none;
}
.pdf a:hover {
text-decoration: underline;
}
.alphabet-box {
overflow: hidden;
width: 785px;
margin: 0 0 0 50px;
}
.alphabet {
overflow: hidden;
width: 569px;
float: left;
margin: 6px 0 0 107px;
background: url(../images/alphabet-bg.gif) no-repeat;
display: inline;




}
.alphabet ul {
float: left;
background: url(../images/alphabet-line.gif) no-repeat 100% 0;
width: 100%;
height: 27px;
font: 17px/21px "Trebuchet MS", trebuchet, Arial, sans-serif;
text-align: center;
margin: 0;
padding: 6px 0 0 ;
}
.alphabet ul li {
display: inline;
color: #ccc;
float: none;
padding: 0 3px;
margin: 0;
}
.alphabet ul li a {
color: #fff;
padding: 0;
margin: 0;
text-decoration: underline;
}
.alphabet ul li a:hover {
text-decoration: none;
}
.alphabet-content {
clear: both;
padding: 35px 0 45px;
width: 785px;
}
.alphabet-content h2 {
margin: 0 25px 0 0;
padding: 0 0 16px;
color: #4170A8;
text-align: center;
font: bold 15px/19px "Trebuchet MS", trebuchet, Arial, sans-serif;
}
.alphabet-content p {
color: #666;
font-size: 13px;
line-height: 17px;
margin: 0;
padding: 0 0 15px;
}
.alphabet-content ul {
font-size: 13px;
line-height: 17px;
margin: 0;
padding: 10px 0 10px 30px;
overflow: hidden;
}
.alphabet-content ul li {
background: url(../images/arrow.gif) no-repeat 0 4px;
padding: 0 0 15px 13px;
color: #666;
list-style: none;
}
.alphabet-content p {
padding: 0;
font-size: 13px;
line-height: 17px;
color: #666;
}
.alphabet-content p.centered {
font-size: 11px;
text-align: center;
padding: 10px 30px 0 0;
}
.alphabet-content p a {
color: #3497CB;
text-decoration: none;
}
.alphabet-content p a:hover {
color: #3497CB;
text-decoration: underline;
}
.alphabet-box .alphabet-content ul li p a {
color: #3497CB;
text-decoration: underline;
}
.alphabet-box .alphabet-content ul li p a:hover {
text-decoration: none;
}
.alphabet-box .lettres-column {
float: left;
width: 360px;
padding: 32px 0 0 40px;
}
.alphabet-box .lettres-column-2 {
padding-left: 54px;
width: 300px;
}
.alphabet-box .lettres-column .letter {
background: url(../images/letter-bg.gif) no-repeat;
text-align: center;
width: 26px;
height: 21px;
display: block;
color: #fff;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding: 4px 0 0;
margin: 0 0 0 136px;
}
.alphabet-box .lettres-column ul {
margin: 0;
padding: 13px 0 13px;
font-size: 13px;
line-height: 16px;
}
.alphabet-box .lettres-column li {
background: url(../images/arrow.gif) no-repeat 0 6px;
padding: 0 0 10px 15px;
margin: 0;
float: none;
display: block;
list-style: none;
}
.alphabet-box .lettres-column li a {
color: #666;
text-decoration: none;
}
.alphabet-box .lettres-column li a:hover {
text-decoration: underline;
color: #3497cb;
}
.table-columns {
overflow: hidden;
width: 100%;
padding: 4px 0 3px;
}
.table-col {
width: 388px;
float: left;
margin: 0 4px 0 8px;
display: inline;
}
.simple-table,
.simple-big-table {
margin: 14px 0 0 0;
width: 100%;
border-collapse: collapse;
border: 1px solid #bfd5e0;
border-right: none;
font-size: 11px;
line-height: 13px;
}
.simple-big-table {
margin: 14px 0 0 8px;
width: 789px;
}
.simple-table td,
.simple-table th,
.simple-big-table td,
.simple-big-table th {
margin: 0;
padding: 6px 5px 7px;
vertical-align: top;
border-right: 1px solid #c3d9e3;
color: #666;
/*width: 189px;*/
}
.simple-table th,
.simple-big-table th {
text-align: center;
border-bottom: 1px solid #ff7909;
}
.simple-big-table td {
text-align: center;
/*width: 189px;*/
}
.simple-table .blue td,
.simple-big-table .blue td {
background-color: #f0f6f9;
}
.simple-big-table .field-1 {
width: 245px;
}
.simple-big-table .field-2,
.simple-big-table .field-4 {
width: 165px;
}
.simple-big-table .field-3 {
width: 215px;
}
.simple-big-table .field-5,
.simple-big-table .field-5 {
text-align: left;
font-weight: normal;
width: 500px;
padding-left: 15px;
}
.simple-big-table .field-6 {
/*width: 102px;*/
}
.simple-big-table .field-7 {
width: 113px;
}
.simple-big-table .field-8 {
width: 101px;
}
.tab-content .footnote {
font-size: 11px;
text-align: right;
padding: 5px 10px 0 0;
}
.big-table {
width: 790px;
border: 1px solid #bfd5e0;
margin: 13px 0 0 8px;
border-collapse: collapse;
}
.big-table td,
.big-table th {
margin: 0;
padding: 5px 0 5px;
color: #666;
text-align: center;
}
.aaa th {
margin: 0 0 2px;
}
.big-table th {
border-bottom: 1px solid #ff7909;
padding: 7px 0 7px;
}
.heading-line-2 th {
font-weight: normal;
background: url(../images/heading-bg.gif) repeat-x 0 100%;
padding: 3px 0 3px;
/*border-right: 1px solid #fff;*/
border-bottom: none;
}
.big-table .field-1 {
width: 157px;
}
.big-table .field-2 {
width: 51px;
border-right: 1px solid #c3d9e3;
}
.big-table .field-3 {
width: 60px;
border-right: 1px solid #fff;
}
.big-table .field-4 {
width: 66px;
border-right: 1px solid #fff;
}
.big-table .field-5 {
width: 100px;
border-right: 1px solid #c3d9e3;
}
.big-table .field-6 {
width: 73px;
border-right: 1px solid #fff;
}
.big-table .field-7 {
width: 73px;
border-right: 1px solid #fff;
}
.big-table .field-8 {
width: 77px;
border-right: 1px solid #c3d9e3;
}

.big-table .field-9 {
width: 67px;
border-right: 1px solid #fff;
}

/*
.big-table th.field-9 {
border-right: none;
}*/
.big-table .field-10 {
width: 61px;
border-right: 1px solid #c3d9e3;
}

.big-table .field-11 {
width: 81px;
border-right: 1px solid #c3d9e3;
}

.big-table .blue-border {
border-right: 1px solid #c3d9e3;
}
.big-table .first {
text-align: left;
font-weight: normal;
padding: 0 0 0 20px;
}
.big-table .blue td {
background-color: #f0f6f9;
}
.plan-site-column {
float: left;
width: 185px;
margin: 0 0 0 17px;
display: inline;
padding: 0 0 23px;
}
.plan-site-column ul {
margin: 7px 0 0;
padding: 0;
font-size: 13px;
line-height: 18px;
}
.plan-site-column ul li {
list-style: none;
display: block;
float: none;
padding: 0 0 13px;
}
.plan-site-column ul li a {
text-decoration: none;
color: #666;
font-weight: bold;
}
.plan-site-column ul ul {
padding: 0 0 3px 12px;
margin: 0;
}
.plan-site-column ul ul li {
background: url(../images/arrow.gif) no-repeat 0 7px;

padding: 0 0 0 15px;
margin: 9px 0 0;
}
.plan-site-column ul ul li a {
font-weight: normal;
}
.site-map-area {
float: left;
/*width: 660px;*/
margin: 38px 0 0;
padding: 0 0 20px;
}
.site-map-area .map-area-col-1 {
float: left;
width: 210px;
/*width: 231px;*/
}
.site-map-area .map-area-col-3 {
float: left;
width: 165px;
padding: 0 0 0 10px;
}
.site-map-area h2,.site-map-area h2 a  {
margin: 0;
color: #666;
font-size: 13px;
line-height: 16px;
font-weight: bold;
text-decoration:none;
}
.site-map-area ul {
margin: 0;
padding: 12px 0 0 10px;
float: none;
}
.site-map-area ul ul {
padding: 4px 0 0 8px;
}
.site-map-area ul li {
background: url(../images/arrow.gif) no-repeat 0 5px;
padding: 0 0 10px 15px;
float: none;
display: block;
list-style: none;
}
.site-map-area ul ul li {
background: url(../images/arrow-2.gif) no-repeat 0 9px;
padding: 4px 0 0 18px;
}
.site-map-area ul li a {
color: #666;
float: none;
}

.cms-content-test h1 {
color: #3b7aa9;
margin: 0 0 0 10px;
font-size: 18px;
text-indent:0;
}

/* ajout jerome*/
.separateur {
display:none;
}

.deuxcolonnes-actualites {
margin-left:45px;
padding-left:5px;
padding-bottom:180px;
width:660px;
/*background-color:#ffffff;*/
}

.unecolonne {
width:850px;
}

.detail-actualite {
float:left;
margin: 0 50px 0 0;
}

.col-3actualites {
margin-top:-18px;
}

.main-area-test {
float: left;
margin: 35px 0 0 5px;
display: inline;
}

.documents-list-bullet li.active {
font-weight:bold;
}

.rubrique a.active {
text-decoration: none;
color: #FF7909;
}

.rubrique a:hover {
text-decoration: none;
color: #467fbe;
}

#download-files li:hover .tooltip
{
display: block;
}

#download-files .tooltip-link-div {
position: relative;
display: inline;
z-index: 1;
}

#download-files .tooltip {
position: absolute;
width: 236px;
display: none;
bottom: 25px;
/*left: -245px;*/
z-index: 99;
clear: both;
}

.tooltip-link-download:hover .tooltip,
.tooltip-link-download.hover .tooltip,
{
display: block;
}


#download-files-documents li:hover .tooltip
{
display: block;
}

#download-files-documents .tooltip-link-div {
position: relative;
display: inline;
z-index: 1;
}

#download-files-documents .tooltip {
position: absolute;
width: 236px;
display: none;
bottom:-5px;
left: -245px;
z-index: 1000;
clear: both;
}


.video-center {
margin:15px 0 25px 35px;
text-align:center;
}

.content.sous-breadcrumb {
padding-top:0;
padding-left:45px;
}

#main-nav li.active a {
background-color: #f4f9fc;
color: #666;
}


/* Update 19/06/08 */

.diagam-box .image-diagram img,
.diagam-box-2 .image-diagram img {
padding: 10px;
background-color: #fff;
}

.clear {
clear: both;
}

.diagam-box .image-diagram h5, .diagam-box-2 .image-diagram h5, .diagam-box .title-photo h5, .diagam-box .title-diagram h5 {
margin: 0;
padding: 0 10px 25px 0;
text-align: center;
font: bold 13px/15px Arial, sans-serif;
color:#666666;
}

.diagam-box .photo {
padding: 0 0 0 31px;
float: left;
}

.diagam-box .title-photo {
float: left;
width: 330px;
padding: 10px 0 0;
}

.diagam-box .title-photo ul {
padding: 0 0 0 20px;
}


div.col-2 a:link, div.col-3 a:link {color: #3497CB; text-decoration:underline}
div.col-2 a:visited, div.col-3 a:visited {color: #3497CB; text-decoration:underline}
div.col-2 a:hover, div.col-3 a:hover {color: #3497CB; text-decoration:none}
div.col-2 a:active, div.col-3 a:active {color: #3497CB; text-decoration:none}

/* start sub nav */

.sub-nav ul.subnav-main {
margin: 0;
padding: 1px 0 10px;
background: url(../images/dotted-line.gif) repeat-x;
}

.sub-nav ul.subnav-main li {
list-style: none;
background: url(../images/dotted-line-2.gif) repeat-x 0 100%;
padding: 5px 0 8px 6px;
}

.sub-nav ul.subnav-main li a {
padding: 0 0 0 13px;
text-decoration: none;
color: #333;
text-transform: uppercase;
background: url(../images/arrow-3.gif) no-repeat 0 4px;
display: block;
}

.sub-nav ul.subnav-main li a:hover {
color: #999;
}

.sub-nav ul.subnav-main li a.active {
color: #3c93c9;

}

.sub-nav ul.subnav-main li.active a {
color: #3c93c9;

}

/* end sub nav */


/* Snippets */
.img-left {
float: left;
margin: 0 10px 10px 0;
}

.img-right {
float: right;
margin: 0 0 10px 10px;
}

#blue-area {
background-color: #e6f1f8;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 11px 7px 9px;
margin: 0 0 19px;
overflow: hidden;
color:#666666;
}

#blue-area div {
width: 100%;
}

#blue-area h3 {
padding-left: 2px;
}

#blue-area p {
padding: 0;
line-height: 19px;
}

#blue-area .link {
font-size: 11px;
line-height: 14px;
text-decoration: none;
background: url(../images/btn-gray.gif) no-repeat;
width: 87px;
height: 16px;
float: right;
color: #fff;
margin: -6px -1px 0 0;
padding: 2px 0 0 15px;
}


.documents-list-bullet li.active a {
text-decoration: none;
}

div.clear {
clear:both;
}

.right {
float: right;
margin: 0 0px 10px 0;
}
/* Ajout JJ */
.table-auto
{
width: auto;
}

.table-auto table
{
width: 100%;
}


.content-blanc{
background-color:#ffffff;
padding:5px 15px 15px 15px;
margin:15px;
}

.content-blanc h2 {
color: #467FBE;
padding:0;
margin:25px 0 0 7px;
}

div.tab .small-p {
margin:0 0 0 9px;
font-size:10px;
}

.simple-big-table a,.big-table a {
color:#333333
}

div.centpourcent,div.centpourcent table  {
width: 99%;
}

td.toprouge {
border-top:1px solid red;
}

.news-simplifie p img {
display:inline;
}

.news-simplifie ul {
margin: 0;
padding: 0;
float: none;
display:block;
padding: 12px 0 12px 5px;
}

.news-simplifie ul li {
list-style: none;
padding: 0;
margin: 0;
float: none;
display: block;
list-style: none;
background: url(../images/arrow.gif) no-repeat 0 5px;
padding: 0 0 2px 13px;
color: #666;
position:relative;
}

.petit-text-gris {
	font-size: 9px;
	color: #666;
}

.col-2 ul.downloads-list {
padding-left:5px;
}

ol {
	color: #666;
	margin: 0;
	padding: 1px 0 12px 41px;
	font-size: 13px;
	line-height: 16px;
}

h5, h6 {
color:#999999;
}