/* ---Mise ŕ zéro--- */


html, body, p {
	margin: 0;
	padding: 0;
}

ul, ol, li, dl, dt, dd   {
	list-style-type: none;
	margin: 0;
	padding: 0
	}



/* ---[ STRUCTURE ]--- */


body                {
	color: #000;
	font-size: 12px;
	font-family: Verdana, Lucida, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background-color: #2a6a75;
	background-image: url("../images/structure/body_fond1.gif");
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center
	}







/* ---STRUCTURATION--- */


#container                  {
	text-align: left;
	margin: 0 auto;
	position: relative;
	left: 0;
	width: 861px;
	height: 830px
	}






	
	
/* ---SECTEUR NAVIGATION--- */


#secteurnavigation      {
	position: absolute;
	top: 0;
	left: 0;
	width: 302px;
	height: 830px
	}




#hbs    {
	background-image: url(../images/structure/hbs_fond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 302px;
	height: 104px;
	}


/* ---Rubriques--- */


#navigation_rubriques      {
	background-image: url("../images/structure/navrubriques_fond.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	top: 0;
	left: 0;
	width: 302px;
	height: 51px
	}



 #navlist   {
	font-size: 10px;
	margin-top: 0;
	padding: 0 0 0 6px;
	position: absolute;
	top: 20px
	}


#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}


#navlist a:link, #navlist a:visited    {
	color: #ccc;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	margin: 0 4px;
	float: left
	}




#navlist a:link#current, #navlist a:visited#current, #navlist a:hover   {
	color: #fff;
	background: transparent;
	padding-bottom: 2px;
	border-bottom: 2px solid #435b7f
	}



#navlist a:hover  {
	color: #fff
	}

	
	
/* ---Liste produits--- */


#navigation_produits        {
	width: 302px;
	height: 675px
	}




#famille li     {
	font-weight: normal;
	font-stretch: normal;
	list-style: none;
	margin: 0;
	position: relative;
	left: 1px;
	width: 301px;
	height: 34px;
	border-bottom: 1px solid #a0b487;
	}





#famille li a  {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 0 8px 20px;
	width: 100%
	}



html>body #famille li a {
	width: auto
	}


#famille li a.active, #famille li a:hover   {
	color: #fff;
	background-image: url("../images/structure/encoche.gif");
	background-repeat: no-repeat;
	background-position: 100% center
	}




#sousfamille li   {
	font-weight: normal;
	list-style: none;
	margin-left: 20px;
	width: 202px;
	height: 26px;
	border-bottom: 0 none
	}


#sousfamille li a  {
	color: #fff;
	text-decoration: none;
	display: block;
	margin-left: 12px;
	padding: 6px 0;
	width: 100%;
	border-top: 1px dotted #ccc;
	border-bottom: 0 none
	}



#sousfamille li a.active, #sousfamille li a:hover  {
	color: #fff;
	font-weight: bold;
	background-image: none
	}



#famille #aucunbas {
	border-bottom: 0 none transparent
	}


#famille #avecbordurehaut {
	border-top: 1px solid #a0b487;
	border-bottom: 1px solid #a0b487;
	}


#famille #sanspointillehaut {
	border-top: 0 none transparent
	}


#conseils    {
	color: #cc9;
	font-size: 1em;
	margin-top: 12px;
	padding-left: 20px
	}



#conseils a:link   {
	color: #cc9;
	text-decoration: none;
	}


#conseils a:visited   {
	color: #cc9;
	text-decoration: none;
	}
	
	
#conseils a:hover     {
	color: #fff;
	font-weight: bold;
	text-decoration: none
	}



#cgv, #normes {
	color: #cc9;
	font-size: 1em;
	margin-top: 12px;
	padding-left: 20px
	}


#cgv a:link, #normes a:link      {
	color: #333;
	text-decoration: none
	}



#cgv a:visited, #normes a:visited     {
	color: #000;
	text-decoration: none
	}

	
	
#cgv a:hover, #normes a:hover     {
	color: #fff;
	font-weight: bold;
	text-decoration: none
	}



	
.bordurehaut    {
	padding-top: 12px;
	border-top: 1px solid #99c
	}



/* ---SECTEUR CONTENU--- */


a:link, a:visited   {
	color: #282828
	}

	
a:hover  {
	color: #616da7;
	text-decoration: underline
	}

	
#secteurcontenu        {
	background-image: url("../images/structure/lamefond_secteur-contenu.gif");
	background-repeat: repeat;
	background-position: left top;
	margin-bottom: 30px;
	margin-left: 302px;
	width: 559px;
	height: 830px
	}






#entete     {
	background-image: url(../images/structure/entete_fond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 559px;
	height: 104px
	}

	
#chemin      {
	color: #fff;
	background-image: url("../images/structure/chemin_fond.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 559px;
	height: 51px
	}



#chemin   a    {
	color: #fff;
	text-decoration: none
	}



#chemin   a:hover     {
	color: #000;
	text-decoration: none
	}


	
#contenu       {
	margin-bottom: 12px;
	position: relative;
	top: 0;
	left: 0;
	width: 559px;
	height: auto
	}



#editorial     {
	width: 403px;
	height: auto
	}


#texteditorial           {
	font-size: 11px;
	padding-bottom: 80px;
	position: relative;
	top: 22px;
	left: 30px;
	width: 350px;
	height: auto
	}


	
	
#body_produits #texteditorial p {
	color: #666;
	margin-bottom: 16px
	}


#body_plan #texteditorial p {
	color: #666;
	margin-bottom: 16px
	}


#exergue         {
	position: relative;
	top: 22px;
	left: 30px;
	width: 350px;
	height: 470px
	}


#exergue p           {
	line-height: 144%;
	text-align: justify;
	margin-bottom: 4px
	}


#texteditorialiste         {
	font-size: 11px;
	position: relative;
	top: 30px;
	left: 30px;
	width: 350px;
	height: 470px
	}

	
	
#complementaires     {
	font-size: 10px;
	text-align: right;
	position: relative;
	top: 4%;
	display:none
	}
	
	
#complementaires a:link      {
	color: #666;
	text-decoration: underline
	}


	
	
#complementaires a:visited     {
	color: #99c;
	text-decoration: none
	}

	

#complementaires a:hover      {
	color: #669;
	text-decoration: underline
	}


	
	
	
.titrecomp {
	color: #99c;
	font-weight: bold
	}

.visuel  {
	margin-right: 12px;
	margin-bottom: 16px;
	width: 100px;
	height: 100px;
	float: left
	}

.visuel img   {
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #ccc;
	border-left: 0
	}




.titre     {
	color: #369;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	padding-top: 12px;
	padding-bottom: 4px
	}


.intitule      {
	color: #369;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%
	}


	
	
.intituleliste    {
	color: #666;
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #ccc
	}


.ref   {
	color: #cc0;
	font-weight: bold;
	margin-top: 10px
	}



.refliste   {
	color: #cc0;
	font-size: 10px;
	font-weight: bold
	}
#stickers          {
	position: absolute;
	top: 0;
	right: 0;
	width: 156px;
	height: 528px
	}



#commande    {
	margin-right: 0;
	width: 156px;
	height: 120px;
	border-right: 0
	}


#commande a      {
	background-image: url("../images/structure/stickercommande.gif");
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 156px;
	height: 71px
	}



#commande a:hover    {
	background-image: url("../images/structure/stickercommande.gif");
	background-repeat: no-repeat;
	background-position: right bottom
	}



#commandefax    {
	margin-right: 0;
	width: 156px;
	height: 120px;
	border-right: 0
	}


#commandefax a     {
	background-image: url(../images/structure/stickerfax.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 156px;
	height: 71px
	}


#commandefax a:hover   {
	background-image: url(../images/structure/stickerfax.gif);
	background-repeat: no-repeat;
	background-position: right bottom
	}


#stickersliens               {
	background-image: url("../images/structure/stickersliens_fond.gif");
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 0;
	position: relative;
	top: 76px;
	right: 0;
	width: 156px;
	height: 330px
	}



#stickersliens a:link, #stickersliens a:visited    {
	color: #616da7;
	}

#stickersliens a:hover     {
	color: #fff
	}



#stickersliens p    {
	color: #fff;
	margin-bottom: 10px;
	padding-top: 40px;
	padding-left: 16px
	}



#stickersliens dl       {
	margin-bottom: 1px;
	padding-top: 4px;
	padding-left: 20px;
	width: 124px
	}




#stickersliens dl dt      {
	color: #333;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px
	}




#stickersliens dd       {
	color: #505050;
	font-size: 10px;
	padding-bottom: 2px
	}


	
	
#texteditorial ul  {
	line-height: 18px;
	margin-top: 20px;
	clear: left
	}



#texteditorial ul li {
	color: #666;
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc
	}


/* ---Titre et descriptif integré--- */
#texteditorial dl   {
	color: #666;
	line-height: 18px;
	margin-top: 12px
	}

	
#texteditorial dl dt   {
	font-weight: bold
	}
	
#texteditorial dl dd   {
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc
	}



	
	
#texteditorialiste ul    {
	line-height: 14px;
	width: 96%
	}


#texteditorialiste ul li     {
	color: #666;
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc
	}




#texteditorialiste ul li a:link   {
	color: #333;
	text-decoration: none
	}

	

#texteditorialiste ul li a:visited    {
	color: #666;
	text-decoration: none
	}


	
#texteditorialiste ul li a:hover     {
	color: #669;
	text-decoration: none
	}


	
	
#accueil #exergue ul {
	line-height: 20px;
	margin-top: 2px
	}


#accueil #exergue ul li  {
	color: #666
	}
	
	
#alignedroit {
	text-align: right
	}


/* ---Chemin--- */


.chemin    {
	font-size: 9px;
	margin-left: 10px;
	padding-top: 28px
	}

	
	
/* ---Titres Informatifs--- */


h1   {
	color: #ccc;
	font-size: 1em;
	display: none
	}

	
h2   {
	color: #ccc;
	font-size: 1em;
	display: none
	}


h3  {
	color: #669;
	font-size: 1em;
	margin: 0;
	padding-bottom: 2px;
	border-width: 0
	}
	
	
#signature         {
	color: #ccc;
	font-size: 10px;
	text-align: center;
	margin-bottom: 12px;
	padding-top: 6px;
	padding-bottom: 12px
	}






#signature a:link, #signature a:visited    {
	color: #fff
	}


	

#signature a:hover        {
	color: #000;
	text-decoration: none
	}




	
#pagination    {
	color: #669;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 100%
	}



#pagination  a     {
	color: #669;
	text-decoration: none
	}


#pagination  a.active, #pagination  a:hover     {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	background-color: #669;
	padding: 2px;
	border: solid 1px #ccc
	}