/***************************************************************/
/* CSS DJ DoctorMove.fr 1.2.1 - ® Web Création Provence        */
/***************************************************************/

/* ELEMENTS DE BASE */
 
body {
	min-width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

p {
	margin: 0 0 10px 0;
}

a { 
	text-decoration: none; color: #006
}

a:hover {
	border: 0px  /* hack pour IE - ne sert sinon à rien */
}

a img { 
	border: 0px;   /* hack pour Firefox pour le bord des images */
}

hr {
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	color: black;
	background-color: black;
	border: 0;
}

input.form { /* style pour les entrees dans un formulaire */
	margin: 0px 0px 0px 0px; 
	padding: 3px; 
	background: #ffffff; 
	font-size: 10px; 
	font-family: Verdana; 
	border: 1px solid #333; 
	color: #000000
}


/* SRUCTURE ET HABILLAGE */

div#conteneur { /* Support de l'ensemble de l'habillage */
  position: absolute;
  width: 100%;
  /* background-color: #900; */
}

div#bord_gauche { /* bord gauche de la page */
  position: absolute;
  background: transparent url(../images/habillage/bord_gauche.png) repeat-y top left;
  float: left;
  top: 0 px; left: 0px;
  width: 20px; height: 100%;
}

div#bord_droite { /* bord droite de la page */
  position: absolute;
  background: transparent url(../images/habillage/bord_droite.png) repeat-y top right;
  float: right;
  top: 0 px; right: 0px;
  width: 20px; height: 100%;
}

div#page { /* Page menu + contenu
  background-color: #03F;*/ 
  height: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

div#page_fond { /* Page + fond */
  background-image: url(../images/habillage/fond3.jpg);
  height: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

div#header { /* haut de la page */
  height: 120px;
  background-color: #9CC;
}

div#haut-boucle-logo { /* boucle du fond du logo */
  background: transparent url(../images/habillage/boucle-djm400.jpg) repeat-x top right;
  float: right;
  top: 0 px; right: 0px;
  height: 120px;
  width: 100%;
}

div#haut-boucle-logo_ie { /* boucle du fond du logo */
  background: transparent url(../images/habillage/boucle-djm400.jpg) repeat-x top right;
  float: right;
  top: 0 px; right: 0px;
  height: 120px;
  width: 100%;
}

div#boule_rayons { /* boule et rayons */
  background: transparent url(../images/habillage/boule_rayons_djm400_team_musiclub5.jpg) no-repeat top right;
  position: inherit;
  float: right;
  top: 0 px; left: 0px;
  height: 120px;
  width: 100%;
}

div#boule_rayons_ie { /* boule et rayons */
  background: url(../images/habillage/boule_rayons_djm400_team_musiclub5.jpg) no-repeat top right;
  position: inherit;
  float: right;
  top: 0 px; left: 0px;
  height: 120px;
  width: 100%;
}

div#logo { /* Logo DMDJ sono */
  background: transparent url(../images/habillage/doctormovedj-logo4.png) no-repeat;
  position: inherit;
  float : left;
  width: 284px;
  height: 110px;
  margin-left: 5px;
  margin-top: 5px;
}

div#logo_ie { /* Logo DMDJ sono */
  background: transparent url(../images/habillage/doctormovedj-logo4.gif) no-repeat;
  position: inherit;
  float : left;
  width: 284px;
  height: 110px;
  margin-left: 5px;
  margin-top: 5px;
}

div#menu { /* menu */
  background: #666 url(../images/habillage/degrade_4.png) repeat-x top right;
  height: 50px;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}

/* MENU INTERNET EXPLORER */

div#menu_ie {  /* menu Internet Explorer */
	background: #666 url(../images/habillage/degrade_4.png) repeat-x top right;
	width: 100%;
	max-width: 100%;
	min-width: 800px;
	height: 50px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

#menu_ie ul {
	width: 100%;
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#menu_ie li { 
	display: inline; 
	margin: 0;
	padding: 0;
}

#menu_ie li a {
	text-decoration: none;
	background-position: center;
}

#menu_ie li a:hover {
	color: #fff;
}


/* SOUS-MENU VERT ET BLEU INTERNET EXPLORER */

div#sous-menu_ie_bleu {
	background-color: #36C;
}

div#sous-menu_ie_vert {
	background-color: #396;
}

div#sous-menu_ie_orange {
	background-color: #F63;
}

div#sous-menu_ie_bleu,
div#sous-menu_ie_vert,
div#sous-menu_ie_orange {
	width: 100%;
	max-width: 100%;
	min-width: 800px;
	height: 18px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

#sous-menu_ie_bleu ul,
#sous-menu_ie_vert ul,
#sous-menu_ie_orange ul {
	float: left;
	padding-left: 0;
	margin-left: 0;
}
		
#sous-menu_ie_bleu li,
#sous-menu_ie_vert li,
#sous-menu_ie_orange li {
	display: inline;
}
		
#sous-menu_ie_bleu li a {
	background-color: #36C;
}
	
#sous-menu_ie_vert li a {
	background-color: #396;
}
	
#sous-menu_ie_orange li a {
	background-color: #F63;
}
	
#sous-menu_ie_bleu li a,
#sous-menu_ie_vert li a,
#sous-menu_ie_orange li a {
	float: left;
	height: 18px;
	display: block;
	margin: 0;
	padding: 0 .8em 0 .8em;
	border-right: solid 1px #CCC;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

#sous-menu_ie_bleu li a:hover {
	background-color: #039;
	color: #fff;
}

#sous-menu_ie_vert li a:hover {
	background-color: #063;
	color: #fff;
}

#sous-menu_ie_orange li a:hover {
	background-color: #C30;
	color: #fff;
}

		
/* MENU PARTENAIRES */

div#partenaires {
	width: 100px;
	position: absolute;
	right: 0px;
	top: 148px;
	margin: 0 20px;
	padding: 0px;
	border: 0;
	z-index: 10
}

#partenaires ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#partenaires ul li {
	display: inline;
	margin: 0;
}

#partenaires ul li a {
	height: 18px;
	display: block;
	margin: 0;
	padding: 0 .8em 0 .8em;
	border-left: solid 1px #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

#partenaires li a:hover,
#partenaires li a:active { /* menu partenaires */
	color: #FFF; background-color: #333;
}


/************************************************/
/* Pure CSS sous-menu.                          */
/************************************************/

/* zeroing padding/margin for all elements */
#sous-menu,
#sous-menu * { margin: 0; padding: 0; }


/* "Masm5er" UL (the whole Menu) */
#sous-menu { 
	float: left;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 800px;
	/* margin-bottom: 3.5em;
	background: #000 no-repeat 100% 50%;
	width: 100em;  */
}


#sous-menu ul li { 
	text-align: center;
}


/* sub-menu ULs */
#sous-menu li ul {
	cursor: default;
	position: absolute;
	width: 100%;
	/* max-width: 100%; */
	height: 18px;
	top: 26px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0 0;
	padding-left: 0em !important;
	background-position: 0 0 !important;
	left: -9000px;
}


/* All LIs */
#sous-menu li {
	cursor: pointer;
	float: left;
	width: 250px;
	height: 26px;
	max-width: 20%;
	text-align: center;
	list-style-type: none;
	font-weight: bold;
}


/* sub-menu LIs */
#sous-menu li ul li {
	padding:0 0 0 0;
	border:none;
	width: auto;
	max-width: none;
}


/* All anchors */
#sous-menu li a {
	color: #CCC;
	text-decoration: none;
	display: block;
	float: left;
	/* background: #396 url(../image/degrade_4.png) repeat-x;
	border-left:1px solid #333;
	padding:0 .4em;
	height:2em;
	line-height:2em; */
}


/* sub-menu Anchors */
#sous-menu li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space: nowrap;
	height: 18px;
	font-weight: 400;
	padding: 0 .8em 0 .8em;
	border-right: 1px solid #ccc;
	color: #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-position:0 50% !important;
}


#sous-menu li ul li a:hover {
	color: #FFF;
}


/* position and z-index for the sub-menus */
#sous-menu li:hover ul,
#sous-menu li.msieFix ul { left: 0; z-index: 10 }


/* Current location - class on Body musm5 match LI's id */
.sm1 #sous-menu li#sm1 a,
.sm2 #sous-menu li#sm2 a,
.sm3 #sous-menu li#sm3 a,
.sm4 #sous-menu li#sm4 a,
.sm5 #sous-menu li#sm5 a { color: #CCC; cursor: default; }

.sm1 #sous-menu li#sm1 ul,
.sm2 #sous-menu li#sm2 ul,
.sm3 #sous-menu li#sm3 ul,
.sm4 #sous-menu li#sm4 ul,
.sm5 #sous-menu li#sm5 ul { left: 0; z-index: 5 }


/* :hover and :active */
#sous-menu li a:hover,
#sous-menu li a:focus,
#sous-menu li a:active { color: #FFF; background-color: #039;}

#sous-menu li#sm1 a:hover,
#sous-menu li#sm1 a:focus,
#sous-menu li#sm1 a:active { color: #FFF; background-color: #063;}

#sous-menu li#sm2 a:hover,
#sous-menu li#sm2 a:focus,
#sous-menu li#sm2 a:active { color: #FFF; background-color: #039;}

#sous-menu li#sm3 a:hover,
#sous-menu li#sm3 a:focus,
#sous-menu li#sm3 a:active { color: #FFF; background-color: #063;}


/* sous-menu 1 */
#sous-menu li#sm1 ul { background: #396 }
.sm1 #sous-menu li#sm1 { background: url(../images/degrade_4.png) repeat-x; cursor: default; }
.sm1 #sous-menu li#sm1 ul { background: #396 }

/* sous-menu 2 */
#sous-menu li#sm2 ul { background:#36C }
.sm2 #sous-menu li#sm2 { background: url(../images/degrade_4.png) repeat-x; cursor: default; }
.sm2 #sous-menu li#sm2 ul { background:#36C }

/* sous-menu 3 */
#sous-menu li#sm3 ul { background: #396 }
.sm3 #sous-menu li#sm3 { background: url(../images/degrade_4.png) repeat-x; cursor: default; }
.sm3 #sous-menu li#sm3 ul { background: #396 }

/* sous-menu 4 */
#sous-menu li#sm4 ul,
.sm4 #sous-menu li#sm4,
.sm4 #sous-menu li#sm4 ul { background:#36C }

/* sous-menu 5 */
#sous-menu li#sm5 ul,
.sm5 #sous-menu li#sm5,
.sm5 #sous-menu li#sm5 ul { background: #36C }


/* "trigger" and "msieFix" classes */
#sous-menu li.msieFix a { color: #000 !important}


/* TABLEAU DE MISE EN PAGE */

div#centre {
  background-color: white;
  top: 0;
  height: 100%;
}

.left_col {  
	width: 180px;
	vertical-align: top;
	background-color: #9C9;
	border-right: #000 solid 1px;
} 
 
.content {  
	background: transparent url(../images/habillage/fond3.jpg) repeat;
	vertical-align: top;
	padding: 10px;
	border-right: #000 solid 1px;
    /* text-align:justify ; */
} 
 
/* CONTOUR DES IMAGES */

div.shadow {
  float: right;
  position: relative;
}

div.shadow img, div.shadow a img {
  padding: 6px 6px 6px 6px;
  background-color: white;
  /*border-top: 1px solid #ccc;*/
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #666;
  margin: 2px 0 2px 8px;
}

div.shadowleft {
  float: left;
  position: relative;
}

div.shadowleft img, div.shadowleft a img {
  padding: 6px 6px 6px 6px;
  background-color: white;
  /*border-top: 1px solid #ccc;*/
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #666;
  margin: 2px 8px 2px 0px;
}

div.shadowcenter {
  float: center;
  position: relative;
}

div.shadowcenter img, div.shadowcenter a img {
  padding: 6px 6px 6px 6px;
  background-color: white;
  /*border-top: 1px solid #ccc;*/
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #666;
  margin: 2px 8px 2px 8px;
}

div.shadowright {
  float: right;
  position: relative;
}

div.shadowright img, div.shadowright a img {
  padding: 6px 6px 6px 6px;
  background-color: white;
  /*border-top: 1px solid #ccc;*/
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #666;
  margin: 2px 0px 2px 8px;
}

/* div#gauche {
  float: left;
  background-color: #9C9;
  width: 170px;
}

div#menu_gauche a:hover {
  background-image: url(images/habillage/aqua.jpg);
  background-repeat: no-repeat;
}

div#menu_gauche a:hover:before { 
  content:" » ";
}

div#content {
  background-image: url(../images/habillage/fond3.jpg);
  top: 0;
  height: 100%;
  border-left: solid 1px #063;
  margin-left: 180px;
  padding: 5px;
  text-align:justify ;
}*/

div#pied {
  clear:both;
  background: transparent url(../images/habillage/fond_danseurs_boucle.jpg) repeat-x;
  background-color:#333;
  padding: 5px;
}

div#membres {
  background: transparent url(../images/habillage/membres.png) no-repeat;
  width: 180px; height: 30px;
}

div#contact {
  background: transparent url(../images/habillage/contact.png) no-repeat;
  width: 180px; height: 30px;
}

div#animation {
  background: transparent url(../images/habillage/animation.png) no-repeat;
  width: 180px; height: 30px;
}

div#disponibilite {
  background: transparent url(../images/habillage/disponibilite.png) no-repeat;
  width: 180px; height: 30px;
}

div#devis {
  background: transparent url(../images/habillage/devis.png) no-repeat;
  width: 180px; height: 30px;
}

div.comment {
  font-size:0.75em;
  font-weight:bold;
  text-align:center;
  background: url("../images/habillage/comment.gif") no-repeat right top;
  width: 52px;
  bottom: 0px;
  color: #3F4569;
  text-decoration: none;
  position:absolute;
  height: 25px;
  right:0px;
  padding-top: 1px;
}


/* Styles */

.spacer {
  clear: both;
}

.justify {
  text-align: justify;
}

.categorie_gauche { 
	background: url(../images/habillage/degrade-2.gif) repeat-x top left; 
	width: 100%; height: 21px;
	text-align: center;
}

.lien_gauche { 
	margin: 5px;
	color: black;
	text-align: left;
}

.tab-menu {
	color: #060;
	font-family: "Chalkboard", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 2px 4px white;
	text-decoration: none;
	font-style: italic;
}

.menu_gauche {
	color: #060;
	font-family: "Chalkboard", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 2px 4px white;
	text-decoration: none;
}

.tab_fond {
	background: url(../images/habillage/white-square-20-percent.png) repeat center; 
	width: 146px;
	text-align: left;
	color: #030;
	font-family: "Chalkboard", sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.tab_fond:hover {
	background: #060; 
	width: 146px;
	text-align: left;
	color: #CFC;
	font-family: "Chalkboard", sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.tab_fond a:hover {
	background: #060; 
	width: 146px;
	text-align: left;
	color: #CFC;
	font-family: "Chalkboard", sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}




/* styles du site */

.titre {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	color: #F90; 
	text-decoration: none; 
	font-style: italic; 
	font-weight: bold; 
	text-shadow: 2px 2px 2px #000; 
}

.xl {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-style: italic; 
	font-weight: bold; 
	text-decoration: none;
}

.l {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: italic; 
	font-weight: bold; 
	text-decoration: none;
}

.m {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	font-style: normal;
	text-align: justify;
}

.s {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	font-style: normal; 
	font-weight: bold;
}

.xs {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none; 
	font-style: normal; 
	font-weight: bold;
}

.xxs {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none; 
	font-style: normal; 
	font-weight: normal;
}


/* style pour la navigation entres pages */

.nav_pages {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCFF; text-decoration: none; font-style: normal; font-weight: bold; background-color: #003 }


/* styles, tailles et polices MAD 2.5*/

.arial {font-family: Arial, Helvetica, sans-serif}
.chalkboard {font-family: "Chalkboard", sans-serif}
.courier {font-family: "Courier New", Courier, mono}
.geneva {font-family: Geneva, Arial, Helvetica, sans-serif}
.georgia {font-family: Georgia, "Times New Roman", Times, serif}
.times {font-family: "Times New Roman", Times, serif}
.verdana {font-family: Verdana, Arial, Helvetica, sans-serif}


/* styles MAD*/

.n9   { font-size: 9px;  font-style: normal; font-weight: normal}
.i9   { font-size: 9px;  font-style: italic; font-weight: normal}
.b9   { font-size: 9px;  font-style: normal; font-weight: bold}
.bi9  { font-size: 9px;  font-style: italic; font-weight: bold}
.n10   { font-size: 10px;  font-style: normal; font-weight: normal}
.i10   { font-size: 10px;  font-style: italic; font-weight: normal}
.b10   { font-size: 10px;  font-style: normal; font-weight: bold}
.bi10  { font-size: 10px;  font-style: italic; font-weight: bold}
.n12  { font-size: 12px; font-style: normal; font-weight: normal}
.i12  { font-size: 12px; font-style: italic; font-weight: normal}
.b12  { font-size: 12px; font-style: normal; font-weight: bold}
.bi12 { font-size: 12px; font-style: italic; font-weight: bold}
.n14  { font-size: 14px; font-style: normal; font-weight: normal}
.i14  { font-size: 14px; font-style: italic; font-weight: normal}
.b14  { font-size: 14px; font-style: normal; font-weight: bold}
.bi14 { font-size: 14px; font-style: italic; font-weight: bold}
.n18  { font-size: 18px; font-style: normal; font-weight: normal}
.i18  { font-size: 18px; font-style: italic; font-weight: normal}
.b18  { font-size: 18px; font-style: normal; font-weight: bold}
.bi18 { font-size: 18px; font-style: italic; font-weight: bold}
.n24  { font-size: 24px; font-style: normal; font-weight: normal;	text-shadow: 2px 2px 2px #000;}
.i24  { font-size: 24px; font-style: italic; font-weight: normal;	text-shadow: 2px 2px 2px #000;}
.b24  { font-size: 24px; font-style: normal; font-weight: bold;	text-shadow: 2px 2px 2px #000;}
.bi24 { font-size: 24px; font-style: italic; font-weight: bold;	text-shadow: 2px 2px 2px #000;}
.n30  { font-size: 30px; font-style: normal; font-weight: normal;	text-shadow: 2px 2px 2px #000;}
.i30  { font-size: 30px; font-style: italic; font-weight: normal;	text-shadow: 2px 2px 2px #000;}
.b30  { font-size: 30px; font-style: normal; font-weight: bold;	text-shadow: 2px 2px 2px #000;}
.bi30 { font-size: 30px; font-style: italic; font-weight: bold;	text-shadow: 2px 2px 2px #000;}
.n36  { font-size: 36px; font-style: normal; font-weight: normal;	text-shadow: 2px 2px 2px #000;}
.i36  { font-size: 36px; font-style: italic; font-weight: normal;	text-shadow: 2px 2px 2px #000;}
.b36  { font-size: 36px; font-style: normal; font-weight: bold;	text-shadow: 2px 2px 2px #000;}
.bi36 { font-size: 36px; font-style: italic; font-weight: bold;	text-shadow: 2px 2px 2px #000;}