body{
background-color:#356ca8;
color:#ffffff;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
/* margin:2em 1%; */
padding:0;
}

#page{
color:#000000;
background-color:#efd5b0;
/* background-image:url("../Images/Fond3.gif"); */
border:3px solid #000000;
}

/* --------------- */
#tetiere{
                color:#000000;
                background-color:#f5f8fc;
               margin:0 3% 0 3%;
                /* margin:1em 1em 1em 1em; */
}

#logo {
                text-align:center;
}

#logo img{
border:0;
}



/* Pages intérieures */
#texte,#PiedPage {
                margin:1% 3% 1% 25%;
                padding:0 2% 3em 2%;
}

#texte{
/* Partie principale du site */
color:#000000;
background-color:#f5f8fc;  /* fond orange pour le main */
border:1px solid #69c;
line-height:150%;
text-align:justify;
}



/* --------------- */
#sectionmenus{
background-color:transparent;
/* border:3px dotted #FF9966; */
width:20%;
max-height:20em;
overflow:auto;
left:3%;
position:absolute;
top:11em;
        /* to hide microsoft bug scaling */
        voice-family:"\"}\"";
        voice-family:inherit;
        top:13em;
        }
        html>body  #articles{
        width:63%;
}


#PiedPage{
color:#000306;
background-color:transparent;
/*  background-color:#f5f8fc; */
/* padding:0 0 1em 0; */
}


/* --------------------------------------------------------- */
/*  gestion de la partie menu */


#MenuPrincipal,#lang,#SousMenu {
color:#5788b1;  /*#655f4b; */
background-color:#edcaa0; /* #fff; */

}

/* --------------- */
#MenuPrincipal h2,#lang h2,#SousMenu h2{
border-color:#ffa500 /* orange */;
border-style:solid;
border-width:0px 0px 3px 0px;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#MenuPrincipal h2:first-letter,#lang h2:first-letter,#SousMenu h2{
color:#ffa500 /* orange */;
background-color:transparent;
}

#MenuPrincipal ul,#lang ul,#SousMenu ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#MenuPrincipal li ,#lang li,#SousMenu li {
display:inline;
list-style:none;
}

#MenuPrincipal a,#lang a,#SousMenu a{
/* color:orangered; */
color:#035295;  /*#ff4400; */
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#MenuPrincipal a:hover,#lang a:hover,#SousMenu a:hover{
background-color:#ffecce;
/* color:orangered; */
color:#ff4400;
}


/* --------------------------------------------------------- */
/*  Pied de page */
#PiedPage ul{
margin-left:0;
padding-left:0;
}

#PiedPage li{
border-right:1px solid #ff4400 /* orangered */;
border-left:1px solid #ff4400;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0.5em;
}

#PiedPage li.dernier{
border:0;
}

#PiedPage a{
background-color:transparent;
/* color:orangered; */
color:#ff4400;
}

#PiedPage a:hover{
background-color:#eff4fa;
color:navy;
text-decoration:none;
}

/* --------------------------------------------------------- */
/*  dans le main */
#PremierParagraphe {
        font-style:normal;
		text-align:justify;

}

#AutreParagraphe {
		font-style:normal;
		text-align:justify;

}

#PremierParagraphe p:first-letter {
	color:#ffa500;  
	background-color:transparent;
	font:larger bolder ;
	
	/* Linux Pratique No32 Nov-Dec 2005 */
	float:left;
	background-image:url("pinguoin.jpg");
	margin-right:0.2em;
	padding:0.1em;

}

#texte img {
                margin: 07px 07px 07px 07px;
                text-align:center;
                /* to hide microsoft bug scaling */
                voice-family:"\"}\"";
                voice-family:inherit;
                }
                html>body  #articles{
                margin: 15px 15px 15px 15px;
}


#texte td {
        color:blue;
        background-color:transparent;
}

#PremierParagraphe h2 { /* #texte h2  { */
                text-align:center;
                border-right:1px solid #ff4400;
                /* border-left:1px solid orangered;*/
                border-bottom:1px solid #ff4400;
}

#prix {

}

#TitreCadre  {
                border: 1px solid #ff4400 /* orangered */;
}
#texte li span  {
                border: 1px solid #ff4400 /* orangered */;
                padding:0 0.5em 0 0.5em;
                /* spacing:1em 4em 0.5em 0; */
}

#Accueil {
        text-align:center;
}

#Accueil h1 , #Accueil h2 {
                text-align:center;
                font-family:serif;
                font-weight:bolder ;

}
#Accueil h1 {
                color:blue;
                background-color:transparent;
}
#Accueil h2 {
                color:black;
                background-color:transparent;
}

.PromoECSM {
                color:black;
                background-color:transparent;
                font-size:x-small;
                border-top:1px solid #ff4400 /* orangered */;
                border-bottom:1px solid #ff4400 /* orangered */;
}

/* test Tableau en css
div.spacer {
clear: both;
}
div.float {
float: left;
text-align: center;
background-color:transparent;
margin: 0px 0px 0px 0px;
}

.float p {
text-align: left ;
margin: 0px 0px 0px 0px;
}

*/
#vignette table {
	border:1px;
	width:100%;
	text-align:center;
}

#vignette td {
	border:1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	color:#035295;
	background-color:transparent;
}

/* Page Tarifs   */

#FicheContact table {
	color:blue;
	background-color:lightGray;
	background-color:#efd5b0;
	width=100%;
	cellspacing=2;
	cellpadding=2;
	border=0;
	}
#FicheContact legend {
	background-color:transparent;
	color:blue; font-weight:bold;}
#FicheContact fieldset {
	background-color:lightGray;
	background-color:#efd5b0;
}
#FicheContact td.normal {text-align:left; color:blue;}
#FicheContact td.gauche {text-align:right; color:blue;}
#FicheContact td.droite {text-align:left; color:#00ffff;}