/*||||||||||||||||||*/
/*| www.dp-cad.com |*/
/*|||||| V6.5w |||||*/
/*||||||||||||||||||*/

/* Suppression des marges de tout le document */
* {
	margin: 0;
	padding: 0;
}

/* Définition des attributs placés entre les balises body */
body {
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*----------*/
/*- ENTETE -*/
/*----------*/

/* Positionnement du div #entete contenant le logo DP Tech et le menu */
#entete {
	position: relative;
	width:850px;
	height:106px;
	background-color: #000000;
	top: 0%;
	margin-left: auto;
	margin-right: auto;
}

/* Propriétés de img #logo */
#logo {
	width: 200px;
	height:106px;
	border: none;
	margin-left: 51px;
}

#telephone {
	position: absolute;
	color: white;
	left: 0%;
	bottom: 8%;
	margin-left: 260px;
	font-weight: bold;
}

/* Positionnement du ul #menu */
#menu {
	position: absolute;
	bottom: 8%;
	right: 6%;
}

/* Positionnement du li .rubrique */
.rubrique {
	display: inline;
	font-weight: bold;
	color: white;
}

.rubrique a:hover {
	color: #FFFFFF;
}

/*----------------*/
/*- BANDEAU NOIR -*/
/*----------------*/

/*Positionnement du bandeau noir*/
#bandeaunoir {
	/*position: relative;*/
	width: 850px;
	height: 10px;
	background-color: #000000;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;

}

/*-----------*/
/*- CONTENU -*/
/*-----------*/

/*positionnement du cadre principal*/
#contenu {
	/*position: relative;*/
	width: 850px;
	/*height: 813px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding-bottom: 25px;/* RETIRER LA HAUTEUR ET LE BLOC SE CALERA A 25px DU DERNIER ELEMENT*/
	overflow: auto;
}

/*---------*/
/*- FLASH -*/
/*---------*/

/*Positionnement du menu flash*/
/*#flash {
	position: relative;
	text-align: center;
	margin: 1%;
}*/

/*-------------*/
/*- ACTUALITE -*/
/*-------------*/

/*Positionnement du bloc actualité*/
#actu {
	position: relative;
	float: left;
	width: 498px;
	/*height: 428px;*/
	padding-bottom: 15px;
	background-color: #ffffff;
	border-right: 2px solid #999999;
	left: 6%;
	top: 0%;
	font-size: 12px;
	color: #000000; /*GRIS = #333333*/
}

/*Positionnement du bloc actualité*/
#actu2 {
	position: relative;
	float: left;
	width: 498px;
	/*height: 428px;*/
	padding-bottom: 15px;
	background-color: #ffffff;
	/*border: 2px solid blue;*/
	left: 6%;
	top: 0%;
	font-size: 12px;
	color: #000000; /*GRIS = #333333*/
}

/*Définition du style de paragraphe texteactu (paragraphe actualités)*/
.texteactu {
	margin-bottom: 15px;
	margin-right: 15px;
}


/*--------------*/
/*- RACCOURCIS -*/
/*--------------*/

/*Positionnement des raccourcis en flash*/
#raccourcis {
	position: relative;
	display: table;
	width: 244px;
	/*height: 177px;*/
	float: right;
	right: 6%;
	background-color: #ffffff;
	/*border-bottom: 2px solid #999999;*/
	/*--------*/
	/*position: relative;*/
	/*display: table;
	width: 244px;
	height: 177px;
	float: right;
	margin-right: 6%;
	background-color: #ffffff;
	border-bottom: 2px solid #999999;*/
}

.vertical {
	display: table-cell;
	/*vertical-align: bottom;*/
	height: 100%;
	vertical-align: middle;
	text-align: center;
	line-height:12px;
}

/*---------*/
/*- VIDEO -*/
/*---------*/

/*Positionnement du bloc video*/
#video {
	position: relative;
	/*text-align: center;*/
	width: 244px;
	/*height: 245px;*/
	padding-bottom: 15px;
	background-color: #ffffff;
	float: right;
	top: 6px;
	right: 6%;
}


/*-------------*/
/*- COPYRIGHT -*/
/*-------------*/

/*Positionnement du bloc copyright*/
.copy {
	position: relative;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	top: 3px;
	width: 850px;
	height: 44px;
	background-color: #000000;
	color: #999999;
	font-size: 10px;
}


/*-------------------*/
/* STYLES DES TEXTES */
/*-------------------*/

/*Premier titre de la page*/
h1 {
	font-size: 15px;
	font-weight: bold;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-top: 24px;
}

/*Deuxième titre de la page*/
h2 {
	font-size: 12px;
	/*padding: 10px;*/
	/*margin-top: 15px;*/
	/*margin-bottom: 15px;*/
	text-align: left;
}

/*Définition des styles de paragraphe par défaut*/
p {
	text-align: justify;
}


/*------------------*/
/* STYLES DES LIENS */
/*------------------*/

/*Style du lien en temps normal*/
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

/*Style du lien visité*/
a:visited {
	text-decoration: none;
	color: #999999;
}

/*Style du lien survolé*/
a:hover {
	color: #000000;
}

/*Style du lien visité précédemment*/
a:active {
	color: #666666;
}

/*Bordure des images comprenant un lien*/
a img {
	border:  none ;
	margin: 0;
	padding: 0;
}

/*------------*/
/* FORMULAIRE */
/*------------*/

/*Définition du fomulaire*/
/*form {*/
#formulaire {
	width: 498px;
	padding: 0px 0px;
}

/*Intitulé des champs de saisie*/
/*label {*/
.intitule {
	float: left;
	text-align: justify;
	width: 100px;
}

.objet {
	float: left;
	width: 10px;
	margin-right: 5px;
}

.champshotline {
	float: left;
	text-align: justify;
	width: 330px;
}

.saisiehotline {
	width: 140px;
}

#pbmhotline {
	float: left;
	text-align: justify;
	width: 150px;
}


.objethotline {
	float: left;
	text-align: justify;
	width: 80px;
}

#objeteloge {
	width: 10px;
	float: left;
	margin-left: 10px;
	margin-right: 5px;	
}


/*Définition des champs de saisie*/
/*input, #formulaire select {*/
.saisie {
	width: 200px;
}

/*Paragraphe contenant les intitulés et les champs de saisie*/
.centrerformulaire {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	clear: left;
	/*border: 1px solid blue;*/
}


/*Case à cocher*/
#contacter2 {
	float: left;
	margin-right: 18px;
	margin-left:70px;
	width: 10px;
}

/*Intitulé de la case à cocher*/
#contact {
	float: left;
	margin-left: 15px;
	/*width: 383px;*/
	width: 200px;
}


/*Bouton effacer*/
#reset {
	float: left;
	width: 75px;
	margin-left: 100px;
	margin-right: 50px;
	cursor: pointer;
	/*height: 20px;
	font-size: 0px;
	background-image: url("Images/boutons/Formulaire.png"); Image à la place du bouton ! */ 
}

/*Bouton envoyer*/
#submit {
	width: 75px;
	/*background-image: url("Images/boutons/Formulaire.png");
	cursor: pointer;
	height: 20px;
	font-size: 0px;*/
}

/*Paragraphe contenant les boutons effacer et envoyer*/
#boutonformulaire {
	clear: both;
	padding-top: 30px;
	text-align: justify;
}


/*-------------------------*/
/*- DESCRIPTIF DU PRODUIT -*/
/*-------------------------*/

/*Balise UL: liste de donnée de présentation du produit*/
#listeactu {
	list-style-type: none;
	text-align: left;
	color: black;
}

/*Balise LI: Définition des puces et texte de présentation du produit*/
.puceactu {
	background-image: url("Images/logos dptech/coche.gif");
	background-repeat: no-repeat;
	padding-left: 25px;
	/*padding-bottom: 15px;*/
	margin-right: 15px;
	margin-top: 15px;
}

/*-------------------*/
/*- CAPTURE D'ECRAN -*/
/*-------------------*/

/*Balise UL: liste de donnée des copies d'écran*/
#imagelegende {
	/*text-align: center;*/
}

/*Image alignée à gauche*/
#agauche {
	margin-top:15px;
	list-style-type: none;
	float: left;
	width: 200px;
}

/*Image alignée à droite*/
#adroite {
	margin-top:15px;
	margin-right: 15px;
	list-style-type: none;
	float: right;
	width: 200px;
}


/*-----------------*/
/*- IMAGE PRODUIT -*/
/*-----------------*/

.image3 {
	/*display: block;*/
	margin-top: 27px;
	/*margin-right: auto;
	margin-left: auto;*/
	/*height: 54px;*/
}

.image4 {
	margin-top: 10px;
}

/*Images de la page téléchargement*/
.telechargement {
	/*display: block;*/
	margin: 0;
	padding: 0;
	text-align: center;
}

.margegauche {
	padding-left: 50px;
}

.margehaute {
	margin-top: 50px;
}

/*Images de la page téléchargement*/
.telechargement2 {
	/*display: block;*/
	float:left;
	/*width:300px;*/
	margin: 0;
	padding: 0;
	text-align: left;
	margin-left: 6px;
}



/*------------------Test page telechargement----------------------*/


/*Conteneur galerie au lieu de actu*/
#didacticiel {
	position: relative;
	width:749px;
	/*height:827px;*/
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	text-align: center;
	overflow: auto; /*Permet d'activer les marges*/
}

/*Positionnement des images*/
.gal ul {
	list-style: none;
	width: 749px;
	line-height: 0;
}

.gal li {
	/*float: left;*/ /*display: inline pour centrer les élements + text-align: center dans le conteneur didacticiel*/
	display: inline;
	list-style-type: none;
	/*margin-left: 10px;*/
	/*margin: 8px;*/
	/*margin: 8px; pour galerie interieur*/
	float: left;
	/*border: 2px solid blue;*/
}

.centrer {
margin-left: 50px;
margin-top: 10px;
}

.espacer {
margin-top: 40px;
}


.milieu {
	text-align: center;
	background-color: #C0C0C0;/*#DDDDDD Couleur gris clair*/
	width: 749px;
}

.liste2 {
	float: left;
	width: 350px;
	margin-right: 45px;
}

/*Balise UL: liste de donnée des copies d'écran*/
.liste {
	/*text-align: center;*/
	width: 350px;
	float: left;
}

/*Image alignée à gauche*/
.gauche {
	list-style-type: none;
	background-image: url("Images/logos dptech/coche.gif");
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 325px;
	text-align: justify;
	margin-bottom: 15px;
}

/*Image alignée à droite*/
.droite {
	list-style-type: none;
	background-image: url("Images/logos dptech/coche.gif");
	background-repeat: no-repeat;
	padding-left: 25px;
	width: 325px;
	text-align: justify;
}

.libre {
	clear: both;
	padding-top: 20px;
}

.essai {
	clear: both;
	width: 400px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 10px;
	/*border-color: #FFFFFF;*/
	border: 0;
}

/*Image alignée à gauche*/
.listeg {
	list-style-type: none;
	float: left;
	width: 200px;
	border: 1px solid blue;
}

/*Image alignée à droite*/
.listed {
	margin-right: 15px;
	list-style-type: none;
	float: right;
	width: 200px;
}

.configmini {
	float: left;
	width: 220px;
	padding-left: 15px;
}

.configreco {
	float: right;
	margin-right: 15px;
	width: 220px;
	padding-left: 15px;
}

.menuraccourci {
	width: 226px;
	/*height: 120px;*/
	background-color: #BBBBBB;
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 6px;
}

#titreraccourci {
	/*font-weight: bold;*/
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	color: #1A1A1A;
}

.rubriqueraccourci {
	/*background-color: #DDDDDD;
	width: 226px;
	height: 20px;
	border-top: 1px solid #999999;
	font-size: 10px;
	font-family: Verdana;
	line-height: 20px;
	vertical-align: middle;*/
	/*background-image: url("http://www.dp-cad.com/Images/boutons/raccourcis4.png");
	background-repeat: no-repeat;
	background-position: 95%;*/
}

.rubriqueraccourci a {
	display: block;
	border-top: 1px solid #999999;
	background-color: #DDDDDD;
	width: 206px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	vertical-align: middle;
	color: #000000;
	background-image: url("http://www.dp-cad.com/Images/boutons/raccourcis4.png");
	background-repeat: no-repeat;
	background-position: 95%;
	padding-left: 10px;
	padding-right: 10px;
}

.rubriqueraccourci a:link {
	color: #000000;
	font-weight: normal;
}

.rubriqueraccourci a:hover {
	display: block;
	font-weight: bold;
	width: 206px;
	height: 20px;
	background-color: #BBBBBB;
	background-image: url("http://www.dp-cad.com/Images/boutons/raccourcis4.png");
	background-repeat: no-repeat;
	background-position: 95%;
}


/* Positionnement du div #flash */
#flash {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	width: 749px;
	height: 299px;
	background-image: url("http://www.dp-cad.com/Images/Menu/cao1.png");
	/*padding: 0;*/
	position: relative;
}

.menuflash {
	width: 240px;/*200*/
	height: 150px;/*130*/
	list-style-type: none;
	/*margin: 0px;*/
	/*padding: 0px;*/
	position: absolute;
	z-index: 10;
	top: 70px;
	left: 50px;
	/*border: 1px solid green;*/
/*padding-top: 10px;*/
}

.rubriqueflash {
/*border: 1px solid yellow;*/
border: 2px hidden;
}

.rubriqueflash a {
	display: block;
	border: 1px solid white;
	background-color: black;
	width: 190px;
	height: 20px;
	font-size: 12px;
	font-family: Verdana;
	line-height: 20px;
	/*color: grey;*/
	color: #AAAAAA;
	font-weight: bold;
	text-decoration: none;
padding-left: 10px;
margin-left: auto;
margin-right: auto;
/*margin-top: 2px;*/
margin-top: 2px;
margin-bottom: 2px;
}

.rubriqueflash a:hover {
	color: white;
}

a #rubriquecao {
	display: none;
	
}

a:hover #rubriquecao {
	visibility: visible;
	display: block;
	width: 300px;
	height: 75px;
	position: absolute;
	/*margin: 0;
	padding: 0;*/
	z-index: 10;
	top: 35px;
	left: 0px;
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
background-color: black;
border: 1px solid red;
text-align: center;
}

a .imagecao {
	display: none;
	top: 0;
	left: 0;
}

a:hover .imagecao {
	display: block;
	width: 749px;
	height: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url("http://www.dp-cad.com/Images/Menu/cao1.png");
	z-index: -1;
	top: -70px;
	left: -50px;
}

a #rubriquearchitecture {
	display: none;
}

a:hover #rubriquearchitecture {
	visibility: visible;
	display: block;
	width: 300px;
	height: 75px;
	position: absolute;
	/*margin: 0;
	padding: 0;*/
	z-index: 10;
	top: 35px;
	left: 0px;
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid green;
text-align: center;
}

a .imagearchitecture {
	display: none;
	top: 0;
	left: 0;
}

a:hover .imagearchitecture {
	display: block;
	width: 749px;
	height: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url("http://www.dp-cad.com/Images/Menu/archi1.png");
	z-index: -1;
	top: -70px;
	left: -50px;
}


a #rubriqueelectricite {
	display: none;
	
}

a:hover #rubriqueelectricite {
	visibility: visible;
	display: block;
	width: 300px;
	height: 75px;
	position: absolute;
	/*margin: 0;
	padding: 0;*/
	z-index: 10;
	top: 35px;
	left: 0px;
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
background-color: black;
border: 1px solid blue;
text-align: center;
}

a .imageelectricite {
	display: none;
	top: 0;
	left: 0;
}

a:hover .imageelectricite {
	display: block;
	width: 749px;
	height: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url("http://www.dp-cad.com/Images/Menu/elec1.png");
	z-index: -1;
	top: -70px;
	left: -50px;
}

a #rubriquestructure {
	display: none;
	
}

a:hover #rubriquestructure {
	visibility: visible;
	display: block;
	width: 300px;
	height: 75px;
	position: absolute;
	/*margin: 0;
	padding: 0;*/
	z-index: 10;
	top: 35px;
	left: 0px;
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
background-color: black;
border: 1px solid orange;
text-align: center;
}

a .imagestructure {
	display: none;
	top: 0;
	left: 0;
}

a:hover .imagestructure {
	display: block;
	width: 749px;
	height: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url("http://www.dp-cad.com/Images/Menu/structure2.png");
	z-index: -1;
	top: -70px;
	left: -50px;
}

a #rubriqueconception {
	display: none;
	
}

a:hover #rubriqueconception {
	visibility: visible;
	display: block;
	width: 300px;
	height: 75px;
	position: absolute;
	/*margin: 0;
	padding: 0;*/
	z-index: 10;
	top: 35px;
	left: 0px;
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
background-color: black;
border: 1px solid purple;
text-align: center;
}

a .imageconception {
	display: none;
	top: 0;
	left: 0;
}

a:hover .imageconception {
	display: block;
	width: 749px;
	height: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url("http://www.dp-cad.com/Images/Menu/sharkmenu.png");
	z-index: -1;
	top: -70px;
	left: -50px;
}

a #rubriquetelechargement {
	display: none;
	
}

a:hover #rubriquetelechargement {
	visibility: visible;
	display: block;
	width: 300px;
	height: 75px;
	position: absolute;
	/*margin: 0;
	padding: 0;*/
	z-index: 10;
	top: 35px;
	left: 0px;
	margin-left: 350px;
/*-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);*/
background-color: black;
border: 1px solid yellow;
text-align: center;
}

a .imagetelechargement {
	display: none;
	top: 0;
	left: 0;
}

a:hover .imagetelechargement {
	display: block;
	width: 749px;
	height: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url("http://www.dp-cad.com/Images/Menu/telechargement.png");
	z-index: -1;
	top: -70px;
	left: -50px;
}

#titreflash {
	position: absolute;
top: 35px;
left: 0px;
/*margin-left: 500px;*/
margin-left: 350px;
color: white;
background-color: black;
height: 50px;
/*width: 150px;*/
width: 300px;
text-align: center;
/*margin-top: 10px;*/
border: 1px solid white;
padding-top: 25px;
font-size: 18px;
font-weight: bold;
}

a #texteflash {
	visibility: hidden;
}

a:hover #texteflash {
visibility: visible;
position: absolute;
top: 0px;
left: 0px;
margin-left: 350px;
margin-top: 65px;
z-index: 10;
width: 300px;
text-align: center;
/*border: 1px solid purple;*/
}

.produit {
/*border: 1px solid blue;*/
margin-top: 20px;
}

.image_prod {
	float: left;
	height: 100%;
	line-height: 70px;
	vertical-align: center;
	/*border: 1px solid red;*/
}

#lien_prod {
	float:left;
	margin-left: 15px;
	margin-right: 15px;
	/*line-height: 48px;
	vertical-align: middle;*/
}

.desc_prod {
	float: right;
	width: 220px;
	margin-right: 10px;
}

#titre_prod {
	/*background-color: #DDDDDD;*/
	text-align: left;
	width:226px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	color: white;
}

#titre_prod img {
margin-right: 15px;
vertical-align: middle;
}

/*Balise UL: liste de donnée de présentation du produit*/
#liste_prod {
	list-style-type: none;
	color: black;
	margin-top: 10px;
	width:226px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DDDDDD;
	font-size: 11px;
}

.pack_prod {
	margin-top: 10px;
	padding-bottom: 2px;
}

#dlshark {
	margin-left:15px;
	float:left;
	width:350px;
	height:60px;
	background-image: url("images/boutons/Telech.jpg");
	background-position: 10px 0px;
	background-repeat:no-repeat;
}

#didacticiel  #dlshark
{
text-align:left;
}

#dlshark img {
float:left;
	margin-top:5px;
	height:50px;
	width:50px;
	text-align:right;
}

#dlshark a {
float:left;
width:280px;
display:block;
margin-left:15px;
margin-top:15px;
color:#fff;
font-weight:bold;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------ A VOIR !!!!!! --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*#rappel {
	position: absolute;
	background-image: url(Images/boutons/fond.png);
	background-repeat: no-repeat;*/
	/*width: 165px;
	height: 240px;*/
	/*width:250px;
	height:235px;
	left: 1204px;
	top: 623px;
	background-color: #FFFFFF;
}*/


/*#galerie {
	position:absolute;
	width:749px;
	height:827px;
	z-index:902;
	left: 401px;
	top: 428px;
	background-color: #FFFFFF;
}*/

/*.description {
	list-style-image: url(Images/logos dptech/coche.gif);
	padding: 20px;
	text-align: left;
}*/

/*.description2 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	color: black;
	list-style-type: none;
	background-image: url(Images/logos dptech/coche.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
	text-align: left;
}*/

/*Style de paragraphe "Description du produit"*/
/*.descprod {
	color: #333333;
	font-size: 10px;
	text-align: justify;
	margin-left: 20px;
	font-weight: normal;
}*/

/*#basdroite {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 250px;
}

.desbasdroite {
	background-image: url("Images/logos dptech/coche.gif");
	background-repeat: no-repeat;*/
	/*background-position: 100% .4em;*/
	/*padding-left: 25px;
	font-size: 10px;
	margin-bottom: 10px;
}

.telechargement {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
*/