@charset "utf-8";
/* CSS Document */

body, p, div, h1, h2, h3, h4, form { font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin:0; padding:0; font-size:12px; }

a { color:#000000; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a.on{ color:#FFFFFF; }
body { text-align:center; background-color:#ffffff; margin:0; }
div { text-align:left; }
input, select { vertical-align:middle; }
img{ border:0; margin:0; padding:0; }
.printonly{ display:none;}

ul{ margin:0 0 0 18px; }
li{ font-size:12px; }

#page{ width:964px; margin:10px auto;}

#header { background-image: url(../imgs/back/back-header-fr.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 168px; overflow:hidden; padding:30px 30px 0 30px; }
#headernav { background-image: url(../imgs/back/back-header-fr.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 176px; overflow:hidden; padding:30px 30px 0 30px; }

#milieu{ background-image: url(../imgs/back/back-contenu.gif); background-repeat: repeat-y; background-position: 0px 0px; }
#logo{ width:236px; height:170px; float:left; }
#nav{ width:648px; height:140px; float:right; background-color:#CCCCCC; }

#contenu-accueil,#contenu-groupe,#contenu-metiers,#contenu-competences,#contenu-realisations,#contenu-implantations,#contenu-actualites,#contenu-recrutement{ background-repeat: no-repeat; background-position: 0px 0px; width:904px; margin:0 auto; }

#contenu-accueil { background-image: url(../imgs/back/left-bleu.gif); } /*couleur accueil*/
#contenu-groupe { background-image: url(../imgs/back/left-bleu.gif); } /*couleur groupe*/
#contenu-metiers { background-image: url(../imgs/back/left-metiers.gif); } /*couleur metiers*/
#contenu-competences { background-image: url(../imgs/back/left-competences.gif); } /*couleur competences*/
#contenu-realisations { background-image: url(../imgs/back/left-realisations.gif); } /*couleur realisations*/
#contenu-implantations { background-image: url(../imgs/back/left-implantations.gif); } /*couleur implantations*/
#contenu-actualites { background-image: url(../imgs/back/left-actualites.gif); } /*couleur actualites*/
#contenu-recrutement { background-image: url(../imgs/back/left-recrutement.gif); } /*couleur recrutement*/

#left{ width:216px; padding:10px; float:left; }
#left h1{ color:#FFFFFF; font-size:12px; text-transform: uppercase; border-bottom: 1px dashed #000000; margin-bottom:10px; margin-top:10px; padding-bottom:9px; }
#left h2{ color:#000000; font-size:12px; text-transform: uppercase; margin:5px 0; }
#left h3{ color:#ffffff; font-size:12px; text-transform: uppercase; margin:5px 0; }
#left h4{ color:#000000; font-size:11px; border-bottom: 1px dashed #000000; margin-bottom:5px; margin-top:10px; padding-bottom:5px; }

#left p, #left li{ font-size:11px; color:#000000; margin-bottom:5px; }
#left a{ color:#FFFFFF; font-weight:bold; }
#left a.light{ color:#000000; font-weight:normal; }
#left a.bleu{ color:#29416a; font-weight:normal; }
#left a.bleu:hover{ color:#29416a; }

#left a.grisfonce{color:#333333; font-size:12px;}
#left a.grisfonce:hover{ color:#000000; }

#left a img{ vertical-align:middle; margin-right:3px; }
#left .fleche{ margin:5px 0 5px -10px; display:block; background-image: url(../imgs/back/left-fleche.gif); background-repeat: no-repeat; background-position: 0px center; padding-left:10px; color:#FFFFFF; font-weight:bold; font-size:13px; text-transform: uppercase; }

#left ul{ margin:0; padding:0;}
#left li{ margin-left:15px;}

#right{ width:648px; float:right; margin-top:0; margin-bottom:15px; }
#right h1{ color:#3d3c3f; font-size:17px; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #3d3c3f; margin-bottom:6px; }
#right h2{ color:#3d3c3f; font-size:14px; text-transform: uppercase; margin-bottom:2px; }

#footer-accueil{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-bleu.gif); } /*couleur accueil*/
#footer-groupe{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-bleu.gif); } /*couleur groupe*/
#footer-metiers{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-metiers.gif); } /*couleur metiers*/
#footer-competences{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-competences.gif); } /*couleur competences*/
#footer-realisations{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-realisations.gif); } /*couleur realisations*/
#footer-implantations{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-implantations.gif); } /*couleur implantations*/
#footer-actualites{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-actualites.gif); } /*couleur actualites*/
#footer-recrutement{ background-repeat: no-repeat; background-position: 0px 0px; padding:0 36px 0 50px; height: 53px; overflow:hidden; font-size:12px; line-height:23px; background-image: url(../imgs/back/back-footer-recrutement.gif); } /*couleur recrutement*/

.footer-right img {vertical-align:middle;}
.footer-left{float:left; color:#FFFFFF; height:23px; }
.footer-right{float:right; color:#FFFFFF; height:23px; }
.footer-left a,.footer-right a{ color:#ffffff; }
.footer-left a:hover,.footer-right a:hover{ color:#595959; }
	
#sousnav{ width:648px; float:right; margin:-18px 0 5px 0; }
/*#sousnav{ width:648px; position:relative; left:255px; top:-18px; }*/
#sousnav a{ display:block; float:left; font-size:11px; padding:2px 4px 2px 2px; margin-right:4px; color:#FFFFFF; }

#sousnav.groupe a{ background-color:#8aa2cb; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; } /*couleur groupe*/
#sousnav.groupe a:hover{ background-color:#496494; text-decoration:none; }
#sousnav.groupe a.on{ background-color:#496494; }

#sousnav.metiers a{ background-color:#50a7bb; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; } /*couleur metiers*/
#sousnav.metiers a:hover{ background-color:#248297; text-decoration:none; }
#sousnav.metiers a.on{ background-color:#248297; }

#sousnav.competences a{ background-color:#a3d1e2; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; } /*couleur competences*/
#sousnav.competences a:hover{ background-color:#83c0ce; text-decoration:none; }
#sousnav.competences a.on{ background-color:#2591ba; }

#sousnav.realisations a{ background-color:#acbb8e; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; margin-bottom:3px; } /*couleur realisations*/
/*
#sousnav.realisations a{ background-color:#c8d2b4; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; }
#sousnav.realisations a:hover{ background-color:#bdc9a5; text-decoration:none; }
#sousnav.realisations a.on{ background-color:#a2b480; }
*/
#sousnav.realisations a:hover{ background-color:#7f915d; text-decoration:none; }
#sousnav.realisations a.on{ background-color:#7f915d; }


#sousnav.implantations a{ background-color:#a49d92; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; } /*couleur implantations*/
#sousnav.implantations a:hover{ background-color:#766750; text-decoration:none; }
#sousnav.implantations a.on{ background-color:#766750; }

#sousnav.actualites a{ background-color:#8fa9b8; background-image: url(../imgs/back/angle-droit.gif); background-repeat: no-repeat; background-position: right top; } /*couleur actualites*/
#sousnav.actualites a:hover{ background-color:#648091; text-decoration:none; }
#sousnav.actualites a.on{ background-color:#648091; }

#sousnav.recrutement a{ background-color:#a67da2; } /*couleur recrutement*/

#right .left{ width:315px; float:left; }
#right .right{ width:315px; float:right; }

#left .sousnav-realisations a{ display:block; margin:3px -10px 3px -10px; padding:3px 10px; background-color:#999999; }


.metiers-bloc-home{ padding:5px; background-color:#dcedf1; font-size:11px; margin-bottom:10px; }
.metiers-bloc-home h2{ font-size:12px; text-transform: uppercase; }

.competences-bloc-home{ padding:5px; background-color:#d3e9f1; font-size:11px; margin-bottom:10px; }
.competences-bloc-home h2{ font-size:12px; text-transform: uppercase; }

.realisations-bloc-home,.realisations-blocpt-home{ padding:5px; background-color:#e6ebdd; font-size:11px; margin-bottom:10px; }
.realisations-bloc-home h2,.realisations-blocpt-home h2{ color:#3d3c3f; font-size:11px; text-transform: uppercase; }
.realisations-bloc-home .intro,.realisations-blocpt-home .intro{ font-size:11px; color:#797a7c; }

.implantations-liens{ padding:4px; font-size:10px; text-transform: uppercase; background-color:#e4e0db; }

.recrutement-select{ width:100%; margin-bottom:5px; font-size:12px; color:#333333; }
.recrutement-select .defaut{ color:#999999;}

.space-h-5{ height:5px; clear:both; }
.space-h-10{ height:10px; clear:both; }

.edito, .edito p, .edito li{ color:#000000; line-height:20px; }
.edito ul{ padding-left:20px; margin:0;}
.edito .legende{ color:#536077; line-height:normal; font-size:9px; padding-right:15px; }
.edito .legende img{ margin-bottom:5px; }
.edito .legende b{ font-size:12px; }

.offres{ background-color:#ebe2eb; padding:10px; }
.offres a{ color:#666666; font-weight:bold; }
.offres input, .offres textarea{ border:1px solid #999999; color:#333333; font-size:11px; }
.offres input{ width:150px; }
.offres input.checkbox{ width:auto; border:none; }
.offres textarea{ width:100%; }
.offres form{ margin:0; background-color:#FFFFFF; padding:10px; text-align:center; }
.offres  a.switch:hover{ color:#000000; text-decoration:none; }

.edito .titre,.home .titre{ color:#29416a; font-size:14px; font-weight:bold; text-transform:uppercase; border-bottom: 1px dashed #94a0b4; margin-bottom:10px; margin-top:5px; padding-bottom:5px; }
.home p{ text-align:left; }
.home b, .home a, .edito a{ color:#29416a; font-size:13px; font-weight:bold; }
.home .visuel{ margin:0 10px 5px 0; }
.home .sep-v{ background-image: url(../imgs/back/home-sep-v.gif); width: 33px; }
.sep-v{ background-image: url(../imgs/back/home-sep-v.gif); }

#left div.left-liens{ color:#ffffff; margin:3px 0; }
#left div.left-liens li{ color:#000000; }
#left div.left-liens a{ color:#000000; font-weight:normal; }
#left div.left-liens a.on{ font-weight:bold; }

.sep-h{ background-image: url(../imgs/back/home-sep-h.gif); background-repeat: repeat-x; background-position: 0px 0px; height: 23px; clear:both; }
.sep-h-pointilles{ background-image: url(../imgs/back/sep-h-pointilles.gif); background-repeat: repeat-x; background-position: 0px center; height: 4px; clear:both; }
.sep-h-offres{ background-image: url(../imgs/back/sep-h-offres.gif); background-repeat: repeat-x; background-position: 0px 0px; height: 20px; clear:both; }


#cadrpg { margin:0 auto; border:0; overflow:hidden;}
#newshr { position:relative; height:20px; overflow:hidden; }
#newshr a{color:#29416a; font-size:13px; font-weight:bold;}
#defile { position:absolute; margin-top:1px;font-size:13px; font-weight:bold; color:#29416a; }
marquee{ margin-top:1px;font-size:13px; font-weight:bold; color:#29416a; }
marquee a{color:#29416a; font-size:13px; font-weight:bold;}

.ImageActuHome { margin:0 5px 4px 0;}
.ImageActu { margin:0 15px 10px 0;}
.flashActu { float:left; margin:0 6px 6px 0; }

.minicontact{margin-bottom: 4px; padding: 5px; }
.minicontact a.minicontactlink img{vertical-align:middle;}


.bleu{ color:#29416a; font-size:12px; }
.bleugras{ color:#29416a; font-size:12px; font-weight:bold; }
.gris{ font-size: 11px; font-weight: normal; color: #333333; }
.blanc{ color:#ffffff; font-size:12px; }
.clr{ clear:both;}
.petit{ font-size:11px;}
.vert-pt{ color:#a2b480; font-size:11px; }
.petitpetit{ font-size:10px; font-style:italic; color:#ffffff; text-decoration:none;}

.petit-nav-alt, .petit-nav-alt a { color:#999999; font-size:10px;}
.petit-nav-alt{ text-align:right; padding:0 10px; margin:3px 0 10px 0; }
.petit-nav-alt b { font-size:11px; color:#29416a; }


.haut-page{ color:#999999; font-size:11px; background-image: url(../imgs/pictos/top-page.gif); background-position: 0px 0px; background-repeat: no-repeat; height: 16px; padding-left: 18px; float:right; margin:2px; }

.alerte{ background-color:#ffc9c9; padding:2px; font-size:11px; font-weight:bold; color:#ab0000; text-align:center; text-transform:uppercase; }
.ok{ background-color:#CAFFD6; padding:6px; font-size:11px; font-weight:bold; color:#006600; text-align:center; text-transform:uppercase; }


img.imagealpha { behavior: url(imgs/iepngfix.htc) }


.legendephoto{ width:200px; color:#666666; font-size:10px; }