/* CSS Document */

BODY {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: arial;
	height:100%;
}
/****************************************************************************/
/*									CALQUES									*/
/****************************************************************************/
#main {
	position: relative;
	top: 0px;
	left: 0px;
	width: 768px;
	/*height: 489px;
	background-image:url(../images/border-right.gif);
	background-position: right;
	background-repeat: repeat-y;*/
	margin:auto;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 72px;
	z-index: 1;
}
#logo-djm {
	position: absolute;
	top: 510px;
	left: 618px;
	width: 150px;
	height: 65px;
	z-index: 1;
}
#deg-gauche {
	position: absolute;
	background-image:url(../images/degrade-gauche.gif); 
	background-position:top left;
	background-repeat:repeat-y;
	top: 72px;
	left: 0px;
	width: 2px;
	height: 500px;
	z-index: 1;
}
#bas-col-gauche {
	position: absolute;
	background-image:url(../images/bas-col-gauche.gif); 
	background-position:top left;
	background-repeat:no-repeat;
	top: 571px;
	left: 0px;
	width: 520px;
	height: 5px;
	z-index: 1;
}
#col-gauche-reseau-djm{
	position: absolute;
	z-index: 3;
	top: 86px;
	left: -3px;
	width: 205px;
	height: 437px;
}
#border-left {
	position: absolute;
/*	background-image:url(../images/border-left-old.gif); */
	background-position:top left;
	background-repeat:repeat-y;
	top: 489px;
	left: 0px;
	width: 287px;
	height: 67px;
	z-index: 3;
	/*background-color: #E4E4E4;*/
}
#bloc-left {
	position: absolute;
	background-image:url(../images/bloc-left.gif);
	background-position:top left;
	background-repeat:repeat-y;
	top: 72px;
	left: 0px;
	width: 191px;
	height: 441px;
	z-index: 1;
}
#bloc-left-contact {
	position: absolute;
	background-image:url(../images/contacts-image.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	top: 72px;
	left: 0px;
	width: 304px;
	height: 449px;
	z-index: 1;
}
#bloc-right {
	position: absolute;
	top: 72px;
	left: 536px;
	width: 231px;
	height: 441px;
	z-index: 2;
}
#bloc-actus {
	position: absolute;
	background-image:url(../images/actus-fond.gif);
	background-position: top left;
	background-repeat: no-repeat;
	top: 372px;
	left: 8px;
	width: 200px;
	height: 146px;
	z-index: 2;
}
#bloc-profils {
	position: absolute;
	background-image:url(../images/profils-fond.gif);
	background-position: top left;
	background-repeat: no-repeat;
	top: 275px;
	left: 8px;
	width: 200px;
	height: 245px;
	z-index: 2;
}
#navig {
	position: absolute;
	background-color:#000000;
	top: 0px;
	left: 214px;
	width: 553px;
	height: 72px;
	z-index: 2;
}
#ligne-orange {
	position: absolute;
	background-image:url(../images/entete-orange.gif);
	background-position:top left;
	background-repeat:repeat-x;
	top: 72px;
	left: 2px;
	width: 534px;
	height: 20px;
}
#contenu1 {
	position: absolute;
	top: 114px;
	left: 223px;
	width: 159px;
	height: 20px;
	text-align: justify;
	
	z-index: 1;
}
#contenu2 {
	position: absolute;
	top: 188px;
	left: 213px;
	width: 315px;
	height: 52px;
	text-align: justify;
	z-index: 1;
}
#contenu3 {
	position: absolute;
	top: 410px;
	left: 213px;
	width: 273px;
	height: 52px;
	text-align: justify;
	z-index: 1;
}
#contenu{
	position: absolute;
	top: 108px;
	left: 180px;
	width: 200px;
	height: 100%;
	z-index:2;
}
#contenu-produits-1 {
	position: absolute;

	top: 100px;
	left: 14px;
	width: 336px;
	height: 20px;
	text-align: justify;
	z-index: 1;
}
#contenu-produits-2 {
	position: absolute;
	top: 163px;
	left: 17px;
	width: 315px;
	height: 52px;
	text-align: justify;
	z-index: 1;
}
#contenu-actualites {
	position: absolute;
	
	top: 72px;
	left: 0px;
	width: 450px;
	height: 410px;
	padding-top:90px;
	text-align: justify;
	z-index: 1;
}
#technique {
	position: absolute;
	background-image:url(../images/fiche-technique.gif);
	background-position:top left;
	background-repeat:no-repeat;
	top: 420px;
	left: 213px;
	width: 310px;
	height: 60px;
	padding-top:16px;
	text-align: justify;
	z-index: 1;
}

#information {
	position: absolute;
	background-image:url(../images/fiche-information.gif);
	background-position:top left;
	background-repeat:no-repeat;
	top: 420px;
	left: 213px;
	width: 310px;
	height: 60px;
	padding-top:16px;
	text-align: justify;
	z-index: 1;
}
#contenu4 {
	position: absolute;
	top: 88px;
	left: 217px;
	width: 309px;
	height: 322px;
	text-align: justify;
	z-index: 1;
}
#contenu {
	position: absolute;
	top: 99px;
	left: 211px;
	width: 315px;
	text-align: justify;
	z-index: 1;
}
#contenu A{
	text-decoration:none;
}
P.offres{
visibility:hidden;
}
#contenu-services {
	position: absolute;
	top: 183px;
	left: 213px;
	width: 310px;
	text-align: justify;
	z-index: 1;
}
#contenu-histo {
	position: absolute;
	top: 117px;
	left: 229px;
	width: 443px;
	height: 52px;
	text-align: justify;
	z-index: 1;
}
#contenu-reseau {
	position: absolute;
	top: 87px;
	left: 229px;
	width: 537px;
	height: 437px;
	text-align: justify;
	z-index: 1;
}
#magasins {
	position: absolute;
	top: 88px;
	left: 188px;
	width: 201px;
	height: 48px;
	text-align: justify;
	z-index: 3;
}
#copyright {
	position: absolute;
	background-image:url(../images/copyright.gif);
	background-position: top left;
	background-repeat: no-repeat;
	top: 517px;
	left: 562px;
	width: 215px;
	height: 75px;
	z-index: 2;
}
#border-right {
	position: absolute;
	background-image:url(../images/border-right.gif);
	background-position: top left;
	background-repeat: repeat-y;
	top: 73px;
	left: 765px;
	width: 4px;
	height: 447px;
	z-index: 2;
}
#toutorange {
	position: absolute;

	top: 100px;
	left: 14px;
	width: 506px;
	height: 20px;
	text-align: justify;
	z-index: 1;
}
/****************************************************************************/
/*									LIENS									*/
/****************************************************************************/
A.lien-fiche {
	font-family: arial;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
	color: #FF6600;
}
A.lien-fiche:hover {
	text-decoration: none;
}
A.lien-services {
	font-family: arial;
	font-size: 10px;
	font-weight:bold;
	text-decoration: underline;
	color: #B31907;
}
A.lien-services:hover {
	text-decoration: none;
}
/****************************************************************************/
/*								TABLEAUX									*/
/****************************************************************************/
TD.bons-plans {
	background-image:url(../images/bons-plans.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
TD.saviez-vous {
	background-image:url(../images/le-saviez-vous.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
TD.fini-le-tut {
	background-image:url(../images/fini-le-tut.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
TD.djm-mobistore {
	background-image:url(../images/djm-mobistore.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
TD.produits{
	background-image:url(../images/produits.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
TD.tt-orange{
	background-image:url(../images/tt-orange.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
/****************************************************************************/
/*									TEXTES									*/
/****************************************************************************/
.texte
{
	font-size: 11px;
	color: #666666;
	line-height:12px;
}
.texte-bold
{
	font-size: 11px;
	color: #000000;
	line-height:12px;
	font-weight:bold;
}
.texte-blanc
{
	font-size: 11px;
	color: #FFFFFF;
	line-height:12px;
}
.texte-noir
{
	font-size: 11px;
	color: #000000;
}
.texte-fiche
{
	font-size: 11px;
	color: #000000;
	line-height:11px;
}
.texte-rouge
{
	font-size: 11px;
	font-weight:bold;
	color: #B31907;
}

.titre-service
{
	font-size: 11px;
	font-weight:bold;
	color: #FF6600;
}
.texte-service
{
	font-size: 18px;
	font-weight:bold;
	color: #B31907;
}
.texte-service2
{
	font-size: 12px;
	font-weight:bold;
	color: #B1B1B1;
}
.textegrisclair10
{
	font-size: 11px;
	color: #B1B1B1;
}
.texteorange10
{
	font-size: 11px;
	color: #FF9900;
	line-height:11px;
}
.texteorange11
{
	font-size: 11px;
	font-weight:bold;
	color: #FF9900;
}
.texteorange12
{
	font-size: 12px;
	color: #FF9900;
}
.textegris11
{
	font-size: 11px;
	color: #666666;
	line-height:12px;
}
.textegrisfonce11
{
	font-size: 11px;
	color: #484848;
	line-height:12px;
}

.textegrisfonce11bold
{
	font-size: 11px;
	font-weight:bold;
	color: #484848;
	line-height:12px;
}
.textegrisfonce10
{
	font-size: 10px;
	color: #484848;
	line-height:11px;
}
.titreactu
{
	font-size: 11px;
	color: #0099CC;
	font-weight:bold;
	/*padding-left:25px;*/
}

A.lientexteactu {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
A.lientexteactu:hover {
	text-decoration: underline;
}
li.li_information{

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom: 2px;
	color:#666666;
	
}	
#text-actu-infos{
	position:absolute;
	top: 149px;
	left:543px;
	width:201px;
	height:auto;
	font-family: arial;
	font-size: 12px;
	font-style:normal;
	list-style-image: url(../images/puce.gif);
	text-align: left;
	z-index: 3;
}

li.actus{
	margin-bottom: 4px;
}
.titreactu
{
	font-size: 11px;
	color: #0099CC;
	font-weight:bold;
	/*padding-left:25px;*/
}
.texteactu
{
	font-size: 11px;
	color: #000000;
	/*margin-left:25px;	*/

}