/* CSS Document */

body{margin:0;padding:0;background-color:#ffffff; color:#777777; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
body *{margin:0; padding:0;}
p{margin:0 0 4px 0; line-height:18px}
p font {color:#244487; text-transform:uppercase}

h1{font-family: Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 4px 0; font-weight:bold; color:#244487; line-height:26px;}
h1 span{color:#fff; font-size:16px;}
h1 font{color:#666; font-size:16px; font-weight:normal}

h2{font-family: Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 4px 0; font-weight:bold; color:#244487; line-height:26px;}
h2 span{color:#b5b5b8;font-size:21px;}
h2 font{color:#666;font-size:14px; text-transform:uppercase;}

h3{font-family: Arial, Helvetica, sans-serif; font-size:17px; margin:0 0 4px 0; font-weight:bold; color:#323232;line-height:18px;}
h3 span{color:#b5b5b8;}
h3 font{color:#8b0000;}

h4{font-family: Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 3px 0; font-weight:normal; color:#424242;line-height:18px;}
h4 span{color:#b5b5b8;}
h4 font{color:#8b0000;}

a{color:#777777;}
a:hover{color:#32588B;}
a img {border:0}
a.ensavoirplusBc {color:#90A8D9; font-size:11px; background:url(images/fleche-lienBleu.gif) left 4px no-repeat; padding-left:12px; display:block; float:right; margin: 0 8px 10px 0}
a.ensavoirplusBf {color:#369; font-size:11px; background:url(images/fleche-lienBleuf.gif) left 4px no-repeat; padding-left:12px; display:block; float:right; margin: 0 8px 10px 0}
a.ensavoirplusO {color:#F90; font-size:11px; background:url(images/fleche-lienOrange.gif) left 4px no-repeat; padding-left:12px; display:block; float:right; margin: 0 8px 10px 0}
a.lienDetail {color:#294C96; background:url(images/puce-detail.gif) left 3px no-repeat; font-size:10px; padding-left: 15px}
	
u {display:block; clear:both; height:1px; text-decoration:none}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;}
li{background: url(images/puce.gif) no-repeat 0 3px; padding:0 0 0 18px; margin:0 0 5px 10px; border:0;}
ul ul li{background-image: url(images/puce-grise.gif);background-position: 0 3px;}
ul ul ul li{background-image: url(images/puce3.gif);}
dl dt {font-size:12px; color:#6191d0; margin-left:20px}
dl dd {margin: 3px 0 3px 35px; padding-left:30px; background:url(images/puce-fleche1.gif) left 3px no-repeat;}
input{font-size:9px; background-color:#fff; color:#777; border:0; padding:2px; }
input.button {height: 18px; width:auto; padding: 0 7px; color:#fff; background:url(images/bg-btn.gif) left top repeat-x #182644; border:1px solid #8a8a8a}
label{text-align: right; font-size:11px; display:block; margin:0 0 8px 0;}
.inputerreur{font-size:9px; background-color:#C00F00; color:#ffffff; border:0; padding:2px; }
.champfocus{background-color:#fff; border:1px solid #646464; margin:0; font-size:9px; color:#777; padding: 2px;}

.justifie{text-align:justify}
.margintop10 {margin-top:10px}
.margintop20 {margin-top:20px}
.margr7 {margin-right:7px}
.margr10 {margin-right:10px}
.margr20 {margin-right:20px}
.nomarg {margin:0}
.bloq {display: block; float: left}
.floatright {display:block; float:right}
.clearnone {clear:none}
.nobg {background:none}
.noborderbottom {border-bottom:none}
.alignd {text-align:right}
.bleu {color:#244487}
.cadregris {width:90%; height:auto; padding:30px; background-color:#f2f2f2; margin:0 auto 15px 0}
.exergue {font-size:12px; font-style:italic; color:#3e70b2}
div.petit {width:70%; display:block; float: left; margin-right: 10px}
u{display:block; clear:both; height:1px; width:100%; text-decoration:none}

#global {width:960px; height:auto; margin: 20px auto 0 auto; }
#header {width:100%; height:115px;}
#content {width:100%; height:auto; margin:10px 0 10px 0; }
.colgauche {width:240px; height: auto; float:left; margin-right:7px}
.colprincipale {width: 710px; height:auto; float:left}
#footer {width:100%; clear:both; height: 20px; background-color:#EAEAEA;}
#footer p {text-align:center; padding-top:2px }
#footer p a {text-decoration:none;}
.filAriane {margin: 0 0 15px 0}
.contain {width: 96%; height:auto; margin: 10px auto}

/* #### HEADER #### */
#header .liensHaut {width: 200px; float:right; text-align:right}
#header .liensHaut a.liencontact {background:url(images/icone-contact.gif) left 3px no-repeat; padding-left:18px; color:#32588B; text-decoration:none}
#header .liensHaut a.lienrecrutement {background:url(images/icone-recrut.gif) left 3px no-repeat; padding-left:18px; color:#32588B; text-decoration:none}
#header .barregrise {width:100%; height:22px; background:url(images/bg-bandeheader.gif) left top repeat-y #fff; float:left; clear:both; margin-top:12px}
ul.navigation {width:100%; height:25px; clear: both; list-style:none; float:left; background-color:#3F70B2}
ul.navigation li {width: auto; height:25px; padding: 0 40px; color:#fff; text-transform:uppercase; font-size:12px; display:block; float: left; border-right:1px solid #fff; background-image:none}
ul.navigation li a {color:#fff; margin-top:5px; display:block; text-decoration:none}
ul.navigation li input {width: auto; margin-top: 4px; padding-left:10px}
ul.navigation li input.button {margin:0; padding: 0 7px}
ul.navigation li.borderright0 {border-right:0; padding:0}
.padtexteimage {float:left; width:55%; clear:right}

/* #### BLOCS #### */
/* ____newsletter_____ */
.blocNewsletter {width: 240px; height:auto; background-color:#c7c7c7; border:1px solid #BEBEBE; margin: 5px 0 7px 0}
.blocNewsletter h1 {background:url(images/bg-titreGris.gif) left bottom repeat-x #bebebe; height:30px; text-transform:uppercase; font-weight:normal; padding:5px 0 5px 10px}
.blocNewsletter p {padding: 10px}

/* ____boite outils_____ */
.boiteOutils {width: 240px; height: 120px; background:url(images/bg-outils.gif) left bottom repeat-x #f3f3f3; margin: 90px 0 0 0; padding:0; border:1px solid #bebebe; clear:both}
.boiteOutils li {height: 40px; margin:0; padding:0 0 0 45px; line-height: 38px}
.boiteOutils li.transmettre {background:url(images/picto-transmettre.gif) 5px center no-repeat transparent;}
.boiteOutils li.imprimer {background:url(images/picto-imprimer.gif) 5px center no-repeat transparent;}
.boiteOutils li.contactprojet {background:url(images/picto-jaiunprojet.gif) 5px center no-repeat transparent;}
.boiteOutils li a {display: block; height:40px; width:100%; text-decoration:none; background:url(images/bg-filetOutils.gif) right bottom repeat-x transparent; }
.boiteOutils li a.nobg {background:none}

/* ______diaporama_____ */
.pad1 {width:457px; float:left}
.homeDiaporama {width:457px; height: auto; background-color:#fff; margin-bottom:7px; float:left}
.homeDiaporama h1 {background:url(images/bg-titrediapoHome.gif) left bottom repeat-x #369; height:23px; text-transform:uppercase; font-weight:normal; padding:4px 0 5px 10px; margin:0}
#diaporamaFlash {width:100%; height:auto; float:left}

/* ______blocs bleus entrées_____ */
.blocBleu {width: 221px; height:auto; background-color:#112143; color: #D4DCEC; float:left;}
.blocBleu h1 {width:auto; height:30px; background:url(images/top-roundedBlue.gif) left top no-repeat; text-transform:uppercase; font-weight:normal; padding:5px 0 5px 10px; margin:0}
.blocBleu p {padding:10px}


/* ____actus_____ */
.pad2 {width:240px; float:right}
.blocActus {width: 240px; height:auto; background-color:#f3f3f3; border:1px solid #BEBEBE; margin-bottom:7px; clear:both; float:left}
.blocActus h1 {background:url(images/bg-titreGris.gif) left bottom repeat-x #bebebe; height:30px; text-transform:uppercase; font-weight:normal; padding:5px 0 5px 10px}
.blocActus h2 {margin:5px 0 3px 10px; font-weight:normal; padding:0; line-height:normal}
.blocActus p {padding: 5px 15px; line-height:14px; }
.actus {width:100%; }
.actus img {display:block; clear:both; margin: 3px 0 5px 0}
.blocActus p.lienActus {background-color:#ccc; text-align:right; padding: 5px; margin:0}

/* _____menu gauche____ */
.menugauche {background-color:#f3f3f3; margin-bottom: 7px}
.menugauche div.top {background:url(images/bg-menug-top.gif) left top no-repeat #f3f3f3}
.menugauche div.bottom {background:url(images/bg-menug-bottom.gif) left top no-repeat #fff}
.menugauche h2 {padding-left: 15px}
.menugauche ul li {margin: 8px 10px }
.menugauche ul li a { background:url(images/fleche-lienBleuf.gif) left 4px no-repeat; padding-left:12px; color:#369;}
.menugauche ul li a:hover {color:#003}
.menugauche ul li a.selected, .menugauche ul li a.selected:hover {text-decoration:none; font-weight:bold; color:#369; cursor:default}


/* ____recrutement_____ */
.blocRecrutement{width: 240px; height:auto; background-color:#ccc; border:1px solid #BEBEBE; }
.blocRecrutement h1 {background:url(images/bg-titrebleu.gif) left bottom repeat-x #369; height:30px; text-transform:uppercase; font-weight:normal; padding:5px 0 5px 10px}
.blocRecrutement p {padding: 10px}

/*____ blocs bleus small___ */

.blocbleuS {width:168px; height:auto; background-color:#fff; float:left; margin-right:2px}
.blocbleuS h1 {width:153px; height:41px; margin:0; color:#fff; font-size:14px; line-height: 40px; padding-left:15px; font-weight:normal; background:url(images/top-smallrounded.gif) left top no-repeat #244488}
.blocbleuS p {padding:5px; margin-top:5px; line-height:14px}

.machines {width:90%; height:auto; padding:10px 30px; background-color:#fff; margin:0 auto 15px 0}
.machines ul li {width:450px;background:url(images/puce-fleche1.gif) left 4px no-repeat; padding-left:30px;color:#1B4F8B;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold}
.machines ul ul {margin-top:10px}
.machines ul ul li {cursor:pointer; background: url(images/puce-detail.gif) left 2px no-repeat; padding-left:15px; padding-bottom:5px; margin-bottom:10px; border-bottom:dotted 1px #BEBEBE;color:#777777;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold}
.machines table {color:#777;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal; margin-top:10px;}
.machines table td {padding:5px}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}

.motdirecteurg {width: 360px; height:auto; float:left; padding: 20px 20px 20px 50px; background:url(images/guillemets-haut.gif) 7px 10px no-repeat #F9F9F9; margin-right:15px}
.motdirecteurg font {width:100%; height: 30px; display:block; background:url(images/guillemets-bas.gif) right bottom no-repeat}
.motdirecteurd {width: 220px; height:auto; float:left; }


/* CONTACT */
.note{font-size: 0.9em;color: #999;}
.note2{font-size: 9px;color: #C00F00;font-weight:normal; text-align:left}
legend {font-size:1.3em; font-weight: bold; color:#3F70B2; margin: 0 0 5px 0; padding: 0 5px; background-color: #fff}
fieldset { border: 1px dotted #ccc; width: 75%; margin: 10px; padding: 10px}

#contact{width:100%;margin:0;text-align: left;margin-bottom: 1em;}
.labelcontact{display:block;float:left;width:25%;text-align:left;margin:0 10px 5px 0; padding:0; }
.labelcontactC{width: 5%;text-align: left; margin:0 10px 5px 0; padding:0; vertical-align:top }

.champcontactC{width:50%;margin-bottom:5px; padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.champcontactCerreur{width:50%;margin-bottom:5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00;}
.champfocusC{width:50%;margin-bottom:2px;padding:2px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#0a81fe; font-size:10px;border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	background-color: #ffffff;}
.sendcontact{float:right;margin-right:20%;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #1B4F8B; color: #EFEFEF; padding:0;}
.champnormal{width:120px;margin-bottom:2px;padding:0;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.champerreur{width:120px;margin-bottom:2px;padding:0;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00;}

/* RECRUTEMENT */
#recrutement{width:100%;}
.labelrecrut{width:40%;display:inline; float:left;clear:both; margin:0 10px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }
.labelrecrut2{width:25%;display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }

.champrecrut{width:50%;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.champrecruterreur{width:50%;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00; }
.textarearecrut{width:95%;margin-bottom:5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#696969;font-size:10px;border: 1px solid #ccc;background-color:white;background-image: url(images/contact_champ_bg.gif); background-repeat: repeat-x; background-position: bottom;  }

.sendrecrut{float:right;margin-right:35px;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #1B4F8B; color: #EFEFEF; padding:0;}

/* Actualités */
.actu{width:100%; height:auto;float:left;padding:10px; margin:0 0 10px 0;background:none}
.actu img{float:left; margin:0 10px 0 0;}
.actu p{text-align:justify}
.cadre{border: 1px solid #f2f2f2;padding:1px}

.labelcontact{display:block;float:left;width:15%;text-align:left;margin:0 10px 0 0; padding:0; }
.champcontact{background-color: #ffffff; border:1px solid #cccccc;padding: 0 2px 0 2px; margin:0;
	color:#405058; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.champcontacterreur{background-color: #be0d0d;border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0;
	color:#FFFFFF;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/* Plan du site */
div.plansite{float:left;width:500px}

div.plansite ul{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
div.plansite li{background:none; padding:0; padding-left: 15px; border:0; margin: 0 20px 0 15px; text-align:justify;}
div.plansite li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:16px;font-weight:bold;text-align:left;color:#244487;
	text-transform:uppercase;text-decoration:none;display:block;cursor:pointer;}
div.plansite li a:hover{color:#b5b5b8;}

div.plansite ul ul li{background-image: url(images/puce-fleche1.gif);background-repeat: no-repeat; background-position: 0 .6em;}
div.plansite ul ul li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:12px;font-weight:normal;text-align:left;color:#5a5a5a;
	text-transform:none;text-decoration:none;display:block;cursor:pointer;margin-left:15px}
div.plansite ul ul li a:hover{color:#000000;}

/*Mention legale */
.listemention ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;}
.listemention li{background: url(images/fleche-lienBleuf.gif) no-repeat 0 3px; padding:0 0 0 18px; margin:0 0 5px 10px; border:0;}