/* Les div */

/* #header 
{

	height: 172px;
	background-image: url('banniere.PNG');
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border: 3px solid #F8E510; 
	margin-left: 60px; 
	margin-right: 60px; 
	margin-top:auto;
}*/

#header{

	height: 234px;
	width: 893px;
	background: url('bannieres/1.PNG') no-repeat #3b7faf center;
	margin-bottom: 10px;
	border: none;/*3px solid #F5BD49;*/
	margin-left: auto;
	margin-right: auto;
	margin-top:auto;

}

#barre
{
	height: 23px;
	background-color: #F5BD49;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: right;
	font-family: Arial;
	font-size: 12;
	
}

#barre input
{
	width: 60px;
	height: 16px;
	font-size: 10;
	margin-top: 0;
}

#menugauche
{
	height: 23px;
	background-color: #F5BD49;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: right;
	font-family: Arial;
	font-size: 8;
}

#menugauche h5
{
background-color: white;
color: black;
text-align: center;
}

/*Le menu*/
#menugauche li /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : auto; 
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 23px; /* on défini une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}

#menugauche a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #F5BD49; /* couleur de fond */        
        color : black; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 90px; 
		font-size: 11;
		
}

#menugauche li /* Elements des listes */      
{ 
        float : left; 
        /* 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 #menugauche li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menugauche li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolu */
        width: 120px; 
        left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menugauche li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menugauche li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menugauche li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menugauche li ul ul                
{
        border-left     : 4px solid orange ; /* on met une orange transparente sur la gauche de chaque élément */
}

#menugauche a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; 
        background: #dfddcc;/*#0db1d5; */
		/*border: 2px solid #e4ac01;*/
		height: 23px;
		width: 90px;
		font-weight : bold;
}

#menugauche li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menugauche li:hover ul, #menugauche li li:hover ul, #menugauche li.sfhover ul, #menugauche li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#corps
{
   margin-left: 60px; /* 280*/
   margin-right: 60px;
   margin-bottom: 10px;
   padding: 5px;
   border: 2px solid #414448;
   background-color: #c0d1de;
  /* background-color: #d1dbe3;*/
   font-family: Arial;
   font-size: 10pt;

}

#prix
{
   border: 2px solid red;
   background-color: green;
   font-family: Arial;
   font-size: 10pt;

}


/*Les usuels */
body
{
   /*background: url('http://www.lutins-tbc.com/images/fond.jpg')  #eeeeee top;*/
   background-image: url('bg.png');
   background-attachment:fixed;
  


}

a
{
	text-decoration: none; 
	color: black; 
}

a:hover /* Lorsque la souris passe sur un des liens */    
{
    color: #FFFFFF; 
    background: #188DD0; 
}

label
{
	color: #FFFFF;
	font-family:  Arial;
	font-size: 10pt;
}

h1
{
	text-align: center;
	font-size: 17pt;
	color: black;
	background-image: url('css/degradebleu.png');
	border: 1px solid black;
}

img
{
	text-decoration: none;
	border: 0px solid black;
}

.erreur
{
	color: red;
	font-size: 15px;
}

.prix
{
	color: white;
	font-size: 14px;
}

.numero_ligne
{
	font-size: 16px;
}

/* Hall des ventes */


#hall
{
	/*background-color: RGB(245, 221, 156);*/
	/*background-color: #f4f4f4;*/
	color: black;
	font-size: 12px;	
	border: 1px solid black;
	margin-top: 10px;
	text-align: center;
	font-family: Arial;
}

#info_constructeurs
{	
	background-color: #CDDFEE;
	border: 2px solid #43C5EF;
	color: #3B0606;
}


#hall h2
{
	color: white;
	background-color: black;
	margin-top: 0px;
	text-align: center;
}

#hall h4
{
	color: #FFFFFF;
	text-align: center;
	background-color: #48B286;
}

#hall h5
{
	font-size: 12px;
	text-align: center;
	border: 1px solid #C0C0C0;
	background-color: white;
	margin: 15px;
}

#hall h6
{
	color: white;
	text-align: center;
	background-image: url('http://illiweb.com/fa/prosilver/bg_header.gif');
	font-size: 11px;
	margin-bottom: 0;
}



/*Affectations*/

#affectations
{
	background-color: #FFFAAC;
	border: 2px solid #38577E;
}

.titre5_aff
{
	text-align: center;
	background-color: #38577E;
	font-family: "Arial Black";
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: white;
}

#affectations a
{
	color: RGB(245, 221, 156);
}

/*Page des employés*/

#personnel
{
	background-color: #FFFFFF;
	border: 1px solid black;
	margin-top: 8px;
	float: center;
}

#personnel h3
{
	text-align: center;
	color: white;
	background-color: RGB(255, 152, 0);
	margin-top: 0;
	font-size: 13px;
}

#embauche
{
	background-color: RGB(255, 237, 174);
	border: 1px solid black;
	margin-top: 15px;
	float: center;
}

#embauche h2
{
	background-color: RGB(122, 173, 250);
	margin: 0;
	text-align: center;
}
	
/*FAQ*/

#reponse
{
	border: 2px solid #C0C0C0;
	background-image: url('jeu/images/background-reponse.gif');
	color: green;
	font-family: Arial;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	height: 28;
}

#reponse a
{

	color: green;
	font-family: Arial;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}

question
{
	color: red;
	font-size: 14px;
}

/* Les évènements qui s'affichent dans la page d'accueil */

#evenements
{
	background-color: RGB(245, 221, 156);
}

#evenements table tr
{
	border: 1px solid black;
}

#evenements h3
{
background-color: white;
text-align: center;
font-size: 13pt;
border: 1px solid black;
margin-bottom: 0px;
}

#alerte
{
background-image: url('images/fond_alerte.PNG');
border-top: url('images/titre_alerte.PNG');
text-align: center;
color: red;
font-weight: bold;
margin: auto;
width: 508px;
}

#alerte h2
{
background-image: url('images/titre_alerte.PNG');
width: 508;
height: 26;
margin-bottom: 0px;
}


table
{
   color: #000000;
   font-size: 12px;
   font-family: "Trebuchet MS", Arial, Verdana, serif; 
   border: 0px solid #C0C0C0;
   text-align: center;
   position: center;
}

tr
{
   color: #000000;
   font-size: 12px;
   font-family: "Trebuchet MS", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
   border: 1px solid #C0C0C0;
}

td
{
   color: #000000;
   font-size: 12px;
   font-family: "Trebuchet MS", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
   border: 1px solid #97b7cf;
}

#table0
{
	border: 0px solid black;
}



.etape_inscr
{
border: 1px solid black;
background-color: orange;
text-align: center;
font-size: 13px;
font-family: "Arial";
color: green;
}

.titre_table
{
border: 1px solid black;
background-color: #D1D1D1;
text-align: center;
}	

input
{
   font-family: Arial;
   border: none;
   background: #CCC url('css/text-bg.gif') center left repeat-x;
   font-weight: bold;
   margin-bottom: 2px;
}

textarea
{
   font-family: Arial;
   border: none;
   background: #e7e8fd;
   font-weight: bold;
   margin-bottom: 2px;
   font-size: 12px;
}

input, textarea, select :hover
{
   font-family: Arial;
   border: 1px solid #0e9adf;
   background: #FFFFF url('css/text-bg.gif') center left repeat-x;
   font-weight: bold;
   margin-bottom: 2px;
}

select
{
   font-family: Arial;
   border: none;
   background-color: white;
   font-weight: bold;
   margin-bottom: 2px;

}


#idligne
{
	width: 40;
	height: 40;
	margin-left: 100px;
	border: 1px solid black;
	font-size: 30;
}

.arret
{
height: 146px;
background-color: white;
text-align: center;
margin-left: auto;
}

.trot_up
{
width: auto;
height: 160px;
background-image: url('jeu/images/arrets/trot_up.PNG');
text-align: center;
margin-left: auto;
}

#bonhomme
{
background-image: url('images/bonhomme.png');
width: 493;
height: 91;
font-family: "Comic Sans MS";
}

#reseauchiffres
{
background-color: #a8e61d;
font-family: "Comic Sans MS";
}

#reseaumenu_tcar
{
background-image: url('jeu/images/backgroundres/tcar.JPG');
}
#reseaumenu_transgironde
{
background-image: url('jeu/images/backgroundres/transgironde.JPG');
}
#reseaumenu_tcl
{
background-image: url('jeu/images/backgroundres/tcl.jpg');
}


.recherche
{
text-align: left;
}

.droite
{
text-align: right;
}