/* STYLE COMMUN ALPESMED 01.11.2006 */

/* ---------------- INITIALISATION */

body { font-size: 10pt; font-family: arial; text-decoration: none; background-color: #eeeeee; background-image: url(../commun/background/fondegra.gif); background-repeat: repeat-x;}
a:link { color: #333333; text-decoration: none;	}
a:visited { color: #333333; text-decoration: none;}
a:hover {color: #820082;text-decoration: underline;}

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

/* Mise � z�ro de certaines marges */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, div, blockquote,fieldset,input { margin:0; padding:0 }

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

/* zone g�n�rale de la page */

#layergeneral {
/* align center */
margin-right:auto;
margin-left:auto;
margin-top:12px;
margin-bottom:12px;
width:1000px; 
/* gris background-color:#FFFFFF; */
background-color:#E9E9E9; 
text-align: left;
}

/* ---- STYLES DU HEADER GENERAL */

#layerheader { 
background-color:#FFFFFF; 	
height:37px;
clear:both; /*Force retour gauche sous les float */
}

/* style du logo medatice */

#logomedatice {    /* bloc image en arri�re-plan */
width : 128px;
height: 37px;
background:url(../commun/preheader/medaticeheader_01.png) top left no-repeat;
float:left;}

#logomedaticeclic {    /* zone cliquable */
float: left;
width : 128px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logomedatice a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* style du slogan medatice texte */
#medaticetxt{    /* bloc image en arri�re-plan */
width : 524px;
height: 37px;
background:url(../commun/preheader/medaticeheader_09.png) 0px 19px no-repeat ;
float:left;
}

#medaticetxtclic {    /* zone cliquable */
float: left;
width : 524px;
height: 18px;
margin-left: 0px;
margin-top: 0px;
}
#medaticetxt a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* style du logo medatice pcem1 */
#medaticepcem1 {    /* bloc image en arri�re-plan */
width : 40px;
height: 19px;
background: url(../commun/preheader/medaticeheader_02.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticepcem1 a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_02o.png) top left no-repeat ;
}

#medaticepcem1clic {    /* zone cliquable */
float: left;
width : 40px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticepcem1 a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* style du logo medatice pcem2 */
#medaticepcem2 {    /* bloc image en arri�re-plan */
width : 50px;
height: 19px;
background: url(../commun/preheader/medaticeheader_03.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticepcem2 a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_03o.png) top left no-repeat ;
}

#medaticepcem2clic {    /* zone cliquable */
float: left;
width : 50px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticepcem2 a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* style du logo medatice dcem1 */
#medaticedcem1 {    /* bloc image en arri�re-plan */
width : 49px;
height: 19px;
background: url(../commun/preheader/medaticeheader_04.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticedcem1 a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_04o.png) top left no-repeat ;
}

#medaticedcem1clic {    /* zone cliquable */
float: left;
width : 49px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticedcem1 a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* style du logo medatice dcem2/3/4 */
#medaticedcem234 {    /* bloc image en arri�re-plan */
width : 84px;
height: 19px;
background: url(../commun/preheader/medaticeheader_05.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticedcem234 a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_05o.png) top left no-repeat ;
}

#medaticedcem234clic {    /* zone cliquable */
float: left;
width : 84px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticedcem234 a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* style du logo medatice mg */
#medaticemg {    /* bloc image en arri�re-plan */
width : 25px;
height: 19px;
background: url(../commun/preheader/medaticeheader_06.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticemg a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_06o.png) top left no-repeat ;
}

#medaticemgclic {    /* zone cliquable */
float: left;
width : 25px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticemg a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* style du logo medatice specialites chirurgicales */
#medaticechir {    /* bloc image en arri�re-plan */
width : 81px;
height: 19px;
background: url(../commun/preheader/medaticeheader_07.png) top left no-repeat ;
float:left;
margin-left:0px;
}

#medaticechir a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_07o.png) top left no-repeat ;
}

#medaticechirclic {    /* zone cliquable */
float: left;
width : 81px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}

#medaticechir a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* style du logo medatice specialites medicales */
#medaticemed {    /* bloc image en arri�re-plan */
width : 79px;
height: 19px;
background: url(../commun/preheader/medaticeheader_08.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticemed a:hover {    /* bloc image en arri�re-plan */
background: url(../commun/preheader/medaticeheader_08o.png) top left no-repeat ;
}

#medaticemedclic {    /* zone cliquable */
float: left;
width : 79px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}

#medaticemed a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* style du logo umvf */
#logoumvf{    /* bloc image en arri�re-plan */
width : 34px;
height: 37px;
background: url(../commun/header/header_umvf.jpg) top left no-repeat ;
float:right;
margin-top: -19px;

}

#logoumvfclic {    /* zone cliquable */
float: left;
width : 34px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logoumvf a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* style du logo ujf */
#logoujf{    /* bloc image en arri�re-plan */
width : 90px;
height: 37px;
background: url(../commun/header/header_ujf.jpg) top left no-repeat ;
float:right;
margin-top: -19px;
}

#logoujfclic {    /* zone cliquable */
float: left;
width : 90px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logoujf a span { /* contenu masqu� mais accessible sans CSS*/
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---- STYLES DU BANDEAU GENERAL */
/* zone du bandeau d�fini dans localise.css */
/* #layerbandeau {
height:74px; 
width:800px; 
background-image: url(localise/bandeau/bandeausite.jpg); 
background-repeat: no-repeat;
background-color:#000000;
clear:both; 
}*/



/* ---------------- STYLES DES MENUS SOUS BANDEAU  */
/* style des bandes de menu sous le bandeau  */

#topmenu { 
	height:14px;
	width:1000px;
	background-color: #000000;
	clear:both; /*Force retour gauche sous les float */
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none; 
}

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

#topmenu a:hover {
	background-color: #333333;
	text-decoration: underline;
}


#topmenuleft { 
	padding-left:10px;
	float:left;
}

#topmenuleft a, #topmenuleft a:visited { 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none;
}

#topmenuleft a:hover { 
	background-color: #333333;
	text-decoration: underline;
}


#topmenuright { 
	padding-right:10px;
	float:right;
}

#topmenuright a, #topmenuright a:visited { 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none;
}

#topmenuright a:hover { 
	background-color: #333333;
	text-decoration: underline;
}

.topmenupuce { 
	background: url(../commun/menu/separateur.gif) 0px 0px no-repeat ; 
	padding-left: 14px; 
}


/* ---- STYLES DU CONTENU */
/* les colonnes sont d�finies dans localise.css partie styles communs */


/* ---- STYLES DU FOOTER BAS DE PAGE */
/* zone du menu situ� en bas de page */

#footermenu { 
	height:14px;
	width:1000px;
	background-color: #000000;
	clear:both; /*Force retour gauche sous les float */
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none; 
}

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

#footermenu a:hover {
	background-color: #333333;
	text-decoration: underline;
}


#footermenuleft { 
	padding-left:10px;
	float:left;
}
#footermenuleft a, #footermenuleft a:visited { 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none;
}

#footermenuleft a:hover { 
	background-color: #333333;
	text-decoration: underline;
}


#footermenuright { 
	padding-right:10px;
	float:right;
}

#footermenuright a, #footermenuright a:visited { 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none;
}

#footermenuright a:hover { 
	background-color: #333333;
	text-decoration: underline;
}

.footermenupuce { 
	background: url(../commun/menu/separateur.gif) 0px 0px no-repeat ; 
	padding-left: 14px; 
}





/* RUBRIQUES CALQUES POUR TITRE ARRONDIS ENCADRES */

#layerrubrique { 
width:170px;
margin-left:-8px;
} 

#iconrubrique { 
float:left;
width:170px;
margin-right:1px;

} 

/* propri�t�s communes � l'ensemble des 4 coins */
#menuhautgauche, #menuhautdroit, #menubasgauche, #menubasdroit,#menuhautdroit2,#menuhautgauche2 {
height:10px; width:10px; background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propri�t�s sp�cifiques � chaque coin */
#menuhautgauche {
background: url(../commun/round/anglesup.gif);
}
#menuhautdroit {
float: right;
background: url(../commun/round/noimage.gif);
}
#menuhautdroit2 {
float: right;
background: url(../commun/round/blancsupd.gif);
}

#menuhautgauche2 {
background: url(../commun/round/blancsupg.gif);
}

#menubasdroit2 {
float: right;
background: url(../commun/round/angleinf2.png);
}

#menubasgauche {
background: url(../commun/round/noimage.gif);
}
#menubasdroit {
float: right;
background: url(../commun/round/angleinf.gif);
}
#menubasdroit2 {
float: right;
background: url(../commun/round/noimage.gif);
}

#menutext, #menutext a {
	padding-right:10px;
	padding-left:10px;
	color: #FFFFFF;	
	font-family: arial;	
	font-size: 10pt; 
	text-decoration: none;	
	font-weight: bold; 
}

#menutexticon, #menutexticon a {
	padding-right:10px;
	padding-left:10px;
	margin-top:-5px;
	margin-bottom:5px;
	color: #FFFFFF;	
	font-family: arial;	
	font-size: 9pt; 
	text-decoration: none;	
	font-weight: bold; 
}

#premunutab { clear:both;height:10px;}
/* SOUS-RUBRIQUES CALQUES POUR TITRE */


#layersousrubrique { 
	margin-top:10px;
	margin-bottom:10px;
	color: #ffffff;	
	font-family: arial;	
	font-size: 9pt; 
	text-decoration: none;	
	font-weight: bold; 
	padding-left: 6px;
}

/* style des encadr�s ""gris"" de contenu des colonnes */

.tablesousrubtitre{ color: #000000;font-size: 9pt; background-color:#DFDFDF;font-weight: bold; padding-left: 6px;}
.tablesousrubtitre2{ color: #000000;font-size: 9pt; background-color:#CCCCCC;font-weight: bold; padding-left: 6px;}
.tablesousrubfond{ background-color:#F0F0F0; }
.tablesousrubfond2{ background-color:#F0F0F0;background: url(../commun/background/fondmenu.png) 0px 0px repeat-x;
 }

/* ---------------- STYLES CALQUES AVEC ICONS  */

#iconconcert {
background: url(../commun/icons/icoconcert.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconnews {
background: url(../commun/icons/news.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconcalend {
background: url(../commun/icons/calend.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconplanei {
background: url(../commun/icons/planei.jpg) 1px 1px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}


#iconplanmerci {
background: url(../commun/icons/mercimin.jpg) 1px 1px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconplancampus {
background: url(../commun/icons/plancampussmdh.gif) 1px 1px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconplanserve {
background: url(../commun/icons/acceslaserve.gif) 1px 1px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#icongroup {
background: url(../commun/icons/groupes.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconkey {
background: url(../commun/icons/clef.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#icondvd {
background: url(../commun/icons/dvdmp4.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconengrenage {
background: url(../commun/icons/engrenage.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconstend {
background: url(../commun/icons/stend90.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#icontice {
background: url(../commun/icons/tice90.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconpodcast {
background: url(../commun/icons/ipodbiz.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconmeda {
background: url(../commun/icons/medaico.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconsport {
background: url(../commun/sport/sportico.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#icongrille {
background: url(../commun/icons/grille.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#icongraph {
background: url(../commun/icons/graph.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconlocamipe {
background: url(../commun/icons/locamip.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconmipe {
background: url(../commun/icons/mipe.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconapple {
background: url(../commun/icons/cleanglaise2.png) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconwifi {
background: url(../commun/icons/logowifi.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#iconkeyboard {
background: url(../commun/icons/clavier.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#icondvdmp4 {
background: url(../commun/icons/dvdmp4.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

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

#menubaspage {
width:auto;
height:auto;
clear:both; 
}


/* ---------------- aide technique */

#helpiconbrowser {
background: url(../commun/icons/browser.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}
#helpiconclemol {
background: url(../commun/icons/clemol.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#helpiconphone {
background: url(../commun/icons/phonev2.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#helpiconeve {
background: url(../commun/icons/eve.gif) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#helpiconflash {
background: url(../commun/icons/flashlogo.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#helpiconpdf {
background: url(../commun/icons/readerlogo.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}

#helpicondvd {
background: url(../commun/icons/lecteur2.jpg) 0px 0px no-repeat;
border: #000 1px solid;
float:left;
width:90px;
height:90px;
}
/* ---------------- ICONS DOCS */

/* styles r�f�renc�s dans le fichier conf Module Files pour faire le lien avec les extensions */
.icon_docs_mp3{ text-decoration: none; background: url(../commun/icons/icons_mp3_small.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px; padding-top: 5px;padding-bottom: 15px;}
.icon_docs_mp3_gray{ opacity: 0.4;text-decoration: none; background: url(../commun/icons/icons_mp3_gray.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_mp4{ text-decoration: none; background: url(../commun/icons/icons_mp4_small.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_mp4_gray{ opacity: 0.4; text-decoration: none; background: url(../commun/icons/icons_mp4_gray.png) 0px 0px no-repeat ; padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_xvid{ text-decoration: none; background: url(../commun/icons/icons_xvid_small.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px;}
.icon_docs_xvid_gray{ opacity: 0.4;text-decoration: none; background: url(../commun/icons/icons_xvid_gray.png) 0px 0px no-repeat ; padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_pdf{ text-decoration: none; background: url(../commun/icons/icons_pdf_small.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_pdf_gray{ opacity: 0.4;text-decoration: none; background: url(../commun/icons/icons_pdf_gray.png) 0px 0px no-repeat ; padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_breeze{ text-decoration: none; background: url(../commun/icons/icons_breeze_small.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_breeze_gray{ opacity: 0.4;text-decoration: none; background: url(../commun/icons/icons_breeze_gray.png) 0px 0px no-repeat ; padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px;}
.icon_docs_ppt{ text-decoration: none; background: url(../commun/icons/icons_ppt_small.png) 0px 0px no-repeat ;padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_docs_ppt_gray{ opacity: 0.4;text-decoration: none; background: url(../commun/icons/icons_ppt_gray.png) 0px 0px no-repeat ; padding-left: 30px; padding-right: 30px;padding-top: 5px;padding-bottom: 15px; }
.icon_links_docs{ text-decoration: none; background: url(../commun/icons/icon_doc.gif) 0px 0px no-repeat ; padding-left: 20px; padding-right: 8px;}
.icon_links_web{ text-decoration: none; background: url(../commun/icons/icon_web.png) 0px 0px no-repeat ; padding-left: 20px; padding-right: 8px;}




/* ---------------- STYLES MODULE RSS-FLUX */
/* style puce rss mozilla devant lien vers fil rss */
.rssiconlink { text-decoration: none; background: url(../commun/icons/feed.png) 0px 0px no-repeat ;	padding-left: 18px; }
/* style puce rss mozilla devant lien vers fil rss */
.rssiconlinktitle a { text-decoration: none; background: url(../commun/icons/feed.png) 0px 0px no-repeat; color:#FFFFFF;padding-left: 18px; }
/* style puce xml devant lien vers fil rss */
.xmliconlink { text-decoration: none; background: url(../commun/icons/xml.gif) 0px 0px no-repeat ;	padding-left: 42px; }
/* style puce itune devant lien vers fil pcast */
.ituneconlink { text-decoration: none; background: url(../commun/icons/pcast.jpg) 0px 0px no-repeat ;	padding-left: 42px; }

/* ---------------- STYLES MODULE NEWS */
.newstitre { color: #000000;font-size: 9pt; background-color:#DFDFDF;font-weight: bold; padding-left: 8px;}
.newsauteur { font-size: 8pt; text-decoration: none; padding-left: 8px;background-color:#DFDFDF;}
.newstxt { color: #000000; padding-left: 8px; padding-right: 8px; background-color:#F0F0F0;text-decoration: none; }



/* ---------------- STYLES MODULE GROUPES */
/* arbre */

.style_arbo_div {
	position:relative; 
	margin: 0 0 0 0;
	margin-left:0px; 
	top:0px;
	padding:0px;
	border:0px;
	height:auto;
}
.style_arbo_div {
	position:relative; 
	margin: 0 0 0 0;
	margin-left:0px; 
	top:0px;
	padding:0px;
	border:0px;
	height:auto;
}


.style_arbo_root {color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight:bold;}
.style_arbo_inputtext {height:14px; border-style:none;background-color:#E9E9E9; color: #000000; font-family: arial; font-size: 12px; text-decoration: none; font-weight: none;}
.style_arbo_box { width:10px; height:10px; border:1px inset; background-color:#E9E9E9; }
.style_arbo_option {color: #000000; font-family: arial; font-size: 8pt; text-decoration: none; font-weight:bold;}

/* ---------------- STYLES DES ZONES AVEC HEADER DE TITRE */

#headarea {color: #000000; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold;background-color:#F0F0F0;}
.headareatitle {padding-left:10px; padding-top:2px; padding-bottom:2px; color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: bold;background-color:#CCCCCC;}
.headareacontent {padding:10px 10px 10px 10px;background-color:#F0F0F0;}

/* ---------------- STYLES DES FORMULAIRES */

#formulaire {color: #000000; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: none;background-color:#F0F0F0;}
.formulairetitre {padding-left:10px; padding-top:2px; padding-bottom:2px; color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: bold;background-color:#CCCCCC;}
.formulairecontenttitre {color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: bold;font-size: 9pt}
.formulairecontent {padding-left:10px;font-weight: none;}
.formulaireinput {color: #000000; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: none;}

/* ---------------- STYLES DES LISTES */

#listitems {color: #000000; font-family: arial; font-size: 9pt; text-decoration: none; font-weight: bold;background-color:#F0F0F0;}
.listitemstitre {padding-left:10px; padding-top:2px; padding-bottom:2px; color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: bold;background-color:#CCCCCC;}
.listitemscontent {padding-left:10px;}
.listitemsfooter {padding-left:10px; padding-top:2px; padding-bottom:2px; color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: none;background-color:#CCCCCC;}

.class_form_btmaj {color: #000000; font-family: arial; font-size: 6pt; text-decoration: none; font-weight: none;}
.class_tabl{color: #000000; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: none;}
.class_tabl_top {color: #000000; font-family: arial; font-size: 10pt; background-color:#EE966C; text-decoration: none; font-weight: 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;}



/* calendriers */
.cal_date_full1 {background-color:#F3F3F3;font-family: arial;	font-size: 8pt; text-decoration: none;font-weight: bold;}
.cal_date_week1 {background-color:#F3F3F3;font-family: arial;	font-size: 8pt; text-decoration: none;}
.cal_date_full2 {background-color:#E4E4E4;font-family: arial;	font-size: 8pt; text-decoration: none;font-weight: bold;}
.cal_date_week2 {background-color:#E4E4E4;font-family: arial;	font-size: 8pt; text-decoration: none;}
.cal_fond_cycle {background-color:#CCCCCC;	font-family: arial;	font-size: 8pt; text-decoration: none;font-weight: none;}
.cal_fond_etude {background-color: #D7E0FB;	font-family: arial;	font-size: 8pt; text-decoration: none;}
.cal_fond_formulaire {background-color:#E0F3FC; font-family: arial;font-size: 8pt; text-decoration: none;}
.cal_fond_sqr {background-color:#BEDFEF; font-family: arial;	font-size: 8pt; text-decoration: none;}
.cal_fond_tutorat {background-color:#D0D5F4; font-family: arial;font-size: 8pt; text-decoration: none;}
.cal_fond_tableau {font-family: arial;font-size: 8pt; text-decoration: none;background-image: url(cyclesfond.jpg); background-repeat: repeat;}
.cal_discipline {font-family: arial;	font-size: 8pt; text-align: left; text-decoration: none;font-weight: bold;}
.cal_font {font-family: arial;	font-size: 8pt; text-align: center; text-decoration: none;font-weight: none;}