/* mise en page */

/* cadres et fonds de cadres */

#td_contenu{
	margin:0;
	padding:0;
	padding-bottom:10px;

}
#contenu{
	width:auto;
	height:auto;
	padding:0px;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-top:20px;

}
.promomodu {
	border-color: #FFFFFF #FFFFFF #0099FF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.promomodudashed {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0099FF;
	margin-top:10px;
	margin-bottom:2px;
}

.separ_rubriq{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0099FF;
}
	
.bordbleubas {
	border-color: #FFFFFF #FFFFFF #0099FF #FFFFFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding:0;
	margin:0;
}

.bordhaut_index {
	border-top-width: 1px;
	padding:0;
	margin:0;
	border-top-style: solid;
	border-top-color: #0099FF;
	margin-top:7px;
	padding-top:5px;
	width:96%; 
	margin-left:auto; 
	margin-right:auto;
}

.cadre_stick_perso{
	border : 2px solid #007CD9;
}

.fond_comment{
	background-color:#EEEEEE;
	text-align:justify;
}

.afil{
	border: 1px dashed #003366;
	background-color:#93A8BD;
}

.bord_poch{
	border: 1px outset #FFFFFF;
}

.cadre_quickt{
	border: 2px outset #AAAAAA;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:240px;
}

.cadre_real{
	border: 2px outset #AAAAAA;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:350px;
}

.cadre_tshirt{
	border: 1px dashed #007CD9;
}

#logo{
	display : none;
	background-color : #FFFFDD;
	width : 785px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
}

.tablobordgauche {
	border-color: #FFFFFF #FFFFFF #FFFFFF #0099FF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.tabloborddroit {
	border-right-color: #0099FF;
	border-right-style: solid;
	border-right-width: 1px;
}


.bottom_dashed{
	margin-top: 2px; 
	border-bottom : 1px dashed #0099FF;
}

.separ_faq{
	background-image: url(/imageprod11/defaut/ligne_faq.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:10px;
	margin-bottom:10px;
}

#cadre_temoignage{
	position:absolute;
	width:64px;
	height:93px;
	z-index:2;
	
}
.photo_temoignage{
border: 1px solid #7F98B2;
}
.fond_temoignage{
	background-image:url(/imageprod11/defaut/fond_temoignage_index.jpg);
	background-repeat:no-repeat;
}

.fond_pbcommand{
	background-image:url(/imageprod11/defaut/fond_hotline.jpg);
	background-repeat:no-repeat;

}
/* mixtes (texte + cadre) - boutons */
.divtitre_accueil{
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 25px;
	margin-right : 0px;
}
.titre_accueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : italic;
	color: #003399;
	font-size:16px;
	margin:0px;
	padding-bottom:2px;
	padding-top:5px;
	border-bottom:1px solid #BBBBBB;
	background-image: url(/imageprod11/defaut/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 75px;
	margin-left:20px;
	margin-bottom:15px;
}
.divtitre_page{
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 15px;
	margin-right : 0px;
	text-align : left;
}
.titre_page{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : italic;
	color: #003399;
	font-size:13px;
	margin:0px;
	padding-bottom:2px;
	padding-top:2px;
	border-bottom:1px solid #BBBBBB;
	background-image: url(/imageprod11/defaut/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 75px;
	margin-left:20px;
	margin-bottom:15px;
}

.titre_part{
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : italic;
	color: #003399;
	font-size:16px;
	background-image: url(/imageprod11/defaut/expan.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;	
	border-bottom:1px solid #BBBBBB;
	padding-bottom:2px;
	padding-top:3px;

}

.champtexte { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366;
	text-decoration: none;
	font-size: 8pt;
	background-color: #EEEEEE;
	border: solid 1px #7F98B2;
	margin:0;
	padding:0;
}

.finition { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366;
	text-decoration: none;
	font-size: 8pt;
	background-color: #EEEEEE;
	border: solid 1px #7F98B2;
	margin:0;
	padding:0;
}
.divrubriquencadre_g{
	clear:left;
	width:0;
	height:0;
	display:none;
}

.rubriquencadre { 
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	padding:0;
	padding-top:3px;
	margin-left:10px;
}
.divrubriquencadre{
	width:898px;
	height:29px;
	background-image:url(/imageprod11/defaut/pres_rub_m.gif);
	background-repeat:repeat-x;
	background-position:center center;
	padding:0;
	margin:0;
}
.rubrique_index { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight:bold;
	background-color: #D8ED25;
	clear: right;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
	margin-top:2px;
	width:auto;
	height:17px;
	background-image:url(/imageprod11/defaut/rubrique_index_m.gif);
	background-repeat:repeat-x;
}

.boutongras { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #003366;
	border: 1px outset #003366;
	cursor: pointer;
}

.ongletlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #007CD9;
	border-color: #9999FF #9999FF black;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}

.boutonpanier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFF33;
	border: 1px outset #0000FF;
	background-color: #000099;
	cursor: pointer;
}

.fabriquer{
	background-color:#3333FF;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	margin:5px;
	padding:0;
}

.boutonflash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #D8ED25;
	background-color: #003366;
	cursor:pointer;
	border: 1px solid #7F98B2;
}

.boutonfin { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 8pt;
	text-align: center;
	background-color: #007CD9;
	border: 1px outset #007CD9;
	cursor: pointer;
	margin:0;
	padding:0;
}

.titre_art_recent { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 8pt;
	text-align: center;
	background-color: #007CD9;
	border: 1px outset #007CD9;
	margin:0;
	padding:0;
}

.fond_vdeo{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#7F98B2;
	text-align: center;
	color: #D8ED25;
	font-size: 13px;
	padding:1px;
}

.fond_pdf { 
	font-family: Arial, Helvetica, sans-serif;
	color: #D8ED25;
	font-size: 13px;
	text-align: center;
	background-color: #007CD9;
	padding:1px;
}
.fond_pdf_bottom {
	background-color: #EEEEEE;
	padding-top : 5px;
	padding-bottom : 5px;
	border-left : 1px dotted #007CD9;
	border-right : 1px dotted #007CD9;
	border-bottom : 1px dotted #007CD9;
}

.titre_affil{
	list-style-position: inside;
	list-style-image: url(/imageprod11/defaut/expan.gif);
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#003366;
	font-weight:bold;
	margin:0;
	padding:0;

}

.titre_affil ul{
	margin:0;
	padding:0;
}

.titre_affil li{
	margin:0;
	padding:0;
	vertical-align:middle;
}

.cadre_affil{
	background-color:#CCCCCC;
	border: 1px dashed #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 9pt;
	margin:7px;
	padding:0;

}

.titre_autocol{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 8pt;
	text-align: center;
	background-color: #007CD9;
	border: 1px outset #007CD9;
	margin:0;
	padding:0;
}

.texte_img_autocol{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 7pt;
}

.cadre_page_part{
	background-color:#0000AA;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	margin:7px;
	padding:0;
}

.durab_page_part{
	color:#FFFF66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	font-size: 9pt;
	margin:7px;
	padding:0;
}

.dragon_page_part{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 9pt;
	margin:7px;
	padding:0;
}

.attention { 
	border: solid 1px #7F98B2;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #003366;
	text-decoration: none;
	font-size: 8pt;
	background-color: #EEEEEE;
}

.attention_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #003366;
	border: 1px outset #003366;
	cursor: pointer;
}

.conseil{/* si besoin d'encadrer*/
	margin:0;
	padding:0;
	border: 1px outset #FFFFFF;
}

.conseil_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	font-size: 8pt;
	text-align: justify;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0099FF;
	padding-bottom : 3px;
	
}

.conseil_texte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 8pt;
	text-align: justify;
	background-color:#EEEEEE;
	padding:3px;
	margin-top:2px;
	font-weight:normal;
}

.tableau_produits{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #007CD9;
	border-color: #9999FF #9999FF black;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	text-align:center;
}

.cadre_img{
	border: 1px outset #FFFFFF;
}

.bloc{
	background-color:#CFD9E2;
	text-align:center;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 9pt;
	margin:7px;
	padding:7px;
}

.bloc a{
	text-align:center;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 9pt;
	margin:7px;
	padding:0;
}

.retour_faq{
	background-image: url(/imageprod11/defaut/retour.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 9pt;
	margin:7px;
	padding:0;
	text-transform: uppercase;	
}

.retour_faq a{
	color: #003399;
	text-decoration: none;
	padding-left:30px;
}
.info{/* si besoin de faire un care ou autre*/
	margin:0;
	padding:0;
}

.info_titre{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #003366;
	border: 1px outset #003366;
	cursor: pointer;
	padding:4px;
	margin:0;
}

.info_texte{
	background-color:#EEEEEE;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 9pt;
	margin:0;
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:4px;
}

.info_texte ol{
	margin:0;
	padding:0;
}

.cadre_rub_vinyle{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 0 6px;
	background-color: #D8ED25;
	padding: 0 0 0 10px;
	border-color:#007cd9;
	border-style:solid;
	border-width:1px;
	color:#003366;
}
/* virer qd page sera fixée*/
.nouveaute{
	background-color:#D8ED25;
	padding:4px;

}

.nouveaute_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 12pt;
	margin:7px;
	font-weight:bold;
}
/* fin virer*/

.vert_colonne{
	background-image:url(/imageprod11/defaut/fond_colonne_verte.gif);
	background-repeat:no-repeat;
	padding:2px;
	padding-top:4px;

}

.vert_colonne_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 12pt;
	margin:0;
	font-weight:bold;
}

.tab_vert{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 12px;
	margin:2px;
	padding:0;

}

.team{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding:3px;
	}

.bleu_colonne{
	background-color:#007CD9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	background-color: #007CD9;
	cursor: pointer;
	margin:0;
	padding:2px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:4px;
}
.bleu_colonne a{
text-decoration:none;
color: #FFFFFF;
}

.bleu_colonne_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D8ED25;
	text-decoration: none;
	font-size: 18px;
	font-weight:bold;
	margin-bottom:6px;
	padding-bottom:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}
.bleu_colonne_lien{
	font-size: 14px;
	color: #D8ED25;
	padding-top:3px;
	margin-top:4px;
}
	
/*  conteneurs  */
.divecarttemp {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	padding-left : 20px;
}

.imggc {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: #FFFFFF;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.imgdt {
	float: right;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 8px;
	border: #FFFFFF;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.imgdt_ss_cadre{
	float:right;
	margin:20px;
}

.imggc_ss_cadre{
	float:left;
	margin:20px;
	
}

/* Styles de l'assistante avec les menu déroulant dans catalogue.asp  et resultatrecherche*/

#assistantegd{
	display : none;
	position : absolute;
	top: 0px;
	left : 0px;
	border : 1px solid #003366;
	background-color : #FFFFFF;
	z-index : 200;
}
.assistante_question{
	text-align : left;
	width : 600px;
	text-decoration : underline;
	overflow:hidden;
	cursor:pointer;
}
.assistante_answer{
	text-align : justify;
	border:1px outset #003366;
	padding : 2px;
	background-color : #FFFFCC;
	height:0px;
	overflow:hidden;
	position:relative;
	visibility:hidden;
}
.assistante_answer_content{
	padding:1px;	
	position:relative;
}

.cadre_photo{
	background-color:#CCCCCC;
	padding:5px;
}

/*integrez vos visuels*/

#illustr_integ{
	width:600px;
	height:240px;
	margin-left:auto;
	margin-right:auto;

}
#illustr_g{
	float:left;
	width:220px;
}
#text_illust{
	float:left;
	width:auto;
	padding-top:15px;
}
.img_illust{
	float:left;
	vertical-align:middle;
	width:75px;
	text-align:center;
}
.text_avantages{
	padding-top:12px;
	font-weight:bold;
	color:#003366;
}
.avantage{
	height:45px;
	background-image:url(/imageprod11/defaut/puce_integ.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:15px;
	vertical-align:middle;
	margin-bottom:13px;
	margin-left:5px;
}
.intro_integ{
	font-style:italic;
	color:#003366;
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;

}