@charset "utf-8";
/* CSS Document */

#body
	{
	background-color:#545454;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#conteneur
	{
	width:1000px;
	margin:auto;
	padding:auto;
	}
#content
	{
	width:1000px;
	}
#contenu_content
	{
	width:800px;
	min-height:990px;
	margin-left:10px;
	}
#entete
	{
	width:1000px;
	}
#contact
	{
	width:818px;
	color:#FFFFFF;
	text-align:right;
	background-color:#545454;
	}
#menu_deroulant
	{
	width:815px;
	height:25px;
	margin-left:3px;
	background-color:#000000;
	}
#menu_
	{
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	z-index:200;
	}
#rechercher
	{
	height:60px;
	margin-top: 5px;
	padding-left:10px;
	background-color:#999999;
	border:2px solid;
	border-color:#6C6C6C;
	}
#rech
	{
	margin-top:15px;
	}
#border_rechrche
	{
	width:130px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:#AEAEAE;
	color:#606060;
	padding-top:5px;
	padding-bottom:5px;
	border:solid #ff5500 2px;
	margin:auto;
	}	
label
	{
	display:block;
	}
#coups_coeur
	{
	width:175px;
	margin:0 0 0px 1px;
	float:left;
	}
#image_cc
	{
	margin-left:1px;
	}	
	
#cc1
	{
	width:168px;
	text-align:center;
	margin:auto;
	}
#cc1_image_glob
	{
	width:168px;
	padding-top:10px;
	border-left:1px solid white;
	border-right:1px solid white;
	background:#999999;
	}
.titre_cc
	{
		padding-bottom:10px;
		color:#e80322;
	}
#ville_cc
{
		color:#e80322;
		height:40px;
		background:#999999;
		
	}
.detail0
	{
		width:60px;
		height:22px;
		background:url(../images/btn.jpg) no-repeat;
		margin-left:50px;
	}
.lien_detail_acceuil0
	{
		text-decoration:none;
		color:#FFF;
		margin-left:0px;
	}

#cc1_image
	{
	position:relative;
	width:152px;
	height:118px;
	top:-115px;
	left:6px;
	background:url(../images/cadre1.png);
	z-index:0px;
	
	}
cc1_image_aff
	{
		position:relative;
		width:138px;
		height:110px;
  		z-index:10px;
	}
#cc1_texte
	{
	width:168px;
	margin-top:-115px;
	padding-bottom:10px;
	background:#ebebed;
	}	
		
#contenu
	{
	width:820px;
	float:left;
	background-image:url(../images/fond-blanc-milieu.jpg);
	background-repeat: repeat-y;
	}
	
#glob
	{
	padding:30px 30px 30px 30px;
	}
.lien_info_li
	{
	list-style-type:none;
	font-weight:bold;
	}
.lien_info
	{
	color:#AB032E;
	text-decoration:none;
	}
.lien_info:hover
	{
	text-decoration:underline;
	}
#definition
	{
	width:744px;
	}
#pieds	
	{
		width:825px;
		height:76px;
		background:url(../images/fond-blanc-bas.jpg);
		color:#000;
	}
#pied	
	{
		width:800px;
		font-size:12px;
		text-align:center;
		padding-top:10px;
		
	}
/****************************************menu en css*****************************************************************/
a
	{
	outline:none;
	}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin :0; ; /* ni extérieure */
		text-align : center; /* on centre le texte qui se trouve dans la liste */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 24px; /* on définit une hauteur pour chaque élément */
}

#menu li /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin :0 11px 0 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 24px; /* 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 */
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu li 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:url(../images/fond-menu.jpg);
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 142px; /* largeur */
		border-left:1px solid #C00;
		border-right:1px solid #C00;
		margin-left:0px;
		
}

#menu li /* Elements des listes */      
{ 
        float : left; 
  		width:123px;
        border-right :1px solid #E30F24;  /* on met une bordure blanche à droite de chaque élément */
		text-align:center;
}

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

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 140px; /* Largeur des sous-listes */
		text-align:center;
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li a/* Élé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 */
		padding:0 0 0 15px;
		text-align:left;
		width: auto;
		background:#000;
		border-left:1px solid #E30F24;
		
}

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



#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color:#E30F24;
}


#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu 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 */
{
        margin: auto;
		left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/********************************Select********************************************/

	select { width:120px;}