body,h1,h2,h3,ul,li,hr,p,div,form,a { margin:0; padding:0;}
body { position:relative; font-family:Verdana, Arial, Helvetica; font-size:12px; background:#80b4e1; color:#003e82;  }
a:focus { outline:none; }
p { padding:0 10px 8px 10px; }


#page { position:relative; width:931px; margin-left:auto; margin-right:auto; text-align:center; background:url(images/bgBody.gif) 0 0 repeat-y; z-index:1; padding-bottom:3px;}

/* header */
#header { position:relative; width:931px; margin-left:auto; margin-right:auto; text-align:left; height:110px; background:url(images/bgHeader.gif) 0 0 no-repeat; }
#logo { border:0; position:absolute; top:8px; left:8px; }
#accroche { position:absolute; background:url(images/accroche-passProd.gif) 0 0 no-repeat; text-indent:-5000px; width:706px; height:41px; left:212px; top:8px; }
#menu { position:absolute; top:70px; left:227px;  }
#menu ul { list-style:none; }
#menu ul li { float:left; display:inline; width:113px; text-align:center; }
#menu ul li a { display:block; text-decoration:none; color:#369; font-weight:bold;  width:100%; padding:10px 0; }
#menu ul li a:hover, #menu ul li a.active { background:url(images/bgActive.gif) 0 0 no-repeat; color:#ff9900; }

/* contenu */
#contenu { position:relative; width:931px; background:url(images/bgContenu.gif) 0 0 no-repeat; z-index:100;  }
/* actus */
#actus { position:relative; left:20px; margin-left:20px; top:20px; width:180px; background:url(images/bgActus.gif) 0 0 repeat-y; float:left; display:inline;  }
#actus h1 { background:url(images/bgTitreActus.gif) 0 0 no-repeat; font-size:12px; color:#003e82; padding:10px 0; }
#actus h2 { background:url(images/puceActus.gif) 0 1px no-repeat; font-size:11px; color:#003e82; padding:0 10px 5px 15px; margin-left:10px; text-align:left; margin-top:5px; }
#actus p { text-align:left; padding:0 10px; font-size:10px; color:#003e82; }
#actus a img {  }
#piedActus { clear:both; background:url(images/bgPiedActus.gif) bottom left no-repeat; height:20px;}
/* picto liens vers site references*/
#actus a img { background-color:transparent; border:1px solid #f60; vertical-align:bottom;}
#actus a:hover img { border-color:#003e82;}
/* elemen txt principal */
#txt { position:relative; width:620px;  margin-top:20px; float:left; display:inline; margin-left:50px; text-align:justify;  /*min-height:400px;*/ }

/* bg titres pages interieures*/
#txt h1 {text-align:left; font-size:13px; height:40px; text-indent:-5000px; margin-bottom:10px;}
h1.accueil { background:url(images/accueil-passprod.gif) 0 0 no-repeat; }
h1.presentation { background:url(images/presentation-passprod.gif) 0 0 no-repeat; }
h1.prestations { background:url(images/prestations-passprod.gif) 0 0 no-repeat;   }
h1.formation { background:url(images/formation-passprod.gif) 0 0 no-repeat; }
h1.actualite { background:url(images/actualite-passprod.gif) 0 0 no-repeat; }
h1.references { background:url(images/references-passprod.gif) 0 0 no-repeat; padding-bottom:10px;}
h1.partenaires { background:url(images/partenaires-passprod.gif) 0 0 no-repeat; padding-bottom:10px; }
h1.contact { background:url(images/contacter-passprod.gif) 0 0 no-repeat; }

.elem h2 { font-size:12px; padding:0 0 2px 10px; margin-top:-2px; }
.elem .chapo { }
.elem ul {padding-left:20px; margin-bottom:10px;  }

/* sous menu prestations */
#prest { position:absolute; width:600px; height:50px; top:545px; left:180px;}
#prest ul { list-style:none; margin-left:0; height:50px; }
#prest ul li { float:left; display:inline; text-align:center; margin:0; text-indent:-3000px; }
#prest ul li a { color:#fff; display:block; height:50px; background-image:url(images/bg-smenu-prestations.gif); background-repeat:no-repeat; }
.listePresta { font-weight:bold; padding:10px; margin:10px;}
.p1 { width:110px; background-position:0 -54px;}
.p1:hover, .p1.active { background-position:0 0; }
.p2 { width:140px; background-position:-110px -54px;}
.p2:hover, .p2.active { background-position:-110px 0; }
.p3 { width:170px; background-position:-250px -54px;}
.p3:hover, .p3.active { background-position:-250px 0; }
.p4 { width:180px; background-position:-420px -54px;}
.p4:hover, .p4.active { background-position:-420px 0; }

/* partenaires et references */
#txt .encart { margin:5px 20px; text-align:left; padding:0; width:266px; font-size:11px;  }
#txt .encart h2 { color:#ff8700; font-size:12px; /*font-weight:normal;*/ padding-left:15px; background:url(images/bg-titre-bloc-ref.gif) top left no-repeat; height:29px; line-height:29px;}
#txt .encart p {margin:0; padding:8px 15px 0 15px; background:url(images/bg-references.gif) 0 0 repeat-y; }
#txt .encart ul{ padding:0; margin:0px; background:url(images/bg-references.gif) 0 0 repeat-y; }
#txt .encart ul li {list-style-type:none; padding:2px 0 0 20px;}
/* picto liens vers site partenaires */
#txt .encart a img { background-color:transparent; border:1px solid #f60; vertical-align:bottom;}
#txt .encart a:hover img {background-color:#ffffff; border-color:#630;}
.piedencart {background:url(images/bg-pied-bloc-ref.gif) 0 0 no-repeat; height:20px; }

.colGauche { position:relative; float:left;  }
.colDroite { position:relative; float:left;  }


/* paragraphe  droite du formulaire */
#formulaire { position:relative; }
#formulaire form { position:relative; margin-left:10px; width:370px; }
.coord { position:relative; width:220px; text-align:left; float:right; padding-top:20px; z-index:9;}
label, input { margin-top:2px;}
label { display:block; width:115px; float:left; }
input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:220px;}
textarea { }
.oblig { font-style:italic; font-size:10px; }
p.boutons { padding:0 0 0 110px; position:relative; }
.boutons input { width:auto; float:left;}
.Err { color:red; }
.radio {width:auto; }

a {color:#003e82; text-decoration:none;}
a:hover, a.active {color:#ff8500; }

/*sous menu prestations */
.fil { padding-bottom:20px; font-weight:bold; }
.fil { color:#ff8500; }
.fil a {color:#003e82; }
.fil a:hover { color:#ff8500; }
.fil a.active { font-weight:bold; font-size:13px; color:#ff8500; }

#bonhomme {clear:both; position:relative; background:transparent url(images/piedPassprod.gif) bottom left no-repeat; height:139px; text-align:center; color:#003e82; z-index:100; top:20px; z-index:2; }
#bonhomme p { position:absolute; top:32px; left:0; width:195px; font-size:11px; text-align:right;  }

#pied { position:absolute; color:#003e82; font-size:9px; top:110px; left:810px; z-index:1000; letter-spacing:-1px; text-align:right; width:100px; }


.small { font-size:9px; letter-spacing:-1px;}
.nof { clear:both; visibility:hidden; }
#txt ul { list-style-type:square; margin-left:20px; }
.nof { clear:both; visibility:hidden;}
.fleft {float:left; padding:0 5px 5px 0; }
.fright {float:right; padding:0 0 0 10px; }
.aright {text-align:right; }
.lienpdf { background:url(images/pdf.gif) 0 0 no-repeat; padding:5px 0 5px 25px;  }
ul.aere { margin-top:10px; }
ul.aere li { margin-top:10px; }