/* styles www.atypik.biz pour www.dp-concept.fr */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {margin-top:20px;margin-bottom:20px;font-family:"trebuchet ms",sans-serif;font-size:13px;text-align:center;color:#fb6610;background:#000000 url(fond-body.jpg);}
a, a:link, a:visited {color:#fac53c;text-decoration:underline;}
a:hover {color: #fb6610;text-decoration: none;}
h1 {margin:10px 0px 10px 0px;font-size:15px;}
h2 {margin:20px 0px 5px 0px;font-size:15px;}
h3 {margin:10px 0px 5px 0px;font-size:13px;font-weight:600;}
p {margin:6px 0px 6px 0px;}
ul {margin:5px 0px 5px 0px;padding:0px 0px 0px 20px;line-height:18px;list-style-image: url(puce.jpg);}
form {margin:0px 0px 20px 0px;}
hr {margin-top:5px;margin-bottom:5px;height:1px;visibility:hidden;clear:both;}
img {border:0px;padding:0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Liste de déˆfinitions pour l'affichage des rubriques */

dl.rubriques {margin:0px 0px 15px 0px;}
.rubriques dt {font-size:15px;}
.rubriques dd {font-size:13px;margin:0px;padding:0px;}
dl.logos {float:left;width:160px;height:170px;text-align:center;}
.logos dt {font-weight:bold;}
.logos dt img {width:150px;height:150px;}
.logos dd {margin:0px;padding:0px;}
.album {float:left;margin-right:10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Divers */

.en_valeur {color: #fac53c;}
.en_gros {color: #fb6610;font-size:20px;}
.en_erreur {color: #d30303;}
.poursuite_dessous {clear:both;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage centrÈ */

#principal {width:740px;margin-left:auto;margin-right:auto;text-align:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

#entete-1 {float:left;width:740px;height:122px;}
.entete-1-g {float:left;width:530px;height:122px;}
.entete-1-g a {position:absolute;width:530px;height:122px;}
.entete-1-d {float:left;width:210px;height:122px;background: url(bandeau1d-dp-concept.jpg) no-repeat;}
.entete-1-d a {position:absolute;width:210px;height:122px;}
#entete-2 {float:left;width:740px;height:28px;background: url(bandeau2-dp-concept.jpg) no-repeat;}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les menus ‡ doite */

#menus {float:right;margin:0px 0px 0px 0px;width:210px;height: 285px;}
#menu-1 a {float:left;width:210px;height:57px;background: url(menu-accueil.jpg) top left no-repeat;}
#menu-1 a:hover {background-position: 0px -57px;}
#menu-1 a:active {background-position: 0px -57px;}
#menu-2 a {float:left;width: 210px;height: 57px;background: url(menu-decoexpress.jpg) top left no-repeat;}
#menu-2 a:hover {background-position: 0px -57px;}
#menu-2 a:active {background-position: 0px -57px;}
#menu-3 a {float:left;width: 210px;height: 57px;background: url(menu-portfolio.jpg) top left no-repeat;}
#menu-3 a:hover {background-position: 0px -57px;}
#menu-3 a:active {background-position: 0px -57px;}
#menu-4 a {float:left;width: 210px;height: 57px;background: url(menu-haute-couture.jpg) top left no-repeat;}
#menu-4 a:hover {background-position: 0px -57px;}
#menu-4 a:active {background-position: 0px -57px;}
#menu-5 a {float:left;width: 210px;height: 57px;background: url(menu-charte.jpg) top left no-repeat;}
#menu-5 a:hover {background-position: 0px -57px;}
#menu-5 a:active {background-position: 0v -57px;}
#menu-6 a {float:left;width: 210px;height: 57px;background: url(menu-contact.jpg) top left no-repeat;}
#menu-6 a:hover {background-position: 0px -57px;}
#menu-6 a:active {background-position: 0v -57px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre comprenant les contenus */

#contenus {float: left;width: 740px;background-color:#000000;background: url(fond-contenus.jpg) top left repeat-y;}	
#milieu {float: left;width: 740px;}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre de gauche dans le cadre contenus */

.texte {float:left;width:500px;padding-left:16px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les mentions en bas de page */

#bas-page {float: left;width: 740px;height: 35px;background: url(fond-bas-page-dp-concept.jpg) no-repeat;}
#bas-page #mentions a {position: absolute;width:110px;height:13px;margin: 1px 0px 0px 630px;}
#bas-page #charte a {position: absolute;width:90px;height:13px;margin: 1px 0px 0px 540px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles pour les formulaires hors SPIP */

.formtext {padding:1px;background-color:#666565;border:solid 1px #fb6610;text-align:center;color:#000000;}
.formbouton {padding:1px;background-color:#666565;border:solid 1px #fb6610;font-size:11px;font-family:verdana, geneva;color:#000000;}
.formradio {vertical-align:middle;}	
.formarea {padding:1px;background-color:#666565;border:solid 1px #fb6610;text-align:left;font-size:11px;font-family:verdana, geneva;color:#000000; 
	scrollbar-base-color: #666565;
	scrollbar-3dlight-color: #666565; 
	scrollbar-arrow-color: #666565;
	scrollbar-darkshadow-color: #666565;
	scrollbar-face-color: #666565;
	scrollbar-highlight-color: #666565;
	scrollbar-shadow-color: #666565; 
	scrollbar-track-color: #666565; 
}