body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background:#FFFFFF url(bg_body.gif) no-repeat center top;
}
body.bodyaccueil {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background:#FFFFFF url(bg_bodyaccueil.gif) no-repeat center top;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
tex-align: left;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-weight: bold;
color: #719ec0;
/*
position:absolute;
top: -5000px;
left: -5000px;
*/
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
float:left;
position:relative;
width:960px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position:relative;
height:115px;
margin:0px 0px 0px 0px;
background-image: url(header_inter.gif);
background-repeat: no-repeat;
background-position: 211px 0px;
}
body.bodyaccueil #header {
background-image: url(header_accueil.gif);
}
#logo{
position:absolute;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position:absolute;
top:-5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
body.bodyExtranet #recherche {
position: absolute;
top: -5000px;
}
#recherche {
width:150px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
top:-4px;
right:0px;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #000;
vertical-align: middle;
width: 110px;
height:15px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
}
#recherche label {
position:absolute;
top:-5000px;
}
#recherche legend{
display:none;
position:absolute;
top:-5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU & LEFT ---*/
/*---  Définit dans menuStyles.css  ---*/

/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCES EXTRANET ---*/
#accesExtranet {
position:relative;
height:auto;
background:#719EC0;
margin:10px 0px 0px 0px;
padding:5px 15px 5px 15px;
font-family:arial;
font-size:medium;
color:#FFFFFF;
}
#accesExtranet h3 {
font-weight:normal;
font-size:medium;
margin:0px 0px 1px 0px;
padding:5px 15px 5px 5px;
}
#accesExtranet h3 a {
text-decoration: none;
color: #FFFFFF;
}
#contentlogextranet legend,
#contentlogextranet label {
position:absolute;
top:-5000px;
display:none;
}
#contentlogextranet div.entry01 input,
#contentlogextranet div.entry02 input {
width:120px;
vertical-align: middle;
color:#719EC0;
}
form#logforget div.entry01 input {
width:200px;
vertical-align: middle;
color:#719EC0;
}
form#logforget div.entry01 {
float: left;
width: 356px;
vertical-align: middle;
}
#contentlogextranet div.entry02 input.bouton,
form#logforget input.bouton {
background:#C4D831;
color: #FFFFFF;
margin:0px 0px 0px 3px;
padding:0px 0px 0px 0px;
width:30px;
height:20px;
border:none;
vertical-align: middle;
font-weight: bold;
text-align: center;
}
#contentlogextranet p.msgLog {
font-size: x-small;
text-align: right;
}
#contentlogextranet p.msgLog a {
color: #FFFFFF;
}
#loguer span.nom {
font-weight: bold;
}
#loguer a.deconnecte {
font-size: small;
clear: both;
display: block;
color: #FFFFFF;
text-align: center;
padding: 10px 0px 0px 0px;
}
#login{
position:absolute;
top:7px;
left:-27px;
}
html > body #login{
position:absolute;
top:7px;
left:-12px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
float:left;
width:956px; 
margin:0px 0px 0px 0px;
background:url(bg_content_accueil.gif) repeat-y  top center; 
}
#content {
float:left;
width:955px; 
margin:0px 0px 0px 0px;
background:url(bg_inter.gif) repeat-y  top center; 
}
/*
body.bodyExtranet #content {
background:url(bg_inter_large.gif) repeat-y  211px 0px; 
}
*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
body.bodyaccueil #filariane {
float:left;
background:url(bg_filariane_accueil.gif) no-repeat  top center;
width:556px;
height:17px;
padding:0px 0px 0px 17px;
margin:0px 0px 0px 0px;
font-size:xx-small;
}
#filariane {
float:left;
background:url(bg_filariane.gif) no-repeat  top center;
width:518px;
height:17px;
padding:0px 0px 0px 17px;
margin:0px 0px 0px 0px;
font-size:xx-small;
}
/*
body.bodyExtranet #filariane {
background:url(bg_filariane_large.gif) no-repeat 2px 0px;
width:725px;
}
*/
body.accueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
float:left;
padding:13px 33px 0px 33px;
margin:0px 0px -10px 0px;
width:507px;
}
#inter {
float:left;
padding:13px 33px 100px 33px;
margin:0px 0px 0px 0px;
width:469px;
}
/*
body.bodyExtranet #inter {
width:674px;
}
*/
body.bodyaccueil #inter p {
clear: none;
width:auto;
float: none;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:5px 0px 10px 0px;
clear: both;
width:469px;
float: left;
}
/*
body.bodyExtranet #inter p {
width:674px;
}
*/
#inter ul {
margin: 5px 0px 10px 15px;
padding: 0;
list-style: none;
clear: both;
}
#inter ul li {
background:url(puce1.jpg) left 1px no-repeat;
padding-left:18px;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul ul li {
background:url(puce_right.jpg) left 1px no-repeat;
padding-left:18px;
}
#inter ul ul ul li {
background:url(puce_jaune.gif) left 1px no-repeat;
}
#inter ul ul ul ul li {
background:url(puce_rouge.gif) left 1px no-repeat;
}
#inter ul ul ul ul ul li {
background:url(puce_bleue.gif) left 1px no-repeat;
}
#inter a.telecharger {
display: block;
border: 1px solid #336600;
color: #336600;
font-size: x-small;
text-transform:uppercase;
width: 70px;
text-decoration: none;
padding: 2px 0px 2px 20px;
margin: 15px 10px 0px 0px;
float: left;
background-color: #c4d831;
color: #FFFFFF;
background-image: url(picto_telecharge.gif);
background-repeat: no-repeat;
background-position: 5px 3px;
}
#inter a.telecharger:hover {
color: #CC0000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- KITMAP ---*/
#contentKitmap {
width: 499px;
height: 550px;
overflow: hidden;
clear: both;
margin: 0px 0px 0px -15px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
#inter h2{
padding:3px 10px 3px 10px;
margin:0px 0px 3px 0px;
background:#DD1628;
text-transform:uppercase;
font-size:medium;
color:#FFFFFF;
font-family:arial;
}
#inter h3{
/*float: left;*/
width: 340px;
clear: both;
padding:3px 30px 3px 10px;
margin:8px 0px 8px 0px;
background:#719EC0;
text-transform:uppercase;
font-size:medium;
color:#FFFFFF;
font-family:arial;
}
#inter h3 a{
color:#FFFFFF;
}
#inter h4{
clear: both;
float: left;
width: 230px;
padding:3px 50px 3px 10px;
margin:15px 0px 5px 0px;
background:#020202;
text-transform:uppercase;
font-size:small;
color:#FFFFFF;
font-family:arial;
}
#inter h4 a{
color:#FFFFFF;
}
/*
#inter h5 {
padding:3px 0px 3px 10px;
margin:30px 0px 3px 0px;
clear: both;
text-transform:uppercase;
font-size:small;
font-family:arial;
font-weight: normal;
}
*/
#inter h5 {
padding:8px 0px 0px 0px;
margin:0px 0px 0px 0px;
clear: both;
font-size:small;
font-family:arial;
color: #FF6600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FONDS DOCUMENTAIRES ---*/
#inter #treelist ul {
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
}
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.bodyfonddoc #inter #col_g{
float:left;
width:190px;
padding:0px 5px 0px 5px;
}
body.bodyfonddoc #inter #treelist{
width:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.bodyfonddoc #inter #treelist ul ul ul ul{
font-size: x-small;
}
body.bodyfonddoc #inter #treelist ul ul ul ul li,
body.bodyfonddoc #inter #treelist ul ul ul ul ul li {
background-position: 0px 0px;
}
body.bodyfonddoc #inter #form01{
width:180px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.bodyfonddoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.bodyfonddoc #inter #form01 label,
body.bodyfonddoc #inter #form01 input,
body.bodyfonddoc #inter #form01 select,
body.bodyfonddoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.bodyfonddoc #inter #msgResult {
float:right;
width:249px;
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
color:#007AC0;
font-weight: bold;
}
body.bodyfonddoc #inter #resultat ul li a {
color:#007AC0;
}
body.bodyfonddoc #inter #resultat{
float:right;
width:249px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
body.bodyfonddoc #inter #resultat ul li{
background-image: none;
padding-left:0px;
}
body.bodyfonddoc #inter #resultat ul li a{
display: block;
}
#inter #resultat ul li .typedoc {
font-size: x-small;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
/*position:relative;*/
float:right;
padding:0px 0px 0px 0px;
margin:-16px 0px 0px 5px;
width:205px;
}
#right ul li {
background:url(puce_right.jpg) left 2px no-repeat;
padding-left:20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#interPostIt{
background:#FFFFFF;
border:#EDAB22 16px solid;
padding:5px;
}
#interPostIt h3{
background:#DD1628 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-family:arial;
font-size:medium;
margin:0 0 3px;
padding:3px 10px;
text-transform:uppercase;
}
#interPostIt p{
padding:3px 3px 0px 5px;
}
#interPostIt #recentdocs {
font-size: x-small;
}
#interPostIt #recentdocs ul li {
background-image: none;
padding-left: 0px;
}
#interPostIt #recentdocs ul li span.typedoc {
padding-left: 20px;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
body.bodyaccueil #footer_centrage {
float:left;
clear:left;
width:100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: xx-small;
color: #020202;
text-align:center;
background:url(bg_footer_container.gif) top center repeat-x;
}
body.bodyaccueil  #footer {
position:relative;
width:690px;
margin: auto;
background:url(bg_footer_accueil.gif) top center no-repeat;
}

body.bodyaccueil  #footer ul{
margin-left:20px;
}
/*
body.bodyExtranet  #footer ul{
margin-left:100px;
}
*/
#footer ul li{
float:left;
}
#footer_centrage {
float:left;
clear:left;
width:100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: xx-small;
color: #020202;
text-align:center;
background:url(bg_footer_container.gif) top center repeat-x;
}
#footer {
position:relative;
width:690px;
margin: auto;
padding: 30px 0px 0px 290px;
background:url(bg_footer.gif) center top no-repeat;
height:30px;
}
/*
body.bodyExtranet #footer {
background:url(bg_footer_large.gif) no-repeat 211px 0px;
}
*/
#footer ul li a.aide_footer {
display:block;
width:95px;
height:20px;
line-height:17px;
padding:0px 0px 0px 18px;
margin: 0px 3px 0px 0px;
text-decoration:none;
background:url(bg_aide.gif) no-repeat center left;
}
#footer ul li a.aide_footer {
display:block;
width:95px;
height:20px;
line-height:17px;
padding:0px 0px 0px 18px;
margin: 0px 3px 0px 0px;
text-decoration:none;
background:url(bg_aide.gif) no-repeat center left;
}
#footer ul li a.plan_site_footer {
display:block;
width:60px;
height:20px;
line-height:17px;
padding:0px 0px 0px 18px;
margin: 0px 3px 0px 0px;
text-decoration:none;
background:url(bg_plan_site.gif) no-repeat center left;
}
#footer ul li a.informations_footer {
display:block;
width:95px;
height:20px;
line-height:17px;
padding:0px 0px 0px 18px;
margin: 0px 3px 0px 0px;
text-decoration:none;
background:url(bg_informations.gif) no-repeat center left;
}
#footer ul li a.credits_footer {
display:block;
width:40px;
height:20px;
line-height:17px;
padding:0px 0px 0px 18px;
margin: 0px 3px 0px 0px;
text-decoration:none;
background:url(bg_credit.gif) no-repeat center left;
}
/*-- PARTENAIRE --*/
#partenaire{
width:180px;
position:absolute;
bottom:52px;
left:42px;
}
#partenaire img{
margin: 0px 5px 5px 0px;
border:#111 1px dotted;
padding:2px;
float: left;
}
/*-- HAUT DE LA PAGE --*/

.hautpage_inter{
clear:both;
padding:10px 0px 20px 0px;
}
.hautpage_inter a{
text-align:center;
font-size:x-small;
margin:auto;
display:block;
height:40px;
width:70px;
text-decoration:none;
background:url(bg_haut_page.gif) no-repeat bottom center;
}
body.bodyaccueil #hautpage{
display:none;
}
#hautpage {
position:absolute;
top:-40px;
left:430px;
}
/*
body.bodyExtranet #hautpage {
position:absolute;
top:-40px;
left:530px;
}
*/
#hautpage a {
display:block;
height:40px;
width:70px;
text-decoration:none;
background:url(bg_haut_page.gif) no-repeat bottom center;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display:none;
}
#imprimpage {
position:absolute;
top:10px;
right:0px;
width:100px;
}
#imprimpage a {
font-size:xx-small;
display:block;
height:20px;
width:65px;
padding:0px 20px 0px 0px;
text-decoration:none;
background:url(bg_imprimer.gif) no-repeat center right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #663333;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BON COMMANDE--*/
table.tabCommande th{
background-color: #cccccc;
}
table.tabCommande input{
width: 20px
}
table.tabCommande td.case{
text-align: center;
}
table.tabCommande td.qte{
text-align: center;
}
#form2 p{
float: left;
width: 300px;
} 
#form2 input{
float: right;
} 
#form2 p.adresse{
width: 350px;
}
#form2 p.adresse input{
height: 80px;
width: 190px
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite{
margin: 0;
padding: 0;
}
#plandusite h3 {
float: left;
clear: both;
padding:3px 50px 3px 10px;
margin:3px 0px 3px 0px;
background:#719EC0;
text-transform:uppercase;
font-size:medium;
color:#FFFFFF;
font-family:arial;
}
#plandusite h3 a {
font-size:medium;
margin:0;
padding:0;
color: #FFFFFF;
text-decoration: none;
}
#plandusite ul {
margin: 5px 0px 15px 15px;
padding: 0;
font-weight: bold;
}
#plandusite ul li ul {
margin: 0px 0px 0px 15px;
padding: 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- FORUM --*/
body table.tableauForum,
body table.tableauSujetsForum,
body table.tableforum {
width: 469px;
clear: both;
}
body table.tableauForum caption,
body table.tableauSujetsForum caption,
body table.tableforum caption {
text-align: left;
margin-top: 20px;
font-size: medium;
}
body table.tableauForum th,
body table.tableauSujetsForum th,
body table.tableforum th  {
text-align: left;
}
/*----------------*/
/*----------------*/
body table.tableauForum td.colForum01  {
width: 65px;
}
body table.tableauForum td.colForum02  {
width: 65px;
font-size: x-small;
}
body table.tableauForum td.colForum03  {
width: 115px;
}
body table.tableauForum td.colForum03 a  {
color: #719EC0;
font-weight: bold;
}
body table.tableauForum td.colForum04  {
width: 200px;
}
/*----------------*/
/*----------------*/
body table.tableauSujetsForum td.colForum01  {
width: 65px;
}
body table.tableauSujetsForum td.colForum02  {
width: 85px;
}
body table.tableauSujetsForum td.colForum03  {
width: 65px;
font-size: x-small;
}
body table.tableauSujetsForum td.colForum04 {
width: 230px;
}
body table.tableauSujetsForum td.colForum04 a  {
color: #719EC0;
font-weight: bold;
}
/*----------------*/
/*----------------*/
body table.tableforum td.colForum01  {
width: 65px;
}
body table.tableforum td.colForum02  {
width: 85px;
}
body table.tableforum td.colForum03  {
width: 65px;
font-size: x-small;
}
body table.tableforum td.colForum04 {
width: 230px;
}
/*----------------*/
/*----------------*/
.newsujet,
.newmessa {
color: #C02C5B;
font-weight: bold;
float: left;
padding: 3px 10px 3px 10px;
border: 1px solid #C02C5B;
margin: 10px 0px 0px 0px;
width: 200px;
text-align: center;
}
.closemessa,
.closesujet{
color: #C02C5B;
font-weight: bold;
float: right;
padding: 3px 10px 3px 10px;
border: 1px solid #C02C5B;
margin: 10px 0px 0px 0px;
width: 200px;
text-align: center;
}
.retourpage{
color: #C02C5B;
font-weight: bold;
padding: 3px 10px 3px 10px;
border: 1px solid #C02C5B;
margin: 20px auto 0px auto;
width: 200px;
text-align: center;
display: block;
clear: both;
}




.prevpage{
font-size: x-small;
float: left;
}
.nextpage{
font-size: x-small;
float: right
}
.inresponse{
background: #F2F2F2;
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
border-bottom: #CCC 1px dotted;
clear: both;
}
.titremsg{
font-style: italic;
padding: 5px 0px 5px 0px;
display: block;
border-bottom:#CCC 1px dotted;
}
.inresponse span{
padding: 0px 0px 0px 0px;
font-weight: bold;
display: block;
}
a.modifier,
a.reagir,
a.abus,
a.abonner{
font-size: xx-small;
padding: 0px 5px 0px 5px;
margin: 5px 0px 5px 0px;
color: #C02C5B;
display: block;
text-decoration: none;
border-bottom: #EEEEEE 1px solid;
}
a.abus{
border-bottom: none;
}
a.modifier{
border-top: #EEEEEE 1px solid;
}
a.modifier:hover,
a.reagir:hover,
a.abus:hover,
a.abonner:hover{
color: #2E4381;
}
.pagine{
width: 100%;
float: left;
margin: 10px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
/*--  CACHE FIL ARIANNE FOND DOC  --*/
body.fonDoc #filariane {
display: none;
}