/*----------------------------------------------------------------------------------------------*/
/* Feuille de style pour dpsoft  -   2009                                               */
/*----------------------------------------------------------------------------------------------*/


*  		{margin:0; padding:0;}	
a img 	{border:none;}


/*----------------------------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/bg_bg.gif);
	font-size: 0.69em;
	color:#CCC;
}



/* liens ----------------------------------------------------------------------------------------*/

a {
	color: #00ffff;
	text-decoration: none;
}
a:hover {
	color: #fff;
}


/* images-----------------------------------------------------------------------------------------*/

.imgbox {/* images seules  */
	width: 400px;
}

.imgboxleft {/* images se trouvant après la 1ere image  */
	width: 400px;
	padding: 0 0 50px 0; 
}


/* textes-----------------------------------------------------------------------------------------*/

.txtgray {
	color: #ddd;
}

.bold {
	font-weight: bold;
	color: #fff;
}


/* titres -----------------------------------------------------------------------------------------*/

h1 { 
	font-size: 1em;
	font-weight:normal;
	color:#999;
	padding: 5px 0 5px 5px;
	margin: 40px 0 20px 0;
	border-right: solid 1px #333;
	border-top: solid 1px #333;
	background: url(/images/ligne_title.jpg) no-repeat;
	text-transform: uppercase;
}

h2 { /*  map  */
	font-size: 1em;
	font-weight: normal;
	color:#333;
	width: 720px;
	padding: 0px 20px 10px 20px;
	margin: 10px 0px 10px 0px; 
	text-transform: uppercase;
	border-bottom: solid 1px #333;
}


p {
	margin-bottom: 10px;
	margin-left: 20px;
}

p.box {
	padding-bottom: 10px;
	border-bottom: solid 1px #333;
}

p.boxlarge {
	padding-bottom: 10px;
	border-bottom: solid 1px #333;
}



/*---------------------------------------------------------conteneur----------------------------------------------------------------------------------------------*/

#conteneur {
	margin: 0 auto 0 auto;
	width: 800px;
}


/*---------------------------------------------------------all----------------------------------------------------------------------------------------------*/
#all {
	width: 800px;
	height: 100%;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
	background-color: #000;
	float:left;
}



/*------------------------------------top-------------------------------------------*/
#top {
	width: 800px;
	height: 150px;
	float: left;
}

/*------------------------------------content-------------------------------------------*/
#content {
	width: 760px;
	padding: 0 20px 0 20px;
	float:left;
}


/*------------------------------------box gauche et droite-------------------------------------------*/

#boxleft {
	width: 400px;
	padding: 0 20px 40px 20px;
	float:left;
}


#boxright {
	width: 300px;
	height: 100%;
	margin: 0px 20px 40px 0px;
	float: right;
}

/*-------------------------------bottom------------------------------------------------*/

#bottom {
	width: 800px;
	height: 35px;
	background-image:url(/images/bottom.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 15px;
	margin: 40px 0px 0px 0px;
	float: left;
	
}

#bottom a {
	color:#888;
	text-decoration: none;
}

#bottom a:hover {
	color:#fff;
}

/*----------------------------------hierarchie----------------------------------*/


#hierarchie1 {
	height: 50px;
	width: 780px;
	padding: 10px 0px 0px 20px;
	background-image:url(/images/fond_menu.jpg);
	background-repeat: no-repeat;
	float:left;
}

#hierarchie2 {
	height: 30px;
	width: 780px;
	padding: 0px 0px 0px 20px;
	float:left;
}



#hierarchie1 a {
	color:#888;
	text-decoration: none;
}

#hierarchie1 a:hover {
	color:#fff;
}

/*----------------------------------menu----------------------------------*/

#menu {
	height: 100%;
	width: 800px;
	text-align: center;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	margin: 0px 0px 0px 0px;
	float:left;
}

#menu a {
	color:#888;
	text-decoration: none;
}

#menu a:hover {
	color:#fff;
}

/*--------------------------------------------------------------------*/

#mn_1_On {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_on.gif);
	background-repeat: repeat-y;
	float: left;
}


#mn_1_Off {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_off.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_2_On {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_on.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_2_Off {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_off.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_3_On {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_on.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_3_Off {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_off.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_4_On {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_on.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_4_Off {
	height: 20px;
	width: 159px;
	padding-top: 5px;
	border-right: solid 1px #000;
	background-image:url(/images/bg_mn_off.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_5_On {
	height: 20px;
	width: 160px;
	padding-top: 5px;
	background-image:url(/images/bg_mn_on.gif);
	background-repeat: repeat-y;
	float: left;
}

#mn_5_Off {
	height: 20px;
	width: 160px;
	padding-top: 5px;
	background-image:url(/images/bg_mn_off.gif);
	background-repeat: repeat-y;
	float: left;
}

/*------------------------------------edition-------------------------------------------*/

.edition {
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}

.editionplus {
	padding-left: 25px;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
/*------------------------------------contact-------------------------------------------*/
.trcontact {
	width: 500px;
	padding: 20px 20px 20px 20px;	
	border:1px solid #333;
}

.contact {
	margin: 50px auto 0px auto;
	width: 500px;
}

td {
	padding: 5px 0px 5px 0px;	
}