/*--------------------------------
			TAGS
--------------------------------*/



*{
	margin: 							0;
	padding:  							0;
	border: 							none;
}
html, body {
	font:								16px/1.1em Verdana, Arial, Helvetica, sans-serif;/*16px;*/
	color:								#3F3F3F;
	background:   						url(../img/top_bkg_repeat_x.jpg) repeat-x #F2E9E4;
}
p {
	font-size:							0.8em;
	margin-bottom:	 					1em;
}
img {
}
a { 
}
a:hover {
}
h1 {
	font-size:							21px;
	margin-bottom:						0.4em;
	color:								#18738E;
	text-transform:						uppercase;
	font-family:						Arial, Helvetica, sans-serif;
	font-weight:						bold;
}
h2 {
	font-size:							21px;
	color:								#ACB3BB;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-weight:						normal;
	margin-top:							30px;
	margin-bottom:						0.4em;
	line-height:						1.2em;
}
h3 {
	font-size:							16px;
	color:								#156C8A;
	font-family:						Arial, Helvetica, sans-serif;
	font-weight:						normal;
	margin-left:						0px;
	margin-top:							1.6em;
	margin-bottom:						0.6em;
}
h4 {
	font-size:							0.8em;
	color:								#000;
	font-weight:						bold;
	margin-left:						0px;
	margin-top:							0.4em;
	margin-bottom:						0.4em;
}
h5 {
	font-size:							1.1em;
}
ul,dl , ol{ 
	font-size:							0.8em;
	margin-bottom:						1em;
	margin-left:						2em;
}	

dl{ margin-left:0em;}
li , dd, dt{
	margin-bottom:						0.2em;
}

dt , ol li{margin-top:				1em; margin-bottom:0;}
table {
	/*font-size:							0.8em;
	margin-bottom:						1em;*/
}
td {
	vertical-align:						top;
	/*padding:							3px;
	font-size:								15px;*/	
}
hr {
	background-color: #157699;
	height:1px;
}

/*--------------------------------
			Classes
--------------------------------*/

.clear {
	clear:								both;
}
.left {
	float:								left;
}
.right {
	float:								right;
}
.subheading {
	font-size:							80%;
}
.def_anchor {
	color:								#156C8A;
	text-decoration:					none;
}
a.def_anchor:hover {
	text-decoration:					underline;
}

/*--------------------------------
			Structure
--------------------------------*/

#all, #header, #content, #column_main, #column_secondary, #footer {
	position: 							relative;/**/
}
#all, #header, #content, #footer {
	clear:								both;
}
#all {
	width: 								940px;
	margin: 							0 auto;
}
#header {
	position:							relative;
}
#content {
	/*background:							url(../img/main-bg.gif) repeat-y top left;*/
	margin-top:10px;
}
#column_main {
	float:								left;
	width:								570px;
	padding:	            			20px 20px 40px 20px;
	
	margin-bottom:20px;
		background:url(../img/shadow.jpg) repeat-x bottom #fff; 

}

#column_main_accueil {width:940px; }
img#main-page-img{ padding-bottom:20px;  	background:url(../img/shadow.jpg) repeat-x bottom ;  
}

#home-box-section img{padding:10px;}
#home-box-section p {margin-left:10px;margin-right:10px;}

.bottom-box-section {
width:300px; 
float:left; 
color:#000;
 margin-top:20px; 
 margin-right:20px;
 	background:url(../img/shadow.jpg) repeat-x bottom ; 
 background-color:#fff;
 padding-bottom:25px; }

 
 .middle-box-section {
width:300px; 
float:left; 
color:#000;
margin-right:-20px;
 margin-top:20px; 
  	background:url(../img/shadow.jpg) repeat-x bottom ; 
 background-color:#fff; 
  padding-bottom:25px;
 }

 
.bottom-box-section-pull{
width:300px; 
float:right; 
color:#000;
 margin-top:20px; 
 margin-left:20px;
  	background:url(../img/shadow.jpg) repeat-x bottom ; 
 background-color:#fff;
  padding-bottom:25px; }


.bottom-box-section h3,.bottom-box-section-pull h3,
.middle-box-section h3 {margin: 7px 0 0 10px; font-weight:bold;}





#column_secondary {
	float:								right;
	width:								290px;
	padding:						10px;
	background:url(../img/right_green_fade.jpg) repeat-x top #2a8043;
	color:#000; 
}

.bottom-fade { 
	float:right; 
	background:url(../img/shadow.jpg) repeat-x  bottom ; 
	height:auto; 
	padding-bottom:20px;  
	position:relative;
	width:310px;
}

#column_secondary p {color:#fff; line-height:1.25em; font-size:	.75em; margin-top:10px;}
#column_secondary h1,#column_secondary h2,
#column_secondary h3,
#column_secondary h4,
#column_secondary dt,
#column_secondarydl,
#column_secondary dd {color: #fff;}

#column_secondary label {
	color:						#fff;
	font-size:					0.8em;			
}

#column_secondary input, #column_secondary textarea {
	margin-bottom:	5px;
}




/*--------------------------------
		Barre de Navigation
--------------------------------*/

#nav {
}
#nav.with_submenu {
	height:								50px;
}
#nav ul {
	list-style-type:					none;
	font-size:							1em;
	position:							relative;
	background-color:					#ABB0B6; /* MENU BACKGROUND COLOR */
	width:								100%;
	height:								30px;
	margin:								0;
	padding:							0;
}
#nav li {
	float:								left;
	text-align:							center;
	margin:								0;
}
#nav li a {
	display:							block;
	float:								left;
	height:								30px; /* SAME FOR HEIGHT AND LINE HEIGHT */
	line-height:						30px; /* SAME FOR HEIGHT AND LINE HEIGHT */
	color:								#000;
	
	text-decoration:					none;
}
#nav li.thispage a {
	color:								#FFF;
}
#nav li a:hover {
	color:								#FFF;
}
	/* --- SUBMENU STARTS HERE ---  */
	#nav li ul {
		display:							none;		
		position:							relative;
		font-size:							0.8em;
	}
	#nav ul ul {
		/*float:								left;*/
	}
	#nav li.thispage ul {
		display:							block;
		position:							absolute;
		top:								30px;
		left:								0;
		height:								20px;
		background-color:					pink; /* SUBMENU BACKGROUND COLOR */
	}
	#nav ul ul li a {
		display:							block;
		width:								auto;
		height:								20px; /* SAME FOR HEIGHT AND LINE HEIGHT */
		line-height:						20px; /* SAME FOR HEIGHT AND LINE HEIGHT */
		padding:							0 15px;
	}
	#nav li.thispage ul li a {
	}
	#nav li.thispage ul li a:hover {
	}
	#nav li.thispage ul li.thispage a {
		background-color:					yellow;
	}

a#home, a#migraines, a#traitement, a#recherche, a#contact, a#consultation {
	height:30px; 
	text-indent:-9999px; 
	background:no-repeat;
}
a#home { background:url(../img/nav_accueil.jpg); width:73px;} 
a#migraines { background:url(../img/nav_migraines.jpg); width:247px;}
a#traitement { background:url(../img/nav_traitements.jpg); width:171px;} 
a#recherche { background:url(../img/nav_recherches.jpg); width:187px;} 
a#contact { background:url(../img/nav_contact.jpg); width:117px;} 
a#consultation { background:url(../img/nav_quinousconsulte.jpg); width:145px;} 


a#home:hover, #nav li.thispage a#home  { background:url(../img/nav_accueil_over.jpg); } 
a#migraines:hover , #nav li.thispage a#migraines { background:url(../img/nav_migraines_over.jpg); } 
a#traitement:hover,  #nav li.thispage a#traitement{ background:url(../img/nav_traitements_over.jpg); } 
a#recherche:hover , #nav li.thispage a#recherche { background:url(../img/nav_recherches_over.jpg); } 
a#contact:hover , #nav li.thispage a#contact { background:url(../img/nav_contact_over.jpg); } 
a#consultation:hover , #nav li.thispage a#consultation { background:url(../img/nav_quinousconsulte_over.jpg); } 


/*--------------------------------
			Particularites
--------------------------------*/

/* --- HEADER --- */
#logo {
	background-color:					#CCCCCC;
	background:url(../img/header.jpg) no-repeat; 
	height:								105px;
	text-indent:-9999px;
}
#topright_info {
	width:								300px;/*250px;*/
	height:								50px;
	position:							absolute;
	top:									0;
	right:									0;
	text-align:							right;	
	font-size:							12px;
}

/* - Ajout Baptiste - Pour les messages d'erreur du formuaire de contact - */
#info_form {
	
	background-color:				#156C8A;
	border:								1px solid #fff;
	margin:								10px auto;
	text-align:							center;
	color:								#fff;
	font-size:							12px;
	padding:							5px;
}

/* --- COLUMN MAIN --- */
#column_main ul { 
}

/* --- COLUMN SECONDARY --- */
#column_secondary h3
{
	font-size:							16px;
	margin-bottom:						1em;
	color:								#fff;
	font-family:						Arial, Helvetica, sans-serif;
	font-weight:						bold;
	margin-left:						0px;
	margin-top:							5px;
}
#column_secondary p {
}

/* FOOTER */
#footer{
	text-align:							center;
	font-size: 							0.6em;
	margin-top:							10px;
	padding-top:						5px;
	background-color:					#156C8A;
	color:									#fff;
	
}
#footer a { 
	text-decoration: 					none;
	color: 								#fff;
}
#footer a:hover {
	text-decoration:					underline;
}
/*===============image extase==============*/

img#extase-forestier{float:left; margin:10px 10px 10px 0px; 	background:url(../img/shadow.jpg) repeat-x bottom ; 
}

/* GoogleMap FIX */
.gmnoprint span {display:none;}