#page{}
/* //////////////////// Mise en page de la div presentation ////////////////////// */
#present {
}
* html #present {
	top:9%;
	left:19%;
	}
.presentation_petit,.presentation_grand{
	background-color:white;
	text-align:center;}
/*.presentation_petit{height:461px;}
.presentation_grand{height:512px;}
* html .presentation_petit{height:463px;}
* html .presentation_grand{height:505px;}*/
.presentation_titre{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;}
.presentation_description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;}
.presentation_ref{
	color:#0065CE;
	font-size:11px;}
#delai{
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:white;
	margin-top:10px;}
.delai_titre{
	width:150px;
	height:19px;
	font-size:16px;
	font-weight:bold;
	background-color:#0065CE;
	color:white;}
.delai_description{
	padding-top:2px;
	font-size:14px;}
/* //////////////////// Mise en page de la div menu ////////////////////// */
#menu_article {
	width:130px;
	margin-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;}

.menu_grand{height:660px;}
* html .menu_grand{height:645px;}
* html .menu_petit{
margin-top:12px;

}
a.menu{
	text-decoration:none;
	font-weight:bold;
	color:black;}
.scroll_petit,.scroll_grand{
	width:130px;
	overflow:hidden;
	background-color:#e9e6d3;}
.scroll_petit{height:535px;}
.scroll_grand{height:593px;}
* html .scroll_petit{height:538px;}
* html .scroll_grand{height:584px;}
/* //////////////////// Mise en page de la div vignette ////////////////////// */
#vignette_article{

	top:-2%;
	left:22%;
	width:586px;
	text-align:center;}
* html #vignette_article{
	left:22%;}
#vignette_scroll{
	padding-top:5px;
	width:550px;
	
	background-color:#e9e6d3;}
/*//////////////////// Prix instantané ////////////////////////////////////////*/
#affichage_prix{

	top:9%;
	left:41%;
	width:445px;}
* html #affichage_prix{
	top:9%;
	left:40%;}
/* //////////////////// Mise en page de la div choixArticle ////////////////////// */
#choix_article{

	top:29%;
	left:41%;
	font-family:Arial, Helvetica, sans-serif;
	width:445px;
	margin-top:10px;}
* html #choix_article{
	top:28%;
	left:40%;}
/* Mise en page choix de la taille*/
#fond_texte_taille{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-color:#0065CE;
	color:white;
	margin-top:8px;
	text-align:left;}
#fond_couleur_taille{
	background-color:white;
	margin-top:2px;
	border:1px solid #0065CE;
	height:55px;}
.taille{
	font-size:10px;
	float:left;}
.tailles_visibles{display:block;}
.tailles_cachees{display:none;}
/* Mise en page choix de la couleur */
#fond_texte_couleur{
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-color:#0065CE;
	color:white;
	text-align:left;}
#fond_couleur_couleur{
	background-color:white;
	margin-top:2px;
	border:1px solid #0065CE;
	padding-bottom:1px;
	overflow:auto;
	}
.tableau_couleur_actif{
	width:60px;
	height:26px;
	cursor:pointer;}
.tableau_couleur_inactif{
	width:16px;
	height:16px;
	cursor:pointer;
	border: 1px solid black;}
.case_couleur_inactif{border:none;}
.case_couleur_actif{border:3px double #000000;}
.moins_12_couleurs{margin-left:10px;}
#scroll_flex,#scroll_couleur,#scroll_blanc{
	width:405px;
	overflow:hidden;}
/* Mise en page choix du type de marquage */
#fond_texte_impression{
	margin-top:8px;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-color:#0065CE;
	color:white;}
#fond_couleur_impression{
	height: 85px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	margin-top:2px;
	border:1px solid #0065CE;}
.tableau_impression_actif,.tableau_impression_inactif{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:10px;
	text-align:center;
	cursor:pointer;
	width:130px;
	height:14px;
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-weight:bold;
}
.tableau_impression_actif{background-color:#C0CCEC;}
.tableau_impression_inactif{background-color:#0065CE;}
#recap_marquage {
	margin-left: 22px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
/* Mise en page images positions impression */
.fond_texte_choix_impression{
	clear:both;
	margin-top:8px;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-color:#0065CE;
	color:white;}
#infoPosition{

	left:40%;
	top:40%;
	display:none;}
#nbFaces{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;}
.info{
	text-align:right;
	cursor:help;}
#positionImpression{margin-top:10px;}
#positionImpression img{border-color:white;}
.cellule_position_invisible{display:none;}
.cellule_position_visible{
	display:block;
	float:left;
	height:70px;
	cursor:pointer;}
.ligne_image{
	border:1px solid #0065CE;
	background-color:white;
	margin-top:2px;
	text-align:center;
	padding-top:2px;}
.ligne_image_cache{display:none;}
.face{float:left;}
.face_cache{display:none;}
.nom_face{text-align:center;}
.position{clear:both;}
.nom_face{clear:both;}
.fenetreInfo{
  border:1px solid gray;
  clear:both;
  padding:2px;
  width:300px;
  background-color:#F3F3F3;
  z-index:1000;
  display:none;}
.fenetreInfoTitre{

	cursor:move;
    width:300px;
    background-color:#EAEAEA;
    height:18px;}
.fenetreInfoTitre1,.fenetreInfoTitre12 {
    float:left;
    text-align:center;
    font-size:14px;
    font-weight:bold;}
.fenetreInfoTitre1{width:150px;}
.fenetreInfoTitre12{width:280px;}
.fenetreInfo h3{
	font-size:12px;
	text-align:center;
	clear:both;
	vertical-align:bottom;}
#sousTitre{
	font-size:12px;
	text-align:center;
	clear:both;
	font-weight:bold;
	margin-top:10px;}
.fenetreInfoTitre1 h2{
	font-size:14px;
	text-align:center;
	width:280px;
	vertical-align:top;}
.fenetreInfoTitre2{
	float:left;
	width:130px;}
.fenetreInfoClose{text-align:right;}
.fenetreInfoClose img{
	text-align:right;
	vertical-align:top;}
.fenetreInfoTitre2 img{
	vertical-align:middle;
	text-align:center;}
.fenetreInfoTitre3 img{
	text-align:right;
	vertical-align:top;}
.fenetreInfoTitre3{text-align:right;}
.separateur{
	clear:both;
	background-color:#999999;
	height:3px;
	width:300px;}
.fenetreInfoPhoto{
	float:left;
	background-color:#CCCCCC;
	width:150px;
	text-align:center;
	padding-bottom:3px;
	padding-top:4px;}
.fenetreInfoPhoto img{width:140px;}
.fenetreInfoData1{
	font-size:0.7em;
	background-color:#FFFBFF;}
.fenetreInfoData1 span{
	font-weight:bold;
	padding-left:5px;}
.fenetreInfoData2{
	font-size:0.7em;
	background-color:#F3F3F3;}
.fenetreInfoData2 span{
	font-weight:bold;
	padding-left:5px;}
.center{text-align:center;}
#input_cache{display:none;}
input{
	width:25px;
	font-size:10px;}
/* //////////////////// Mise en page du choix des couleurs flex ////////////////////// */
#couleur_flex{
	background-color:transparent;
	display:none;

	z-index:1000;
	top:400px;
	left:400px;
	border:0px;}
#click_couleur_flex{
	background-color:white;
	height:33px;
	width:156px;
	float:left;
	margin-left:17px;
	display: none;}
#couleur_flex_texte{
	height:10px;
	width:265px;
	}
#couleur_flex_input{
	background-image:url("../images/nuancier-palette.jpg");
	background-repeat:no-repeat;
	height:266px;
	z-index:-1;
	width:264px;}

#lightbox {
	z-index:99;
}

#choix_couleur_flex{display:none;}
.afficher_couleur_flex_cache{display:none;}
.afficher_couleur_flex_visible{	display:block;}
#bouton_submit{text-align:center;}
.bouton_submit {
	font-weight:bold;
	cursor:pointer;
	color:white;
	background-color:#0653a1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:50px;
	margin-top:5px;}