/*||||||||||||||||||*/
/*| www.dp-cad.com |*/
/*|||||| V6.6 |||||*/
/*||||||||||||||||||*/


html {
height: 100%;
}

/* 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;
height: 100%;
margin: 0;
}


/*----------*/
/*- 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: #FFFFFF;
}

/* Définition du a en temps normal */
.lienrubrique:link {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

/* Définition du a déjà visité */
.lienrubrique:visited {
	text-decoration: none;
	color: #666666;
}

/* Définition du a survolé */
.lienrubrique:hover {
	color: #FFFFFF;
}

/* Définition du a cliqué */
.lienrubrique:active {
	color: white;
}

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

/* Positionnement du div #bandeaunoir */
#bandeaunoir {
	width: 850px;
	height: 10px;
	background-color: #000000;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 0px;*/
}


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

/* positionnement du div #contenu */
#contenu {
	position: relative;
	width: 850px;
	/*height: 813px;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	background-color: #1D1D1D;
	padding-bottom: 0px;
	overflow: auto;
	height:auto;
}

/*Positionnement du cadre principal pour les pages galerie*/
/*#contenu2 {
	position: relative;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-color: #1D1D1D;
	overflow: auto;
}*/

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

/* Positionnement du div #flash */
/*#flash {*/
	/*position: relative;*/
	/*text-align: center;
	margin-bottom: 6px;*/
	/*margin: 1%;*/
/*}*/

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

/* Positionnement du div #conteneuractu */
#conteneuractu {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 749px;
	/*height: 299px;*/
	/*padding: 0;*/
	position: relative;
	/*float: left;*/
	background-color: #FFFFFF;
	/*margin-left: 0px;
	font-size: 12px;
	color: #000000;*/
	/*height: 428px;*/
	/*padding-bottom: 8px;*/
	/*left: 6%;*/
	/*top: 0%;*/
	/*margin-top: 0px;*/
	overflow: auto;
}

/* Positionnement du div #actu */
#actu {
	width: 503px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
	margin-left: 0px;
	font-size: 12px;
	color: #000000;
	/*height: 428px;*/
	/*padding-bottom: 8px;*/
	/*left: 6%;*/
	/*top: 0%;*/
	/*margin-top: 0px;*/
	height:auto;
}

/* Positionnement du div #page */
/*#page {
	width: 503px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
	margin-left: 51px;
	font-size: 12px;
	color: #000000;*/
	/*height: 428px;*/
	/*padding-bottom: 8px;*/
	/*left: 6%;*/
	/*top: 0%;*/
	/*margin-top: 0px;
	height: 920px;*/


/* Positionnement du div #videopage */
/*#videopage {
	width: 747px;
	position:relative;
	float: left;
	background-color: #FFFFFF;
	margin-left: 51px;
	font-size: 12px;
	color: #000000;*/
	/*height: 428px;*/
	/*padding-bottom: 8px;*/
	/*left: 6%;*/
	/*top: 0%;*/
	/*margin-top: 0px;
	height: 1150px;*/


/* Défintion du p .texteactu */
.texteactu {
	margin-bottom: 5px;
	/*padding-left: 15px;*/
	/*height: 100%;*/
	margin-left: 10px;
	margin-right: 10px;
	}
	
/* Défintion du p .textedroite */
.textedroite {
	margin-bottom: 10px;
	/*padding-left: 15px;*/
	/*height: 100%;*/
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	color:#CC0000;
	font-style:italic;
}
/* Défintion des liens p .textedroite */
.textedroite a:link {
	margin-bottom: 5px;
	/*padding-left: 15px;*/
	/*height: 100%;*/
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	color:#CC0000;
	font-style:italic;
}
/* Défintion des liens p .textedroite */
.textedroite a:hover {
	margin-bottom: 5px;
	/*padding-left: 15px;*/
	/*height: 100%;*/
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	color:#666666;
	font-style:italic;
}
/* Défintion des liens p .textedroite */
.textedroite a:visited {
	margin-bottom: 5px;
	/*padding-left: 15px;*/
	/*height: 100%;*/
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	color:#CC0000;
	font-style:italic;
}
/* Défintion du p .textepuce pour les puces images*/
.textepuce {
	margin-bottom: 5px;
	/*padding-left: 10px;
	padding-right: 5px;*/
	/*height: 100%;*/
	margin-left: 0px;
	margin-right: 5px;
}
/* Définition du span .date */
.date {
	float: left;
	width: 50px;
	margin-right: 15px;
	margin-bottom: 20px;
	/*border: 1px solid red;*/
}

/* Définition du span .date2 */
.date2 {
	float: left;
	width: 50px;
	margin-right: 15px;
	margin-bottom: 5px;
}

/* Positionnement du hr #debutactu */
#debutactu {
	height: 1px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #000000;
	color:#999999;
	border: none;
}

/* Défintion du hr .milieuactu */
.milieuactu {
	clear: both;
	width: 400px;
	color: #333333;
	background-color: #333333;
	height: 0px;
	/*border-color: #FFFFFF;*/
	border: 0;
	margin: 0;
	padding: 0;
}


/* Défintion du hr .milieuactu */
#finactu {
	height: 6px;
	margin-top: 15px;
	background-color: #999999;
	color: #999999;
	border: none;
	clear: both;
}


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

/* Positionnement du div #raccourcis */
#raccourcis {
	position: relative;
	float: right;
	/*display: table;*/
	width: 244px;
	/*height: 177px;*/
	/*padding-top: 10px;*/
	/*padding-bottom: 10px;*/
	margin-right: 0px;
	background-color: #FFFFFF;
	height:100%;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 10px;
}

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

#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;
	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;
	color: #000000;
	font-weight: normal;
}

.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%;
	color: #000000;
}

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


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

/* Positionnement du div #video */
#video {
	position: relative;
	float: right;
	text-align: center;
	width: 244px;
	/*height: 245px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-right: 51px;
}


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

/* Positionnement du p .copy */
.copy {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	/*top: 3px;*/
	margin-top: 3px;
	width: 830px;
	height: 40px;
	background-color: #000000;
	color: #999999;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


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

/* Définition du a en temps normal */
a:link {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

/* Définition du a déjà visité */
a:visited {
	text-decoration: none;
	color: black;
}

/* Définition du a survolé */
a:hover {
	/*color: #FFFFFF;*/
	color: #666666;
}

/* Définition du a cliqué */
a:active {
	color: #666666;
}

/* Remettre les marges à zéro et supprimer la bordure autour de a img */
a img {
	border: none;
	margin: 0;
	padding: 0;
}


/*--------------------*/
/*- STYLE DES TEXTES -*/
/*--------------------*/

/* Redéfinution du h1 */
h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	/*padding-left: 15px;
	padding-right: 15px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 10px;
}

/* Redéfinution du h2 */
h2 {
	font-size: 14px;
	color:#CC0000;
	font-weight: bold;
	/*padding: 10px;*/
	/*margin-left:15px;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Définition du p */
p {
	text-align: justify;
}

/*-----------*/
/*- GALERIE -*/
/*-----------*/

/* Positionnement du div #didacticiel 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: 5px;
	/*margin: 8px; pour galerie interieur*/
}


/* format de puce général défini avec une image */
ul.petite-puce li {
 list-style-image: url(http://www.dp-cad.com/images/pucep.gif);
 margin-left: 26px;
}
ul.petite-puce li span {
 list-style-image: url(http://www.dp-cad.com/images/pucep.gif);
}

/* Positionnement du p .liens */
.liens {
	clear: both;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.gal a img {
	border: none;
	margin: 0;
	padding: 0;
}


/*------*/
/* TUTO */
/*------*/

#dida {
	width: 750px;
}

.titretuto {
	list-style-type: none;
	clear: both;
	text-align: center;
	background-color: #000000;
	color: #ffffff;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	/*margin-bottom: 15px;*/
}

.titretuto2 {
	list-style-type: none;
	clear: both;
	/*display: inline;*/
	text-align: left;
	background-color: #999999;
	color: #ffffff;
	margin-left: 15px;
	margin-right: 15px;
	/*margin-bottom: 15px;*/
}

.tuto ul {
	width: 749px;
}

.tuto li {
	list-style-type: none;
	float: left;
	width: 350px;
	margin-left: 15px;
	padding-bottom: 10px;
}

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

/*Balise UL: liste de donnée de présentation du produit*/
#listeactu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 250px;
}

/*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;
}



.centrerformulaire {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}







#plan {
	width: 730px;
	/*border: 1px solid blue;*/
	/*width: 100%;*/
	margin: 0;
	padding: 0;
	clear: both;
	/*text-align: center;*/
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 10px;
	text-align: left;
}

.partieplan {
	/*border: 1px solid green;*/
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	float: left;
	/*width: 150px*/
	/*width: 200px;*/
	/*padding-right: 25px;*/
	height: 220px;
}

.titreplan {
	list-style-type: none;
	/*clear: both;*/
	/*text-align: center;*/
	/*background-color: #000000;*/
	text-align: left;
	color: #000000;
	font-weight: bold;
	/*margin-bottom: 5px;*/
	margin: ;
	padding: 0;
	text-decoration:underline;
	clear:both;
}

.plansite {
	width: 100px;
	/*border: 1px solid blue;*/
	/*float: left;*/
	/*margin-left: 5px;
	margin-right: 5px;*/
	margin: 0;
	padding: 0;
	width: 100%;
}

.rubriqueplan {
	list-style-type: none;
	text-align: left;
	/*float: left;*/
	margin: 0;
	padding: 0;
}

#monplan {
	clear: both;
	width: 100%;
}


/* 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: 85px;
	position: absolute;
	/*margin: 0;
	padding:
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid red;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 350px;
	z-index: 10;
	top: 35px;
	left: 0px;
}

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: 85px;
	position: absolute;
	/*margin: 0;
	padding:
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid green;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 350px;
	z-index: 10;
	top: 35px;
	left: 0px;
}

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: 85px;
	position: absolute;
	/*margin: 0;
	padding:
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid blue;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 350px;
	z-index: 10;
	top: 35px;
	left: 0px;
}

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: 85px;
	position: absolute;
	/*margin: 0;
	padding:
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid orange;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 350px;
	z-index: 10;
	top: 35px;
	left: 0px;
}

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: 85px;
	position: absolute;
	/*margin: 0;
	padding:
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid purple;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 350px;
	z-index: 10;
	top: 35px;
	left: 0px;
}

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: 85px;
	position: absolute;
	/*margin: 0;
	padding:
	margin-left: 350px;
/*-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);*/
	background-color: black;
	border: 1px solid yellow;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 350px;
	z-index: 10;
	top: 35px;
	left: 0px;
}

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: 280px;
text-align: center;
/*margin-top: 10px;*/
border: 1px solid white;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
font-weight: bold;
color:white
}
#titreflash2 {
	position: absolute;
top: 70px;
left: 0px;
/*margin-left: 500px;*/
margin-left: 350px;
color: white;
background-color: black;
height: 60px;
/*width: 150px;*/
width: 260px;
text-align: justify;
/*margin-top: 10px;*/
border: Opx solid white;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
font-weight: bold;
}

a #texteflash {
	visibility: hidden;
}

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