body{
	background-color:#16b2c0;
	background-image:url(http://www.dcminteractive.com/images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0px;
	margin:0px;
	font-family:Trebuchet Ms,sans-serif;
	font-size:13px;
	color:#ffffff;
}
form{
	padding:0px;
	margin:0px;
}
.div_clear{
	clear:both;
	height:0px; 
	width:0px;
}
input, textarea, select{
	font-family:Trebuchet Ms,sans-serif;
	font-size:13px;
}
.lien_jaune, .lien_jaune_boxed{
	color:#E8E80A;
	text-decoration:none;
}
.lien_jaune :hover, .lien_jaune_boxed :hover{
	text-decoration:underline;
}
.texte_jaune{
	color:#E8E80A;
}
.lien_blanc{
	color:#FFFFFF;
	text-decoration:none;
}
.titre_blanc{
	color:#FFFFFF;
	font-size:18px;
}
#lien_plaquette{
	width:132px; 
	text-align:center; 
	line-height:15px; 
	margin-bottom:2px;
}
#conteneur{
	position:relative;
	left:50%;
	margin-left:-393px;
	width:786px;
}
h1{
	font-family:Trebuchet Ms,sans-serif;
	font-size:22px;
	color:#E8E80A;	
	margin:0px;
	padding:0px;
	display:inline;
}
h1 span{
	font-size:19px;
	color:#08F0FC;		
}
h2{
	font-family:Trebuchet Ms,sans-serif;
	font-size:15px;
	color:#E8E80A;	
	margin:0px;
	padding:0px;
	display:inline;
}
h3{
	font-family:Trebuchet Ms,sans-serif;
	font-size:13px;
	color:#08F0FC;	
	margin:0px;
	padding:0px;
	display:inline;
}
h3 a{
	font-family:Trebuchet Ms,sans-serif;
	font-size:13px;
	color:#08F0FC;		
	text-decoration:none;
}
h3 a:hover{
	color:#E8E80A;		
	text-decoration:none;
}
h4, h4 a{
	font-family:Trebuchet Ms,sans-serif;
	font-size:14px;
	color:#0C6468;	
	margin:0px;
	padding:0px;
	display:inline;
	text-decoration:none;
}
h5{
	font-family:Trebuchet Ms,sans-serif;
	font-size:15px;
	color:#08F0FC;	
	margin:0px;
	padding:0px;
	display:inline;
}
/* ------------------------------------- STYLES HEADER */
#header{
	position:relative;
	top:0px;
	width:100%;
	height:166px;	
}
#logo{
	position:absolute;
	top:8px;
}
#accroche_logo a{
	position:absolute;
	top:82px;
	font-size:13px;
	padding-left:-2px;
	letter-spacing:6px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#accroche_revendeurs{
	position:absolute;
	left:304px;
	top:74px;
	width:360px;
	height:50px;
	z-index:0;
}
#accroche_revendeurs a{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#E8E80A;
	text-decoration:none;
}
#flash_header{
	position:absolute;
	right:0px;
	top:17px;
	z-index:0;
}
#accroche{
	position:absolute;
	left:290px;
	top:14px;
	width:360px;
	height:50px;
	z-index:0;
	font-size:20px;
	letter-spacing:4px;
	font-family:Arial, Helvetica, sans-serif;
}

/* ------------------------------------- STYLES MENU */
#menu{
	position:relative;
	width:100%;
	height:50px;
	background-image:url(http://www.dcminteractive.com/images/bg_menu.jpg);
}
#gauche_menu{
	position:absolute;
	left:0px;
}
#droite_menu{
	position:absolute;
	right:0px;
}
#liste_menu{
	list-style-type:none;
	padding:0px;
	margin:0px;
	position:absolute;
	left:9px;
	height:50px;
}
#liste_menu li{
	float:left;
	height:50px;
}
#liste_menu li a{	
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:1px;
	font-family:Trebuchet Ms,sans-serif;
}
#liste_menu li a:hover{	
	color:#E8E80A;
	text-decoration:none;
}
.menu_on{
	background-image:url(http://www.dcminteractive.com/images/bg_menu_on.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#E8E80A;	
}

#liste_menu .menu_on a{
	color:#E8E80A;
}

/* ------------------------------------- BARRE VOUS ETES */
#barre_vs_etes{
	position:relative;
	width:100%;
	height:29px;
}
#puce{
	position:absolute;
	left:0px;
	width:40px;
}
#page{
	position:absolute;
	left:40px;
}

/* ------------------------------------- ANIM ACCUEIL */
#bloc_anim_accueil{
	width:100%;
	height:345px;
	margin-top:14px;
}
#haut_anim_accueil{
	position:relative;
	top:0px;
}
#bas_anim_accueil{
	position:relative;
	bottom:0px;
}
#anim_accueil{
	position:relative;
	height:329px;
	width:100%;
	background-image:url(http://www.dcminteractive.com/images/accueil/fond_anim.gif);
	background-repeat:repeat-y;
}
#flash_menu{
	position:relative;
	left:13px;
}
#bloc_anim_accueil_comm{
	position:absolute;
	height:50px;
	bottom:0px;
}
#bg_anim_accueil_comm{
	position:absolute;
	height:50px;	
	background-color:#000000;
	bottom:4px;
	left:13px;
	width:760px;
    filter : alpha(opacity=30);
    -moz-opacity : 0.3;
    opacity : 0.3; 	
	z-index:3;
}
#anim_accueil_comm{
	position:absolute;
	height:50px;
	top:2px;	
	left:20px;
	width:740px;
	z-index:4;	
	overflow:hidden;
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	line-height:18px;
}

/* ------------------------------------- BLOC PRODUITS SOLUTIONS */
#bloc_produits_solutions{
	margin-top:16px;
	width:100%;
}
#produits_solutions{
	background-image:url(http://www.dcminteractive.com/images/accueil/bloc_produits_solutions/bg_bloc.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding:0px 8px 0px 8px;
	text-align:justify;
}

/* ------------------------------------- BLOC ACTU */
#bloc_actualites{
	margin-top:24px;
}
#entete_actualites{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:40px;
}
#entete_actualites li{
	float:left;
}
#liste_actus{
	margin-top:6px;
	clear:both;
	border:0px solid #ff0000;
	padding:0px 6px 0px 6px;
}
.actu{
	margin-bottom:12px;
	font-family:Trebuchet Ms,sans-serif;
}
.titre_actu{	
	color:#08F0FC;
	text-decoration:none;
	letter-spacing:1px;	
	font-style:italic;	
	font-size:14px;
}
.resume_actu{
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:1px;
}
.lien_actu a{
	color:#E8E80A;
	font-size:12px;
	text-decoration:none;
}
.lien_actu a:hover{
	color:#0C6468;
}
#toutes_actus{
	text-align:right;
}
#toutes_actus a{
	color:#E8E80A;
	font-size:13px;
	text-decoration:none;
}
#toutes_actus a:hover{
	color:#0C6468;
}

/* ------------------------------------- BLOC PRODUIT DU MOMENT */
#bloc_produit_moment{
	margin-top:16px;
	width:100%;
}
#produit_moment{
	background-image:url(http://www.dcminteractive.com/images/accueil/bloc_produit_moment/bg_boite.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding:0px 8px 0px 8px;	
	text-align:justify;
}
#visuel_produit{
	padding-right:26px;
	vertical-align:top;
}
#infos_produit{
	font-size:14px;
}
#descriptif_produit{
	height:100px;
	width:590px;
}
#titre_produit, #titre_produit a{
	margin-bottom:12px;
	font-size:22px;
	color:#E8E80A;
	text-decoration:none;
}
#prix_produit{
	margin-top:12px;
	font-size:22px;
}
#contenu_lien_produit{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:40px;
}
#contenu_lien_produit li{
	color:#E8E80A;
	font-size:13px;
	text-decoration:none;
	padding-right:8px;
	float:right;
	cursor:pointer;
}
#lien_decouvrir a{
	color:#E8E80A;
	font-size:13px;
	text-decoration:none;
}
#lien_decouvrir a:hover{
	color:#0C6468;
}

/* ------------------------------------- PLAQUETTE */
#plaquette{
	padding-left:330px;
	margin-top:12px;
}

/* ------------------------------------- FOOTER */
#footer{
	background-image:url(http://www.dcminteractive.com/images/footer/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:46px;
	text-align:center;
	padding-top:14px;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#000000;
	text-decoration:none;
}

/* ------------------------------------- QUI SOMMES NOUS */
#bloc_qui_sommes_nous1{
	margin-top:12px;
	margin-left:6px;
}
#description_qui_sommes_nous{
	width:585px;
	float:left;
	margin-right:20px;
	text-align:justify;
}
#notre_equipe{
	
}

#bloc_schema{
	position:relative;
	height:206px;
	margin-top:18px;
}
#schema{
	width:250px;
	position:absolute;
}
#commentaire_schema{
	position:absolute;
	left:250px;
	width:520px;
	font-size:24px;
	color:#08F0FC;
	line-height:32px;
	letter-spacing:2px;
}
#description_qui_sommes_nous2{
	margin-top:18px;
	margin-left:6px;
	text-align:justify;
}
#bloc_articles{
	margin-top:18px;
}
#haut_bloc_articles{
}
#titre_bloc_articles{
	height:30px;
	width:779px;
	padding-left:6px;
	font-size:20px;
	background-image:url(http://www.dcminteractive.com/images/qui-sommes-nous/bg_entete_articles.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#085a60;
}
#defilant_articles{
	height:138px;
	background-image:url(http://www.dcminteractive.com/images/qui-sommes-nous/bg_bloc_articles.jpg);
	width:785px;
}
#fleche_gauche_articles{
	position:absolute;
	left:0px;
}
#fleche_droite_articles{
	position:absolute;
	right:1px;
}
#scroll_articles{
	position:absolute;
	left:48px;
	width:690px;
	height:138px;
}
div#conteneur_scroll_articles{ 
	position:relative; 
	width:690px; 
	height:130px; 
	overflow:hidden;	
}
.tab_glidescroll{
	width:230px;
}
.infos_articles{
	 width:100%;
	 padding-left:6px;
	 line-height:22px;
}

/* ------------------------------------- FAQ-Supports */
#bloc_faq_supports{
	margin-top:12px;
	margin-left:6px;
}

/* ------------------------------------- Modalites */
#bloc_modalites{
	margin-top:12px;
	margin-left:6px;
	height:400px;
}
#bloc_realisation{
	margin-top:12px;
	margin-left:6px;
	height:500px;
}

/* ------------------------------------- FAQ */
.boite_faq{
	margin-top:12px;
	margin-left:6px;
}

.entete_faq{
	height:30px;
	width:779px;
	padding-left:6px;
	font-size:20px;
	background-image:url(http://www.dcminteractive.com/images/qui-sommes-nous/bg_entete_articles.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#085a60;
}

.contenu_faq{
	background-image:url(http://www.dcminteractive.com/images/faq/bg_boite.jpg);
	background-repeat:repeat-x;
	background-color:#16b2bf;
	width:773px;
	padding:6px;
}
.contenu_faq a{
	color:#FFFFFF;
	text-decoration:none;
}
.contenu_faq a:hover{
	color:#E8E80A;
	text-decoration:none;
}
.question{
	
}
.reponse{
	font-style:italic;
	color:#CCCCCC;
}

/* ------------------------------------- Contact */
#bloc_contact{
	margin-top:12px;
	margin-left:6px;
}
#bloc_revendeurs{
	position:relative;
	width:772px;
	height:131px;
	background-image:url(http://www.dcminteractive.com/images/contact/bg_revendeurs.jpg);
	background-repeat:no-repeat;
}
#titre_revendeurs a{
	position:absolute;
	left:18px;
	top:4px;
	color:#FFBC00;
	font-size:24px;
	text-decoration:none;
}
#texte_revendeurs{
	position:absolute;
	left:18px;
	top:41px;
	color:#FFFFFF;
	font-size:18px;
	width:540px;
	text-align:justify;
	line-height:21px;
}
#lien_revendeurs{
	position:absolute;
	left:584px;
	width:187px;
	height:130px;
}
#bloc_formulaire_contact{
	position:relative;
	margin-top:12px;
	margin-left:6px;
	font-size:14px;
}
#colonne_gauche_formulaire_contact{
	left:0px;
	width:375px;
	float:left;
}
.champ_formulaire_contact{
	border:1px solid #08f0fc;
	width:218px;
	padding:0px 2px 0px 2px;
}
#bloc_formulaire_contact span{
	color:#FF0000;
}
#coordonnees_contact{
	font-size:15px;
}
#coordonnees_contact a{
	color:#ffffff;
	text-decoration:none;
}
#coordonnees_contact a:hover{
	text-decoration:underline;
}
#coordonnees_dcm{
	color:#0C6468;
	font-size:13px;
}
#colonne_droite_formulaire_contact{
	float:right;
	width:390px;
	margin-right:6px;
}
#legende_contact{
	color:#E8E80A;
	font-size:13px;	
}
#legende_contact span{
	color:#ff0000;
}

/* ------------------------------------- Plan du site */
#bloc_plan{
	margin-top:12px;
	margin-left:6px;
}
#liste_plan{
	list-style-type:none;
}
#liste_plan a{
	color:#FFFFFF;
	text-decoration:none;	
}
#liste_plan a:hover{
	color:#E8E80A;
	text-decoration:none;	
}

/* ------------------------------------- Fiche produit */
#bloc_fiche_produit{
	margin-top:12px;
	margin-left:6px;
}
#col_gauche_fiche_produit{
	float:left;
	width:180px;
}
#col_droite_fiche_produit{
	float:right;
	width:590px;
}
#liste_menu_produits{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#liste_menu_produits li{
	padding-bottom:4px;
	padding-top:1px;
}
.ssmenu_on{
	background-image:url(http://www.dcminteractive.com/images/produits/bg_menu.gif);
	background-position:left top;
	background-repeat:no-repeat;	
}

#liste_menu_produits li a{
	margin-left:6px;
	color:#E8E80A;
	font-size:14px;
	text-decoration:none;
}
#liste_menu_produits li a:hover{
	color:#ffffff;
}
#descriptif_totem{
	float:left;
	width:430px;
	text-align:justify;
}
#descriptif_totem a{
	color:#ffffff;
	text-decoration:underline;
}
#descriptif_totem h2{
	text-align:left;
}
#descriptif_totem span{
	font-size:20px;
	color:#ff0000;
}
#photo_totem{
	float:right;
}
#descriptif_totem2{
	float:left;
	width:300px;
	text-align:justify;
}
#descriptif_totem2 a{
	color:#ffffff;
	text-decoration:underline;
}
#descriptif_totem2 h2{
	text-align:left;
}
#descriptif_totem2 span{
	font-size:20px;
	color:#ff0000;
}
#photo_totem2{
	float:right;
}
#haut_exemples{
	margin-top:12px;
}
#exemples{
	background-image:url(http://www.dcminteractive.com/images/produits/bg_exemples.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#16b2c0;
	color:#FFFFFF;
	font-size:16px;
	padding:0px 6px 6px 6px;
}
#ils_ont_fait_confiance{
	margin-top:12px;
	margin-bottom:12px;
	font-size:14px;
}
.legende_tab{
	color:#ffffff;
	font-size:13px;
}
#ils_ont_fait_confiance a{
	color:#FFFFFF;
	text-decoration:underline;
}
#ils_ont_fait_confiance a:hover{
	color:#E8E80A;
}

/* ------------------------------------- Fiche solution */
#descriptif_solution{
	text-align:justify;
}
#descriptif_solution a{
	color:#ffffff;
	text-decoration:underline;
}
#descriptif_solution a:hover{
	color:#E8E80A;
}
