BODY {
text-align:center;
margin:0;
color:#851d04;
}

/*---------------------- structure -------------------------*/
.structure {
position: relative;
width:790px;
margin-left:auto;
margin-right:auto;
border:2px groove #CC6600;
text-align:left;
background-image:url("../images/papier-tisse.jpg");
background-repeat:repeat-y;
}

/*------------------- banière--------------------------*/
#baniere {
background-image:url("../images/baniere-logo-titre2.jpg");
background-repeat:no-repeat;
border-bottom:2px groove #CC6600;
height:160px;
}

#faux-logo {
padding-left:0;
}

.titre {
color:#ee5a09;
font-family:fantasy;
font-size:3.5em;
font-weight:bold;
padding-left:30px;
}

.titre_add {
color:#ee5a09;
font-size:3em;
font-weight:bold;
/*text-align:center;*/
padding-left:150px;
}

/*-------------------bloc_menu---------------------*/
	#menu {
	font: bold 12px arial;
	list-style-type: none;
	padding:1.5em 0 0.3em 0 ;
	margin-left: 0;
	border-bottom:3px groove #CC6600;
	}
	
	ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
	#menu li {
	display: inline;
	margin: 0;
	}
	
	#menu li a {
	text-decoration: none;
	padding: .3em .7em;
	margin-right: 0.2px;
	border: 1px solid #CC6600;
-moz-border-radius:1em 1em 0 0 ;
	border-bottom: none;
	background-color: #a5220b;
	color: #d6bc81;
	}
	
/*	#menu li a:visited {
	background:#a5220b;
	color: #d6bc81;
	}
*/	
/*normal : fond rouge #a5220b - ecriture marron #d6bc81
hover : fond jaune #f9df4a - ecriture rouge #a5220b
actif : fond marron #d6bc81 - ecriture rouge #a5220b*/

	#menu li a:hover {
	background: #f9df4a;
	color: #a5220b;
	}
	
	#menu li a:active {
	color: #a5220b;
	}
	
	 #menu LI.selected A {
	text-decoration: none;
	padding: .3em .7em;
	margin-right: 0.2px;
	border: 1px solid #CC6600;
-moz-border-radius:1em 1em 0 0 ;
	border-bottom: none;
	background-color: #d6bc81;
	color: #a5220b;
	}


	#menu LI.bibi A {
        text-decoration: none;
        padding: .3em .7em;
        margin-right: 0.2px;
        border: 1px solid #CC6600;
-moz-border-radius:1em 1em 0 0 ;
        border-bottom: none;
        background-color: #f9df4a;
        color: #a5220b;
        }

/*-------------------- lien retour ------------------------------*/

.retour {
font-size:0.5em;
text-decoration:none;
}

/*------------------------------ corps pages -------------------------*/
.corps {
padding-left:15px;
padding-right:15px;
padding-bottom:50px;
padding-top:15px;
}

.texte {
margin:20px;
text-align:justify;
font-size:1em;
}

.titre_text {
color:#851d04;
font-size:1.5em;
font-weight:bold;
text-align:center;
}

/*--------------------------- emplacement publicitaire -------------------*/
.pub {
position:relative;
background-color:transparent;
background-image:url("../images/papier-tisse.jpg");
background-repeat:repeat-y;
border-top:2px groove #CC6600;
border-bottom:2px groove #CC6600;
/*color:#e0dac2;*/
padding-bottom:5px;
padding-top:5px;
text-align:center;
margin-top:5%;
}

.text_pub  {
margin-right:20px;
text-decoration:none;
color:#851d04;
font-weight:lighter;
}

/*---------------------------- pied de page ------------------------------*/
.pied {
position:relative;
background-color:transparent;
background-image:url("../images/papier-tisse.jpg");
background-repeat:repeat-y;
color:#ffffff;
text-align:center;
padding-top:5px;
padding-bottom:5px;
z-index:2;
}

.text_pied  {
color:#851d04;
text-decoration:none;
font-weight:bold;
}
/*--------------------affichage validation W3C-------------------------*/
.w3c {
text-decoration:none;
}

/*----------------------- formulaire devis commandes -------------------------------*/
.formulaire {
padding:1%;
font-size:80%;
color:#d6bc81;
font-weight:bold;
background-color:#a5220b; 
width:90%;
margin:auto;
}

.font_left {
color:#d6bc81;
text-align:left;
font-size:12px;
font-weight:bold;
}

.champs {
background-color:#e3c789;
border:2px inset #d6bc81;
}

.note {
/*margin-left:17%;*/
font-size:70%;
font-weight:bold;
}

.important {
border:2px groove #CC6600;
padding:5px 5px 5px 5px;
background:#e3c789; 
}
/*-----------------------------partenaires------------------------------------*/
.boite1 {

width:100%;
margin-bottom:15px;
background:#e3c789;
border:2px groove #c3b89c;
padding:5px 2px 5px 2px;
text-align:center;
}

.annuaire {
margin-bottom:5px;
background-image:url(../images/papier-tisse.jpg);
background-repeat:repeat-y;
}

.boite2 {
position:absolute;
top:27%;
left:23%;
margin-left:2%;
width:70%;
margin-bottom:15px;
background:#e3c789;
border:2px groove #c3b89c;
padding:5px 2px 5px 2px;
text-align:center;
}
.boite3 {
position:absolute;
top:55%;
left:23%;
width:21%;
margin-bottom:15px;
margin-left:15px;
background:#e3c789;
border:2px groove #c3b89c;
padding:5px;
text-align:center;
}


/*----------------------------------------------------------*/
.vignette {
position:relative;/*important*/
color:#851d04;
font-weight:bold;

}
/*.vignette:hover{
background-color:#ff0;
}*/
.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:201px;
/*aspect visuel de l'info bulle*/
border:1px solid #fff;
/*background-color:#cff; color:#000;*/
text-align: center;
}

.plume {
position:absolute;
top:100px;
left:3%;
height:100%;
width:10%;
background-image:url("../images/plume.gif");
background-repeat:repeat-y;
}
/*-----------------------Lien de demande de correction----------------*/
.logo {
margin:5px;
border:3px outset #CC6600;
background-color:#f0620f;
}
/*-------------------------- tableaux ----------------------------------*/

TD {
padding:5px;

}
TH {
padding:5px;
color:#851d04;
text-align:center;
}
/*------------------- formatage texte et sous titres----------------------*/
.h1 {
font-size:1.1em;
font-weight:bold;
text-align:left;
}

.h2 {
font-size:1.5em;
font-weight:bold;
}

.titre1 {
color:#851d04;
font-weight:bold;
}

.marron {
background:#e3c789;
border:2px groove #c3b89c;
padding:5px;
}

A {
text-decoration:none;
font-weight: bold;
}

.boite4 {
float:right;
width:45%;
background:#e3c789;
border:2px groove #c3b89c;
padding:5px;
margin:4% 0 0 1%;
}
.boite5 {
width:40%;
background:#e3c789;
border:2px groove #c3b89c;
padding:5px;
margin-left:1%;
}

.boite6 {
/*float:right;*/
width:50%;
border:2px groove #c3b89c;
padding:5px;
margin:0 0 3% 0;
}

.boite7 {

width:40%;
border:2px groove #c3b89c;
padding:5px;
}

.conteneur {
width:100%;
}
/*----------------------- listes -------------------------------------*/

LI {
list-style-image: url("../images/puce.gif");
margin-top:10px;
margin-bottom:10px;
margin-left:17px;
margin-right:2px;
border:0;
}

DD {
list-style-image: url("../images/puce.gif");
margin-top:10px;
margin-bottom:10px;
border:0;
}

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