/* REGLES S'APPLIQUANT UNIQUEMENT AUX PAGES RUBRIQUES */ 

/*titre de rubrique*/
h1 {
	text-transform: uppercase;
	font-size: 1.3em;
	color: #E68004;
	margin: 5px 0 20px 0;
	padding:0 0 0 2px;
}

h1.instit {
	color: Gray;
}

/*titre de l'article (pour rubriques principales) ou du sous-ensemble (pour rubriques instits)*/

h2 {
	font-size: 0.90em;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 0;
	/*border: solid 1px white;*/
}

/*Placement du conteneur interne des rubriques principales : décalage haut droite bas gauche par rapport au bloc contenant*/
#rubrique-pres {
	color: White;
	margin: 0;
	padding: 0;
	padding: 20px 0px 20px 15px;
}


/*	Règles s'appliquant au tableau de type rubriques principales */

#rubrique-pres table tr td {
	vertical-align: top;
}

/*espace entre chaque vignette*/
#rubrique-pres table tr td img {
	padding: 0;
	margin: 0 0 23px 0;
	/*width: 135px;*/
}

/* Placement de la zone de droite (grande image + texte)*/
#rubrique-pres table tr td.descriptif-produit {
	width: 408px;
	padding-left: 27px;
	padding-top: 2px;
	font-style: italic;
}

/*espace sous la grande image*/
#rubrique-pres table tr td.descriptif-produit img {
	padding: 0;
	margin-bottom: 13px;
}



/* Les liens sur les vignettes des images permettant d'avoir une vue agrandie*/

a.vignettes img{
	border: 2px solid black;
}

/* pour contourner le bug IE sur survol lien image :
hack pour IE - http://batraciens.net/css-astuces/image-survol.htm */
a.vignettes:hover {
	border:0px;
}


a.vignettes:hover img{
	border: 2px solid white;
	background: none; 
}




/* Le menu des 4 rubriques principales */

/* mise en forme générique, compteurs à zéro*/
#menu ul#rubriques-activite li#rub-creation,
#menu ul#rubriques-activite li#rub-confection,
#menu ul#rubriques-activite li#rub-restauration,
#menu ul#rubriques-activite li#rub-tenture {
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: text-bottom;
	font-size: 1em;
	padding: 0;
	margin:0;
}


/* Au premier item de la liste des 4 rubriques principales :
25px au-dessus pour décrocher du menu supérieur et -18px 
pour le retrait négatif nécessaire aux puces en couleur*/
#menu ul#rubriques-activite li#rub-creation {
	margin: 25px 0 10px -18px;
	
	
}

/* marge moindre pour les 3 autres: 15px. On renouvelle retrait négatif*/
#menu ul#rubriques-activite li#rub-confection,
#menu ul#rubriques-activite li#rub-restauration,
#menu ul#rubriques-activite li#rub-tenture {
	margin: 15px 0 10px -18px;

}

/*Les liens avant survol*/

/*textes blancs pour toutes rubriques*/
#menu ul#rubriques-activite li#rub-creation a,
#menu ul#rubriques-activite li#rub-confection a,
#menu ul#rubriques-activite li#rub-restauration a,
#menu ul#rubriques-activite li#rub-tenture a {
	color: white;
}

/* puces en couleur*/
#menu ul#rubriques-activite li#rub-creation a {
	background: url(../IMG/puce-rub-creation.gif) no-repeat 3px;
	padding-left: 18px;
}

#menu ul#rubriques-activite li#rub-confection a {
	background: url(../IMG/puce-rub-confection.gif) no-repeat 3px;
	padding-left: 18px;
}


#menu ul#rubriques-activite li#rub-restauration a {
	background: url(../IMG/puce-rub-restauration.gif) no-repeat 3px;
	padding-left: 18px;
}

#menu ul#rubriques-activite li#rub-tenture a {
	background: url(../IMG/puce-rub-tenture.gif) no-repeat 3px;
	padding-left: 18px;
} 


/*Gestion du survol/inversion*/

/*puces blanches générales*/
#menu ul#rubriques-activite li#rub-creation a:hover,
#menu ul#rubriques-activite li#rub-confection a:hover,
#menu ul#rubriques-activite li#rub-restauration a:hover,
#menu ul#rubriques-activite li#rub-tenture a:hover {
	background: url(../IMG/puce-rub-hover.gif) no-repeat 3px;
	padding-left: 18px;
}

/*textes couleur*/
#menu ul#rubriques-activite li#rub-creation a:hover {
	color: #E68004;
}

#menu ul#rubriques-activite li#rub-confection a:hover {
	color: #E60A88;
}

#menu ul#rubriques-activite li#rub-restauration a:hover {
	color: #940084;
}

#menu ul#rubriques-activite li#rub-tenture a:hover{
	color: #86C8CE;
}


/* conteneur "au plus près" des rubriques instits (présentation, contact, etc) */
#cont-instit {
	width: 500px;
	margin: 20px 0 0 20px;
	text-align: justify;
	height: 300px;
}

/*Hack pour imposer hauteur minimale sur IE -->http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer*/
html>body #cont-instit {
height: auto;
min-height: 300px;
} 

/*Rétablit la grosseur du titre */
#cont-instit h2 {
	font-size: 1.2em;
}


/* Pour les titres de liens */

#cont-instit h3 {
	font-size: 1em;
	color : #F5F5DC;
	margin-bottom: 3px;
}


a.liens-sites {
	color: #FFFFF0;
	text-decoration: none;
}

a.liens-sites:hover {
	color: #EEE8AA;
}