body
{
	margin:0px;
	font-family:trebuchet MS,arial, helvetica, sans-serif;
	font-size:10pt;
	background-image:url('./images/orthopedie-fond-light.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#060320;
	color:white;
	}

img{border:0;}
#menuwrapper{
	 height:24px;
	 /*border-bottom: 1px solid #C0C0C0;*/
   /*width: 995px;*/
   z-index: 999;
   position: relative;
   margin: 0 auto;
  }
#lemenu{padding-left:1px;height:24px;text-align:left;background:/*#970000;*/ }

/*#lemenu a{color:black;}
#lemenu a:hover{color:#FF0000;}*/


#tabp{border:solid 0px #F5F5F2;border-collapse:collapse;}
#tabp td{text-align:left;}

/**

NAVIGATION

**
*/
#primary-nav li li { 
   width: 200px; 
   z-index:2;
}

/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   z-index:2;
}

#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}

#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}

#primary-nav li { 
	width:112px;
   margin-left: -1px;
   float: left;
   padding:0;
   margin-top:0;
   margin-bottom:0;
   background: none;
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative;
}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 2px 10px; 
   text-decoration: none; 
   color: /*#CE1010*/#fff;
   font-size: 14px;
   font-weight: normal;
   
}

#primary-nav li a { 
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
   background: none;
}

#primary-nav li li a { 
   font-size: 13px;
   border: 1px solid #fff;
}              

#primary-nav li, #primary-nav li.menuparent { 
   background-color: #fff/*#970000*/; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #C0C0C0/*#f00*/; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 

/* arrow for menuparents */
   background-image: url(/images/arrow-right.gif);
   background-repeat: no-repeat;
   background-position: center right; 
}

#primary-nav ul ul li.menuparent, 
#primary-nav ul ul li.menuparent:hover, 
#primary-nav ul ul li.menuparenth { 
   background-image: none;
}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #C0C0C0/*#f00*/; 
}

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul, 
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
#primary-nav li:hover ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul,
#primary-nav li:hover ul ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul ul,
#primary-nav li:hover ul ul ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul ul ul {
   display: none; 
}

 
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul ul li.menuparenth ul {
   display: block; 
}

/* IE Hacks */

#primary-nav li li { 
   float: left; 
   clear: both; 
}

#primary-nav li li a { 
   height: 1%; 
}

a.menu1{color:#ffcc00;font-weight:bold;}
a.menu1{text-decoration:underline;}
a.menu2{color:white}
    
.clearb { clear: both; }

.sousmenu{text-align:center}
.sousmenu a{color:#EB6327;text-decoration:none;}
.sousmenu a:hover{color:#F19269;text-decoration:underline;}

/* MENU VERTICAL */


/* liens menu vertical */
.linkv,.linkvo {padding: 3px;width:195px;}
.linkvs					{padding:2px 0px 2px 45px;width:150px;}
.linkvselected {padding:2px 0px 2px 45px;width:150px;background:url("./images/picto_flechedroite.gif");background-repeat:no-repeat;background-position: 10% 6px;}

.linkv a {color:#0A55A3;text-decoration:none;}
.linkv a:hover {color:#0A55A3;font-weight:bold;text-decoration:none;}
.linkvo a {color:#0A55A3;font-weight:bold;text-decoration:none;}
.linkvo a:hover {color:#0A55A3;font-weight:bold;text-decoration:none;}


.linkvs a {color:#57B153;text-decoration:none;}
.linkvs a:hover {color:#57B153;font-weight:bold;text-decoration:none;}
.linkvselected a {color:#0A55A3;font-weight:bold;text-decoration:none;}
.linkvselected a:hover {color:#0A55A3;font-weight:bold;text-decoration:none;}

a.linkwhite {color:white;text-decoration:none}
a.linkwhite:hover {color:white;text-decoration:underline}


.titressrub{margin-left:30px;font-size:12pt;color:#63A639;font-weight:none;}
#pagep{background:url("./bgtrans.png");margin-left:30px;/*border-radius: 10px;background-color:#ffffff;*/color:black;padding:10px;}
.titreidp{font-size:14pt;color:red;font-weight:bold;text-align:right}

#pagep ul {list-style-type:square;}
h2{color:#CA0202/*#5C9603;*/}


strong {font-weight:bold;  }
	
#principal{padding:3px 10px 3px 3px;background:#fff;}
#principal img{border:0px;padding:3px;}

#accueil{padding:3px;background:white url("background/fond.jpg");background-repeat:no-repeat;}

#menudroite{background:#F5F5F2;/*border-left:solid 1px #B5B5B5;*/}
#menug{background:url("./bgtrans.png");/*border-radius: 10px;background-color:#ffffff;*/padding:20px 0px 0px 8px;color:blue;}
#menug a{text-decoration:none;color:#CA0202/*#004080*/;font-weight:bold;}
#menug a:hover{color:#FD3939;background-color:white;text-decoration:underline;}
#menug .ssrub a{color:#004080;font-weight:normal;}

.box_gauche{/*border:solid 1px #C0C0C0;*/margin-top:20px;padding:0px;width:200px;}
.box_gauche_titre{background:#ECECEC;color:#0080C0;padding-left:5px;border-bottom:solid 1px #C0C0C0;}

.footer2{color:#CA0202;text-align:center;font-weight:bold;font-size:8pt;background-image:url("images/footer-bazeilles.jpg");background-repeat:no-repeat;}
.footer2 a{color:black;text-decoration:none;}
.footer2 a:hover{text-decoration:underline;}
.footer{padding:5px 0;background:#DDDDDD;border-top:solid 3px #970000;text-align:center;text-align:center;color:black;}
/*.footer a{color:black;text-decoration:none;}
.footer a:hover{text-decoration:underline;}*/

/* --
   TELECHARGEMENT
   	-- */
.tabdl{border-collapse:collapse;}
   	
.tabdl td{font-size:9pt;}
.tabdl th{font-size:9pt;}

.tabdl td a:link 	{font-weight:bold; color:#000000; text-decoration:none;}
.tabdl td a:visited 	{font-weight:bold; color:#000000; text-decoration:none;}
.tabdl td a:hover 	{font-weight:bold; color:#464646; text-decoration:underline;}
.tabdl td a:active 	{font-weight:bold; color:#000000; text-decoration:none;}

.tabdl th a:link 	{font-weight:bold; color:#2F1516; text-decoration:none;}
.tabdl th a:visited 	{font-weight:bold; color:#2F1516; text-decoration:none;}
.tabdl th a:hover 	{font-weight:bold; color:#542527; text-decoration:underline;}
.tabdl th a:active 	{font-weight:bold; color:#2F1516; text-decoration:none;}

.letitre{color:#57A4F4;font-weight:bold;font-size:12pt;text-align:center}
.popup{}

.titre{background:#57A4F4;font-weight:bold;font-style:italic;}
.rep{background:#D6D6D6}

.box_nouveaute{width:140px;padding:4px;margin:5px;border:solid 1px #3580CF;background:#F0F7FB;font-size:8pt;text-align:center;height:100%}
.box_nouveaute_titre{font-weight:bold;text-align:left;margin-left:5px;}
.imgnouv{border: solid 1px #C0C0C0}
.etrouge{color:#f00;}

a { color:#CA0202; text-decoration:none;}
a:hover { color:#FFFFFF; text-decoration:underline;}

a.selec {font-weight:bold; color:#137D1C; text-decoration:none;}
a.selec:hover {font-weight:bold; color:#137D1C; text-decoration:underline;}
/* ------------
--- AGENDA ---
---------- */
.titre_agenda{color:#f00;font-weight:bold;font-size:14pt;text-align:center}

#cadre_agenda{/*border:solid 1px #C00031;margin-top:20px;*/padding:0px;width:200px;}
#cadre_agenda h2{color:#f00;text-align:right}
#cadre_agenda th{color:#f00;}
#cadre_agenda th a {color:#f00;}

#cadre_agenda a{color:#008040;}

#cadre_filtre{/*border:solid 1px #f00*/;margin-top:20px;padding:0px;width:200px;}
#cadre_filtre h2{color:#f00;text-align:right}

#agenda_titre h1{text-align:left;color:#f00;font-size:16px;}
#cadre_liste{padding:0 15px 0 15px;}

.event{border-bottom:solid 1px #000080;color:#000;/*background:#E6E6DD;*/padding:5px;margin:3px}
.event a{color:#f00}

/* --
	 ADM
	 -- */
.titreadm{border-bottom:solid 2px #C0C0C0;margin-left:10px;font-size:13pt;font-weight:bold;}

.inputfield{width:500px;}


#search-form {
	float:right;
	position:relative;
	}
	#search-form fieldset {
		border:none;
		}
		#search-form input[type=text] {
			background:#fff;
			width:140px;
			border:none;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			padding:4px 25px 5px 8px;
			box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;
			-moz-box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;
			-webkit-box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;
			background:url(./images/search-bg.gif) no-repeat 100% 7px #fff;
			}
		#search-form input[type=submit] {
			width:20px;
			height:20px;
			position:absolute;
			right:5px;
			top:0;
			border:none;
			background:none;
			cursor:pointer;
			}