BODY {}

#wrapSite {width:1001px; margin:0 auto; padding: 20px 0 0 0;}
#wrapContainer {}

/* Header */
#siteHeader {}
	#siteHeader .logo {float:left;}
	
/* Menus */

#menuTop {
	width:840px; padding:0 0 0 0;
	text-align:right; float:right;}
	
	#menuTop UL {float:right; clear:both; }
	#menuTop LI {padding:0 0 10px 10px; font-size:11px; }
	
	#menuTop A:link, #menuTop A:visited, #menuTop A:active {color:#349f30; text-decoration:none;}
	#menuTop A:hover {color:#000; text-decoration:none;}
	

#menuMain { }

#boxSearch, #boxSearchResults { 
	width:326px; height:57px;
	background:url(/images/mt_search.jpg) no-repeat;
	float:right; clear:right; position:relative;
}
	#formSearch {padding:12px 0 0 64px;}
	#formSearch .input {float:left; margin: 4px 0 0 0; }
	#formSearch .btn {float:right; margin:  0 1px 0 0; }
	#formSearch .inText { width:225px; height:20px;  padding:3px; margin: 0px; border:none; background: transparent; outline: none;}

#boxSearchResults {float:none; margin-left:-30px;}

/*#menuOverlay {
	position:absolute;
	left:95px; top:57px; width:300px;
	white-space:nowrap;
}
*/
#menuOverlay, #menuOverlay_fr
{
	padding:0; margin:0;
	position:absolute;
	left:133px; top:57px; width:326px;
	white-space:nowrap;
}

#menuOverlay_en {
	padding:0; margin:0;
	position:absolute;
	left:214px; top:57px; width:260px;
	white-space:nowrap;
}


/* Sub Menu */
#menuSub {width:216px; background:#0d4c0a url(/images/bgMenu_b.jpg) repeat-y; padding:0 0 0 0; }
	#menuSub LI {
		float:none; }
	
	#menuSub A:link, #menuSub A:visited, #menuSub A:active {
		color:#FFFFFF; text-decoration:none;
		display:block; padding: 7px 10px 7px 20px; 
		background: url(/images/bgMenu.jpg) repeat-y left bottom; }
		
	#menuSub A:hover, #menuSub A:link.active, #menuSub A:visited.active {
		background: url(/images/bgMenu_o.jpg) repeat-y left top;
		color:#FFFFFF; text-decoration:none; }
		
	/* First item */
	#menuSub A:link.first, #menuSub A:visited.first {
		padding-top:21px; }
	
	#menuSub A:hover.first, #menuSub A:link.firstActive, #menuSub A:visited.firstActive {
		padding-top:21px; background: url(/images/bgMenu_o2.jpg) repeat-y left top;
		color:#FFFFFF; text-decoration:none; }
	
	#menuSub A:link.last, #menuSub A:visited.last { padding-bottom:20px;}

/* Content */

#wrapContent {}

.colLeft { width:216px; float:left;}

.colContent { width:784px; float:left;}

#contentHeader {}
	#contentHeader H1 
	{
		display:block;
		margin:30px 0 0 40px;
		/*padding:30px 0 0 40px;*/
		text-indent:-9999px;
	}
	


#content {padding: 30px 0 40px 40px;}
	#col1 {width:350px; float:left;}
	#col2 {width:350px; float:left; margin:0 0 0 40px;}
	.imgMontage {margin:0 20px 10px 0;}

hr { display: none; }
.hr { height: 2px; background-color: #F1F9F0; }

.tableau { margin-bottom: 10px; border: solid 1px #349f30; border-collapse: separate; border-spacing: 1px; }
    .tableau TD { padding: 5px; }
    .tableau TD P { padding: 0px; }
    .tableau TD STRONG { color: #ffffff; }
    .tableau .alter { background-color: #5BBD58; }

.cadre { background-color: #D3EED2; padding: 0px 20px; border: solid 1px #349f30; }
    .cadre LI { list-style-image: none; list-style-type: disc; }
    


/* Footer */
#siteFooter {}


/* TYPO */

BODY, P, LI {font-size:13px; color:#4a4a4a; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 16px;}
STRONG {color:#0C4A09; font-weight: bold;}

A, A:link, A:visited, A:active {color:#00641A; text-decoration:underline; outline:none;}
A:hover {color:#000; text-decoration:none; outline:none;}

P { padding: 0px 0px 15px 0px; }

H2 { font-size: 17px; font-weight:bold; margin-bottom: 20px; color: #0C4A09; }
H3, H3 EM { font-size: 15px; font-weight: bold; margin: 15px 0px; color:#0C4A09; }
H4 { font-size: 13px; font-weight:bold; margin: 10px 0px; color: #349F30; }

EM { font-style: italic; }

SUP { font-size: 0.7em; }

.tVert {color:#00641A;}

/* LOCALISATEUR */

.box_gauche { width: 398px; height: 271px; padding: 20px 0px 0px 80px; position: absolute; top: 0px; left: 0px; background: url(/images/box_gauche.jpg) no-repeat; color:#FFF; }
.box_gauche .vert, .box_gauche .vert A, .box_gauche .vert A:link, .box_gauche .vert A:visited, .box_gauche .vert A:active {color:#B4FDB4;}
.box_gauche A, .box_gauche A:link, .box_gauche A:visited, .box_gauche A:active {color:#FFF; text-decoration:none;}

.box_droite { width: 575px; float: right; background: url(/images/box_droiteBack.gif) repeat-y; }
.box_droite_contenu { min-height: 300px; padding: 20px 0px 0px 90px;}

.box_gauche_map { width: 467px; height: 377px; position: absolute; padding: 20px 0px 0px 10px; background: url(/images/box_gauche2.gif) no-repeat;  }
.box_droite2 { width: 527px; position:relative; left: 477px; background: url(/images/box_droiteBack2.gif) repeat-y; }
.box_droite_contenu2 { min-height: 300px; padding: 20px 0px 0px 35px; }

.NomPharmacien { padding-bottom: 5px; display: block; }
.box_droite_contenu2 A { text-decoration: none; }

.box_gauche3 { width: 301px; float: left; }
.box_gauche3 .photo { position: relative; left: 13px; top: -11px; }
.box_gauche3 .text { padding: 0px 0px 20px 40px; }

.box_droite3 { width: 700px; float: right; margin-left: -20px; background: url(/images/box_droiteBack3.gif) repeat-y; }
.box_droite3 .nomPharmacien2 { font-size: 18px; padding: 8px 0px 30px 0px; color: #7c7c7c; display: block; }
.box_droite_contenu3 { min-height: 300px; padding: 20px 10px 0px 40px; }

.box_droite_contenu h1, .box_droite_contenu2 h1, .box_droite_contenu3 h1 {color:#359A32;font-size: 18px; font-weight:normal;margin:0px 0px 30px 0px;}

/* Liste */

OL, UL { padding-left: 40px; margin-bottom: 20px; }
LI { list-style-image: url(/images/li.gif); color: #666666; padding-bottom: 10px; }

OL LI { list-style-type: decimal; }

UL UL { margin-top: 10px; margin-bottom: 0px; }

/* Navigation */
UL.menu {}
    UL.menu LI {float:left; list-style-type: none; list-style-image: none; }

/* Site Map */
#siteMap {padding:10px 0 0 30px; }

    /* level 1 */
    #siteMap .section {float:left; width:350px; padding:0 0 10px 0;}

    #siteMap A:link, #siteMap A:visited, #siteMap A:active { 
        color:#0C4A09; font-weight:bold; text-decoration:none; 
        display:block; padding: 3px 0px 5px 0px;
        background:none; }
    #siteMap A:hover { 
        color:#000000; text-decoration:none; }

    /* level 2 */
    #siteMap .sub {padding:0;}
    #siteMap .sub A:link, #siteMap .sub A:visited, #siteMap .sub A:active { 
        color:#349F30; font-weight:normal; text-decoration:none; 
        display:block; padding: 2px 0px 2px 0px;
        background:none;  }
    #siteMap .sub A:hover { 
        color:#000000; text-decoration:none; }    
        
    /* level 3 */
    #siteMap .sub .sub {padding:0 0 5px 10px; font-size:11px;}

/* Util */
.clearer {clear:both;}
.hr { background: url(/images/hr.gif) repeat-x; width: 100%; height: 2px; margin-bottom: 15px; }

.pager TD {text-align:center; padding:0px 8px; }

.pager A { text-decoration:none;}
.pager SPAN { text-decoration:underline; font-weight:bold; color:#349f30;}


.ListTitle{color:#00641A;}

.inactive{text-decoration:none; color:Gray;}

INPUT.errorTextbox  {border:1px solid #FF002B;}
.errorTextbox  {border:1px solid #FF002B;}
.errorLabel {color:#FF002B;}


/*************************
Expand content
*************************/
        
.expandContainer, .expandContainer_a
{
    width:700px;
    cursor:pointer;
    margin-bottom:10px;
}

.expandContainer
{
    background: #FFF;
    color:white;
}

.expandContainer_a
{
    background: #FFF;
    color:#000;
}

.expandContainer_a .expandContent
{
    width:700px;
    cursor:default;
    display:block;
}

.expandContent
{
    color:#5C5C5C;
    position:relative;
    padding:5px 10px 13px 10px;
    margin:0px;
    width:680px;
    display:none;
    background: #F0FFF1;
}

.expandContent .img
{
    width:195px;
    float:left;
    margin:10px 20px 0 5px;
}

.expandContent .content
{
    width:425px;
    float:left;
    padding-top:5px;
}

.expandClick
{
    font-weight:bold;
    outline:none;
    padding:6px 10px 0 10px;
    width:680px;
    display:inline-block;
    height:30px;   
}


/* Conseils santé */
table.tabConseil {margin:0 0 15px 0;}
table.tabConseil tr.alt {background-color:#C2EFC5;}