.right {float:right}
.left {float:left}
.clear {clear:both}

.margin-bottom5{margin-bottom:10px}

body {
	font-family: verdana,helvetica, arial, geneva, sans-serif;
	font-size: small;
	font-size:70%;
	background:url(../images/06/interface/fond_html.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	color: #000000;
	margin:0;
	padding:0;
	text-align:center;
}
#page {width:780px;	text-align:left; margin-left:auto; margin-right:auto}
#nav_lang img {margin:5px 3px 0px 3px}
#header {width:100%; display:block}
#flash {margin:0px 0px 8px 50px}

#bread {
	display:block;
	clear:both;
	margin-left:5px;
	margin-bottom:10px;
	background-color:#81a1b8;
	color:#fff;
	height:16px;
}
#bread a {color:#fff; font-size:10px; padding-top:2px}
#maison {margin-right:5px}
#menu {margin-bottom:1px}

#configurateur {padding:0px !important; margin:0px 0px 5px 2px}

#picto{margin:5px 0 5px 4px}

.menu_nav {float:left; width:225px}
.menu_nav #form {display:block;	margin-right:9px;	margin-bottom:1px; padding-bottom:3px}
.menu_nav #form input{border:1px #06a2c4 solid; background-color:#01bbe4; color:#fff}
.menu_nav a {
	display:block;
	width:200px;
	background-color:#00386a;
	color:#fff;
	margin-left:7px;
	margin-right:10px;
	margin-bottom:1px;
	padding:3px;
	font-size:0.9em;
}
.menu_nav a:link {
	display:block;
	background-color:#00386a;
	color:#fff;
	margin-left:7px;
	margin-right:10px;
	margin-bottom:1px;
	padding:3px;
	font-size:0.9em;
}
.menu_nav a:visited {color:#fff}
.menu_nav a:hover {background-color:#81a1b8; text-decoration:none; color:#fff}
.menu_nav a.active {background-color:#3f92be;	color:#fff;	text-decoration:none;	font-weight:bold}
.menu_nav a.sousfam {background-color:#9fc8de; color:#15568f}
.menu_nav a.sousfam:hover {background-color:#4ea8d7; color:#fff}

.menu_nav a.encart{padding:0 !important;margin:0 !important;border:none !important;background:#fff !important}
.menu_nav a.encart img{border:none !important}

#content_containte {float:right; width:539px;	margin:0;	padding:0}
#content {background:url("../images/06/interface/page_etir.gif") repeat-y; width:509px;	margin:0;	padding:5px 20px 0px 15px}
#content p {color:#757373}

#topnav_prod {font-size:0.8em}
#topnav_prod a {margin:0;	color:#fff;	padding:2px; padding-left:5px; padding-right:5px}
#topnav_prod a:hover {background-color:#81a1b8; text-decoration:none}
#topnav_prod a.active {background-color:#3f92be; text-decoration:none; font-weight:bold}

#bloc_info_prod {width:166px;	float:right; text-align:left;	background-color:#d1f3fa}
#bloc_info_prod p {margin:0; margin-left:10px; margin-top:5px}
#bloc_info_prod .bloc {
	display:block;
	width:155px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #00386a;
	padding-bottom:5px;
	color:#757373;
	background-color:#fff;
}
#bloc_info_prod .bloc b {color:#00629f}

#infos_variantes a{margin-top:5px; color:#00386a;	font-weight:bold;	display:block}
#infos_variantes a:hover{text-decoration:underline}
#infos_variantes h3{color:#00386a}
#infos_decouvrir a{margin-top:5px; color:#757373;	font-weight:bold;	display:block}
#infos_decouvrir a:hover{text-decoration:underline}
#infos_decouvrir h3{color:#757373}

/* Connexion extranet */

#connexion-formulaire{display:none;}

#messageForm{display:none; padding:5px;}
.heritage{background-color:inherit !important;}
#connexion {
  text-align:left;
	background:url(../images/06/interface/fond_connexion.jpg);
	background-repeat:no-repeat;
  background-position:right top;
}

#connexion-login {background-color:#01bbe4; color:#fff; padding:15px 10px 10px 10px; margin-top:5px}
#connexion-login label {width:120px; display:block; float:left; margin:0px 0px 5px 10px}
#connexion-login input {width:220px; color:#477ca2; padding-left:3px; background-color:#d8f8ff; border:1px #19a6c5 solid}

#bouton-connexion {
  background-color:#75d8ee !important; 
  color:#00386a !important; 
  padding:1px 0px !important; 
  margin:10px 0 0 20px !important; 
  border:1px #0f92af solid !important;
  width:100px !important
}

/* pass perdu */
#pass-perdu {background-color:#baf3ff; padding:5px 10px 10px 10px; border:1px #95deee solid}
#pass-perdu p {color:#777 !important}
#pass-perdu b {margin-top:5px; display:block;}
#mail-pass {margin:5px 10px 0 0; width:180px; border:1px #19a6c5 solid; padding-left:3px}
#btn-mail {margin-top:5px; background-color:#719eba; color:#fff; border:none; padding:1px 5px; cursor:pointer}

#connexion-infos th, #connexion-coordonnees th {text-align:center; padding:2px 0px}
#connexion-infos td, #connexion-coordonnees td {padding:2px 5px; color:#fff}


h1{font-size:170%;	color:#00386a}
h2{padding:0px;	margin:0px;	font-size:140%;	font-weight:bold;	color:#fff}
h3 {font-size:1em; margin:0; margin-top:20px}
hr{height:0px; border-style:dashed; border-color:#00386a; color:#fff;	border-width: 1px 0px 0px 0px}
th {font-weight:bold; color:#fff;	background-color:#aaa}
form {margin:0;	padding:0}
input {color:#00386a;	font-size:0.8em; font-family:verdana,helvetica, arial, geneva, sans-serif}
select {color:#00629f}
textarea {color:#000}

a:link {text-decoration:none;	color:#00386a}
a:visited {text-decoration:none; color:#00386a}
a:hover {text-decoration:underline; color:#cc0000}
a.nav:link {text-decoration:none;	color:#777}
a.nav:visited {text-decoration:none;	color:#777}
a.nav:hover {text-decoration:underline;	color:#555}
a.nav2:link {text-decoration:none; color:#cc0000}
a.nav2:visited {text-decoration:none;	color:#cc0000}
a.nav2:hover {text-decoration:underline; color:#000000}

a:link.menu-institu, a:visited.menu-institu, a:active.menu-institu {
	display:block;
	color:#ffffff;
	padding:3px;
	border-top: #628db9 solid 1px;
	border-right: #628db9 solid 1px;
	border-bottom: #023255 solid 1px;
	border-left: #023255 solid 1px;
	background-color:#00386a;
}

a:hover.menu-institu{
	display:block;
	color:#ffffff;
	padding:3px;
	border-top: #023255 solid 1px;
	border-right: #023255 solid 1px;
	border-bottom: #628db9 solid 1px;
	border-left: #628db9 solid 1px;
	background-color:#cc0000;
}

a.nored {color:#00386a}
a:hover.grise {color:#757373}
a.info_lien:hover {background-color:#9fc8de; color:#fff; text-decoration:none}
a.info_lien {padding:2px}
a.lire_actu {color:#fff; margin-right:5px}
a:visited.lire_actu {color:#fff; margin-right:5px}
a:hover.lire_actu {color:#fff}

.nik {font-size:1em}
.nik p{margin:0; margin-top:5px; margin-bottom:5px}
.niknik p {text-align:justify}

ul {margin-top:0}
li {color:#757373; list-style-image: url('../images/06/fiche produit/fleche_bleu.gif')}

.popup {
	display: none;
	position: absolute;
	top:3em;
	right:auto;
	left:auto;
	border: 1px solid black;
	background: #fff;
	z-index: 500;
}

.texte_propre {margin-bottom:2em}
.texte_propre p{margin-top:0.5em;	margin-bottom:0.5em}
.texte_propre h3{margin-top:1em; margin-bottom:0.5em}
.texte_propre ul{margin-top:0.5em; margin-bottom:0.5em}

.erreur {color:#cc0000; margin-bottom:0.5em; padding-left:20px;	height:15px; background:url("../images/06/warning.gif") no-repeat}
.obligatoire td {background-color:#81a1b8; color:#fff}
.boutton {background-color:#00386a;	color:#fff;	border:0;	font-weight:bold;	padding:0.3em}

select {font-size:1em}

#fiche-coloris {border:none !important}


/* ==================================== Configurateur =========================================== */
#configurateur-titre {background-color:#81a1b8; height:21px; color:#fff; text-align:center; padding-top:2px}
#configurateur-contenu {background:url("../images/06/interface/page_etir.gif") repeat-y; width:535px;	margin:0;	padding:0px 3px 0px 6px}



.configurateur-familles a{
  background-color:#ebf3f8;  
  display:block;
  width:530px;
  padding:4px 0px 0px 5px;
  border-bottom:1px #bfcbd3 solid; 
  border-top:1px #fff solid;
  text-decoration:none;
  color:#537791;
}
.configurateur-familles a:hover{background-color:#c8e0ef}

.configurateur-famille-actif {background-color:#00386a !important; color:#fff !important; border-bottom:none !important}

.configurateur-sousfamille-titre {
  background-color:#477ba9;  
  display:block;
  width:530px;
  height:17px;
  padding:3px 0px 0px 5px;
  text-decoration:none;
  color:#fff;
  font-size:10px
}
.configurateur-sousfamille-contenu {padding:10px 0px}
.configurateur-sousfamille-contenu img {border:none !important}
a.vignette-img {border:none !important; background-color:#fff !important; display:block; width:110px; float:left; margin-bottom:10px !important}

.configurateur-vignette {margin:0px 0px 10px 10px}
a.configurateur-firstProd {
  display:block; 
  margin:25px 0px 0px 10px !important; 
  color:#254b63;   
  width:380px !important; 
  background-color:#fff !important; 
  border:none !important;
  text-decoration:none !important
}
a:hover.configurateur-firstProd {color:#254b63 !important}

.configurateur-annexes a {
  background-color:#f4f4f4; 
  border:none;
  display:block; 
  width:530px; 
  padding:4px 0px 4px 5px; 
  font-size:11px;
  color:#254b63 !important;
  text-decoration:none !important;
}
.configurateur-annexes a:hover {background-color:#e8e8e8}
a.configurateur-annexes2 {background-color:#fff !important}
a:hover.configurateur-annexes2 {background-color:#e8e8e8 !important}


/* ==================================== accessoire =========================================== */
.accessoires-titre {
  display:block;
  width:506px;
  background-color:#3F92BE;
  color:#fff;
  text-align:left;
  padding:1px;
  }

  /* ========= vidéo =========== */

  h3.video{font-size:14px;color:#00386A}
  a.videoMenu{text-align:center}