BODY {
text-align:center;
margin:0;
font-family: Verdana, Arial, "Nimbus Sans L", sans-serif;
font-size:15px;
}

.structure {
width:790px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-left:2em;
}

.entete {
width:100%;
background-image:url('../images/tableau.jpg');
background-repeat:no-repeat;
margin-left:0;
margin-top:0;
border-bottom:2px solid #000000;
}

.pied {
background-image:url('../images/fond-page.jpg');
background-repeat:no-repeat;
text-align:center;
height:135px;
padding-top:16px;
}
/* ------------------ corps de pages ------------------ */
/* rose */
.corps_accueil {
width:757px;
background-image:url('../images/carnet-rose1.jpg');
background-repeat:repeat-y;
background-color:#d98fd8;
color:#000000;
/*padding-top:1%;*/
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}
/* bleue */
.corps_services {
width:757px;
background-image:url(../images/carnet-bleu1.jpg);
background-repeat:repeat-y;
background-color:#9ebcff;
color:#730000;
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}
/* jaune */
.corps_tarifs {
width:757px;
background-image:url(../images/carnet-jaune1.jpg);
background-repeat:repeat-y;
background-color:#f9f88a;
color:#000000;
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}
/* verte */
.corps_commande {
width:757px;
background-image:url(../images/carnet-vert1.jpg);
background-repeat:repeat-y;
background-color:#77e777;
color:#000000;
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}
/* orange */
.corps_charte {
width:757px;
background-image:url(../images/carnet-orange1.jpg);
background-repeat:repeat-y;
background-color:#f8ac75;
color:#000000;
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}

/* rouge */
.corps_partenaires {
width:757px;
background-image:url(../images/carnet-rouge.jpg);
background-repeat:repeat-y;
background-color:#f8ac75;
color:#000000;
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}

/* violet */
.corps_technique {
width:757px;
background-image:url(../images/carnet-violet.jpg);
background-repeat:repeat-y;
background-color:#f8ac75;
color:#000000;
padding-bottom:5%;
margin-top:0;
position:relative;
z-index:1;
}
/* -------------------- Menu ------------------ */
.aleft {
padding-left:35%;
padding-right:1%;
}

.img1{
position:absolute;
left:5%;
background-image:url('../images/rose4.gif');
background-repeat:no-repeat;
 width:105px;
 height:24px;
/*margin-left:5%;
border-bottom:2px inset #9b9b9b;
border-left:2px outset #9b9b9b;*/
}
.img2 {
background-image:url('../images/bleu2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
left:12.5%;
/*border-bottom:2px inset #9b9b9b;*/
}

.img3 {
background-image:url('../images/jaune2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
left:24.5%;
/*border-bottom:2px inset #9b9b9b;*/
}

.img4 {
background-image:url('../images/violet2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
left:36.5%;
/*border-bottom:2px inset #9b9b9b;*/
}

.img5 {
background-image:url('../images/vert2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
left:48%;
/*border-bottom:2px inset #9b9b9b;*/
}

.img6 {
background-image:url('../images/orange2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
left:60%;
/*border-bottom:2px inset #9b9b9b;*/
}

.img7 {
background-image:url('../images/rouge2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
left:72%;
z-index:2;
/*border-bottom: #9b9b9b;*/
}

.img8 {
background-image:url('../images/vertf2.gif');
background-repeat:no-repeat;
width:138px;
height:24px;
position:absolute;
right:0;
z-index:1;
}

.menu {
margin-left:5%;
border-bottom:2px inset #808080;
border-left:2px inset #969696;
height:24px;
}


.ssmenu {
position:absolute;
width:116px;
left:37%;
border-bottom:2px outset #9b9b9b;
border-left:2px outset #9b9b9b;
font-size:12px;
text-align:center;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
background-image:url('../images/jaune.jpg');
background-repeat:repeat-x;
}
/* ------------------ Formatage texte ---------------------- */
.page {
margin:0.5em 1em 1em 3em;
text-align:justify;
background-image:url(../images/page2.gif);
background-repeat:repeat;
z-index:2;
padding:2em;
color:#760000;
}

.text {
margin:3em 3em 3em 5em;
text-align:justify;
color:#730000;
}

.text_blanc {
margin:3em 4em 3em 6em;
text-align:justify;
color:#ffffff;
}

/* Écriture rouge gras centré */
.titre {
font-weight:bold;
color:#730000;
text-align:center;
}

/* Sous-titre rouge gras justifié */
.soustitre {
font-weight:bold;
color:#730000;
}
/* -------------------- Tables ------------------------------- */

TABLE {
width:100%;
}

TH,TD {
padding:5px;
color:#730000;
font-size:15px;
/*font-weight:bold;*/
text-align:center;
}

.left {
text-align:left;
}

.table {
width:100%;

}

.jaune {
background-image:url('../images/jaune1.jpg');
background-repeat:repeat;
border:1px groove #838383;
width:100%;
}

.vert {
background-image:url('../images/vert1.jpg');
background-repeat:repeat;
border:1px groove #838383;
width:100%;
} 

.demi_jaune {
background-image:url('../images/jaune1.jpg');
background-repeat:repeat;
border:1px groove #838383;
width:50%;
margin:auto;
}
/* -------------------- Listes ------------------------------ */

LI {
text-align:justify;
}

DT {
text-align:justify;
}

DD {
text-align:justify;
}

.border {
border:1px groove #838383;
}

.border-top {
border-top : 1px solid #000000;
}

.pucebleue {
list-style-image:url("../images/pucebleue.gif");
}

.pucerouge {
list-style-image:url('../images/pucerouge.gif');
}

.pucejaune {
list-style-image:url('../images/pucejaune.gif');
}

.pucequestion {
list-style-image:url('../images/question.gif');
}

.nopuce {
list-style-type:none;
}

/* ------------------------ Liens ---------------------------*/
.retour {
text-decoration:none;
position:relative;
float:right;
}

.lien-text {
color:#000000;
}

.lien_simple {
text-decoration:none;
font-weight:normal;
color:#d75314;
}

.lien {
text-decoration:none;
font-weight:bold;
color:#d75314;
}

A {
text-decoration:none;
text-align:center;
font-weight:bold;
color:#d75314;
}

.aname {
color:#730000;
}

.vignette {
position:relative;/*important*/
color:#d75314;

}

.vignette span{/*on rend le span invisible*/
display:none;
}
.vignette:hover span{ /*le contenu de la balise span n'apparaitre que lorsque le lien possédant la class "info" sera survolé*/
/*Positionnement de l'info bulle*/
display:block;
position:absolute;
top:1.5em; 
left:1.5em; 
width:90%;
/*aspect visuel de l'info bulle*/
border:1px solid #fff;
background-color:#cff; color:#000;

}
/* ------------------------ boites ------------------------- */
.right {
float:right;
padding-right:6%;
width:130px;
}

.spacer {
  clear: both;
}

/* fond de texte cahier*/
/*--- table prestions page services ---*/
.boite1 {
background-image:url('../images/page2.gif');
background-repeat:repeat;
padding:5px;
color:#730000;
border:2px inset #838383;
margin:5px 0 5px 0;
width:100%;
}
/*--- page accueil---*/
.boite2 {
border:1px groove #730000;
padding:10px;
width:60%;
margin-bottom:2%;
float:left;
}

.boite3 {
border:1px groove #730000;
padding:10px;
margin-bottom:2%;
list-style-type:none;
}

.boite4 {
background-image:url('../images/page2.gif');
background-repeat:repeat;
padding:5px;
color:#730000;
border:2px inset #838383;
margin:5px 0 5px 0;
/*width:100%;*/
}
/*--- Table formulaire page tarifs---*/
.boite5 {
padding:5px;
background:#838383;
color:#ffffff;
border:1px groove #ffffff;
font-weight:bold;
font-style:italic;
}

.boite6 {
padding:5px;
background:#838383;
color:#ffffff;
border:1px groove #ffffff;
font-weight:bold;
}

/* --------------------------- Formulaire ---------------------------- */

.champs_v {
background-color:#b5ffb5;
background-image:url('../images/vert1.jpg');
background-repeat:repeat;
border:2px inset #d6bc81;
}

.champs_j {
background-image:url('../images/page2.gif');
background-repeat:repeat;
border:2px inset #d6bc81;
}

/*----------------- formatage text --------------*/
.font_left {
text-align:left;
font-size:12px;
}

.font_right {
text-align:right;
font-size:12px;
}

.font {
font-size:12px;
}

.mini-font {
font-size:8px;
}

.text_right {
text-align:right;
}

.text_left {
text-align:left;
}