ig@charset "UTF-8";
/* 
	///// MAG-DENT.COM /////
	
		1. CONTENT
		2. LINKS
		3. RESET
		4. TYPO
		5. THICKBOX
		6. SLIDER
		7. GOOGLE MAP
		8. TOOLTIP

*/

body {
	font-family:Arial, sans-serif;
}

hr {
	clear:both;
	background:transparent;
	color:#fff;
	border:0;
	border-bottom:1px solid #888f43;
}

.hr_width {
	width:500px;
	float:left;
	margin:5px 0 10px 0;
}

span {
	display:block;
}

strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	font-weight:bold;
	color:#888F43;
}

p, 
.content_slide span,
.content_equipe span,
#content_services ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	line-height:1.5em;
}

#content_services ul {
	margin:0;
	padding:0 5px 0 0;
}

#content_services ul li,
#content_clinique_list ul li {
	list-style-type:none;
	border-bottom:1px #d7d9bc solid;
}

.content_slide span,
.content_equipe span {
	margin:0 0 15px 0;
}

#content #container_slider img {
	top:0;
	position:relative;
	
}

#content #bckg_equipe img {
	top:-45px;
	position:absolute;
	
}

#content_clinique, #content_clinique p {
	width:auto;
}

td label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	line-height:1.5em;
	font-weight:bold;
}

input, textarea {
	border:1px solid #b4b881;
	margin:3px 0 0 0;
}

td textarea { 
	width:490px;
	margin:0 0 10px 0;
	color:#999;
	font-size:13px;
	padding:5px;
}

td input {
	float:right;
	width:416px;
	text-align:left;
	padding:2px;
	margin:0 0 0 10px;
	color:#999;
	font-size:13px;
	
}



/* 1. ######## CONTENT ######## */

.send {
	background:#b4b881;
	float:right;
	color:#fff;
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:lighter;
	text-transform:uppercase;
	padding:3px;
}


.ldrgif {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0 0 0 10px;
	left:450px;
	top:170px;
	position:absolute;
}

#container {
	width:980px;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#logo {
	z-index:3000;
	padding:0 15px 0 18px;
	float:left;
	position:relative;
}

.alt {
	position:relative;
	top:0;
	display:none;
}

#menu {
	height:115px;
	/*background:url(../images/img_shade.png) 0 85px no-repeat;*/
	width:960px;
	position:relative;
	z-index:5;

}

#menu .menu_shade {
	position:absolute; 
	top:85px; 
	z-index:1;
}

	/* IE6  * HTML #menu {
	height:100px;
	background:url(../images/img_shade.png) 0 305px no-repeat;
	width:980px;
	}*/


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type:none;
	float:left;
	padding:0 9px;
	margin:20px 0 0 0;
	float:left;
	width:155px;
	border:none;
}

#header {
	position:relative; 
	top:-32px;
}

#over {
	position:relative; 
	z-index:4; 
	margin:-120px 0 0 0;
}
	
#footer {
	background:url(../images/img_shade.jpg) 0 -32px no-repeat;
	width:930px;
	height:15px;
	padding:0 30px;
	margin:20px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	
}

#copyright {
	font-size:11px;
	float:left;
	margin:33px 0 0 0;
	color:#7d814a;
}

#menu_footer ul {
	float:right;
}

#menu_footer ul li {
	font-size:11px;
	float:left;
	color:#7d814a;
	padding:0 5px;
	list-style-type:none;
	border-right:1px #7d814a solid;
	height:12px;
	margin:23px 0 0 0;
	border-bottom:none;
}


#content {
	/*background:url(../images/img_staff.jpg) top right no-repeat;*/
	/*height:545px;*/
	width:930px;
	padding:0 15px;
	/*z-index:5000;*/
	/*position:relative;*/
	clear:both;
}
	

#container_slider {
	position:relative;
	width:960px;
	top:-31px;
	right:0;
	z-index:4;
	/*z-index:-1000;*/
}

#container_slider #slider ul li p {
	width:351px;
	
}

.content_slide {
	top:-415px;
	left:10px;
	width:486px;
	z-index:20;
	position:relative;
}

.content_equipe {
	top:-10px;
	left:10px;
	width:310px;
	z-index:20;
	position:relative;
}

.content_details {
	width:527px;
	height:330px;
	overflow:auto;
}

.col_gauche {
	width:340px;
	float:left;
	margin:0 0 0 10px;
	/*padding:0 0 0 10px;*/
	/*z-index:1000;*/	
}

.col_droite {
	width:525px;
	float:right;
	padding:10px 0;
	margin:0 0 0 10px;
}

.col_gauche p, 
.col_droite ul li,
#content_dr ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	width:440px;
	line-height:1.5em;
}

.col_droite ul li {
	width:250px;
}

#content_clinique_list ul {
	margin:20px 0 0 0;
	padding:0;
}

#content_clinique {
	width:550px;
}

#content_clinique_list {
	width:250px;
	float:left;
	padding:0 0 0 40px;
}

.float_right {
	float:right;
}

.left {
	left:500px;
}

#content_services {
	height:335px;
	width:360px;
	overflow:auto;
}

#content_dr {
	width:500px;
	height:325px;
	overflow:auto;
}

.consulter {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	margin:15px 0 0 0;
}

#bckg_equipe {
	width:960px;
	height:507px;
	position: relative; 
	overflow: hidden;  
	margin: 0 0 1px 0;
}

#bckg_equipe ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	top:45px;
}

/* 2. ######## LINKS ######## */
a.btn,
a.btn:active,
a.btn:focus,
a.btn:visited {
	background:#afb57a;
	height:20px;
	text-transform:uppercase;
	padding:5px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

a.btn:hover {
	background:#9a9f61;
	/*background:#524e98;*/
	color:#fff;
}

a.btn_back,
a.btn_back:active,
a.btn_back:focus,
a.btn_back:visited {
	background:url(../images/btn_back.jpg) top left no-repeat;
	width:133px;
	height:17px;
	display:block;
	color:#fff;
	font-size:14px;
	padding:5px 0 0 8px;
	position:absolute;
	margin:-10px 0 0 10px;
}

a.btn_back:hover {
	background:url(../images/btn_back.jpg) bottom left no-repeat;
	color:#fff;
}

a, 
a:active, 
a:focus, 
a:visited {
	color:#848b3c;
}

.active,
a:hover,
#content_services ul li a.active,
#content_services ul li a:hover {
	/*color:#9a9f61;*/
	color:#524e98;
}

a.email,
a.email:active,
a.email:focus,
a.email:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
}

a.email:hover {
	/*color:#848b3c;*/
	color:#524e98;
}


#test1 a,
#test1 a:active,
#test1 a:focus,
#test1 a:visited,
#test2 a,
#test2 a:active,
#test2 a:focus,
#test2 a:visited,
#test3 a,
#test3 a:active,
#test3 a:focus,
#test3 a:visited{
	color:#fff;
}

#menu ul li a,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a:visited {
	font-size:18px;
	color:#888f43;
	display:block;
	border-left:1px #8f954e solid;
	height:62px;
	padding:0 9px;
	width:155px;
}

#menu ul li a:hover,
#menu ul li a.current_section {
	height:85px;
	display:block;
	color:#524e98;
	border-left:1px #524e98 solid;
	
}

#post_bandes {
    height: 25px; /*bandes margin - height (140-95)*/
}

#post_bandes_index {
    height: 25px; /*bandes margin - height (140-95)*/
}

#bandes {
	width:960px;
	height:95px;
	position:relative;
	margin-top:-140px;
	color:#fff;
	z-index:4;
}
 
#bandes a.bande {
	color:#fff;
}

#bande_contact {
	width:450px;
	height:95px;
	position:relative;
	margin:20px 0 0 -10px;
}

a#bande_contact,
a#bande_contact:active,
a#bande_contact:focus,
a#bande_contact:visited {
	background:url(../images/bckg_bande_contact.jpg) top left no-repeat;
	width:927px;
	height:95px;
	display:block;
	clear:both;
	margin-top:30px;
	font-size:28px;
	color:#fff;
	padding:15px 0 0 15px;
	filter:alpha(opacity=85);
	opacity:0.85;
	
}

a#bande_contact:hover {
	filter:alpha(opacity=100);
	opacity:100;
}
	

a.bande, 
a:active.bande, 
a:focus.x, 
a:visited.bande {
	background:url(../images/bckg_bande.png) top left no-repeat;
	width:450px;
	height:80px;
	float:left;
/* 	margin:50px 0 0 0; */
	font-size:28px;
	color:#fff;
	padding:20px 0 0 20px;
}

a.bande:hover {
	background:url(../images/bckg_bande.png) bottom left no-repeat;
}

/* 3. ######## RESET ######## */
#menu_footer ul li.border_reset {
	border-right:none;
}



/* 4. ######## TYPO ######## */

h1, h2, h3, h4, h5, h6 {
	color:#888f43;
	margin:0;
	padding:0;
}

h1 {
	font-size:45px;
	padding:10px 0;
}

h1.h1_equipe {
	position:relative;
	top:21px;
	margin:0 0 20px 0;
}

h2 {
	font-size:32px;
}

h3 {
	font-size:24px;
	margin:0 0 5px 0;
}

h1.top {
	margin:25px 0 0 0;
}

.h3_top {
	margin:27px 0 5px 0;
}

#footer,
#menu ul li a,
.tooltip,
.consulter,
a.btn {
	font-family:Arial, Helvetica, sans-serif;
}

/* 5. ######## THICKBOX ######## */

#thickbox_form {
	width:526px;
	margin:0 auto;
	overflow:hidden;
}

#thickbox_container_form {
	padding:10px;
	overflow:auto;
	height:520px;

}

.thickbox_dr {
	width:900px;
	height:450px;
	margin:0 auto;
	overflow:hidden;
}

#thickbox_container_dr {
	padding:0 10px;
	overflow:hidden;
}

#thickbox_drfaraj {
	background:url(../images/team/drHanna.jpg) 510px 0 no-repeat;
	width:900px;
	height:450px;
}

#thickbox_drjahjah {
	background:url(../images/team/drMichel.jpg) 510px 0 no-repeat;
	width:900px;
	height:450px;
}


#informations, #drjahjah, #drfaraj {
	display:none; 
	background:#fff;
}

/* 6. ######## SLIDER ######## */

/*preload classes*/ 
.svw {
	width: 50px; 
	height: 20px;
} 
.svw ul {
	position: relative; 
	left: -999em;
}  
 
/*core classes*/ 
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 
.stripViewer ul li {  
	float:left;
	color:#fff;
} 
.stripTransmitter { 
	overflow: auto; 
	width: 1%;
	position:absolute;
	top:50px;
	left:10px;
} 
.stripTransmitter ul { 
	margin: 0; 
	padding: 0; 
	position: relative; 
	list-style-type: none; 
} 
.stripTransmitter ul li{ 
	width: 20px; 
	float:left; 
	margin: 0 1px 1px 0;
	color:#fff;
} 
.stripTransmitter a,
.stripTransmitter a:active,
.stripTransmitter a:focus,
.stripTransmitter a:visited { 
	text-align: center; 
	line-height: 22px; 
	background: #afb57a; 
	color: #fff; 
	text-decoration: none; 
	display: block;
	font-family:Arial, Helvetica, sans-serif;
} 
.stripTransmitter a:hover, .stripTransmitter a.current{ 
	background: #eef1d6; 
	color: #afb57a;
	height:30px;
} 


/* 7. ######## GOOGLE MAP ######## */

#gmap{
	width:450px;
	height:652px;
	margin:40px 0 0 0;
	float:right;
}

img.gmap_logo {
	float:left;
	margin:10px 7px 0 0;
}

.gmap_adress {
	display:none;
}

.gmap_pop p {
	font-size:11px;
	color:#848b3c;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
}

.gmnoprint {
	margin:10px 0 0 0;
}

/* 8. ######## TOOLTIP ######## */

.tooltip {
	height:64px;
	width:170px;
	background:#9ba060;
	padding:10px 0 0 10px;
	color:#fff;
	opacity:0.85;
	filter:alpha(opacity=85);
}

.team_name {
	font-size:16px;
}

.tooltip a:link,
.tooltip a:visited,
.tooltip a:focus,
.tooltip a:active {
	color:#fff;
}

.tooltip a:hover {
	
}

.poste {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

/* IE ROCKS !! */