/* CMS LEARNEOS CSS COMMON  */

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

body {
	font-size: 11px;
	text-decoration: none;
	/* background-image: url(background/backpage.gif); 
	background-repeat: repeat-x; */
	font-family: arial; 
	background-color: #ffffff; 
	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: #888888; text-decoration: none;	}
a:visited { color: #888888; text-decoration: none;}
a:hover {color: #cccccc;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: 1020px; 
	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;
}

#layerplatformmenu d {
	float:left;
	font-size:0.8em;
	height:16px;
	width:93px;
	background:url(tabs/tabgreyon.png);
	text-align:center; 
	padding-top:4px;
}


#layerpremenu {
}

/* ---------------- GENERAL LAYER */

#layergeneral {
	clear:both;
	padding-top: 10px;
	padding-right: 10px; 
	padding-left: 10px;
	padding-bottom: 10px; 
	margin: 0px auto;
	width: 990px; 
	background-color: #ffffff; 
	text-align: left;
	height:auto !important;
	/* min-height:500px; */
}


/* ---- STYLES DU HEADER */

#layerpreheader {
	/* background: url(preheader/preheader.gif); 
	float:left;
	width:990px; 
	color:#ffffff;
	position:relative;
	height:18px;
	background-color:#686868; 	
*/
}
#layerheader {
	clear:both; 
	height:82px; 
	width:990px; 
	background:url(header/header.jpg);
    border-bottom: 1px solid #CCCCCC;

}

/* ---------------- PRE MENU  */


#premenu {
}
#premenu a:hover {
}
#premenuclic {
}
#premenu a span {
}



/* ---------------- TOP MENU */

#topmenu {
	clear: both; 
	font-weight: normal; 
	font-size: 13px; 
	/* background: url(topmenu/background.gif); */
	width: 990px; 
	color: #cccccc; 
	/* padding-top: 2px; */
	font-family: arial, helvetica, sans-serif; 
	height:23px;
	text-decoration: none; 	

}

#topmenu a, #topmenu a:visited, #topmenu a:hover {
	text-decoration: none;
}

#topmenu A:hover {
}

/* TOP MENU LEFT */

#topmenuleft {
	padding-left: 0px; 
	float: left;
	padding-top: 3px;
}

#topmenuleft p { display:inline; }

#topmenuleft a {
	margin-top: 1px;
	padding-left: 14px; 
	background: url(menu/topmenu.gif) no-repeat 0px 0px;
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none
}

#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: #cccccc; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none
}
#topmenuright a:visited { }
#topmenuright a:hover {
	/* background-color: #333333; */
}

/* ---- PRE FOOTER MENU */
#prefootermenu {
	CLEAR: both; WIDTH: 990px; HEIGHT: 10px; BACKGROUND-COLOR: #FFFFFF; }

/* ---- STYLES DU CONTENU */
#mainframe { 
}

#pgsectiona {width:180px;float:left;margin-top:10px;margin-bottom:10px;margin-right:14px;}
#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-left:0px;}


.layersiderubrique1, .layersiderubrique2 {
	/*padding:8px;
	 margin-top:10px;
	border:solid 1px black; */
}


/* ---- FOOTER */

#footermenu {
	border-top:1px solid #cccccc;
	clear: both;
	font-size:10px;
	width: 990px; color: #888888; 
	font-family: arial, helvetica, sans-serif; 
	height: 14px; 
	text-decoration: none;
}

#footermenu a {
	text-decoration: none
}
#footermenu a:visited, a:hover  {

}

/* FOOTER MENU LEFT */

#footermenuleft {
	padding-left: 4px; 
	float: left; 
	font-weight: bold; 
}

#footermenuleft p { display:inline;
}

#footermenuleft a {
	font-size:10px;
	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;
	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 
 * =================================================================*/







#premenu {
	BACKGROUND: url(preheader/medaticeheader_03.png) no-repeat left top; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 50px; HEIGHT: 19px
}
#premenu A:hover {
	BACKGROUND: url(preheader/medaticeheader_03o.png) no-repeat left top
}
#premenuclic {
	MARGIN-TOP: 0px; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 50px; HEIGHT: 19px
}
#premenu A SPAN {
	LEFT: -1500em; TEXT-INDENT: -1500em; POSITION: absolute; TOP: -1500em
}



/* RUBRIQUES CALQUES POUR TITRE ARRONDIS ENCADRES */

#layerrubrique {
	MARGIN-LEFT: -8px; WIDTH: 170px
}
#iconrubrique {
	FLOAT: left; WIDTH: 170px; MARGIN-RIGHT: 1px
}
#menutext {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none
}
#menutext A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none
}
#menutexticon {
	PADDING-RIGHT: 10px; MARGIN-TOP: -5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; MARGIN-BOTTOM: 5px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none
}
#menutexticon A {
	PADDING-RIGHT: 10px; MARGIN-TOP: -5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; MARGIN-BOTTOM: 5px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none
}
#premunutab {
	CLEAR: both; HEIGHT: 10px
}
#layersousrubrique {
	MARGIN-TOP: 10px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN-BOTTOM: 10px; WIDTH: 800px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none
}

#layersousrubriquetitle {
	MARGIN-TOP: 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; MARGIN-BOTTOM: 10px; COLOR: #ffffff; FONT-FAMILY: arial; TEXT-DECORATION: none
}

#layerbigrubrique {
	CLEAR: left; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 26pt; WIDTH:800px; COLOR: #ffffff;  FONT-FAMILY: arial; POSITION: absolute; TOP: 400px; HEIGHT: 44px; BACKGROUND-COLOR: #666666; TEXT-DECORATION: none
}
.tablesousrubtitre {
	PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; BACKGROUND-COLOR: #dfdfdf
}
.tablesousrubtitre2 {
	PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; BACKGROUND-COLOR: #cccccc
}
.tablesousrubfond {
	background-color: #f0f0f0;
	padding:8px 8px 8px 8px; 
}
#layersiderubrique {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: #f7751d; 
	WIDTH:auto; HEIGHT: auto
}

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

#layersideconnect {
	CLEAR: right; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 10px; FLOAT: right; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 0px; WIDTH: 175px; COLOR: #ffffff; PADDING-TOP: 8px; BACKGROUND-COLOR: #000000
}
.form_button {
	FONT-SIZE: 10px; BACKGROUND-COLOR: #dcdcdc
}

/* ---------------- STYLES DES ZONES DU SITE  */

.server_error_label {
	FONT-SIZE: 14px; 
}
.server_error_icon_exclamation { font-size: 14pt; font-weight: bold; background: url(../commun/localise/pucetxt1.gif) no-repeat ; 	FONT-WEIGHT: bold; padding-left: 14px; 
}



/* ---------------- STYLES ICONS  MENUS ADMIN */

/* 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;
}


/* 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;
}


/* vcard */

.vcard, .vcardinstit, .vcardinstitpublic {
	float:left;
	/*background-color: #F3F3F3;
	border-right:1px solid  #E4E4E4;
	border-bottom:1px solid #E4E4E4;	
	*/	
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width:532px;
	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:532px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.vcardinstitpublic {
	width:532px;
	border: 0px;
	margin-left:-10px;
	padding-left:-10px;
	padding-right:0px;
}

.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-left: 8px; 
	font-weight: bold; 
	font-size: 0.9em; 
	color: #000000; 
	background-color: #dfdfdf
}
.newsauthor {
	padding-left: 8px; font-size:0.8em; background-color: #dfdfdf; text-decoration: none;
}
.newscontent {
	font-size:11px;
	padding-top:4px;
	padding-left:8px;
	padding-right:8px;
	margin-top:0px;
	margin-bottom:8px;	
	color: #000000;
	/* background-color:#f9f9f9; 
	border-bottom:1px solid  #CfCfCf;
	border-right:1px solid  #CCC; */
	text-decoration: none;
}
.newscontent strong {
	font-size:11px;
}

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

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

#iconlaptop {    /* bloc image en arrire-plan */
	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 {    /* bloc image en arrire-plan */
	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 {    /* bloc image en arrire-plan */
	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 {    /* bloc image en arrire-plan */
	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 {    /* bloc image en arrire-plan */
	width : 94px;
	height: 94px;
	border: 2px;
	border-color:#cccccc;
	margin-right:30px;
	background:url(thumbnails/clemol.jpg) no-repeat;
	float:left;
	margin-left:10px;

}

#iconnews {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: url(thumbnails/news.gif) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 90px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 90px
}
#iconcalend {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/calend.gif) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#icongroup {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/groupes.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#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;
}


#icondvd {
	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
}
#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
}
#iconwifi {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/logowifi.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#iconkeyboard {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/clavier.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
}
#helpiconclemol {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/clemolv2.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#helpiconphone {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/phonev2.gif) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#helpiconeve {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/eve.gif) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#helpiconflash {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/flashlogo.gif) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#helpiconpdf {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/readerlogo.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
#helpicondvd {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(thumbnails/lecteur2.jpg) no-repeat 0px 0px; FLOAT: left; BORDER-LEFT: #000 1px solid; WIDTH: 90px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 90px
}
.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; 
}

.xmliconlink {
	PADDING-LEFT: 42px; BACKGROUND: url(icons/xml.gif) no-repeat 0px 0px; TEXT-DECORATION: none
}
.ituneconlink {
	PADDING-LEFT: 42px; BACKGROUND: url(icons/pcast.jpg) no-repeat 0px 0px; TEXT-DECORATION: none
}
.newstitre {
	PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; BACKGROUND-COLOR: #dfdfdf
}
.newsauteur {
	PADDING-LEFT: 8px; FONT-SIZE: 8pt; BACKGROUND-COLOR: #dfdfdf; TEXT-DECORATION: none
}
.newstxt {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; COLOR: #000000; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none
}
.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 {
	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; BACKGROUND-COLOR: #cccccc; TEXT-DECORATION: none
}


.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)}

/* style tableau gris en 3 couleurs */
.tablelisttitre{ background-color:#CCCCCC;}
.tableliste1{ background-color:#F3F3F3;}
.tableliste2{ background-color:#E4E4E4;}

/* */
.plusinfo {color: ##00CC00; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold;}



/* ---------------- 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;
}