/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* STYLE CONTENU */

.blocEnLigne {
    display: -moz-inline-stack; /* Pour Firefox 1-2 */
    display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block */
    vertical-align:top;
}

.corpsBarre
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
}
.corpsBarre p
{
    padding-top:7px;
}

/* STYLE CORPS */

.prix_ttc_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #302846;
}
.prix_ht_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #B41717;
}
.prix_ht_recherche_grand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #B41717;
}
.spacer_x {
	background-color: #FFFFFF;
	width: 1px;
}
.spacer_y {
	background-color: #FFFFFF;
	height: 1px;
}
.txt_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.txt_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
form {
	margin: 0px;
	padding: 0px;
}
.chp_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #FFFFFF;
	height: 17px;
	width: 120px;
	border: 1px solid #000000;
}
.bt_recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: auto;
	width: auto;
}
.txt_champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
.txt_defilement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.txt_id {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000076;
	text-decoration: none;
	font-weight: bold;
}

.titre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    color: #302846;
}
.chp_qte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #FFFFFF;
	height: 17px;
	width: 25px;
	border: 1px solid #000000;
}
.txt_chemin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: left;
	text-decoration: none;
}
.txt_standard_grand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
.txt_standard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
.txt_pre_standard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
.chp_trie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #F2F2F2;
	height: 20px;
	border: 1px solid #000000;
	width: 170px;
}
.txt_standardgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #000000;
}
.chp_standard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #FFFFFF;
	height: 17px;
	width: 200px;
	border: 1px solid #000000;
}

.Style3 {
	color: #FF0000;
	font-weight: bold;
}
.Style4 {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Style7 {
    color: #003399
}
.Style8 {
    font-size: 10px; 
    font-style: normal; 
    line-height: normal; 
    font-variant: normal; 
    text-transform: none; 
    color: #000000; 
    text-decoration: none; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style10 {color: #666666}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    width: 180px;
}

.Style21 {color: #FF0000}
.Style22 {color: #000000}
.Style23 {color: #666666}
.Style24 {color: #FFFFFF}

.coordonnees {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.coordonneesblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.coordonnees:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.coordonnees:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.coordonnees:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.titre-rouge-gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
	color: #FF0000;
}
.texte-gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.texte-gras-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.boite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 140px;
}
.slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	text-transform: uppercase;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.boitenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 250px;
	height: 18px;
}
.testpromo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #000099;
}
.titrepromo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FF0000;
}
.titrepromo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
}
.titrepromoclignotant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: blink;
}
.boitenavCopie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 235px;
	background-color: #FFCC66;
}
.lienstandard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}
.barre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #000000;
	text-decoration: line-through;
}
.boitenav22 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 180px;
	background-color: #FFCC66;
}
.boitenavCopie2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 235px;
	background-color: #FFCCCC;
}
.alarme_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.lienstandard2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.sousmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
	border-bottom-style: none;
}
.textebarre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: line-through;
}
.boitenavvolet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 300px;
	background-color: #FFDB91;
}
.boitenavrideau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 300px;
	background-color: #CCCCCC;
}
.boitenavrideau2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 270px;
	background-color: #CCCCCC;
}

#corpsCentre h1, #corpsCentreSansPub h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
color:#156121;
}
#corpsCentre h2, #corpsCentreSansPub h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
color:#156121;
border-bottom:1px solid #bebebe;
}
#corpsCentre p, #corpsCentreSansPub p {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:justify;
color: #4d4d4d;
}
#corpsCentre ul, #corpsCentreSansPub ul {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.4em;
text-align:justify;
color: #000;
margin-left:15px;
margin-top:5px;
}
#corpsCentre p.couleur, #corpsCentreSansPub p.couleur, .couleur{
font-weight:bold;
color:#339933;
}
#corpsCentre a:link, #corpsCentre a:visited, #corpsCentreSansPub a:link, #corpsCentreSansPub a:visited{
font-weight:bold;
text-decoration:none;
color: #000066;
}
#corpsCentre a:hover, #corpsCentre a:active, #corpsCentreSansPub a:hover, #corpsCentreSansPub a:active{
font-weight:bold;
text-decoration:none;
color: #339933;
}
#footerMenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #767676;
	text-align:center;
	padding-top:40px;
}
#footerMenu a:link, #footerMenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #767676;
}
#footerMenu a:hover, #footerMenu a:active{
	font-weight:normal;
	text-decoration:none;
	color: #000066;
}
/* STYLE DE LA PAGE CONTACT */
#coordonnees{
float:left;
width:159px;
margin-right:25px;
}
*html #coordonnees{
display:inline;
}
#coordonnees p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.2em;
text-align:left;
color: #4d4d4d;
/*font-weight:bold;*/
padding-left:0px;
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.2em;
text-align:justify;
color: #4d4d4d;
padding-left:31px;
}
#formContact input,textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:#f5f5f5;
	border:1px solid #bebebe;
}
#formContact input:focus,textarea:focus{
	border-color:#339933;
}
#formContact .champRequis{
	color:#339933;
}

/* ACCUEIL ACTUALITE */
.bloc-actualite {
	width:600px;
	margin-top:20px;
	border-top:2px solid #CCC;
	margin-bottom:50px;
}

.img-actualite {
	width:200px;
	float:left;
	margin-right:10px;
	text-align:center;
	padding-top:40px;
}
.contenu-actualite {
	width:350px;
	float:left;
	padding-top:10px;
	margin-bottom:20px;
}
#corpsCentre .contenu-actualite h2{
	margin-bottom:10px;
	display:block;
}

/* RUBRIQUE SAV SAFIR */
#bloc-nomenclature {
	position:relative;
	width:760px;
	height:700px;
}
#nomenclature {
	position:absolute;
	width:760px;
	height:600px;
}

.safir-suivant{
	float:right;
}

/* FICHE PRODUIT */
#bloc-vignette {
	margin:0 auto; 
	width:200px;
	text-align:center;
}

#bloc-vignette a:link img , #bloc-vignette a:visited img {border:1px solid #010082; margin-right:5px;}
#bloc-vignette a:hover img , #bloc-vignette a:active img {border:1px solid #CCC; margin-right:5px;}

#commande p.txt_commande_encours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

#commande p.txt_commande_aremplir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#commande td
{
    padding:0;
    margin:0;
}

#commande .error_list
{
  display: inline;
  width: auto;
  list-style: none;
  display: inline;
  padding:0;
  padding-right:0;
  color: red;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
}

.boutonPanierPlus {
background-image: url(/images/confodis/commande/panierPlus.gif);
background-position: 0px -1px;
background-repeat: no-repeat;
font-size: 20px;
}

.boutonPanierPlus:hover {
background-image: url(/images/confodis/commande/panierPlusActif.gif);
background-position: 0px -1px;
background-repeat: no-repeat;
font-size: 20px;
}

.boutonPanierMoins {
background-image: url(/images/confodis/commande/panierMoins.gif);
background-position: 0px -1px;
background-repeat: no-repeat;
font-size: 20px;
}

.boutonPanierMoins:hover {
background-image: url(/images/confodis/commande/panierMoinsActif.gif);
background-position: 0px -1px;
background-repeat: no-repeat;
font-size: 20px;
}

.bandeau_deroulant
{
    margin-left: auto;
    margin-right: auto;
    width:600px;
}

.bandeau_deroulant_bordure
{
    border: 1px solid #41B840;
    margin-left: auto;
    margin-right: auto;
    width:600px;
}

.radio_list, .checkbox_list
{
  margin: 0;
  padding-left:0
}

.radio_list li, .checkbox_list li
{
  list-style: none;
  display: inline;
  padding-left:0
}

.radio_list_compact
{
  list-style: none;
  display: compact;
  padding-left:0
}

.error_list
{
  display: inline;
  width: auto;
  list-style: none;
  display: inline;
  padding:0;
  padding-right:0;
  color: red;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
}

.chp_renseignement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #FFFFFF;
	height: 17px;
	width:  200px;
	border: 1px solid #000000;
}
.chp_renseignement2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #FFFFFF;
	height: 17px;
	width:  140px;
	border: 1px solid #000000;
}
.chp_renseignement_pro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990000;
	background-color: #DFDFDF;
	height: 17px;
	width:  200px;
	border: 1px solid #000000;
	font-weight: bold;
}