/* [This Cascading Style Sheet handcoded by Twin Pics Web Lab 2006] */

/* ========== CORPS ========== */
body {
	margin: 0;
	padding: 0;
	background-color: #fff; /*#f0f0f0*/
	scrollbar-face-color: #0066cc;
	scrollbar-highlight-color: #ffcccc;
	scrollbar-shadow-color: #c0c0c0;
	scrollbar-3dlight-color: #d3ffd3;
	scrollbar-arrow-color: #ffff00;
	scrollbar-track-color: #f0f0f0;
	scrollbar-darkshadow-color: #000;
}

/* ========== TITRES ========== */
h2 {
	margin-bottom: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066cc;
}
h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000099;
	text-align: center;
}
h4 {
	margin: 30px 25px 30px 25px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0066cc;
}

/* ========== TEXTES ========== */
.Style1  {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000;}
.Style2  {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000;}
.Style3  {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #bb010a;}
.Style5  {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066cc;}
.Style6  {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000;}
.Style9  {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #333333;}
.Style10 {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000099;}
.Style11 {font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #000;}
.Style12 {font-family: verdana, arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; text-align: center;}
.Style13 {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #404040;}

/* ========== LIENS TEXTES ========== */
a:link.Text    {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: underline;}
a:hover.Text   {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000099; text-decoration: underline;}
a:visited.Text {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #bb010a; text-decoration: none;}
a:active.Text  {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #ff3300; text-decoration: none;}

/* ========== DATE ========== */
span.date {font-family: arial, sans-serif; font-size: 11px; color: #fff;}

/* =============== BOTTOM MENU HORIZONTAL =============== */
#menu_footer   {width: 100%; height: 100%; margin: 0; padding-top: 6px; padding-bottom: 0; border: 0; color: #fff; text-align: center; vertical-align: middle;}
a:link.menu    {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none;}
a:hover.menu   {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: underline;}
a:visited.menu {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #bb010a; text-decoration: none;}
a:active.menu  {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #ff3300; text-decoration: none;}
span.nolink    {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #bb010a;}

/* =============== TOP MENU HORIZONTAL =============== */
a {font-family: arial, helvetica, sans-serif; font-size: 11px;}
#menu {
	vertical-align: middle; 
	border-top: 0; 
	border-bottom: 0; 
	clear: both; 
	list-style: none; 
	padding: 0 1px; 
	margin: 0; 
	_margin-bottom: 10px; 
	font-size: 1em; 
	font-weight: bold; 
	background-color: none inherit; 
	background: url('http://www.sas-service.fr/images/bg_menu_nav_degrade.png') no-repeat 0 -1px; 
	_background-position: 0 0; 
	min-height: 28px; 
	_height: 31px;
}
#menu a {display: block; text-decoration: none;}
#menu div {background-color: none inherit; padding-right: 13px; position: relative; z-index: 999 !important;}
#menu div.right {padding-left: 13px; padding-right: 0;}
#menu div a {
	color: #f5f1f1; 
	_width: 1%; 
	_white-space: nowrap; 
	padding: 6px 0 10px 11px; 
	_padding-bottom: 7px; 
	position: relative; 
	z-index: 101;
}
#menu div.right a {padding: 6px 11px 8px 0;}
#menu a:hover {color: #fff;}
#menu li {
	float: left; 
	position: relative; 
	margin: 0 0 13px 0; 
	_margin: 0; 
	padding: 0 2px 0 0; 
	background: url('http://www.sas-service.fr/images/separator_wte.gif') no-repeat 100% 0; 
	_top: 1px;
}
#menu #monCompte,#menu #musique_jeux{background-image: none;}

/* red highlight for current tab */
#menu li div.current, #menu li div.current a {
	background-color: none inherit; 
	background: url('http://www.sas-service.fr/images/current_all_v6.png') no-repeat top right; 
	color: #fff;
}
#menu li div.current a {background-position: top left; color: #fff;}
#menu li.last div.current, #menu li.first div.current a {
	background-color: none inherit; 
	/*background-image: url('images/current_all_outside.png');*/
}

/* top */
#menu li {behavior:expression(navAddHover(this)); background-color: none inherit;}
#menu li.right {behavior:expression(navAddHover(this,'right')); float: right; background-position: 0 0; padding: 5px 12px 0 5px; min-height: 28px; height: 31px;}
#menu li:hover, #menu li.over {/*padding: 1px 6px 0 4px;*/ margin: 0 0 11px 0; background-color: none inherit;}
#menu li li:hover, #menu li li.over {margin: 0; background-color: none inherit;}
#menu li:hover div, #menu li.over div {
	background-color: none inherit; 
	background: url('images/menu_left_hover_grey.png') no-repeat right top !important; 
	padding-right: 8px; 
	padding-bottom: 0px; 
	_margin-bottom: -3px; 
	_background-position: 100% 1px;
}
#menu li:hover div a, #menu li.over div a {
	background-color: none inherit; 
	background: url('http://www.sas-service.fr/images/menu_left_hover_grey.png') no-repeat left top !important; 
	_background-position: 0 1px; 
	color: #fff !important; 
	padding: 6px 5px 11px 11px; 
	_padding-bottom: 12px;
}
#menu li.right:hover div, #menu li.rightover div {
	padding-right: 0; 
	padding-left: 8px; 
	_margin-bottom: -3px;
}
#menu li.right:hover div a, #menu li.rightover div a {
	color: #fff !important; 
	padding: 6px 13px 11px 3px; 
	_padding-bottom: 12px;
}

/* submenu */
#menu li ul {
	display: none; 
	position: absolute; 
	z-index: 99 !important; 
	zoom: 1; 
	top: 100%; 
	left: 2px; 
	background-color: none inherit; 
	width: 208px; 
	line-height: normal; 
	padding: 0; 
	margin: 0; 
	margin-top: -1px; 
	_margin-top: 2px;
}
#menu li.right ul {right: 2px !important;}
#menu li:hover ul, #menu li.over ul, #menu li.rightover ul {display: block; background-color: none inherit;}
body:last-child:not(:root:root) #menu  div a, #menu li:hover div a {background-color: none inherit; padding-bottom: 12px;}
#menu li.right ul {background-color: none inherit; left: auto; right: 4px;}
#menu li li {
	zoom: 1; 
	display: block; 
	float: none; 
	border-bottom: 1px solid #aca587; 
	background-color: none inherit; 
	background: url('http://www.sas-service.fr/images/menu_submenu_left_grey.png') no-repeat center left; 
	padding: 0 !important; 
	margin: 0; 
	text-align: left; 
	font-size: 1em; 
	font-weight: normal;
}
#menu li li.last {border-bottom: none; background-position: bottom left; background-color: none inherit;}
#menu li li.first {background-color: none inherit; background-position: top left;}
#menu li.right li {/*background-image: url('images/menu_sub_menu_right.png');*/}
#menu li.right img.arrow {margin-right: 5px; width: 13px; height: 7px; border: 0;}
#menu li li a {display: block; zoom: 1; margin: 0; padding: 3px 7px; color: #000099; font-weight: bold;}/*#3b3b3b*/
#menu li li a:hover {background-color: none inherit; background-position: left center; color: #fff;}
#menu li li.first a:hover {background-color: none inherit; background-position: left top;}
#menu li li.last a:hover {background-color: none inherit; background-position: left bottom;}
#menu li.mid {background-image: none;}

/* submenu hover */
#menu li#ALINK li a:hover, #menu li#BLINK li a:hover, #menu li#CLINK li a:hover, #menu li#DLINK li a:hover, #menu li#ELINK li a:hover {
	background-color: none inherit; 
	background-image: url('http://www.sas-service.fr/images/roll_left_blue.png');
}

/* ========== LISTE A PUCES ========== */
ul, li {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

/* ========== FORMULAIRES ========== */
form#form_contacts {
	margin-right: 50px;
	margin-left: 50px;
	border: 0;
}
form#form_contacts fieldset {margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #bb010a;}
form#form_contacts legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#form_contacts input.Text {
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#form_contacts input.Submit, input.Reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#form_contacts input.Submit:hover, input.Reset:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

/* ========== FORMULAIRE log medecin ========== */
form#log {margin: 20px 220px 200px 220px; border: 0px none;}
form#log fieldset {margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #bb010a;}
form#log legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#log input.Text {
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#log input.Submit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#log input.Submit:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

/* ========== FORMULAIRE contact ========== */
form#f_contact {margin: 20px 165px 20px 165px; border: 0;}
form#f_contact fieldset {margin-bottom: 15px; padding: 10px; border: 1px solid #bb010a;}
form#f_contact legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#f_contact input.Text, textarea.Text {
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#f_contact input.Submit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#f_contact input.Submit:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

/* ========== FORMULAIRE sélection régions ========== */
form#CDS {width: 50%; margin: auto;}
form#CDS fieldset {margin-bottom: 15px; padding: 20px; border: 1px solid #bb010a;}
form#CDS legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#CDS input.Submit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#CDS input.Submit:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}
form#CDS select {
	padding: 2px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #0066cc;
}

/* ========== FORMULAIRE sélection articles de presse ========== */
form#NEWS {
	width: 70%; 
	height: 15%; 
	margin-top: 0; 
	margin-bottom: 0; 
	margin-left: 80px; 
	padding-top: 10px; 
	padding-bottom: 10px;
}
form#NEWS fieldset {margin-bottom: 15px; padding: 20px; border: 1px solid #bb010a;}
form#NEWS legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#NEWS input.Submit {
	width: 35px;
	height: 23px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#NEWS input.Submit:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}
form#NEWS select {
	padding: 2px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #0066cc;
}
form#listing {margin-top: 30px; margin-bottom: 30px;}

form#listing select {
	border: 2px solid #bb010a;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
form#listing input.Submit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#listing input.Submit:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

/* ========== FORMULAIRE témoignage ========== */
form#MyCONTRIB {margin-top: 0; margin-bottom: 0; margin-left: 120px; width: 70%;}
form#MyCONTRIB fieldset {margin-bottom: 15px; padding: 20px; border: 1px solid #bb010a;}
form#MyCONTRIB legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#MyCONTRIB input.Text {
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#MyCONTRIB textarea {
	margin-left: 90px;
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#MyCONTRIB input.Submit {
	margin-left: 200px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#MyCONTRIB input.Submit:hover {
	margin-left: 200px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

/* ========== FORMULAIRE annuaire ========== */
form#PRO {width: 38%; margin-top: 20px; margin-left: 250px;}
form#PRO fieldset {margin-bottom: 15px; padding: 20px; border: 1px solid #bb010a;}
form#PRO legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#PRO input.Text {
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#PRO input.Submit {
	margin-left: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#PRO input.Submit:hover {
	margin-left: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

form#i_file {margin: 20px 50px 20px 50px; border: 0;}
form#i_file fieldset {margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #bb010a;}
form#i_file legend {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}
form#i_file input.Text {
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
}
form#i_file input.Submit {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: #0066cc;
	border: 3px outset #ffff00;
}
form#i_file input.Submit:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066cc;
	background-color: #ffff00;
	border: 3px outset #0066cc;
}

/* */
table#user {margin: auto; border-collapse: collapse; border: 1px outset #bb010a; background-color: #fff;}
th.t_user, td.t_user {
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #bb010a;
}
table#listing {margin: 50px; auto 50px auto; border-collapse: collapse; border: 1px solid #000099;}
table#listing th.list {background-color: #0066cc; color: #fff;}
table#listing th.list, td.list {
	padding: 3px 10px 3px 10px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #000099;
}
.gras {font-weight: bold;}
.note {
	margin: 20px;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #000099;
	background-color: #ffcccc;
}

.warning {
	margin: 2px 5px 2px 5px;
	padding: 2px 3px 2px 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #ff0000;
	background-color: #ffffcc;
	border: 1px solid #ff0000;
}

p#footer {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: orange;
	text-align: center;
}

hr {width: 95%; height: 1px; border: 1px solid #ffa500;}
div#header {padding: 0px 40px 5px 40px; border: 0;}
div#bandeau {text-align: center; border: 0;}
div#formButton {text-align: center; margin-top: 15px; margin-bottom: 15px;}
div#tip {margin: 20px; padding: 5px 35px 5px 35px; border: 1px solid red; background-color: #ffffcc;}
