/****************************************************************************************************
*
*	Filename:  		main.css
*	Last updated:	2009/08/12 by Yannick T.
*
****************************************************************************************************/

/****************************************************************************************************
*
*	BASIC TAGS
*
****************************************************************************************************/

*
	{ margin: 0; padding: 0; border: 0; }

body
	{ font: 12px Verdana, Arial; background: #d1cec2 url('../images/frame/body_background.jpg') top left repeat-x fixed; }

h1
	{ margin: 0 0 14px 0; font-size: 18px; color: #304b80; }

h2
	{ margin: 0 0 14px 0; font-size: 14px; color: #304b80; }

h3
	{ margin: 0 0 14px 0; font-size: 12px; font-style: italic; font-weight: normal; }

h4
	{ margin: 0 0 14px 0; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }

p
	{ margin: 0 0 14px 0; height: 1%; text-align: justify; overflow: visible; }

small
	{ font: 10px Verdana, Arial; }

a
	{ color: #304b80; }

ul
	{ margin: 14px 0 0 0; list-style-type: none; }

li
	{ margin: 0 0 14px 0; padding: 0 0 0 22px; text-align: justify; background: url('../images/bullet_blue.gif') top left no-repeat; }

img.padding_fix
	{ display: block; }



/****************************************************************************************************
*
*	FRAMES
*
****************************************************************************************************/

div#wrapper_container
	{ margin: 0 auto; width: 1002px; background: #ffffff; border-left: 1px solid #a5a599; border-right: 1px solid #a5a599; }


div#wrapper_body
	{ margin: 0 auto; width: 980px; background: #ffffff; }


div#wrapper_header
	{ margin: 0 auto; width: 980px; height: 28px; font-size: 10px; color: #aaaaaa; clear: both; }

	div#wrapper_header div#wrapper_header_left
		{ padding: 10px 0 0 0; float: left; width: 490px; }

	div#wrapper_header div#wrapper_header_right
	{ float: left; width: 490px; height: 28px; text-align: right; background: #ffffff url('../images/frame/website_header_top.jpg') top right no-repeat; }


div#wrapper_splash
	{ margin: 0 auto; width: 980px; height: 200px; background: #ffffff url('../images/splash_1.jpg') top left no-repeat; clear: both; }

	div#wrapper_splash div#splash a.home
		{ display: block; width: 980px; height: 200px; }


div#wrapper_content
	{ margin: 0 auto; width: 980px; clear: both; }

	div#wrapper_content div#wrapper_content_left
		{ float: left; width: 220px; }

		div#wrapper_content div#wrapper_content_left div#menu
			{ float: left; padding: 14px 0; width: 220px; background: #304b80 url('../images/menu_background.jpg') top left no-repeat; }

		div#wrapper_content div#wrapper_content_left div#menu a.menu
			{ padding: 10px; display: block; padding: 8px 20px 8px 26px; text-decoration: none; color: #ffffff; background: url('../images/menu_arrow.gif') top left no-repeat;
				font-weight: bold; text-transform: uppercase; }

		div#wrapper_content div#wrapper_content_left div#menu a.menu:hover
			{ padding: 10px; display: block; padding: 8px 20px 8px 26px; text-decoration: none; color: #304b80; background: #ffffff url('../images/menu_arrow_hover.gif') top left no-repeat;
				font-weight: bold; text-transform: uppercase; }

		div#wrapper_content div#wrapper_content_left div#menu a.menuactive, a.menuactive:hover
			{ padding: 10px; display: block; padding: 8px 20px 8px 26px; text-decoration: none; color: #ffffff; background: url('../images/menu_arrow_active.gif') top left no-repeat;
				font-weight: bold; text-transform: uppercase; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu1
			{ padding: 4px 20px 4px 26px; display: block; background: #ffffff url('../images/menu_circle.gif') top left no-repeat; text-decoration: none;
				color: #304b80; font-weight: bold; font-size: 11px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu1:hover
			{ padding: 4px 20px 4px 26px; display: block; background: #ffffff url('../images/menu_circle.gif') top left no-repeat; text-decoration: underline;
				color: #304b80; font-weight: bold; font-size: 11px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu1active, a.submenu1active:hover
			{ padding: 4px 20px 4px 26px; display: block; background: #ffffff url('../images/menu_circle.gif') top left no-repeat; text-decoration: underline;
				color: #304b80; font-weight: bold; font-size: 11px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu2
			{ padding: 4px 20px 4px 32px; display: block; background: #ffffff; text-decoration: none; text-decoration: none; color: #304b80; font-size: 11px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu2:hover
			{ padding: 4px 20px 4px 32px; display: block; background: #ffffff; text-decoration: none; text-decoration: underline; color: #304b80; font-size: 11px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu2active, a.submenu2active:hover
			{ padding: 4px 20px 4px 32px; display: block; background: #ffffff; text-decoration: none; text-decoration: underline; color: #304b80; font-size: 11px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu3
			{ padding: 4px 20px 4px 38px; display: block; background: #ffffff; text-decoration: none; text-decoration: none; color: #304b80; font-size: 10px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu3:hover
			{ padding: 4px 20px 4px 38px; display: block; background: #ffffff; text-decoration: none; text-decoration: underline; color: #304b80; font-size: 10px; }

		div#wrapper_content div#wrapper_content_left div#menu a.submenu3active, a.submenu2active:hover
			{ padding: 4px 20px 4px 38px; display: block; background: #ffffff; text-decoration: none; text-decoration: underline; color: #304b80; font-size: 10px; }

		div#wrapper_content div#wrapper_content_left div#links
			{ float: left; width: 220px; }

			div#wrapper_content div#wrapper_content_left div#links div
				{ margin: 10px 0 0 0; }

				div#wrapper_content div#wrapper_content_left div#links div img
					{ display: block; }


	div#wrapper_content div#wrapper_content_body
		{ float: left; margin: 10px 10px 0 10px; padding: 14px; width: 510px !important; min-height: 500px; height: auto !important; height: 500px; }

		div#wrapper_content div#wrapper_content_body a, a:visited
			{ color: #304b80; }

		div#wrapper_content div#wrapper_content_body p.intro
			{ padding: 0 220px 14px 0; background: url('../images/photo_andre_o_rodier.jpg') bottom left no-repeat; }

		div#wrapper_content div#wrapper_content_body p.h1n1
			{ padding: 14px; background: #314a80; color: #ffffff; }

			div#wrapper_content div#wrapper_content_body p.h1n1 span.phone
			{ display: block; padding: 14px 0 0 0; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold; }

			
	div#wrapper_content div#wrapper_content_right
		{ float: left; margin: 10px 0 0 0; width: 202px; }

		div#wrapper_content div#wrapper_content_right div#search
			{ float: left; margin: 10px 0 0 0; width: 202px; clear: both; }

			div#wrapper_content div#wrapper_content_right div#search .search_box
				{ margin: 6px 0 0 0; padding: 2px 2px 2px 20px; background: url('../images/frame/icons/search.gif') top left no-repeat; width: 178px; font: 12px Verdana, Arial; border: 1px solid #dddddd; clear: both; }

		div#wrapper_content div#wrapper_content_right div#share
			{ float: left; margin: 10px 0 0 0; width: 202px; clear: both; }

			div#wrapper_content div#wrapper_content_right div#share p
				{ margin: 6px 0 0 0; text-align: center; }

		div#wrapper_content div#wrapper_content_right div#jobs
			{ float: left; margin: 10px 0 0 0; width: 202px; clear: both; }

		div#wrapper_content div#wrapper_content_right div#infosante
			{ float: left; margin: 10px 0 0 0; width: 202px; background: url('../images/logo_811.jpg') top left no-repeat; clear: both; }

		div#wrapper_content div#wrapper_content_right div#phonebook
			{ float: left; margin: 10px 0 0 0; width: 202px; clear: both; }

			div#wrapper_content div#wrapper_content_right div#phonebook p
				{ margin: 0; padding: 6px; font-size: 10px; text-align: left; border-bottom: 1px dashed #dddddd; }


	div#wrapper_sub_footer
		{ height: 14px; clear: both; }


div#wrapper_footer
	{ margin: 0 auto; padding: 16px 10px; width: 984px; height: 120px; color: #ffffff; text-align: center; font-size: 10px; background: #a5a599 url('../images/frame/footer_background.jpg') top left repeat-x; clear: both; }

	div#wrapper_footer a, a:visited
		{ color: #ffffff; }


/****************************************************************************************************
*
*	SPECIFIC STYLES
*
****************************************************************************************************/

div.emphasis
	{ margin: 0 auto; padding: 14px 14px 0 14px; width: 400px; border: 2px solid #304b80; }

p.intro
	{ margin: 14px 0; }

p.border_bottom
	{ margin: 14px 0; }



img.icon
	{ position: relative; top: 4px; }



table
	{ margin: 0 0 14px 0; width: 510px; }

table th
	{ padding: 4px; color: #ffffff; background: #304b80; }

table th.sub_header
	{ padding: 4px; color: #304b80; background: #eeeeee; }

table.single_list td.no_border, table.double_list td.no_border, table.seasonal_flu_list td.no_border
	{ border: none; }

table.single_list td
	{ width: 510px; padding: 10px 0; text-align: justify; vertical-align: top; border-bottom: 1px dashed #dedede; }

table.double_list td
	{ width: 255px; padding: 10px 0; vertical-align: top; border-bottom: 1px dashed #dedede; }

table.seasonal_flu_list
	{ border: 2px solid #93a630; margin: 0 0 14px 0; }

table.seasonal_flu_list th
	{ padding: 4px; color: #ffffff; background: #93a630; }

table.seasonal_flu_list th.sub_header
	{ padding: 4px; color: #93a630; background: #eeeeee; }

table.seasonal_flu_list span.title
	{ font-size: 16px; }

table.seasonal_flu_list span.sub_title
	{ font-size: 12px; font-style: italic; font-weight: normal; }

table.seasonal_flu_list td
	{ width: 170px; padding: 10px; vertical-align: top; border-bottom: 1px dashed #dedede; }

table.seasonal_flu_list span.red
	{ color: #c31c1c; font-weight: bold; }

table.seasonal_flu_list span.green
	{ color: #22a925; font-weight: bold; }



ul.flv, ul.intext ul.flv
	{ margin: 14px 0 0 0; list-style-type: none; }

ul.flv li, ul.intext li ul.flv li
	{ margin: 0 0 14px 0; padding: 0 0 0 22px; text-align: left; background: url('../images/icon_flv.gif') top left no-repeat; }

ul.pdf, ul.intext ul.pdf
	{ margin: 14px 0 0 0; list-style-type: none; }

ul.pdf li, ul.intext li ul.pdf li
	{ margin: 0 0 14px 0; padding: 0 0 0 22px; text-align: left; background: url('../images/icon_pdf.gif') top left no-repeat; }

ul.lock, ul.intext ul.lock
	{ margin: 14px 0 0 0; list-style-type: none; }

ul.lock li, ul.intext li ul.lock li
	{ margin: 0 0 14px 0; padding: 0 0 0 22px; text-align: left; background: url('../images/icon_lock.gif') top left no-repeat; }

ul.intext
	{ margin: 14px 0 0 0; list-style-type: none; }

ul.intext li
	{ margin: 0 0 14px 14px; padding: 0 0 0 22px; text-align: justify; background: url('../images/bullet_blue.gif') top left no-repeat; }

ul.seasonal_flu
	{ margin: 0; list-style-type: none; }

ul.seasonal_flu li
	{ margin: 0; padding: 0 0 0 22px; text-align: left; background: url('../images/bullet_blue.gif') top left no-repeat; }



span.red
	{ color: #cc0000; }



/****************************************************************************************************
*
*	EVOLUTRA
*
****************************************************************************************************/

td.evoSiteMapCategory
	{ padding: 12px 0 0 0; }

td.evoSiteSearchAdvancedColumnHeader
	{ display: none; }

table#_ctl0_SiteAdvancedSearch_dgrdResults
	{ margin: 14px 0 0 0; }

tr.evoSiteSearchAdvancedAlternateColumnData
	{ border-bottom: 1px solid #dddddd; }

hr.evoSearchDivider
	{ display: none; }

span#_ctl0_SiteAdvancedSearch_lblSiteSearchNewSearch
	{ display: none; }

tr.evoSiteSearchAdvancedPager td
	{ text-align: center; }

table#_ctl0__ctl10_presubmit
	{ width: 510px; }

input#_ctl0__ctl10_surname, input#_ctl0__ctl10_name, input#_ctl0__ctl10_main_phone, input#_ctl0__ctl10_cell_phone, input#_ctl0__ctl10_other_phone
	{ border: 1px solid #dddddd; width: 300px; }

textarea#_ctl0__ctl10_address, textarea#_ctl0__ctl10_availabilities
	{ border: 1px solid #dddddd; width: 300px; height: 100px; }

input#_ctl0__ctl10_btnSubmit
	{ display: block; margin: 0 auto; width: 100px; padding: 4px; }

input.evoPasswordTextbox
	{ padding: 1px; width: 156px; height: 14px; font: 12px Verdana, Arial; border: 1px solid #dddddd; }

input.evoPasswordButton
	{ margin: 0 0 0 14px; clear: both; }



/****************************************************************************************************
*
*	EmailMe Form TEMP
*
****************************************************************************************************/
div#body_wrapper div#static_content
	{ float: left; margin: 10px 10px 0 10px; padding: 14px; width: 510px !important; min-height: 500px; height: auto !important; height: 500px; }

div#body_wrapper div#static_content a, a:visited
	{ color: #304b80; }

div#body_wrapper div#static_content input
	{ border: 1px solid #dddddd; margin: 0 0 14px 0; padding: 4px; width: 350px; font: 12px Verdana, Arial; }

div#body_wrapper div#static_content textarea
	{ border: 1px solid #dddddd; margin: 0 0 14px 0; padding: 4px; width: 350px; font: 12px Verdana, Arial; }

div#body_wrapper div#static_content input.btn
	{ border: 1px solid #dddddd; width: 100px; font: 12px Verdana, Arial; }

div#body_wrapper div#static_content input.radio_input
	{ border: 0; width: 20px; font: 12px Verdana, Arial; vertical-align: middle; }