/* CMS LEARNEOS CSS COMMON v15.06.2010 */

/* ===================================================================
 * GENERAL 
 * =================================================================*/

body {
	font-size: 11px;
	background-image: url(background/backpage.gif); 
	background-repeat: repeat-x; 
	font-family: arial; 
	background-color: #eeeeee; 
	text-decoration: none;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
}

a { margin:0 0 0 0; padding:0 0 0 0; text-decoration: none;}
a:link { color: #333333; text-decoration: none;	}
a:visited { color: #333333; text-decoration: none;}
a:hover {color: #888888;text-decoration: none;}

a:link img { border: 0px solid #7685B5 }
a:visited img { border: 0px solid #888888 }
TD {font-size: 10pt; text-decoration: none;}

/* margin zero */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, div, blockquote,fieldset,input { margin:0; padding:0 }

/* ===================================================================
 * LAYOUT
 * =================================================================*/

/* ---------------- MENU PLATFORM LAYER */
#layerplatformmenu {
	margin-left:auto; 
	margin-right:auto; 
	width: 980px; 
	clear:both;
	font-weight:bold;
}
#layerplatformmenu a {
	float:left;
	font-size:0.8em;
	height:16px;
	width:93px;
	background:url(tabs/tabgreywhite.png);
	text-align:center; 
	padding-top:4px;
}
.layertabgrey {
	background:url(tabs/tabgreyon.png);
}
#layerpremenu {}

/* ---------------- GENERAL LAYER */
#layergeneral {
	clear:both;
	/* padding:0; */
	padding-top: 10px;
	padding-right: 10px; 
	padding-left: 10px;
	padding-bottom: 10px; 
	margin-left:auto; 
	margin-right:auto; 
	width: 980px; 
	background-color: #ffffff; 
	text-align: left;
	height:auto !important;
	/* background: url(background/fondhome.png); */
	/* min-height:500px; */
}

/* ---- STYLES DU HEADER */
#layerpreheader {}
#layerheader {
	clear:both; 
	height:73px; 
	width:980px; 
	background-image: url(header/header.jpg); 
	background-repeat: no-repeat;
	background-color:#ffffff;
}

/* ---------------- PRE MENU  */
#layerpremenu {}

/* ---------------- TOP MENU */
#topmenu {
	clear: both; 
	font-weight: bold; 
	font-size: 10px; 
	/* background: url(topmenu/topmenu.gif); */
	width: 980px; 
	color: #ffffff; 
	/* padding-top: 2px; */
	font-family: arial, helvetica, sans-serif; 
	height:18px;
	text-decoration: none; 	
	background-color:#000000;
}
#topmenu a, #topmenu a:visited, #topmenu a:hover {
	text-decoration: none;
}

/* TOP MENU LEFT */
#topmenuleft {
	padding-left: 0px; 
	float: left;
	padding-top: 3px;
}
#topmenuleft p { 
	display:inline;
}
#topmenuleft a {
	font-size: 10px; 
	color: #ffffff; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none;
	background: url(menu/topmenu.gif) no-repeat 0px 0px;
	padding-left: 14px; 
}
#topmenuleft a:visited {}
#topmenuleft a:hover {
	/* background-color: #333333; */
}

/* TOP MENU RIGHT */
#topmenuright {
	font-size: 10px; 
	padding-right: 10px; 
	float: right;
	padding-top: 3px;
}
#topmenuright p { display:inline; }
#topmenuright a {
	margin-top: 1px;
	padding-left: 14px; 
	background: url(menu/topmenu.gif) no-repeat 0px 0px;
	color: #ffffff; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none
}
#topmenuright a:visited, #topmenuright a:hover { }

/* PREFOOTER */
#prefootermenu {
	clear:both; 
	width:990px; 
	height:10px; 
	background-color: #ffffff; 
}

/* ---- STYLES DU CONTENU */
// 8 180 10 584  10 180 8 : 980
#mainframe {
	height:auto !important;
	background:#FFFFFF; 
}
#pgsectiona {width:180px;float:left;margin-top:10px;margin-bottom:10px;margin-left:0px;}
#pgsectiona ul li { margin-left:16px;}

#pgsectionb {width:584px;float:left;margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:8px;}
#pgsectionc {width:180px;float:right;margin-top:10px;margin-bottom:10px;margin-right:0px;}

#pgsectionb li {
	list-style-image:url("localise/pucetxt.gif");
	list-style-position: inside;
}

/* ---- FOOTER */
#footermenu {
	clear: both; 
	width: 980px; 
	height: 14px; 
	font-size: 10px; 
	background-color: #000000; 
	color: #ffffff; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none;
}
#footermenu a {
	text-decoration: none
}
#footermenu a:visited, #footermenu a:hover  {}

/* FOOTER MENU LEFT */
#footermenuleft {
	padding-left: 4px; 
	float: left; 
	font-weight: bold; 
}
#footermenuleft p { display:inline; }
#footermenuleft a {
	font-size: 10px; 
	color: #ffffff; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none;
	padding-left: 14px; 
	background: url(menu/topmenu.gif) no-repeat 0px 0px;
}
#footermenuleft a:visited, a:hover { }

/* FOOTER MENU RIGHT */
#footermenuright {
	padding-right: 10px; 
	float: right;	
	font-weight: bold; 
}
#footermenuright p { display:inline; }
#footermenuright a {
	font-size: 10px; 
	color: #ffffff; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none;
	padding-left: 14px; 
	background: url(menu/topmenu.gif) no-repeat 0px 0px;
}
#footermenuright a:visited, a:hover {}

/* ===================================================================
 * FRAMES  
 * =================================================================*/

/* ---------------- FRAMES TITLES */


/* rounded frame */

#frameroundedtitle {
	width:100%;
	height:25px;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
}
#frameroundedLT, #frameroundedRT, #frameroundedRB, #frameroundedLB {
height:10px; width:10px; background-repeat: no-repeat;
font-size:1px; /* fix IE bug */
}

#frameroundedLT {
background: url(round/blancsupg.gif) no-repeat;
}

#frameroundedLB {
background: url(round/noimage.gif) no-repeat;
}

#frameroundedRT {
float: right;
background: url(round/blancsupd.gif) no-repeat;
}

#frameroundedRB  {
float: right;
background: url(round/noimage.gif) no-repeat;
}

#frametitletext, #frametitletext a {
	margin-top:-4px;
	padding-right:10px;
	padding-left:10px;
	color: #FFFFFF;	
	font-family: arial;	
	font-size:14px;
	text-decoration: none;	
	font-weight: bold; 
}

#frametitletexticon, #frametitletexticon a {
	padding-right:10px;
	padding-left:10px;
	margin-top:-4px;
	margin-bottom:5px;
	color: #FFFFFF;	
	font-family: arial;	
	font-size:14px;
	text-decoration: none;	
	font-weight: bold; 
}
/* frametitle */
#frametitlebleu, #frametitlegrey, #frametitlemed { 
	width:100%;
	height:25px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}

#frametitlebleu { 
	background:url(frames/blueback.png)  repeat-x;
}
#frametitlegrey { 
	background:url(frames/greyback.png)  repeat-x;
}
#frametitlemed { 
	background:url(frames/medback.png)  repeat-x;
}


/* frametitletext */
#frametitlebleutext, #frametitlegreytext, #frametitlemedtext{
	padding-top:4px;
	float:left;
}


/* frametitleleft*/

#frametitlebleuleft, #frametitlemedleft, #frametitlegreyleft {
	float:left;
	width:8px;
	height:25px;
}

#frametitlebleuleft {
	background:url(frames/blueleft.png) no-repeat;
}
#frametitlegreyleft { 
	background:url(frames/greyleft.png) no-repeat;
}

#frametitlemedleft { 
	background:url(frames/medleft.png) no-repeat;
}


/* frametitleright*/

#frametitlebleuright, #frametitlemedright, #frametitlegreyright {
	float:right;
	width:8px;
	height:25px;
}

#frametitlebleuright {
	background:url(frames/blueright.png) no-repeat;
}

#frametitlegreyright { 
	background:url(frames/greyright.png) no-repeat;
}

#frametitlemedright { 
	background:url(frames/medright.png) no-repeat;
}

/* side column white */

#frametopwhite {
	background:url(frames/topwhite.png) no-repeat;
	width:180px;
	height:8px;
}

#framebottomwhite {
	background:url(frames/bottomwhite.png) no-repeat;
	width:180px;
	height:8px;
}

#framebackwhite {
	font-size:10px;
	padding-left:10px;
	padding-top: 4px;
	padding-right:4px;
	background:url(frames/backwhite.png) repeat-y;
	width:180px;
	height:auto;

}

#framebackwhite ul, #framebackgrey ul {
	list-style-position: outside; 
	list-style-image: url(localise/pucetxt3.gif); 
	margin-left: 18px;
}


/* side column grey */
#frametopgrey {
	background:url(frames/topgrey.png) no-repeat;
	width:180px;
	height:7px;
}

#framebottomgrey {
	background:url(frames/bottomgrey.png) no-repeat;
	width:180px;
	height:7px;
}

#framebackgrey {
	font-size:10px;
	padding-left:10px;
	padding-top: 4px;
	padding-right:4px;
	background:url(frames/backgrey.png) repeat-y;
	width:166px;
	height:auto;
}

/* option button */

#framebutton {
	background:url(frames/button.png) no-repeat;
	padding-top:7px;
	margin-bottom:-7px;
	font-size:11px;
	margin-left:-6px;
	padding-left:10px;
	padding-right:4px;
	width:172px;
	height:27px;
}


/* return back */

#iconpageback {
	/* border: 1px solid #cccccc; */
	color:#cccccc;
	font-size:9px;
	font-weight:bold;
	width:auto;
	height: 16px;
	padding-left:16px;
	padding-top:3px;
	background:url(icons/bullet_go.png) no-repeat;
}
/* ===================================================================
 * CONTENTS 
 * =================================================================*/
 
/* ---------------- STYLES DES ZONES DU SITE  */
.tablesousrubfond {
	BACKGROUND-COLOR: #f0f0f0;
	padding:8px 8px 8px 8px; 
}

/* ---------------- STYLES DES ZONES DU SITE  */
#adminmenugotoclassroom { 
	background: url(menuadmin/adminmenu_gotoclassroom.png) 0px 0px no-repeat ; 
}
.adminmenugotoclassroom_icon { 
	background: url(menuadmin/adminmenu_gotoclassroom.png) 0px 0px  no-repeat ;
	margin-top:-5px;
	margin-left:10px;
	padding-left:62px;
	padding-top:8px; 
	width:62px;
	height:30px; 
}
/* input search */
.inputsearch {
	background: #FFFFFF url(search/searchinput.png) no-repeat scroll left center;
	border:1px;
	border: 1px solid #CCC; 
	padding: 1px; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}
.inputsearch:focus { 
	border: 1px solid rgb(126, 157, 185); 
	background: #FFFFFF none scroll left center;
}
.vcard, .vcardinstit {
	float:left;
	/*background-color: #F3F3F3;
	border-right:1px solid  #E4E4E4;
	border-bottom:1px solid #E4E4E4;	
	*/	
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width:550px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.vcardgrey, .vcardinstitgrey {
	float:left;
	background-color: #F3F3F3;
	border-right:1px solid  #E4E4E4;
	border-bottom:1px solid #E4E4E4;	
	width:550px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.vcardinstit, .vcardinstitgrey {
	width:600px;
}
.userthumb {
	border:6px solid #FFF;
	margin-right:10px;;
}
/* ===================================================================
 * NEWS 
 * =================================================================*/
 
#newsframetitle {
	clear:both;
	height:19px;
	color:#ffffff;
	font-weight:bold;
	padding-left:8px;
	padding-top:4px;
	padding-bottom:2px;
	background-color: #646464;
	background: url(frames/frameup.png)
}
#newsframetitle a {
	padding-top:0px;
	color:#ffffff;
	font-size:14px;
}
.newsframe {
	background-color:#ffffff; 
}
.newssingleframe {
	clear:both;
}

#newsheader {
	background: url(frames/frame.png) no-repeat ;
	border-bottom:1px solid  #CCC;
	border-right:1px solid  #CCC;
}

.newstitle {
	padding-top: 4px; 
	padding-bottom:4px; 
	padding-left: 8px; 
	font-weight: bold; 
	font-size: 11px; 
	color: #000000; 
	background-color: #dfdfdf
}
.newsauthor {
	padding-bottom:4px; 
	padding-left: 8px; 
	font-size:9px; 
	text-decoration: none;
	background-color: #dfdfdf; 
}
.newscontent {
	font-size:11px;
	color: #000000;
	text-decoration: none;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:8px;
	padding-right:8px;
	margin-top:0px;
	/*margin-bottom:8px;*/	
	/*background-color:#f9f9f9; 
	border-bottom:1px solid  #CfCfCf;
	border-right:1px solid  #CCC;*/
}
.newscontent strong {
	font-size:11px;
}

/* ===================================================================
 * ICONS
 * =================================================================*/

/* ---------------- HOME ICON ARTICLES */

/* iconmeda */
#iconmeda {
	background: url(thumbnails/medaico.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px;
}
/* icondvd */
#icondvd {
	background: url(thumbnails/dvdmp4.jpg) no-repeat 0px 0px;
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconnews */
#iconnews {
	background: url(thumbnails/news.gif) no-repeat 0px 0px;
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px;
}
/* icongroup */
#icongroup {
	background: url(thumbnails/groupes.jpg) no-repeat 0px 0px;
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconcalend */
#iconcalend {
	background: url(thumbnails/calend.gif) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconconcert */
#iconconcert {
	background: url(thumbnails/icoconcert.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconcelaio */
#iconcelaio {
	background: url(thumbnails/celaio.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconsport */
#iconsport {
	background: url(thumbnails/sportico.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconkeyboard */
#iconkeyboard {
	background: url(thumbnails/clavier.jpg) no-repeat 0px 0px;
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconmipe */
#iconmipe {
	background: url(thumbnails/mipe.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}
/* iconwifi */
#iconwifi {
	background: url(thumbnails/logowifi.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}



/* ---------------- MAPS */

/* iconplanmerci */
#iconplanmerci {
	background: url(thumbnails/mercimin.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}

/* iconplanserve */
#iconplanserve {
	background: url(thumbnails/acceslaserve.png) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}

/* iconplanei */
#iconplanei {
	background: url(thumbnails/planei.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}

/* iconplancampus */
#iconplancampus {
	background: url(thumbnails/campussmdh.png) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	width: 90px;
	height: 90px
}


/* ---------------- UNIVERSITY */

#helpiconeve {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	width: 90px; 
	height: 90px;
	background: url(thumbnails/eve.gif) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

/* ---------------- COMPUTERS */

#iconlocamipe {
	margin-top:10px;
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/locamip.gif) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}

#iconapple {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	width: 90px; 
	height: 90px;
	background: url(thumbnails/apple.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}

#iconmipe2 {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	width: 90px; 
	height: 90px;
	background: url(thumbnails/mipe.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}

#iconwifi2 {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/logowifi.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	

}

#iconkeyboard2 {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/clavier.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	


}

/* ---------------- LOGOS */
#logo_medatice {
	background:url(thumbnails/logomedacticehaut.jpg) no-repeat;
	width: 154px; 
	height: 37px;	
}
#logo_ticemed {
	width: 90px; 
	height: 90px;	
	background:url(thumbnails/ticesante.jpg) no-repeat;
}
#logo_stend {
	width: 90px; 
	height: 90px;		
	background:url(thumbnails/stend.jpg) no-repeat;
}

/* ---------------- ASSISTANCE */

#icondvd2 {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/dvdmp4.jpg) no-repeat 0px 0px;
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}
#helpiconclemol {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/clemol.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}
#helpiconphone {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/phone.gif) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
	} 
#helpiconflash {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/flashlogo.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}
#helpiconpdf {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/readerlogo.jpg) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}
#helpiconbrowser {
	margin-right:10px;
	margin-bottom:4px;
	float: left; 
	clear:left;
	width: 90px; 
	height: 90px;
	background: url(thumbnails/iemoz.png) no-repeat 0px 0px; 
	border-right: #ccc 1px solid; 
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;	
}



/* ---------------- OTHERS */




#iconcontent {
	float: left; 
	margin-left: 10px; 
	width: 862px; 
	height: auto;
}

#iconlaptop {    
	width : 94px;
	height: 94px;
	border: 2px;
	border-color:#cccccc;
	margin-right:30px;
	background:url(thumbnails/laptop.jpg) no-repeat;
	float:left;
	margin-left:10px;
}
#iconflash {    
	width : 94px;
	height: 94px;
	border: 2px;
	border-color:#cccccc;
	margin-right:30px;
	background:url(thumbnails/flashlogo.jpg) no-repeat;
	float:left;
	margin-left:10px;
}
#iconbrowser {    
	width : 94px;
	height: 94px;
	border: 2px;
	border-color:#cccccc;
	margin-right:30px;
	background:url(thumbnails/browser.jpg) no-repeat;
	float:left;
	margin-left:10px;
}
#iconpdf {    
	width : 94px;
	height: 94px;
	border: 2px;
	border-color:#cccccc;
	margin-right:30px;
	background:url(thumbnails/logopdf.jpg) no-repeat;
	float:left;
	margin-left:10px;

}
#iconclemol {    
	width : 94px;
	height: 94px;
	border: 2px;
	border-color:#cccccc;
	margin-right:30px;
	background:url(thumbnails/clemol.jpg) no-repeat;
	float:left;
	margin-left:10px;
}






#iconkey {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: url(thumbnails/clef.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 90px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 90px;
}
#iconinstit {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: url(thumbnails/instit.png) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 90px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 90px;
}

#icondocs {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/docsicon.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconusers {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/users.jpg) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconuser {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/user.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconmedia {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/mediaicon.jpg) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconweb {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/webicon.jpg) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#icontasks {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/task.jpg) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconevent {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/event.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconprogram {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/program.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconcursus {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/cursus.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconsynth {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/chartpie.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconpartners {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/partners.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconcolopick {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/colorpick.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconengrenage {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
	BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; 
	BACKGROUND: url(thumbnails/engrenage.jpg) no-repeat 0px 0px; FLOAT: left; WIDTH: 90px; HEIGHT: 90px;
}
#iconstend {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/stend90.gif) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px;
}
#iconpodcast {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/ipodbiz.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px;
}
#icongrille {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/grille.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px;
}
#icongraph {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/graph.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px;
}

#icondvdmp4 {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/dvdmp4.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px;
}

#menubaspage {
	CLEAR: both; WIDTH: auto; HEIGHT: auto;
}
.icon_links_docs {
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 20px; 
	BACKGROUND: url(thumbnails/icon_doc.gif) no-repeat 0px 0px; 
	TEXT-DECORATION: none;
	font-weight:normal;
	
}
.icon_links_web {
	PADDING-RIGHT: 8px; PADDING-LEFT: 20px; BACKGROUND: url(thumbnails/world_link.png) no-repeat 0px 0px; TEXT-DECORATION: none
}
.rssiconlink {
	PADDING-LEFT: 18px; 
	BACKGROUND: url(thumbnails/feed.png) no-repeat 0px 0px; 
	TEXT-DECORATION: none; 
}

/* clickable RSS icon */
#rssiconfeed {    
	margin-top:8px;
	margin-left:8px;
	width : 16px;
	height: 16px;
	background:url(thumbnails/feed.png) top left no-repeat;
	float:left;
}
#rssiconfeedclic {    /* zone cliquable */
	float: left;
	width : 350px;
	height: 20px;
	margin-left: 0px;
	margin-top: 0px;
}
#rssiconfeed a span { /* contenu masque mais accessible sans CSS*/
	position: absolute;
	left: -1500em;
	top: -1500em;
	text-indent: -1500em;
}

.xmliconlink {
	PADDING-LEFT: 42px; BACKGROUND: url(thumbnails/xml.gif) no-repeat 0px 0px; TEXT-DECORATION: none
}
.ituneconlink {
	PADDING-LEFT: 42px; BACKGROUND: url(thumbnails/pcast.jpg) no-repeat 0px 0px; TEXT-DECORATION: none
}



/* NEWS END */
.style_arbo_div {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; POSITION: relative; TOP: 0px; HEIGHT: auto
}
.style_arbo_div {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; POSITION: relative; TOP: 0px; HEIGHT: auto
}
.style_arbo_root {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
.style_arbo_inputtext {
	FONT-SIZE: 12px; COLOR: #000000; BORDER-TOP-STYLE: none; FONT-FAMILY: arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 14px; BACKGROUND-COLOR: #e9e9e9; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
.style_arbo_box {
	BORDER-RIGHT: 1px inset; BORDER-TOP: 1px inset; BORDER-LEFT: 1px inset; WIDTH: 10px; BORDER-BOTTOM: 1px inset; HEIGHT: 10px; BACKGROUND-COLOR: #e9e9e9
}
.style_arbo_option {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
#headarea {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none
}
.headareatitle {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; FONT-FAMILY: arial; BACKGROUND-COLOR: #cccccc; TEXT-DECORATION: none
}
.headareacontent {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #f0f0f0
}
#formulaire {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none
}
.formulairetitre {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; FONT-FAMILY: arial; BACKGROUND-COLOR: #cccccc; TEXT-DECORATION: none
}
.formulairecontenttitre {
	font-weight: bold; 
	font-size: 8pt; 
	color: #000000; 
	font-family: arial; 
	text-decoration: none
}

.formulaireselect {
font-size:11px;
}
.formulairecontent {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none;
	PADDING-LEFT: 10px
}
.formulaireinput {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
.formtexterror {
	COLOR: #F30;
	font-style:italic;
}

#listitems {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none
}
.listitemstitre {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; FONT-FAMILY: arial; BACKGROUND-COLOR: #cccccc; TEXT-DECORATION: none
}
.listitemscontent {
	PADDING-LEFT: 10px
}
.listitemsfooter {
	PADDING-LEFT: 10px; 
	FONT-SIZE: 10pt; 
	PADDING-BOTTOM: 2px; 
	COLOR: #000000;
	PADDING-TOP: 2px; 
	FONT-FAMILY: arial; 
	TEXT-DECORATION: none
}
.listitemsfooter a {
	COLOR: #ffffff; 
	font-size:11px;

}
.listitemsfooterselect {
	COLOR: #ffffff; 
	font-size:11px;
	font-weight:bold;
}

.class_form_btmaj {
	FONT-SIZE: 6pt; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
.class_tabl {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial; TEXT-DECORATION: none
}
.class_tabl_top {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial; BACKGROUND-COLOR: #ee966c; TEXT-DECORATION: none
}

/* ---------------- AUTRES STYLES */



/* */
.tablannexe { background-color:#666666;}
.fondpuce{ background-image:url(design/fondpuce.gif)}









/* ---------------- BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Arial, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight: bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.button:hover, .buttons a:hover{
    background-color: #DADADA;
    border:1px solid #dedede;
    color:#000000;
}
.buttons a:active{
    background-color:#CCC;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
button.positive, .buttons a.positive{
    color:#000000;
}
.buttons a.positive:hover, button.positive:hover{
    background-color: #DADADA;
    border:1px solid #dedede;
    color:#000000;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* ---------------- MINIBUTTONS */
.minibuttons a, .minibuttons button{
    display:block;
    float:left;
    margin:0px 0px 0px 0px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:Arial, Verdana, sans-serif;
    font-size:10px;
    line-height:100%;
    text-decoration:none;
    font-weight: bold;
    color:#565656;
    cursor:pointer;
    padding:3px 3px 3px 3px; /* Links */
}
.minibuttons button{
    width:auto;
    overflow:visible;
    padding:3px 3px 3px 3px; /* IE6 */
}
.minibuttons button[type]{
    padding:3px 3px 3px 3px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 3px 3px 3px; /* IE7 */
}
.minibuttons button img, .minibuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.button:hover, .minibuttons a:hover{
    background-color: #DADADA;
    border:1px solid #dedede;
    color:#000000;
}
.minibuttons a:active{
    background-color:#CCC;
    border:1px solid #6299c5;
    color:#fff;
}


/* NAV */

#mainnavoption { color:#333333; height:20px; width:90px;text-align:center;padding-top:4px; } 
#mainnavoption a, #mainnavoption a:visited { color: #888888; } 
#mainnavoption a:hover { color: #333333; } 

#mainnavoptionselected { color:#333333; height:20px; width:90px;text-align:center;padding-top:4px; background-color:#cccccc;} 
#mainnavoptionselected a, #mainnavoptionselected a:visited { color: #333333; } 
#mainnavoptionselected a:hover { color: #888888; } 

/* ---------------- TAB LIST */

/* 3 colors */
.tablelisttitre { background-color:#CCCCCC;margin-bottom:1px;}
.tableliste1{ background-color:#F3F3F3; margin-bottom:1px;}
.tableliste2{ background-color:#E4E4E4;margin-bottom:1px;}
.tableliste0{ background-color: #CCCCCC; margin-bottom:1px;}

.tablelisteitemicon { font-size:9px; margin-left:8px;width:30px; margin-top:4px;font-weight:bold;height:10px;float:left;text-align: center; background-color: #CCC; color:#FFF; }
.tablelisteitemtext { font-size:11px; padding-top:2px; height:14px;float:left;text-align: left; border-right: solid 0px #FFF; }
.tablelisteoptiontext { width:60px;font-size:10px; padding-top:2px; height:14px;float:right; border-left: solid 1px #FFF; text-align:center; }
.tablelisteoptiontext:hover {background-color:#FFFFFF; }
.tablelisteoptiontext a { color: #666; }
.tablelisteoptiontext a:hover { color:#000000; }

.tablelistefooternav {
	height:12px;
	font-size: 11px; 
	padding-left: 10px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	color: #000000;
	background-color: #cccccc; 
	text-decoration: none;
}
.tablelistefooternavselect {
	font-weight:bold;
}
/* */
.plusinfo {
	color: ##00CC00;
	font-family: arial;
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold;
}

/* CALeNDAR */
/* icon option */
.cal_optionicon { 
	background: url(calendar/icon_calend.png) no-repeat ; 
	padding-left: 18px; 
}
/* div du pick calendar */
.pickcalendar {	
	width:98px; 
	margin:0 0 0 0; 
	padding:0 0 0 0; 
	background-color:#F0F0F0;
}
.pickcalendartitre {
	color:#000000;
	background-color:#cccccc;
	font-weight:none;
	width:98px; 
	margin:0 0 0 0; 
	padding:0 0 0 0;
	height:13px
	padding-left:1px; 
	padding-right:1px;
	font-weight: bold; 
	font-size: 9px;
	text-align: center;
}
.pickcalendarini {	
	padding-top:0px;
	color:#ffffff;
	background: url(calendar/calday.png) no-repeat ;
	font-size: 10px;
	font-weight: bold;
	height:14px;
	width:14px;
	text-align: center;
	float:left;
}
.pickcalendarcase {	
	font-size: 8px;
	padding-top:0px;
	background: url(calendar/calcase.png) no-repeat ;
	height:14px;
	width:14px;
	float:left;
	background-color:#F0F0F0;
	text-align: center;
	font-weight: none;

}
.pickcalendarcase a:hover {	
	margin-top:0px;
	padding-top:0px;
	background: url(calendar/calwhite.png) no-repeat ;
	height:14px;
	width:14px;
	float:left;
	background-color:#F0F0F0;
	text-align: center;
	font-weight: none;

}
.pickcalendarweek {	
	padding-top:3px;
	background: url(calendar/calweek.png) no-repeat ;
	height:14px;
	width:14px;
	float:left;
	background-color:#F0F0F0;
	text-align: center;
	font-weight: none;

}
.pickcalendarfereie {	
	font-size: 10px;
	padding-top:0px;
	background: url(calendar/calferie.png) no-repeat ;
	height:14px;
	width:14px;
	float:left;
	background-color:#F0F0F0;
	text-align: center;
	font-weight: none;

}
.pickcalendarfereie a:hover {	
	margin-top:0px;
	padding-top:0px;
	background: url(calendar/calwhite.png) no-repeat ;
	height:14px;
	width:14px;
	float:left;
	background-color:#F0F0F0;
	text-align: center;
	font-weight: none;

}
.pickcalendarcasetxt {	
	color:#000000;
	font-size: 8pt;
	font-weight: none;
	text-align: center;
}
.pickcalenday {	
	padding-top:0px;
	background: url(calendar/calred.png) no-repeat;
	font-size: 10px;
	height:14px;
	width:14px;
	text-align: center;
	float:left;
	background-color:#F0F0F0;
}
.pickcalendaytxt {	
	color:#ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}