/* 
	Feuille de style Crystal-Serv
*/

a{
	color:#bb4c05;
	text-decoration : none; 
}

#conteneur {
	width: 860px;
	margin: 0 auto; 
}
#header {

}
#centre {
	background-color:#FFFFFF;
	padding:10px;
}
#pied {
	font-size:0.9em;
	line-height: 30px;
	background:url(../images/fond_pied.gif);
	text-align:center;
	color:#fff;
}
#pied a{
	color:#fff;
	text-decoration:none;
}
#pied a:hover{
	text-decoration:underline;
}
p {
	margin: 0;
	font-size:11px;
	text-align:justify;
	font-family:Tahoma !important;
}

#bandeau{
	height:200px;
	background:url(../images/fond_bandeau.jpg) bottom;
	padding-bottom:8px;
}

#fille{
	height:200px;
}

#menu, ul.sousmenu /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
		background-image: url(../images/fond_navig.gif);
		height:40px;
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a.menu /* Contenu des listes */
{
        display : block; 
        padding : 0; 
        color : White;
        line-height:40px;
        text-decoration : none; 
        width : 175px; 
        height:40px;
        font-size:1.2em;
        background-image: url(../images/bouton.gif);
        background-position:left;
}

#menu li.a_menu a /* Contenu des listes */
{
        display : block; 
        padding : 0;      
        color : White;
        background-image: url(../images/bouton.gif);
        text-decoration : none; 
        width : 152px;
        height:40px;
        font-size:1.2em;
        line-height:40px;
        background-position:left;
}

#menu a.a_menu /* Contenu des listes */
{
        display : block; 
        padding : 0;      
        color : White;
        background-image: url(../images/bouton.gif);
        text-decoration : none; 
        width : 122px;
        height:40px;
        font-size:1.2em;
        line-height:40px;
        background-position:left;
}

#menu li /* Éléments des listes */      
{ 
        float : left; 
        background-image: url(../images/bouton.gif);
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

ul.sousmenu 
{ 
        position: absolute; /* Position absolue */
        width: 680px; /* Largeur des sous-listes */
        list-style-type:none;
		height:36px;
		color:Black;
		padding:0;
		margin:0;
		background-image: url(../images/fond_sousmenu.png);  
}

ul.sousmenu li 
{ 
			text-align:center;
			text-decoration:none;
			width:170px;
			font-size:1em;
			float:left;
			line-height:36px;
			background-image: url(../images/fond_sousmenu.png); 
}

ul.sousmenu li a
{ 
			text-align:center;
			text-decoration:none;
			line-height:36px; 
			color:white;
			font-size:1em;
}

#menu a:hover{
	background-position:right;
}

#menu li.a_menu a:hover{
	background-position:right;
}

a#lien_produit{
	background-position:left;
}

.image_gauche{
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}

h1{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:0;
	margin:0;
	text-align:center;
	width:500px;
	padding-top:50px;
}

h2{
	font-size:14px;
	font-weight:bold;
	color:#BD4C05;
}

textarea{
	background-color:white;
}

.titre{
	font-size:18px;
	font-weight:bold;
	color:#bb4c05;
	padding:0;
	margin:0;
	text-align:left;
}