/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	font-size: 10px;
	font-family: Verdana, Arial, Sans, sans-serif;
	color: black;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	
	margin:0;
	padding:0;
}
a {
	color: #6C838B;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
/*
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
*/
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { 
	content:'';
}
abbr,acronym { 
	border:0; 
}


.noscreen {
	position: absolute;
	left: -9999em;
}
.break { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.invisible {
	position: absolute;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

/*  ------------------------------------------
/*  Positions des zones
/*  ------------------------------------------ */

div {
	/*border: 1px dotted orange;*/
}

body {
	background: url(images/fond-page.gif) #FFF repeat-x;
	text-align: center;
}

#page {
	width: 933px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#entete {
	height: 114px;
}
		#entete #enteteLogo {
			width: 390px;
			float: left;
		}
		#entete #enteteOutils {
			float: right;
		}
		#entete #enteteOutils li {
			display: block;
			float: left;
		}
		#entete #enteteSecteurs {
			background: url(images/fond-secteurs.gif) top right no-repeat;
			height: 29px;
			clear: both;
		}
		#entete #enteteSecteurs #menuSecteurs {
			display: block;
			float: left;
		}
		#entete #enteteSecteurs #enteteIdentification {
			display: block;
			float: right;
		}


#bandeau {
	background: url(images/fond-bandeau-outils.gif) #FFF top repeat-x;
	height: 204px;
	margin-bottom: 2em;
}
		#bandeau #bandeauOmbre{
			background: #FFF;
			width: 671px;
			float: left;
		}
		#bandeau #bandeauContenu,
		#bandeau #bandeauContenu-accueil {
			background: #FFF;
			width: 671px;
			/*height: 179px;*/
			float: left;
		}
		#bandeau #bandeauOutils{
			width: 262px;
			/*height: 179px;*/
			float: right;
		}

#principal {
	margin-bottom: 3em;
}
		#principal #contenu-accueil,
		#principal #contenu-rubrique,
		#principal #contenu-article,
		#principal #contenu-produit {
			min-height: 300px;
			height: auto !important;
			height: 300px;
			background: white;
			width: 671px;
			float: left;
		}
		#principal #cartouche {
      width: 246px;
			float: right;
		}


#pied {
	height: 52px;
}
		#pied #piedCopyright {
			float: left;
		}
		#pied #piedCredits {
			float: right;
		}


/*  ------------------------------------------
/*  Menu déroulant des secteurs (bandeau haut)
/*  ------------------------------------------ */


#entete #enteteSecteurs li {
	display: block;
	float: left;
	margin: 0;
	height: 29px;
	line-height: 29px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Lucida Sans Unicode", arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3A464A;
}
			#entete #enteteSecteurs .titreSecteur {
				cursor: pointer;
			}

			#entete #enteteSecteurs li.separateur {
				padding: 0;
			}
			#entete #enteteSecteurs li.secteur00 {
				background: url(images/fond-secteur-00.gif) #E4E7E9 no-repeat;
			}
			#entete #enteteSecteurs li.secteur {
				background: url(images/fond-secteur-off.gif) #E4E7E9 repeat-x;
			}
			#entete #enteteSecteurs li.secteuron {
				background: url(images/fond-secteur-on.gif) #C7020A repeat-x;
				color: white;
			}
			#entete #enteteSecteurs ul { /* toutes les listes */
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#entete #enteteSecteurs li { /* tous les items de liste */
				float: left;
				/*border: 1px solid blue;*/
				/*width: 60px;*/ /* largeur obligatoire, sinon opera devient fou */
			}
			#entete #enteteSecteurs li ul li:hover,
			#entete #enteteSecteurs li ul li.sfhover { /* listes imbriquées sous les items de listes survolés */
				background: #F2F3F3;
			}
			#entete #enteteSecteurs li ul { /* listes de deuxième niveau */
				padding: 0;
				margin: 0;
				position: absolute;
				width: 140px;

				top: 102px;
				border: 1px solid #E8EBEB;
				border-top: 0;

				left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
			}
			#entete #enteteSecteurs li ul li {
				width: 140px;
				font-size: 11px;
				/*background: #F2F3F3;*/
				background: #d0d7da;
				font-family: Verdana, arial, helvetica, sans-serif;
				/*border-top: 1px solid #E8EBEB;*/
				border-top: 1px solid #fff;
			}
			#entete #enteteSecteurs li ul li a,
			#entete #enteteSecteurs li.secteuron ul li a {
				color: #3A464A; display:block;
			}
			#entete #enteteSecteurs li:hover ul,
			#entete #enteteSecteurs li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
				left: auto;
			}



/*  ------------------------------------------
/*  Habillage des zones
/*  ------------------------------------------ */

#entete #enteteOutils {
	padding-top: 8px;
}
#entete #enteteOutils li {
	border-left: 1px solid white;
	padding-left: 8px;
	margin-left: 6px;
	line-height: 1em;
}
#entete #enteteOutils li.first {
	border-left: 0;
}
#entete #enteteOutils li a {
	color: white;
	font-size: 9px;
}

#entete #enteteSecteurs #enteteIdentification a {
	color: #EE1B26;
}



#bandeau #bandeauContenu {
}
#bandeau #bandeauContenu,
#bandeau #bandeauContenu-accueil {
	background: url(images/fond-bandeau-accueil.png) no-repeat;
	height: 205px;
}


		#bandeau #bandeauContenu .logorub {
			width: 270px;
			height: 165px;
			float: left;
		}
		#bandeau #bandeauContenu .logorub img {
			margin-top: 10px;
			margin-left: 15px;
			behavior: url(win_png.htc);
		}
		#bandeau #bandeauContenu .texterub {
			padding-left: 15px;
			width: 370px;
			float: right;
			padding-bottom: 1em;
		}
		#bandeau #bandeauContenu .texterub h1 {
			font-size: 17px;
			font-weight: bold;
			margin-top: 0.5em;
			margin-bottom: 1.5em;
		}
		#bandeau #bandeauContenu .texterub .descriptif {
			width: 200px;
			/*padding-left: 285px;*/
			float: left;
		}
		#bandeau #bandeauContenu .texterub ul.liens {
			width: 150px;
			display: block;
			float: right;
		}

/*  -----------------------------------------------------
/*  Outils dans le bandeau (recherche, newsletters...)
/*  ----------------------------------------------------- */

#bandeau #bandeauOutils {
}
#bandeau #bandeauOutils .outil {
	width: 170px;
	margin-left: 54px;
	margin-top: 10px;
}

#bandeau #bandeauOutils,
#bandeau #bandeauOutils input,
#bandeau #bandeauOutils select,
#bandeau #bandeauOutils button {
	color: #71796D;
	font-size: 10px;
}
#bandeau #bandeauOutils button {
	padding: 0;
	margin: 0;
	border: 0;
	background: 0;
	cursor: pointer;
	text-align: left;
	text-decoration: underline;
}

#bandeau #bandeauOutils .recherche input {
	vertical-align: middle;
	float: left;
}
#bandeau #bandeauOutils .recherche button {
	vertical-align: middle;
	float: right;
}
#bandeau #bandeauOutils .produits {
	/*clear: both;*/
	margin-top: 8px;
}

#bandeau #bandeauOutils .newsletter {
	margin-top: 20px;
}
#bandeau #bandeauOutils .newsletterpro {
	margin-top: 0;
	padding-top: 8px;
	background: url(images/icone-newsletter.gif) top right no-repeat;
}
#bandeau #bandeauOutils .newsletterpro button {
	color: #ED1B26;
}

#bandeau #bandeauOutils .forml {
	width: 120px;
	height: 17px;
	border: 1px solid #C6D0D4;
}


#bandeau #bandeauOutils fieldset {
	border: 0;
	width: auto;
}

#bandeau #bandeauOutils .spip_form_ok {
	padding: 8px;
	font-weight: bold;
	color: #ED1B26;
}

#bandeau #bandeauOutils legend,
#bandeau #bandeauOutils label,
#bandeau #bandeauOutils .spip_form_label,
#bandeau #bandeauOutils .spip_form_label_details {
	display: none;
}

/*  ------------------------------------------
/*  Zone d'identification (bandeau haut)
/*  ------------------------------------------ */

#entete #enteteIdentification  {
	line-height: 29px;
	padding-right: 8px;
	font-weight: bold;
}









#principal p, 
#principal h1, 
#principal h2, 
#principal h3, 
#principal h4, 
#principal h5, 
#principal h6 {
	margin-bottom: 1em;
}
#principal ul {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	margin-left: 1em;
}
#principal ul li {
	display: list-item;
	/*list-style: disc;*/
	margin-left: 1em;
	margin-bottom: 0.5em;
}

/*  ---------------------------------------------------
/*  Contenu de la page d'accueil (liste de rubriques)
/*  --------------------------------------------------- */

#principal #contenu-accueil {
	background-color: #FFF;
}

#principal #contenu-accueil h1 {
	background: url(images/fond-titre-contenu-produit.gif) white no-repeat;
	font-size: 18px;
	height: 32px;
	padding-top: 4px;
	padding-left: 10px;
	color: #ED1B24;
	margin: 0;
}
#principal #contenu-accueil .intro {
	padding: 10px;
	margin-bottom: 25px;
	background-color: #EBECEC;
}

#principal #contenu-accueil .rubrique {
	background: url(images/fond-titre-rubrique-accueil.gif) repeat-x;
	width: 320px;
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
}
#principal #contenu-accueil .logorub {
	width: 155px;
	text-align: center;
	float: right;
}
#principal #contenu-accueil .logorub img {
	behavior: url(win_png.htc);
}
#principal #contenu-accueil .texterub {
	padding-left: 5px;
	width: 155px;
	float: left;
}
#principal #contenu-accueil .texterub li {
	font-weight: bold;
}
#principal #contenu-accueil h2 {
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	width: 184px;
	padding-left: 6px;
	padding-top: 1px;
	margin-bottom: 8px;
}
#principal #contenu-accueil h2 a {
	color: white;
}

/*  ------------------------------------------
/*  Contenu de la rubrique (liste de produits)
/*  ------------------------------------------ */

#principal #contenu-rubrique h1 {
	background: url(images/fond-titre-rubrique.png) white no-repeat;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	height: 36px;
	padding-top: 4px;
	padding-left: 10px;
}
#principal #contenu-rubrique .article {
	margin-bottom: 15px;
	clear: both;
}
#principal #contenu-rubrique h2 {
	font-size: 14px;
	font-weight: bold;
}
#principal #contenu-rubrique .image {
	width: 150px;
	text-align: center;
	float: left;
}
#principal #contenu-rubrique .texte {
	width: 510px;
	float: right;
}
#principal #contenu-rubrique .image img {
	behavior: url(win_png.htc);
}
#principal #contenu-rubrique .lien-produit {
	margin-top: 10px;
	display: block;
	width: 116px;
	height: 18px;
	line-height: 16px;
	font-weight: bold;
	text-align:center;
}

/*  ------------------------------------------
/*  Contenu de la fiche produit
/*  ------------------------------------------ */

#principal #contenu-produit h1 {
	background: url(images/fond-titre-contenu-produit.gif) white no-repeat;
	font-size: 20px;
	margin-bottom: 15px;
	height: 36px;
	padding-top: 4px;
	padding-left: 10px;
}
#principal #contenu-produit h2 {
	font-size: 14px;
	font-weight: bold;
}
#principal #contenu-produit .image {
	float: left;
	padding: 10px;
}
#principal #contenu-produit .texte .prix {
	font-weight: bold;
	color: #91989B;
	margin-top: 1em;
	font-size: 130%;
}

/*  ------------------------------------------
/*  Contenu d'un article (rédactionnel)
/*  ------------------------------------------ */

#principal #contenu-article h1 {
	background: url(images/fond-titre-contenu-produit.gif) white no-repeat;
	font-size: 20px;
	margin-bottom: 15px;
	height: 36px;
	padding-top: 4px;
	padding-left: 10px;
	color: #6C838B;
}
#principal #contenu-article h2 {
	background-color: #A7AABF;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 27px;
	padding-left: 26px;	
}
#principal #contenu-article .logo {
	float: left;
}
#principal #contenu-article .texte {
	padding: 10px;
}
#principal #contenu-article .liste {
	margin-bottom: 2em;
}
#principal #contenu-article .liste li {
	margin-bottom: 0.5em;
}
#principal #contenu-article .plan ul li {
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 1.2em;
}
#principal #contenu-article .plan ul li ul li {
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 0.8em;
	list-style-type: none;
	margin-left: 0;
}
#principal #contenu-article .remarque {
	color: #666;
	font-style: italic;
	font-size: 9px;
	margin-top: 3em;
	margin-bottom: 0.8em;
}




/*  ------------------------------------------
/*  Cartouche (colonne de droite)
/*  ------------------------------------------ */

#principal #cartouche h2 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 1em;
}
#principal #cartouche h2,
#principal #cartouche h2 a {
	color: white;
}
#principal #cartouche .actu h3 {
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-bottom: 0.2em;
}
#principal #cartouche p.date {
	font-size: 8px;
}

#principal #cartouche .public a,
#principal #cartouche .public h3,
#principal #cartouche .public p {
	color: #6C838B;
}
#principal #cartouche .revendeur a,
#principal #cartouche .revendeur h3,
#principal #cartouche .revendeur p {
	color: #ED1B26;
}

#principal #cartouche .actu p.mots {
	font-weight: bold;
}
#principal #cartouche .actu p.mots img {
	padding: 2px;
	vertical-align: top;
}
#principal #cartouche .public p.mots img {
	border: 1px solid #C7CBCC;
}
#principal #cartouche .revendeur p.mots img {
	border: 1px solid #EBCCCC;
}
#principal #cartouche .actu p.mots a.mot {
	font-weight: normal;
	text-decoration: underline;
}

#principal #cartouche .actu p.lien a {
	text-decoration: underline;
}
#principal #cartouche hr {
	border: 0;	
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	clear: both;
	margin-bottom: 1em;
}

#principal #cartouche.telechargement ul {
	margin-bottom: 2em;
}
#principal #cartouche.telechargement li {
	margin-bottom: 1em;
}



/*  ------------------------------------------
/*  Pied de page (copyright / crédits)
/*  ------------------------------------------ */

#pied {
	padding-top: 22px;
	padding-left: 1em;
	padding-right: 1em;
	background: url(images/fond-pied.gif) #7C878C repeat-x;
	font-size: 9px;
	color: white;
	clear: both;
}
#pied a {
	font-weight: bold;
	color: white;
}


/*  ------------------------------------------
/*  Onglets de la fiche produit
/*  ------------------------------------------ */

	#ongletsTitres {
		width: 670px;
		clear: both;
		margin-top: 2em;
	}

	#ongletsContenus {
		clear: both;
		width: 670px;
	}
	#ongletsContenus h2 {
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			line-height: 27px;
			padding-left: 26px;
	}
	.ongletLien {
		font-weight: normal;
		font-family: Tahoma, Arial;
		width: 132px;
		/*line-height: 1em;*/
		font-size: 12px;
		margin: 0;
		padding: 0;
		margin-right:2px;
		padding-top: 8px;
		text-align: center;
		height: 20px;
		float: left;
		cursor: pointer;
	}
	.ongletLienInactif {
		/*color: #C0C4C5;*/
		background: #F4F5F5;
		background-image:url(images/fond-onglet-inactif.gif);
	}
	.ongletLienActif {
		color: #707070;
		background: #ECEDED;
		background-image:url(images/fond-onglet-actif.gif);
	}
	.ongletproduit {
		background-color: #ECEDED;
		padding: 1em;
		margin-bottom: 1em;
	}

	.inactif {
		display: none;
	}
	.actif {
		display: block;
	}