/*  DESIGN_AUTRES.CSS   */

@import url("./occasions.css");		
@import url("./occasions2.css");		

body{
	margin: 0;
	padding: 0;
	font: 12pt/14pt arial, sans-serif;
	background-color:#eeeeee;
}

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

h1{
	font: 14pt/16pt arial, sans-serif;
}

h2{
	font: 14pt/16pt arial, sans-serif;
	font-weight:bold;
	color:#87A650;
	margin-top:5px;
}

h5{
	margin:0px;
	margin-bottom:10px;
	color:#87A650;
	font: 14pt/16pt arial, sans-serif;
}

h4{
	margin:0px;
	color:#87A650;
}

#conteneur{
	position:relative;
	width:904px;
	height:auto;
	margin:auto;
	text-align:left;
}

#haut{
	float:left;
	width: 869px;
	height:379px;
	background-image: url("../imgs/arriere_haut.jpg");
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right:15px;
	padding-top:15px;
}

#banniere{
	/* partie valide*/
/*width: 643px;
	height:363px;
	float:left;
	border:1px solid yellow;
*/
	
	width: 640px;
	height:363px;
	float:left;
	border:1px solid yellow;   
}

#milieu{
	width:861px;
	min-height:278px;
	float:left;
	text-align:left;
	background-image: url("../imgs/arriere_milieu.jpg");
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right:23px;
	padding-bottom:23px;
}

#logo{
	float:left;
	width:200px;
	height:38px;
	margin-bottom:5px;
}

#haut_gauche{
	float:left;
	width:210px;
	height:363px;
	margin-right:15px;
}

#menu{
	float:left;
	width:210px;
	
	height:360px;
	background-image: url("../imgs/menu.jpg");
	background-repeat: no-repeat;
	text-align:center;
	
}

#menu h3{
	font: 14pt/16pt arial, sans-serif;
}

#menu ul{
	margin-left:8px;
	text-align:left;
}

#menu li:hover{
	list-style-image : url("../imgs/icone_menu.gif");
	color:#FC4145;
	font-weight:bold;
}
#menu li{
	 list-style-type: none;
}

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

#menu a:hover{
    list-style-image : url("../imgs/icone_menu.gif");
	text-decoration:none;
	color:#FC4145;
}

#pied_de_page{
	float:left;
	width: 894px;
	height:45px;
	background-image: url("../imgs/bas.jpg");
	background-repeat: no-repeat;
	font: 10pt/12pt arial, sans-serif;
	font-weight:bold;
	padding-left:10px;
	padding-top:10px;
}

#pied_de_page a:hover{
	color:#87A650;
}

.encadre{
	text-align:center;
	width:280px;
	height:99px;
	float:left;
	padding-top:100px;
}

#centre_gauche{
	text-align:left;
	width:256px;
	height:350px;
	float:left;
	background-image: url("../imgs/encadre_gris.jpg");
	background-repeat: no-repeat;
	padding-left:10px;
	padding-right:16px;
	margin-bottom:15px;
}

#centre_gauche ul{
	margin-top:0px;
	margin-left:0px;
}

#centre_gauche li{
	list-style-image : url("../imgs/fleche.gif");
	font: 9pt/12pt arial, sans-serif;
	margin-left:0px;
}

#centre_gauche li a{
	text-decoration:none;
	color:#000000;
}

#centre_gauche li a:hover{
	text-decoration:none;
	color:#000000;
	font: 9pt/12pt arial, sans-serif;
	font-weight:bold;
}

#gauche{
	width:282px;
	height:auto;
	float:left;
	text-align:center;
	border:1px solid red;
}

#centre_droite{
	text-align:left; 
	
	width:544px;   /*fonctionne sur occasions.php */
	
	
	height:auto;
	float:left;
	padding-right:23px;
	
	padding-left:10px;
}



#haut_centre{
	float:left;
	width: 858px;
	height:199px;
	margin-top:8px;
}

.image{
	margin-top:4px;margin-bottom:6px;margin-left:50px;
}
.formulaire{
	margin-top:14px;margin-bottom:6px;width:100%;
}

.formulaire2{
	width:100%;
	margin-top:-8px;
}

#infobulle{
	position : absolute;
	padding : 1px;
	background-color:#5AA0FF;
	font-family : Verdana, Arial;
	font-size : 10px;
	display : none; 
}

#tableau_produit{
	float:left;
	width:567px;
	min-height:120px;
	margin-top:6px;
}

#haut_tableau{
	float:left;
	width:567px;
	height:auto;
}

#milieu_tableau{
	float:left;
	width:559px;
	min-height:78px;
	padding:4px;
	background-image: url("../imgs/milieu_produit.jpg");
	border-top:1px solid #F7F15F;
}

#bas_tableau{
	float:left;
	background-image: url("../imgs/bas_produits.jpg");
	background-repeat: no-repeat;
	width:567px;
	height:2px;
}

.image_prod{
	float:left;
	width:112px;
	height:40px;
}

.cadre_promo{
	float:left;
	font-size:15px;
	border:1px solid black;
	background-color:white;
	
	/*width:40%;*/
	/*width:220px;   test pour occasions2.php */
	
	height:370px;
	margin-left:40px;
	margin-bottom:20px;
	text-align:center;
	padding:5px;
}


.cadre_promo2{
	float:left;
	border:1px solid black;
	background-color:white;
	width:100%;
	text-align:left;
	font: 10pt/12pt arial, sans-serif;
	margin-left:10px;
	padding:5px;
}


.txt_occas {
	width:650px;
	margin-left:200px;
	margin-top:200px;
	
}

.txt_occas h4{
	float:left;
	
	color:red;
	/*padding-left:100px;	test pour occasions2.php*/
	/*font-family:Verdana;*/
}

.txt_occas h5{
	float:left;
	color:black;
	/*padding-left:100px;	test pour occasions2.php*/
	/*font-family:Verdana;*/
}

.txt_occas h3{
	float:left; /* test pour occasions2.php*/
	color:black;
	padding-left:100px;	
	/*font-family:Verdana;*/
}

/* ------------PAGE ENTREPRISE ACCUEIL------------------------*/

.petit_logo{
	padding-top:30px;
	padding-left:150px;
	position:relative;
	bottom:20px;
	/*padding-bottom:60px;*/
	/*left:300px;*/
}

.presentation p{
	/*width:544px;  largeur du bloc   */
	width:544px;
	text-align:justify;
	text-indent:20px;
	font-size:12px;
	font-family:Verdana;
	/*padding-top:10px;*/
	padding-bottom:1px;
	padding-top:10px;
	/*z-index:8;*/
}

p.txt_presentation{
	font-family:Verdana;
	padding-top:69px;
	padding-left:20px;
}

/* position de l'image opaque */
.opaque{
	z-index:8;
	position:absolute;
	/*bottom:50px;*/
	top:510px;
	left:425px;
	/*padding-left:100px;*/
}

div#texte_opaque{
	float:left;
}

div#texte_opaque ul p{
	color:blue;
	margin-left:-30px;
	font-size:12px;
	font-family:Verdana;
}

div#menu_entreprise li{
	float:left;
	font-size:13px;
	font-weight:bold;
	padding-left:7px;
	font-family:Verdana;
	color:blue;
	list-style-type :none;
	padding-top:5px;
	padding-bottom:10px;
}

div#menu_entreprise a{
	z-index:3;
}


div#menu_entreprise a:hover{
	color:red;
}


div#menu_entreprise ul{
	width:544px;
	margin-left:-30px;
}
/* ------------FIN ENTREPRISE ACCUEIL------------------------*/



/* ------------DEBUT MENU GAUCHE 2 PHOTO DU PERSONNEL ------------------------*/
.perso_info{
	float:left;
	width:280px;
	padding-bottom:20px;
	
}

.perso_info img{
	float:left;
	padding-left:8px;
}

.perso_info p{
	/*color:red;*/
	/*width:50px;*/
	/*font-size:12px;*/
	/*text-align:center;*/
	/*padding-top:30px;*/
}

p#nom{
	font-family:verdana;
	color:blue;
	font-size:17px;
	padding-top:15px;
}

p#fonction{
	font-family:verdana;
	color:red;
	font-size:16px;
}

/* ------------FIN MENU GAUCHE 2 PHOTO DU PERSONNEL ------------------------*/




/* ------------DEBUT ENTREPRISE HISTORIQUE------------------------*/

/* colore le titre de la page en cours sans le a:hover */
.onglet_historique{
	/*color:blue;*/
	/*text-decoration:underline;*/
}


/* colore le titre en bleu de la page en cours sans le a:hover*/
ul#histo a.color_onglet{
	color:blue;
	text-decoration:underline;
}


/* ------------FIN ENTREPRISE HISTORIQUE------------------------*/