﻿/******************************definition globale de la page*************************/
		html{
		background-color: white ;
		}
		body {
		background-image:url(../images/habillage/fond_page_04.jpg);
		background-repeat: repeat-x;
		font-family:Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; font-weight:normal; font-size:16pt;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 0;
		}

/***************************definition des PARAGRAPHES et TEXTES*********************/
	/*definition des paragraphes*/
		p {
	 	font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant: normal; font-size: 8pt; font-weight: normal; color: #000000;
		text-indent:0.5cm; text-align:justify; margin-left:0.2cm; margin-right:0.5cm; line-height:1.1;
		border-style: none;
		}
		.cont_tab {
		font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant: normal; font-size: 8pt; font-weight: normal; color: #000000;
		text-indent:0cm; text-align:justify; margin-left:1cm; margin-right:1cm;
		border-style: none;
		}
		.gauche{
    text-align: left;
    }
    .centre{
    text-align: center;
    }
    .droit{
    text-align: right;
    }
	/*definition des titres*/
		H1{
	 	font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant:small-caps; font-size:large; font-weight: bold; color:#333333;
		word-spacing:15px; letter-spacing: normal; text-decoration:underline; text-align:center;  margin-left:0cm;
		border-style: double ; border-color: #333333; padding-top:5px; padding-bottom:5px; padding-left: 5px; padding-right:5px
		}
		H2{
		font-family: Arial, Helvetica, sans-serif; font-style: italic; font-variant: small-caps; font-size: 10pt; font-weight: bold; color:#444444;
		word-spacing:normal; letter-spacing: normal; text-decoration:underline; text-align: left; margin-left:0cm;
		}
		H3{
		font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-size: 10pt; font-weight: normal; color:#333333;
		word-spacing:normal; letter-spacing: normal; text-decoration:underline; text-align: left;  margin-left:0.2cm;
		}
		H4{
		font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-size: 12pt; font-weight: bold; color:#333333;
		word-spacing:normal; letter-spacing: normal; text-decoration: none; text-align: left; margin-left:0.3cm;
		}
		H5{
		font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal;
		font-size: 10pt; font-weight:normal; color:#333333;
		text-decoration: none; text-align: left;  margin-left:0.4cm;
		}
		H6{
		font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal;
		font-size: 8pt; font-weight:bold; color:#333333;
		text-align: left;  margin-left:0.5cm; line-height: 1pt;
		}
		H7{
		font-family: Arial, Helvetica, sans-serif; font-style: oblique; font-variant: normal; font-size: 8pt; font-weight:normal; color:#333333;
		word-spacing:normal; letter-spacing: normal; text-decoration: none; text-align: left;  margin-left:0.5cm;
		}
		.gdtitre{
		font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:16pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;
		}
		hr{
		color: #FF0000; height:1px;
		}
/***************************definition des liens de la page**************************/
	/*definition des styles des liens principaux*/
		a:link{ font-size:12px; color: #000099; text-decoration: underline;}
		a:hover{font-size:12px; color: #0066FF; text-decoration: underline;}
		a:visited{font-size:12px; color: #990066; text-decoration: underline;}
		a:active{font-size:12px; color: #0066FF; text-decoration: none;}
/*dfinition du lien pour changer affichage des articles*/
		a.ssh6:link{ font-size:8pt; color: #333; text-decoration: underline; margin-left: 0.5cm; font-style:italic;}
		a.ssh6:hover{  font-size:8pt; color: #000; text-decoration: none; margin-left: 0.5cm;font-style:italic; border-bottom: 1px dotted #000;}
		a.ssh6:visited{  font-size:8pt; color: #333; margin-left: 0.5cm;font-style:italic;}
		a.ssh6:active{  font-size:8pt; color: #000;text-decoration: none; margin-left: 0.5cm; border-bottom: 1px dotted #000; font-style:italic;}
/*definition des styles du lien de titre pour qu'il renvoit sur la page d'intro*/
		a.aide:link{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:10pt; color:#FFFFFF;
		text-transform: inherit ; text-decoration:none;
		border:none;}
		a.aide:hover{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:10pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;}
		a.aide:visited{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:10pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;}
		a.aide:active{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:10pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;}
	/*definition des styles du lien de titre pour qu'il renvoit sur la page d'intro*/
		a.lien2:link{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:14pt; color:#FFFFFF;
		text-transform: inherit ; text-decoration:none;
		border:none;}
		a.lien2:hover{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:14pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;}
		a.lien2:visited{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:14pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;}
		a.lien2:active{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:14pt; color:#FFFFFF;
		text-transform: inherit; text-decoration:none;
		border:none;}
	/*definition des styles du lien pour les sous categories*/
		a.sscata:link{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:8pt; color: #000066;
		text-transform: capitalize ; text-decoration: none;
		border:none;}
		a.sscata:hover{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:8pt; color: #0033FF;
		text-transform: capitalize ; text-decoration: none;
		border:none;}
		a.sscata:visited{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:8pt; color: #006600;
		text-transform: capitalize ; text-decoration: none;
		border:none;}
		a.sscata:active{
		font-family:Arial, Helvetica, sans-serif; font-style: normal; font-weight:bold; font-variant: normal; font-size:8pt; color: #0033FF;
		text-transform: capitalize ; text-decoration: none;
		border:none;}
		/*def des styles pour les liens dans l'affichage catalogue 030*/
		a.affcata:link{
		font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size:8pt; color: #000066;
		text-transform: capitalize ; text-decoration: none;
		border:none;}
		a.affcata:hover{
		font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size:8pt; color: #0033FF;
		text-transform: capitalize ; text-decoration: underline;
		border:none;}
		a.affcata:visited{
		font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size:8pt; color: #000000;
		text-transform: capitalize ; text-decoration: none;
		border:none;}
		a.affcata:active{
		font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size:8pt; color: #0033FF;
		text-transform: capitalize ; text-decoration: underline;
		border:none;}

/***************************definition des couleurs des tableaux*********************/
	/*zone de tableau normal*/
		table{
		}
		th{
		}
		td{
		font-family: Arial, Helvetica, sans-serif, Times, serif; font-size: 8pt; font-style: normal;color: #000000;
		}
	/* zone tableau de l'aff catalogue*/
		th.cata{
		font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: bold;font-size: 8pt; color: White;
		text-transform: uppercase;
		}
		td.cata{
		font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; font-size:8pt;
		text-transform:capitalize;
		}
		table.listing { }
		table.listing tr{}
		table.listing th{ border: 1px solid #000;background-color: #999;}
		table.listing td{ border: 1px solid #000;padding:2px; text-align:center;}
/***************************definition des objets de la page et des scroll bars******/
		textarea{
		color: #999999;
		border-style: ridge;
		border-width: thin;
		border-color: #990000;
		background-color: #999999;
		}
		select{
		background-color: #FFFFFF;
		}
/***************************definition des zones qui ne doivent pas s'imprimer******/
    @media print{.noprt{display:none;}}

/***************************definition specifique pour les pages******/
		.bande-gauche{
			position: relative;
			float: left;
			width: 70%;
			margin: 0px 0px 0px 10px;
		}

		.bande-droite1{
			position: relative;
			float: right;
			top:0px;
			right: 85px;
			width: 110px;
		}
		.titrephoto{
		font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: small-caps; font-size: 8pt; font-weight: bold; color: #000000;
		text-align:center; text-decoration: underline; padding-top: 15px; padding-bottom: 0px;
		}
		p.phrasechoc {
	 	font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant: normal; font-size: 8pt; font-weight: normal; color: #000000;
		text-align:center;
		}

		.centre{
		text-align:center;
		}

		.ecartligne {
  	 line-height: 0.9; text-indent : 0px;
		}
		.imagepos{
			position: relative;
			float: left;
			width: 400px;
		}
		.spacer{
			clear: both;
		}
		.nomimage{
			font-size: 14px; font-weight: bold; font-variant: small-caps;
			text-align: left;
			text-indent: 0;
		}
		.nomartiste{
			display: inline;
			display:block; /* mise en block de <a> pour lui donner des dimensions */
			height: 40px;
			line-height: 40px; /* hauteur de ligne pour eviter les paddings */

			padding-left: 5px;
		   background-color: #F6D9A2;
			text-align: left;
			text-indent: 0;
		}
		.descriptionimage{
			text-align: left;
			text-indent: 0;
		}
		.dateentree{
			background-color: #F6D9A2;
			text-align: left;
			text-indent: 0;
		}
#moteurecherche{
     position: absolute; top:260px; left:5px;
     background-color: white;z-index:99;
}
.bordacc{ border: 4px red double; }
.bordsuracc{ border: 4px green double; }

.bordaccL:link {text-align:left; font-weight:bold;padding:5px;color:#7E2D17;}
.bordaccL:visited {text-align:left; font-weight:bold;padding:5px;color:#7E2D17;}
.bordaccL:hover {text-align:left; font-weight:bold;padding:5px;color:#7E2D17;}
.bordaccL:active {text-align:left; font-weight:bold;padding:5px;color:#7E2D17;}

.bordsuraccL:link {text-align:left; font-weight:bold;padding:5px;color:#1A5800;}
.bordsuraccL:visited {text-align:left; font-weight:bold;padding:5px;color:#1A5800;}
.bordsuraccL:hover {text-align:left; font-weight:bold;padding:5px;color:#1A5800;}
.bordsuraccL:active {text-align:left; font-weight:bold;padding:5px;color:#1A5800;}

/**** specif en trefle pour le choix du mode de selection ****/
div#menu_choix{
	width: 677px;
	top:20px;
	position: relative;
	text-align: center;
}
div#menu_choix_ss{
	width: 677px;
	top:20px;
	position: relative;
	text-align: center;
}
div#menu_choix a, div#menu_choix_ss a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}
div#menu_choix a:hover, div#menu_choix_ss a:hover { color:#99F;}

.boiteNouvA, .boiteNouvB{
	position:absolute;
	left:0px;
	width:663px;
	height:178px;
	text-align:left;
	vertical-align:middle;
	background-image:url(../images/habillage/nouv/nouvA.png);
}

.boiteNouvB{
	height:177px;
	background-image:url(../images/habillage/nouv/nouvB.png);
}

div#d1, #d3, #d5, #d7, #d2, #d4, #d6, #d8, #d9{
	position:absolute;
	top: 22px;
	width:275px;
	height:160px;
	text-align:left;
	vertical-align:middle;
}
div#d1, #d3, #d5, #d7, #d9 {left:39px;}
div#d2, #d4, #d6, #d8 { right:-30px;}
div#d1 a{
	font-size:13pt; font-weight:bold; color:red;
	text-align:left;
	vertical-align:middle;
}
div#d2{ top: 130px;}
div#d3{ top: 274px;}
div#d4{ top: 346px;}
div#d5{ top: 530px;}
div#d6{ top: 604px;}
div#d7{ top: 789px;}
div#d8{ top: 863px;}
div#d9{ top: 1045px;}

div#d1b, #d3b, #d5b, #d7b, #d9b, #d2b, #d4b, #d6b, #d8b{
	position:absolute;
	width:270px;
	height:45px;
	right:0px;
	padding:10px;
}
div#d2b, #d4b, #d6b, #d8b { left:0px; }
div#d1b{ top: 9px;}
div#d2b{ top: 193px;}
div#d3b{ top: 265px;}
div#d4b{ top: 447px;}
div#d5b{ top: 523px;}
div#d6b{ top: 699px;}
div#d7b{ top: 782px;}
div#d8b{ top: 965px;}
div#d9b{ top: 1024px; padding-top:17px;}

div#d1c{ top: 11px; }
div#d2c{ top: 82px;}
div#d3c{ top: 265px; }
div#d4c{ top: 337px;}
div#d5c{ top: 520px;}
div#d6c{ top: 595px;}
div#d7c{ top: 779px;}
div#d8c{ top: 854px;}
div#d9c{ top: 1036px;}

a#lienhobby{
	border: 2px dashed red;
	height:20px; padding:5px;
	vertical-align: middle;
}
a#lienhobby:hover {
	border-color: blue;
}
a#lienhobby img{ border: 0;}

fieldset p{font-size: 15pt;}