/* CSS issu des tutoriels css.alsacreations.com */

* {margin:0px; padding:0px;}

body {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #fbdfeb;
padding-bottom:20px;
}

img {border:0}

#topHeader {height:90px;}

#header {
height: 155px;
}

#header a img {border:none;}

#header h1 {
padding-left:25px;
padding-top:15px;
}

#canvas {
position: relative;
width: 780px;
margin: 0 auto; 
border-right:12px solid #fff6dc;
border-left:12px solid #fff6dc;
background:white
}

#content {
margin-right: 200px;
padding-left:8px;
}

#content ul, #content ol 
{
margin-left:20px;
margin-bottom:10px;
}

#rightPanel {
position: absolute;
right:0;
width: 186px;
padding-bottom:10px;
}
#rightPanel img
{
display:block;
}

#footer {
height: 30px;
margin-top:40px;
text-align:center;
margin-right: 200px;
clear:both;
border-bottom:1000px solid white;
}

.footerMenu li {
display: inline;
}

.footerMenu a {
color:black;
padding:0px 10px;
border-left:solid 1px black;
text-decoration:none;
}

.footerMenu a:hover {
text-decoration:underline;
}

a#contactbtn {border:none;}

/*Menus in the header*/
#topMenu {
float:right;
list-style-type: none;
margin:0px;
padding:5px 0px;
}

#searchPanel {
float:right;
clear:right;
padding-right:5px;
padding-top:10px;
}

a#ctl00_searchButton {font-size:12px;color:white;text-decoration:none;background:url(/images/btnOnBlue.gif) top left no-repeat;padding:2px 5px 2px 5px }
#SearchInput {border: solid 1px #8F9194; background-color:white;}


#topMenu li {
display: inline;
}

#topMenu a {
font-size:0.9em;
color:black;
text-decoration:none;
border-left:solid 1px black;
padding:0px 10px;
font-weight:bold;
}

#topMenu a:hover {
text-decoration:underline;
}

a#homebtn {border:none;}

#mainMenu {
width:780px;
height:52px;
clear:both;
background: url(/images/repeat-menu.jpg) bottom left repeat-x;
}

#mainMenu ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin:0px;
padding:0px;
}

#mainMenu dl {
float: left;
}

#mainMenu li {
display: inline;
}

#mainMenu a {
text-decoration: none;
color: #000;
height:29px;
line-height:32px;
color:white;
font-weight:bold;
padding: 0px 5px 0 7px; 
}

#mainMenu a:hover {
text-decoration:underline;
}

#mainMenu dt, #mainMenu dl, #mainMenu dd, #mainMenu ul, #mainMenu li {
list-style-type: none;
margin: 0;
padding: 0;
}

#mainMenu ul li {
padding:0px 3px;
}

#smenu1,#smenu1AboutUs, #smenu2, #smenu3,#smenu3sm, #smenu4,#smenu4sm, #smenu5, #smenu6, #smenu6sm {
position: absolute;
left: 0;
}

/*Tabs background*/
#menu1 {
width:102px;
background: url(/images/TabSlim.jpg) top right no-repeat;
}

#menu2 {
width:125px;
background: url(/images/TabHealth.jpg) top right no-repeat;
}

#menu3 {
width:120px;
background: url(/images/TabFood.jpg) top right no-repeat;
}

#menu4 {
width:95px;
background: url(/images/TabComm.jpg) top right no-repeat;
}

#menu5 {
width:98px;
background: url(/images/TabOnline.jpg) top right no-repeat;
}

#menu6 {
width:105px;
background: url(/images/TabFitness.jpg) top right no-repeat;
}

#menu7 {
width:115px;
background: url(/images/TabUSonline.jpg) top right no-repeat;
}


#smenu1 ul {
padding-left:0px;
}

#smenu1AboutUs ul {
padding-left:0px;
}

#smenu2 ul {
padding-left:0px;
}

#smenu3 ul {
padding-left:75px;
}
#smenu3sm ul {
padding-left:0px;
}

#smenu4 ul {
padding-left:110px;
}
#smenu4sm ul {
padding-left:0px;
}

#smenu6 ul {
padding-left:400px;
}
#smenu6sm ul {
padding-left:0px;
}


/*Colours of the submenus*/

#smenu1 a{
color:#9876b3;
}

#smenu1AboutUs a{
color:#000;
}

#smenu2 a {
color:#e3346e;
}

#smenu3 a,#smenu3sm a {
color:#9aae2a;
}

#smenu4 a,#smenu4sm a {
color:#ee5e22;
}

#smenu6 a,#smenu6sm a {
color:#761830;
}

#smenu1 li {
border-right:solid 1px #9876b3;
}

#smenu1AboutUs li {
border-right:solid 1px #000;
}

#smenu2 li {
border-right:solid 1px #e3346e;
}

#smenu3 li {
border-right:solid 1px #768424;
}

#smenu4 li {
border-right:solid 1px #ee5e22;
}

#smenu6 li {
border-right:solid 1px #761830;
}

/*End of the Menus styles*/


/*Right Panel*/
.rightMenu {
list-style-type: none;
margin: 0;
padding:0;
}

.rightMenu li {
background-color:#E6F5F8;
border: solid 3px #C9E9E6;
margin-bottom:3px;
padding:5px 5px 1px 5px;
}

.rightMenu li a {
display:block;
text-transform:uppercase;
color: #000000;
text-decoration: none;
padding-left:50px;
height:37px;
padding-top:2px;
padding-bottom:2px;
}

.rightMenu a span {
font-weight:bold;
}

.rightMenu a:hover {
text-decoration: none;
}

#findBtn {background:url(/images/iconfind.gif) no-repeat top left;}
#forumBtn {background:url(/images/iconforum.gif) no-repeat top left;}
#storiesBtn {background:url(/images/iconstories.gif) no-repeat top left;}
#calculateBtn {background:url(/images/iconcalculate.gif) no-repeat top left;}

#adPlacement {
	margin-top:3px;
	background-color:white;
	border: solid 3px #fff;
}

div.rightPanelBox {
	background-color:white;
	border: solid 3px #fff;
	padding-bottom:5px;
	overflow:hidden;
}

div.rightPanelBox h2 {
	text-transform:uppercase;
	font-size:1em;
	background-color:#C9E9E6;
	padding:0px 2px 2px 2px;
	margin-top:0px;
}

div.rightPanelBox h3 {
	font-size:1em;
	color:#333333;
	text-align:center;
	padding:10px;
}

div.rightPanelBox h3 a{
	color:#703895;
}


div.rightPanelBox p {
	text-align:center;
	padding:0px 10px 0px 15px;
}

div.rightPanelBox .rightBtn {
color:white;	
text-decoration:none;
height:22px;
line-height:22px;
}

#pollPanel
{
    margin-top:4px;
}

#pollPanel img {
    display:block;
}


#pollPanel a {
background:url(/images/btnOnWhiteSmall.gif) top center no-repeat;
width:50px;
padding:2px 15px 2px 15px;
}

#newsletterPanel a {
background:url(/images/btnOnWhiteMedium.gif) top center no-repeat;
width:68px;
padding:2px 15px 2px 15px;
}



#pollPanel a:hover, #newsletterPanel a:hover {
text-decoration:underline;
}


#adPlacement img {border:none;margin:0px;}

/*End of Right Panel styles*/

#content h2 {
background-color:#ec008c;
margin-bottom:5px;
padding-left:5px;
font-size:17px;
color:white;
}

.twtr-hd,.twtr-ft {border:1px solid red;display:none}

#content h3 {
margin-bottom:5px;
margin-top:10px;	
font-size:15px;
}

#content h4 {
margin-bottom:5px;
margin-top:10px;	
font-size:13px;
}

#content h5 {
color:#6d6d6d;	
font-size:1em;
}
#content h6 {
color:#6d6d6d;	
font-size:.9em;
margin-left:30px;
}

#twitterbox
{
	background:#e7e7e7;
	min-height:60px;
}

li#current a {text-decoration:underline;}

#content a:hover {color:black;}


p {margin: 0 0 10px 0;}

#mainContentPic {float:left; margin-right:10px;}


.destable
{
    font-size:11px;
    border:2px solid #c9e9e6
}
.destable td
{
    padding:10px 6px 10px 6px ;
}
label
{
    margin-left:10px;
}
#sitemap
{
  border-left:20px solid white
}
#sitemap li
{
  border:0px solid red
}

#content a#ankBack
{
 color:#eb98b6;font-weight:bold;margin-left:3px;text-decoration:none;   
}
.author, .published
{
    font-style:italic;   
    color:#703895;
}

.vidthumb {width:100%;border-bottom:1px solid #ceedf2;margin:0 0 2px 5px}
.vidthumb img {border:3px solid #ceedf2;padding:3px}
.vidthumb td {padding:10px;}

/*Used to hide text when using text pictures and staying accessible for screen reader*/
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.spacer {
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
}

#content hr {
	clear:left;
	height:1px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	border-color:#ffffff;
	border-width:0px;
}
#vidoverlay {padding:15px;z-index:15;background:#e4f3fb;border:5px solid white;position:absolute;left:50%;margin-left:-300px;top:202px;   }
#vidoverlaybk {filter:alpha(opacity=70); opacity:.70;width:100%;height:1000px;z-index:10;background:white;border:1px solid white;position:absolute;left:1px;top:1px;}
#vidoverlay table td {border:10px solid white}
.vidthumb {width:100%;border-bottom:1px solid #6dc4ff;margin:0 0 2px 5px}
.vidthumb img {border:3px solid #6dc4ff;padding:3px}
.vidthumb td {padding:10px;}
#newform
{
    width:180px;position:absolute;right:50%;margin-right:-390px;top:1096px;
}