/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:1em; background:#eeeeee; background-attachment:fixed; text-align:center; color:#555; text-align:center; padding:0; margin:0; }
body.no-bg { background-image:none }
div, p, ul, li, a, img, h1, h2, h3 { margin:0px; padding:0px } 
a { color:#3d6ba6 }
a:hover { color:#328BC5 }
input { font-size:10px }
img { border:0px }
ul, li { list-style-type:none; }
abbr { cursor:help; }

h3 img, p img, li img { vertical-align:text-bottom !important; }


.breaker { overflow:hidden; clear:both; height:0px }
.breaker-high { overflow:hidden; height:50px; clear:both }
.spacer-small { overflow:hidden; clear:both; height:5px }
.spacer { overflow:hidden; clear:both; height:10px }
.spacer-high { overflow:hidden; clear:both; height:20px }
.italic { font-style:italic; }
.normal { font-weight:normal; }
.mb-0 { margin-bottom:0 !important; }
.mt-0 { margin-top:0 !important; }
.fl { float:left; }
.fr { float:right; }

/*header*/
#header { height:115px; width:978px; margin:0 auto; overflow:hidden; text-align:left; background:url(../images/header-bk.gif) #fff right no-repeat; padding-left:10px; }
#header .logo { float:left; cursor:pointer; padding-top:12px; height:72px; }
#header .liens-top { float:right; height:15px; margin-right:0px; padding-left:5px; color:#3e6aa7; padding-top:5px; font-size:0.7em; }
#header .liens-top ul li { float:left; background:url(../images/link-separator.gif) no-repeat right; }
#header .liens-top ul li.first { background:url(../images/link-separator.gif) no-repeat right; }
#header .liens-top ul li.last { background:none; }

#header .liens-top a { margin-left:15px; margin-right:15px; color:#3e6aa7; text-decoration:none }
#header .liens-top a:hover { color:#accdf4 }

#header .navigation { clear:right; height:30px; width:964px; overflow:hidden; background:url(../images/nav-back-bottom.gif) no-repeat; }
#header .navigation ul { background:url(../images/nav-back.gif) repeat-x; }
#header .navigation ul li { background:url(../images/nav-link-separator.gif) no-repeat right 10px; height:23px; padding-right:1px; overflow:hidden; float:left; }
#header .navigation ul li.last { background:none; }

#header .navigation a { display:block; float:left; height:23px; font-family:Trebuchet MS,Helvetica,sans-serif; text-decoration:none; color:#fff; font-weight:bold; font-size:0.7em; text-align:center; padding:7px 34px 0; }
#header .navigation a.on { background:url(../images/nav-item-on.gif) no-repeat center top; cursor:default;  }
#header .navigation a:hover { text-decoration:underline; }
#header .navigation a.on:hover { text-decoration:none; }

#main-content { clear:both; width:968px; margin:0 auto; text-align:left; background:url(../images/main-content-border-right.gif) #fff repeat-y right; padding:8px 10px; font-size:0.7em; overflow:hidden;  }
#main-content .banner { height:163px; width:764px; /*background:url(../images/home-banner.jpg) no-repeat;*/ margin-bottom:10px; float:left; }

/*slideshow */
.slideshow { position:relative; height:163px; width:764px; overflow:hidden; }
.slideshow .slides { height:163px; position:relative; overflow:hidden; }
.slideshow .buttons { display:none !important; }
.slideshow .buttons { display:block; position:absolute; z-index:100; left:10px; bottom:5px; }
.slideshow .buttons li { float:left; display:inline; width:22px; height:22px; margin:0; line-height:22px; background-image:url(../images/banner-bouton.png); background-repeat:no-repeat; padding-right:8px; }
*html .slideshow .buttons li { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/banner-bouton.png'); background-image:none; }
.slideshow .buttons li a { float:left; text-decoration:none; width:22px; height:22px; color:#fff; outline:0; text-align:center; cursor:pointer; position:relative; font-size:1em; }
.slideshow ul.buttons li a:hover { text-decoration:none; color:#3B69A5; }
.slideshow ul.buttons li.active a:hover, .slideshow ul.buttons li.active a { color:#666666; }
.slideshow ul.buttons li.active a { cursor:default; }

.logo_slideshow { height:120px; width:170px; text-align:center; margin:0 auto; display:none; }
.logo_slideshow img { max-height:120px; max-width:170px; /*_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 170 ) : true); _height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 120 ) : true);*/ } 
#image2 img, #image3 img { display:none; }

/*bloc references*/
#main-content .references { float:left; height:163px; width:190px; padding-left:10px; }
#main-content .references .top { background:url(../images/bloc-top.gif); height:18px; padding:7px 10px; }
#main-content .references .top h3 { color:#555; font-weight:bold; font-size:1.2em; font-family:Trebuchet MS,Helvetica,sans-serif; }
#main-content .references .content { background:url(../images/ref-bloc-middle.gif); height:121px; text-align:center; position:relative }
#main-content .references .content a { display:block; top:40px; position:absolute; left:40px }
#main-content .references .bottom { background:url(../images/ref-bloc-bottom.gif); height:10px; overflow:hidden; }

/*bloc actualites*/
#main-content .actualites { float:left; /*height:163px;*/ width:190px; padding-left:0px; }
#main-content .actualites .top { background:url(../images/bloc-top.gif); height:18px; padding:7px 10px; }
#main-content .actualites .top h3 { color:#555; font-weight:bold; font-size:1.2em; font-family:Trebuchet MS,Helvetica,sans-serif; }
#main-content .actualites  h4 { color:#3D6BA6; font-weight:bold; font-size:1em; margin:0 0 5px 0; }
#main-content .actualites  h5 { margin:10px 0 25px; padding:0; float:left; width:80px; font-size:1em; }
#main-content .actualites  h6 { margin:0 0 5px; padding:0; font-size:1em !important; }
#main-content .actualites .content { background:#E4E4E6; padding:5px 10px 7px; height:1%; }
#main-content .actualites .content p { margin-bottom:0; }
#main-content .actualites .content a { text-decoration:none; color:inherit; display:block; margin-bottom:5px;  background:url(../images/list-hyphen-grey.gif) no-repeat; padding-left:8px; color:#555; }
#main-content .actualites .content a:hover { background:url(../images/list-hyphen-hover.gif) no-repeat;}
#main-content .actualites .content a.link {  font-weight:bold; text-decoration:none; margin-top:10px; margin-bottom:0; background:none; padding-left:0; text-align:right; }
#main-content .actualites .content a:hover { /*text-decoration:underline;*/ color:#328BC5; }
#main-content .actualites .bottom { background:url(../images/ref-bloc-bottom.gif); height:10px; overflow:hidden; }


#main-content .newsletter { float:left; /*height:163px;*/ width:190px; padding-left:0px; margin-top:10px; }
#main-content .newsletter .top { background:url(../images/bloc-top.gif); height:18px; padding:7px 10px; }
#main-content .newsletter .top h3 { color:#555; font-weight:bold; font-size:1.2em; font-family:Trebuchet MS,Helvetica,sans-serif; }
#main-content .newsletter  h4 { color:#3D6BA6; font-weight:bold; font-size:1em; margin:0 0 5px 0; }
#main-content .newsletter .content { background:#E4E4E6; padding:5px 10px 0; }
#main-content .newsletter .content p { margin-bottom:0; }
#main-content .newsletter img { float:right; }
#main-content .newsletter .content a.link { display:block; font-weight:bold; text-decoration:none; margin-bottom:0; background:none; padding-left:0; margin-top:30px; }
#main-content .newsletter .bottom { background:url(../images/ref-bloc-bottom.gif); height:10px; overflow:hidden; }

/*bloc produit*/
#main-content .bloc-produits { float:left; width:auto; background-color:#fff; margin-bottom:5px }
#main-content .bloc-produits .produit { width:248px; margin-left:0px; padding:0px; float:left; overflow:hidden; padding-right:10px; background:url(../images/produit-bloc-separator.gif) no-repeat 253px top; }
#main-content .bloc-produits .produit .top { height:24px; width:248px; background:url(../images/produit-bloc-title-bk.gif) no-repeat; padding:5px 0 0 20px }
#main-content .bloc-produits .produit .top h2 { color:#3d6ba6; font-size:1.2em; font-family:Trebuchet MS,Helvetica,sans-serif; }
#main-content .bloc-produits .content { width:232px; padding:10px 8px 10px; min-height:250px; }
#main-content .bloc-produits .content h3 { font-size:1em; margin-bottom:5px; color:#3d6ba6; }

#main-content .bloc-produits .clients { background:none; width:248px }
#main-content .bloc-produits .content p { margin-bottom:10px; }
#main-content .bloc-produits .content ul { margin-left:12px; margin-bottom:10px; }
#main-content .bloc-produits .content ul li { list-style-type:none }
#main-content .bloc-produits .content a { color:#3D6BA6; text-decoration:none; margin-top:10px; font-weight:bold; display:inline-block; }
#main-content .bloc-produits .content a.link { margin-top:5px; float:right; }
#main-content .bloc-produits .content a:hover { color:#328BC5 }


/*Menu gauche*/
#menu-left { width:160px; float:left; padding-top:2px; overflow:visible; background-color:transparent; }
#menu-left li { color:#fff; font-weight:bold; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding-left:0px; display:block; clear:left; }
#menu-left li a { text-decoration:none; display:block; background:url(../images/menu-left-item-bk.gif) no-repeat; }

#menu-left li.top-title { border-left:0; border-right:0; margin-bottom:5px; }
#menu-left li.top-title a { padding:5px 0; margin-left:0px; padding-left:5px; font-weight:bold; }

#menu-left .ss-rubrique { margin-bottom:5px; overflow:hidden; padding-bottom:5px; }
#menu-left .ss-rubrique li { padding-left:8px; padding-top:5px; display:block; float:left; clear:left; width:153px; }
#menu-left .ss-rubrique li li  { width:143px; }
#menu-left .ss-rubrique li a { background:url(../images/menu-left-puce.gif) no-repeat 0 5px;border:0; padding:2px 0 0 8px; font-weight:normal; line-height:normal; }
#menu-left .ss-rubrique li a.on { font-weight:bold; }
#menu-left .ss-rubrique li a.on, #menu-left .ss-rubrique li a:hover {  background-image:url(../images/menu-left-puce-on.gif); }

#menu-left ul.ss-menu { }
#menu-left ul.ss-menu li {  list-style-type:none; color:#3d6ba6; font-weight:normal; height:20px; line-height:18px; display:block }
#menu-left ul.ss-menu li a { color:#3d6ba6; text-decoration:none; margin-left:20px }
#menu-left ul.ss-menu li a:hover { color:#328BC5;}

#menu-left ul.ss-menu li.high { background-color:#e6f3fc; list-style-type:none; color:#3d6ba6; font-weight:normal; height:30px; line-height:12px; display:block; padding-top:3px }
#menu-left ul.ss-menu li.high a { color:#3d6ba6; text-decoration:none; margin-left:20px }
#menu-left ul.ss-menu li.high a:hover { color:#328BC5 }

#menu-left ul.ss-menu li.high-on { background-image:url(../images/arrow-menu-left.gif); background-repeat:no-repeat; background-position:0 5px; margin-left:10px; padding-left:10px; height:30px; display:block; overflow:visible; line-height:12px; padding-top:3px }
#menu-left ul.ss-menu .menu-on { background-image:url(../images/arrow-menu-left.gif); background-repeat:no-repeat; background-position:0 5px; margin-left:10px; padding-left:10px }

#right-part { float:left; width:150px; }
#right-part img.visuel { margin-bottom:10px; display:none; }

#main-content .bloc-infos { float:left; width:150px; padding-left:0px; display:none; }
#main-content .bloc-infos .top { background:url(../images/bloc-top.gif); height:18px; padding:7px 10px; }
#main-content .bloc-infos .top h2 { color:#555; font-weight:bold; font-size:1.2em; font-family:Trebuchet MS,Helvetica,sans-serif; }
#main-content .bloc-infos .content { background:#E4E4E6; padding:7px 10px; }
#main-content .bloc-infos .content p { margin-bottom:15px; }
#main-content .bloc-infos .content a { text-decoration:underline; color:inherit; display:block; margin-bottom:15px; }
#main-content .bloc-infos .content a.link {  font-weight:bold; text-decoration:none; margin-top:20px; margin-bottom:0; }
#main-content .bloc-infos .content a:hover { /*text-decoration:underline;*/ color:#328BC5; }
#main-content .bloc-infos .bottom { background:url(../images/ref-bloc-bottom.gif); height:10px; overflow:hidden; }

#main-content .bloc-actu { float:left; width:150px; padding-left:0px; display:none; margin-top:35px; }
#main-content .bloc-actu .top { background:url(../images/bloc-actu-top.gif) no-repeat; height:18px; padding:7px 10px; }
#main-content .bloc-actu  h2 { color:#3D6BA6 !important; font-weight:bold; font-size:1.2em; font-family:Trebuchet MS,Helvetica,sans-serif; margin-bottom:5px; }
#main-content .bloc-actu .content { background:#fff; padding:0 10px 10px; background:url(../images/bloc-actu-bottom.gif) no-repeat bottom; }
#main-content .bloc-actu .content p { margin-bottom:15px; }
#main-content .bloc-actu .content a { text-decoration:underline; color:inherit; display:block; margin-bottom:15px; }
#main-content .bloc-actu .content a.link {  font-weight:bold; text-decoration:none; margin-top:20px; margin-bottom:0; }
#main-content .bloc-actu .content a:hover { /*text-decoration:underline;*/ color:#328BC5; }
#main-content .bloc-actu .content ul { margin-bottom:15px; margin-left:1px; }
#main-content .bloc-actu .content ul li a { background:url(../images/list-hyphen-grey.gif) no-repeat; padding-left:8px; margin-bottom:0; }
#main-content .bloc-actu .content ul li a:hover { background:url(../images/list-hyphen-hover.gif) no-repeat; }
#main-content .bloc-actu .bottom { display:none; }

.bloc-actu-CU { margin-top:337px !important; }
.bloc-actu-CU h2 { font-weight:normal !important; font-size:1.05em !important; line-height:1.2em !important; }
.bloc-actu-CU .top { height:auto !important; padding:7px 8px !important; }
.bloc-actu-CU p { margin-bottom:0px !important; }

.bloc-actu-CU-SUB { margin-top:95px !important; }
.bloc-actu-CU-MPE { margin-top:95px !important; }

.bloc-newsletter .title-actu { margin-bottom:10px; margin-top:31px; }
.bloc-newsletter img { margin-left:16px; }
.bloc-newsletter p { margin-top:20px; }

.bloc-contact .title-actu { margin-bottom:10px; margin-top:10px; }
.bloc-contact img { margin:0 5px 0 8px; }
.bloc-contact p { margin:0 !important; }
.bloc-contact ul { margin-top:10px; }
.bloc-contact li a { margin-top:0 !important; }

/*#main-content .bloc-actu { margin-top:40px; }
#main-content .bloc-actu .content ul { margin-bottom:15px; }
#main-content .bloc-actu .content ul li a { background:url(../images/list-hyphen-grey.gif) no-repeat; padding-left:8px; }
#main-content .bloc-actu .content ul li a:hover { background:url(../images/list-hyphen-hover.gif) no-repeat; }
#main-content .bloc-actu .content h3 { font-size:1em; margin-bottom:3px; }
#main-content .bloc-actu .content a { margin-bottom:0; }*/

.title-actu { background:url(../images/title-actu-bg.gif) repeat-x bottom; height:25px; }
.tab { height:25px; background:url(../images/tab-right.gif) right no-repeat; padding-right:8px; float:left; }
.tab h3 { background:url(../images/tab-left.gif) left no-repeat; height:25px; display:block; overflow:hidden; float:left; padding:0 12px; line-height:1.9em; padding-left:15px; }

#mid-content { float:left; width:600px; padding:5px 25px 0; }
#mid-content .breadcrumb { color:#666666; margin-bottom:20px; font-weight:bold; }
#mid-content .breadcrumb a { color:#666666; text-decoration:none; font-weight:normal; }
#mid-content .breadcrumb a:hover { color:#3d6ba6; text-decoration:underline; }

#mid-content h1 { clear:left; font-size:12px; font-weight:bold; color:#328bc5; margin-top:20px; margin-bottom:10px }
#mid-content h2  {font-size:1.5em; font-family:Trebuchet MS,Helvetica,sans-serif; color:#3D6BA6; margin-bottom:10px; }
#mid-content h3 { font-weight:bold; color:#3d6ba6; margin-bottom:15px; clear:both; font-size:1.2em; }
#mid-content h3 i { font-style:normal; margin-left:5px; font-size:10px; color:#555; }
#mid-content h4 { font-size:1em; font-weight:bold; color:#3D6BA6; margin-top:20px; margin-bottom:5px; }
.offres-emplois h4 { margin-bottom:10px !important; }
#mid-content h5 { font-size:11px; font-weight:bold; margin-top:0px; margin-bottom:5px; }

#mid-content p { margin-bottom:10px; text-align:justify; }
#mid-content p i  {  font-style:normal; color:#555555; font-weight:bold }
#mid-content .dark-blue strong { color:#3d6ba6 }
#mid-content p strong a { color:#3D6BA6 }
#mid-content p strong a:hover { color:#3D6BA6 }
#mid-content p.indent { margin-bottom:10px; width:95%; margin-left:10px }
#mid-content p.indent strong { color:#7a9fcb }
#mid-content .schema {  display:block; margin:0 auto 20px auto; }

#mid-content ul { margin-top:10px; width:500px; text-align:justify }
#mid-content ul.liste-solutions { width:600px; }
#mid-content li { list-style-image:url(../images/arrow-big-blue.gif); margin-left:30px; margin-bottom:10px; clear:left }
#mid-content li strong { color:#3D6BA6; }
#mid-content li img { vertical-align:top; margin-right:3px; margin-top:1px }

#mid-content li span.intitule-120 { display:block; clear:left; float:left; width:120px }

#mid-content ul.inside-list { margin:0px; margin-left:10px; margin-bottom:10px; width:520px }
#mid-content ul.inside-list li { list-style-image:none; list-style-type:none; background-image:url(../images/list-hyphen.gif); background-repeat:no-repeat; color:#555555; margin-left:10px; margin-bottom:5px; padding-left:8px }

#mid-content ul.inside-list-column { margin:0px; margin-left:10px; margin-bottom:10px; width:250px; float:left }
#mid-content ul.inside-list-column li { list-style-image:none; list-style-type:none; background-image:url(../images/list-hyphen.gif); background-repeat:no-repeat; color:#555555; margin-left:10px; margin-bottom:0px; padding-left:8px }

#mid-content ul ul.inside-list { margin-top:5px; }

.bloc-produits .inside-list { margin-left:-8px !important; width:245px; }
.bloc-produits ul.inside-list li { list-style-image:none; list-style-type:none; background-image:url(../images/list-hyphen.gif); background-repeat:no-repeat; color:#555555; margin-left:10px; margin-bottom:5px; padding-left:8px }

.bloc-produits ul.inside-list-column { margin:0px; margin-left:10px; margin-bottom:10px; width:250px; float:left }
.bloc-produits ul.inside-list-column li { list-style-image:none; list-style-type:none; background-image:url(../images/list-hyphen.gif); background-repeat:no-repeat; color:#555555; margin-left:10px; margin-bottom:0px; padding-left:8px }

#mid-content ul.outside-list { margin:0px; margin-left:-30px; margin-bottom:10px; width:530px }
#mid-content ul.outside-list li { list-style-image:none; list-style-type:none; background-image:url(../images/list-hyphen.gif); background-repeat:no-repeat; margin-left:30px; margin-bottom:0px; padding-left:8px }

#mid-content ul.no-puce li { background:none !important; list-style-image:none; margin-left:0; }
#mid-content ul.no-puce ul.inside-list li { background:url(../images/list-hyphen.gif) no-repeat !important; }

#mid-content ul.plan-site { margin:20px 0 10px 0; width:520px; }
#mid-content ul.plan-site li { list-style-image:none; list-style-type:none; background:url(../images/arrow-big.gif) no-repeat 0 2px; color:#555555; margin-left:0px; margin-bottom:0px; padding-left:10px; font-size:1.1em; font-weight:bold; margin-bottom:5px; }
#mid-content ul.plan-site li a { text-decoration:none; font-family:Trebuchet MS,Helvetica,sans-serif; font-size:1.1em; }
#mid-content ul.plan-site ul { margin-top:5px; margin-left:0; }
#mid-content ul.plan-site ul li { font-size:0.9em; font-weight:normal; background:url(../images/list-hyphen.gif) 0 0 no-repeat; margin-bottom:0; margin-left:2px; }
#mid-content ul.plan-site ul li li { font-size:1em; }
#mid-content ul.plan-site ul a { font-family:Arial, Helvetica, sans-serif; font-size:1em; }

/*Affichage actu par annee */
#mid-content ul.liste-annee { padding-bottom:30px; }
#mid-content ul.liste-annee li { display:inline; margin:0; clear:none; }
#mid-content ul.liste-annee li a { text-decoration:none; width:46px; height:15px; display:block; float:left; text-align:center; }
#mid-content ul.liste-annee li a.on { background:url(../images/actu-annee-bk.gif) no-repeat; color:#fff; }
#mid-content .actu-liste { clear:both; }
#mid-content .actu-liste .active { display:block; }

.actu-liste .annee { position:relative; background:#fff; margin-bottom:10px; }
#mid-content img.img-left { display:block; float:left; vertical-align:bottom; margin-top:5px; margin-right:5px }

#mid-content .login-espace-client { width:285px; background-color:#e6f3fc; padding:10px; overflow:hidden; -moz-border-radius:10px; }
#mid-content span.intitule { clear:left; display:block; width:90px; text-align:right; float:left; line-height:20px; font-weight:bold; color:#3d6ba6; padding-right:10px }
#mid-content input { float:left; margin-bottom:5px }
#mid-content #ok { display:block; margin-top:1px; margin-left:5px }
#mid-content .retour-top { background:url(../images/arrow-top.gif) no-repeat right; display:inline-block; text-align:right; padding-right:10px; float:right; margin-bottom:20px; }

#mid-content #retour-liste { clear:left; float:left; background-image:url(../images/arrow-small-grey-left.gif); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; margin-top:0px; display:block; margin-right:30px }

#mid-content .contacts { margin-top:40px; width:540px }
#mid-content .contacts p { display:block; float:left; width:180px}
#mid-content .contacts p strong { color:#328BC5 }
#mid-content .contacts #map { float:right; width:340px; height:280px; }

.schema { text-align:center; margin-bottom:20px; }
.schema img { margin:0 auto; }
.column p { float:right; width:410px; }
.column img { margin:0; float:left; }

.col-download li { background:none !important; padding-left:0; }
.download { background:url(../images/picto-download.gif) 0 1px no-repeat; padding-left:14px; }

.link-img { font-weight:bold; font-size:1.2em; text-decoration:none; margin-top:0 !important; }
.link-img img { position:relative; top:8px; }

.video { margin:0 auto; text-align:center; }
.video iframe { margin-bottom:20px; }

#footer { clear:both; width:933px; height:27px; background-image:url(../images/footer-back.gif); background-repeat:repeat-x; color:#fff; line-height:18px; margin:0 auto ;color:#666666; padding-top:24px; padding-right:55px; font-size:0.7em; }
#footer .link { float:left; }
#footer .link ul li { float:left; background:url(../images/footer-link-separator.gif) no-repeat right; }
#footer .link ul li.last { background:none; }
#footer .link a { color:#666666; text-decoration:none; margin:auto 20px; }
#footer .link a:hover { color:#999999; }
#footer .contact { float:right; }