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

/*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, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}


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

/*Positionnement de l'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;
}

/*-------------->Logo DP Tech a remplacer dans les fichiers ....*/
#logo {
width: 200px;
height:110px;
border: none;
}
#logo2 {
float: right;
width: 50px;
height:110px;
border: none;
}
#logo3 {
float: left;
width: 800px;
height:110px;
border: none;
}
#fond {
float: right;
width: 650px;
height:480px;
left:200px;
}
/*Positionnement du menu dans l'entete*/
ul#menu {
	position: absolute;
	bottom: 8%;
	right: 6%;
}

/*Positionnement du menu à l'horizontal*/
#menu li {
	display: inline;
	font-weight: bold;
	color: white;
}


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

/*Positionnement du bandeau noir*/
#bandeaunoir {
	position: relative;
	width: 850px;
	height: 10px;
	background-color: #000000;
	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: #1D1D1D;
	/*padding-bottom: 10px;*//* RETIRER LA HAUTEUR ET LE BLOC SE CALERA A 25px DU DERNIER ELEMENT*/
	overflow: 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 menu flash*/
#flash {
	position: relative;
	text-align: center;
	margin: 1%;
}

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

/*Positionnement du bloc actualité*/
#actu {
	position: relative;
	float: left;
	width: 200px;
	height: 487px;
	padding-bottom: 8px;
	background-color: #333333;
	left: 0%;
	top: 0%;
	font-size: 12px;
	color: #FFFFFF;
}
/*Positionnement du bloc actualité*/
#actu2 {
        position: relative;
	float: center;
	
        padding-bottom: 15px;
	top: 8%;
	/*left: 2px*/
        font-size: 12px;
	color: #333333; /*GRIS = #333333*/
        text-align: center;
}
/*Positionnement du bloc actualité*/
#actu3 {
	position: relative;
	float: right;
	width: 650px;
	height: 495px;
	/*padding-bottom: 15px;*/
	/*background-color: white;*/
	right: 0%;
	top: 0%;
	font-size: 12px;
	color: #000000; /*GRIS = #333333*/
        background-image: url(../Images/logos dptech/fond.jpg);
}
/*Positionnement du bloc actualité*/
#actu4 {
        position: relative;
	float: center;
	
        padding-bottom: 15px;
	top: 8%;
	left: 2px
        font-size: 12px;
	color: #000000; /*GRIS = #333333*/
        text-align: center;
}

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

/*Définition des styles de paragraphe*/
.date {
	float: left;
	width: 50px;
	margin-right: 5px;
	margin-bottom: 20px;
}

/*Barre de séparation actu*/
hr {
	height: 5px;
	margin-top: 15px;
	background-color: #666666;
	color: #666666;
}

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

/*Positionnement des raccourcis en flash*/
#raccourcis {
	position: relative;
	display: table;
	width: 244px;
	height: 177px;
	float: right;
	right: 6%;
	background-color: #333333;
}

.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: #333333;
	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;
	width: 850px;
	height: 30px;
	background-color: #000000;
	color: #999999;
	font-size: 10px;
}

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

/*Définition du style des liens*/
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

/* Définition du style des liens visités*/
a:visited {
	text-decoration: none;
	color: #999999;
}

/*Définition du style des liens survolés*/
a:hover {
	color: #646464;
}

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

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

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

h1 {
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 26px;
}

h2 {
	font-size: 12px;
	/*padding: 10px;*/
	margin-left:15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

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

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

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

/*Positionnement des liens sous les images*/
.liens {
	clear: both;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*Positionnement des petites images par rapport aux grandes*/
.retrait {
	/*padding-left: 30px;*/
}

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

/*Positionnement et alignement des images dans la galerie*/
.retraitpremiere {
	/*padding-left: 10px;*/
}


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

.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;
}


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

/*#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;
	padding-left: 25px;
}*/

/*Positionnement du bloc rappel auto (non présent dans le code HTML ...*/
/*#rappel {
	position:absolute;
	background-image:  url(Images/boutons/fond.png);
	background-repeat: no-repeat;
	width:165px;
	height:240px;
	left: 1204px;
	top: 623px;
	background-color: #FFFFFF;
}*/

/*Placement des images*/
/*.image {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}*/

/*.essai {
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
}*/

/*.margeactu {
	margin-left: 45px;
	padding-right: 45px;
}
*/

/*Positionnement du bloc*/
/*.vid {
	text-align: justify;
	font-size: 10px;
	padding-top: 2%;
	padding-bottom: 2%;
}
*/

/*Titre principal sur la page d'accueil*/
/*.titre {
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
*/