/* ===================================================================
 * Quadricolor
 * =================================================================*/
 
.mainthemecolor1{ background-color:#36448e;}
.mainthemecolor2{ background-color:#3e4ea1;}
.mainthemecolor3{ background-color:#7686d9;}
.mainthemecolor4{ background-color:#acbaff;}

/* ===================================================================
 * Onglets
 * =================================================================*/
 
#premenutab {
float:left;
width:150px;
margin-right:1px;	
}
 

/* ---------------- Rounded */

#menuhautgauche, #menuhautdroit, #menubasgauche, #menubasdroit,#menuhautdroit2,#menuhautgauche2 {
height:10px; width:10px; background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

#menuhautgauche {
background: url(round/anglesup.gif);
}
#menuhautdroit {
float: right;
background: url(round/noimage.gif);
}
#menuhautdroit2 {
float: right;
background: url(round/blancsupd.gif);
}

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

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

#menubasgauche {
background: url(round/noimage.gif);
}
#menubasdroit {
float: right;
background: url(round/angleinf.gif);
}
#menubasdroit2 {
float: right;
background: url(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; 
}


/* ===================================================================
 * NavSitesmenu
 * =================================================================*/
 
/* ---------------- medatice logo */

#logomedatice {    
width : 128px;
height: 37px;
background:url(preheader/medaticeheader_01.png) top left no-repeat;
float:left;}

#logomedaticeclic {    
float: left;
width : 128px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logomedatice a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- baseline */

#medaticetxt{    
width : 524px;
height: 37px;
background:url(preheader/medaticeheader_09.png) 0px 19px no-repeat ;
float:left;
}

#medaticetxtclic {    
float: left;
width : 524px;
height: 18px;
margin-left: 0px;
margin-top: 0px;
}
#medaticetxt a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- PAES */
#medaticepaes { 
width : 40px;
height: 19px;
background: url(preheader/medaticeheader_02b.png) top left no-repeat ;
float:left;
margin-left:0px;
}

#medaticepaes a:hover { 
background: url(preheader/medaticeheader_02.png) top left no-repeat ;
}

#medaticepaesclic {
float: left;
width : 40px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}

#medaticepaes a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* ---------------- PCEM2 */

#medaticepcem2 { 
width : 50px;
height: 19px;
background: url(preheader/medaticeheader_03o.png) top left no-repeat ;
float:left;
margin-left:0px;
}

/* #medaticepcem2 a:hover { 
background: url(preheader/medaticeheader_03o.png) top left no-repeat ;
} */

#medaticepcem2clic { 
float: left;
width : 50px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticepcem2 a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- DCEM1 */
#medaticedcem1 { 
width : 49px;
height: 19px;
background: url(preheader/medaticeheader_04.png) top left no-repeat ;
float:left;
margin-left:0px;
}

#medaticedcem1 a:hover { 
background: url(preheader/medaticeheader_04o.png) top left no-repeat ;
}

#medaticedcem1clic {  
float: left;
width : 49px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticedcem1 a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* ---------------- DCEM2/3/4 */
#medaticedcem234 {
width : 84px;
height: 19px;
background: url(preheader/medaticeheader_05.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticedcem234 a:hover { 
background: url(preheader/medaticeheader_05o.png) top left no-repeat ;
}

#medaticedcem234clic { 
float: left;
width : 84px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticedcem234 a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}


/* ---------------- MG */
#medaticemg {   
width : 25px;
height: 19px;
background: url(preheader/medaticeheader_06.png) top left no-repeat ;
float:left;
margin-left:0px;
}

#medaticemg a:hover {  
background: url(preheader/medaticeheader_06o.png) top left no-repeat ;
}

#medaticemgclic {
float: left;
width : 25px;
height: 19px;
margin-left: 0px;
margin-top: 0px;
}
#medaticemg a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- CHIR */
#medaticechir {  
width : 81px;
height: 19px;
background: url(preheader/medaticeheader_07.png) top left no-repeat ;
float:left;
margin-left:0px;
}

#medaticechir a:hover {   
background: url(preheader/medaticeheader_07o.png) top left no-repeat ;
}

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

#medaticechir a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- MEDECINE */
#medaticemed {    
width : 79px;
height: 19px;
background: url(preheader/medaticeheader_08.png) top left no-repeat ;
float:left;
margin-left:0px;

}

#medaticemed a:hover {
background: url(preheader/medaticeheader_08o.png) top left no-repeat ;
}

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

#medaticemed a span {
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- UNF3S LOGO */
#logora {
width : 80px;
height: 37px;
background: url(preheader/header_ra.png) top left no-repeat;
background-position:0px -1px;
float:right;
margin-top: -19px;
}

#logoraclic {    
float: left;
width : 80px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logora a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- UNF3S LOGO */
#logounf3s {
width : 80px;
height: 37px;
background: url(preheader/header_unf3s.jpg) top left no-repeat;
background-position:0px -1px;
float:right;
margin-top: -19px;
}

#logounf3sclic {    
float: left;
width : 80px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logounf3s a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- UMVF LOGO */
#logoumvf {
width : 34px;
height: 37px;
background: url(preheader/header_umvf.jpg) top left no-repeat ;
float:right;
margin-top: -19px;
}

#logoumvfclic {    
float: left;
width : 34px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logoumvf a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ---------------- UJF LOGO */
#logoujf{    
width : 84px;
height: 37px;
background: url(preheader/header_ujf.jpg) top left no-repeat ;
float:right;
margin-top: -19px;
}

#logoujfclic { 
float: left;
width : 90px;
height: 37px;
margin-left: 0px;
margin-top: 0px;
}
#logoujf a span { 
position: absolute;
left: -1500em;
top: -1500em;
text-indent: -1500em;
}

/* ===================================================================
 * Homearticle
 * =================================================================*/
 
#homeshleterarticle {
width:790px;
}

#homearticletitle {
	float:right;
	text-align:right;
	width: 278px;
	height:20px;
	background-color:#CfCfCf;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}

#homearticlecore {
	float:right;
	width: 275px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
 
#homearticlecore ul {
	margin-left:-16px;
}

#homearticlecore li {
	background:url(icons/bullet_go.png) no-repeat;
	background-position: 0px -2px;
	padding-left:16px;
	list-style:none;
}


#homearticlecore ul li a {
}

.homearticlelink {
	font-size:11px;
}
 
#homearticleleft { 
margin-bottom:10px;
margin-right:10px;
width : 390px;
height: 92px;
float:left;
background-color:#eeeeee;
}
#homearticleright { 
margin-bottom:10px;
width : 390px;
height: 92px;
float:left;
background-color:#eeeeee;
}



/* ---------------- BULLETS  */
#bulletli {
	margin-left:3px;
	background:url(icons/next.gif) no-repeat;
	padding-left:8px;
	background-position: 0px 3px;
	list-style:none;
}
#bulletgo {
	margin-left:3px;
	background:url(icons/bullet_go.png) no-repeat;
	padding-left:14px;
	background-position: 0px -1px;
	list-style:none;
}
#bulletgoinline {
	margin-left:-2px;
	background:url(icons/bullet_go.png) no-repeat;
	padding-left:14px;
	background-position: 0px -1px;
	list-style:none;
}

#bulletfacebookinline {
	margin-left:-2px;
	background:url(icons/face12px.png) no-repeat;
	padding-left:14px;
	background-position: 0px -1px;
	list-style:none;
}

#bullettwitterinline {
	margin-left:-2px;
	background:url(icons/twitter12px.png) no-repeat;
	padding-left:14px;
	background-position: 0px -1px;
	list-style:none;
}

/* ---------------- HOME ICON ARTICLES */
/* iconmeda */
/* icondvd */
/* iconnews */
/* icongroup */
/* iconcalend */
/* iconconcert */
/* iconcelaio */
/* iconplanmerci */
/* iconsport */
/* iconkeyboard */
/* iconmipe */
/* iconwifi */

/* ===================================================================
 * News site
 * =================================================================*/

.newsframe {
	width:790px;
}

#newsframetitle {
	width:782px; 
	background: url(frames/frameup2.png)
}

#newsframetitle a {
	font-size:9px;
}

.listitemsfooter {
	width:780px; 
}

/* ===================================================================
 * Contents 
 * =================================================================*/

/* ---------------- TOP TITLE IMG */

#homeimg {
	width:790px;
	height:116px;
	background:url(contents/homeimg.jpg) no-repeat;
	margin-bottom:10px;
	
}

#homeimg2 {
	width:790px;
	height:116px;
	background:url(contents/homeimg2.jpg) no-repeat;
	margin-bottom:10px;
	
}

#homeimg3 {
	width:790px;
	height:116px;
	background:url(contents/homeimg3.jpg) no-repeat;
	margin-bottom:10px;
	
}

#homeimg4 {
	clear:both;
	width:790px;
	height:116px;
	background:url(contents/jardinville.jpg) no-repeat;
	margin-bottom:10px;
	
}

#homeimg5 {
	width:790px;
	height:116px;
	background:url(contents/modalites.png) no-repeat;
	margin-bottom:10px;
	
}

#homeimg6 {
	width:790px;
	height:116px;
	background:url(contents/listes.jpg) no-repeat;
	margin-bottom:10px;
	
}

#homeimg7 {
	width:790px;
	height:116px;
	background:url(contents/calendrier.png) no-repeat;
	margin-bottom:10px;
	
}

#homeimg8 {
	width:790px;
	height:116px;
	background:url(contents/ticesante.jpg) no-repeat;
	margin-bottom:10px;
	
}

#homeimg9 {
	width:790px;
	height:116px;
	background:url(contents/sport.png) no-repeat;
	margin-bottom:10px;
	
}

#homeimg10 {
	width:790px;
	height:116px;
	background:url(contents/concertation.jpg) no-repeat;
	margin-bottom:10px;
}

#homeimg11 {
	width:790px;
	height:116px;
	background:url(contents/homeimg4.jpg) no-repeat;
	margin-bottom:10px;
}

#homeimg12 {
	width:790px;
	height:116px;
	background:url(contents/homeimg5.jpg) no-repeat;
	margin-bottom:10px;
}


#homeimg13 {
	width:790px;
	height:116px;
	background:url(contents/homeimg6.jpg) no-repeat;
	margin-bottom:10px;
}

#homeimg14 {
	clear:both;
	width:790px;
	height:91px; /* 116 -25 */
	background:url(contents/homeimg7.jpg) no-repeat;
	margin-bottom:10px;
}

#homeimg15 {
	width:790px;
	height:116px;
	background:url(contents/homeimg8.jpg) no-repeat;
	margin-bottom:10px;
}

#homeimg16 {
	width:790px;
	height:116px;
	background:url(contents/homeimg9.jpg) no-repeat;
	margin-bottom:10px;
}

#homeimg17 {
	width:790px;
	height:116px;
	background:url(contents/homeimg10.jpg) no-repeat;
	margin-bottom:10px;
}


/* ---------------- USER MANUAL IMG */


#iconguidehome {   
	width : 350px;
	height: 270px;
	margin-right:30px;
	background:url(contguide/home.jpg) no-repeat;
	float:left;
}

#iconguidecalend { 
	width : 350px;
	height: 298px;
	background:url(contguide/calendar.jpg) no-repeat;
	margin-right:10px;
	margin-left:10px;
	float:right;
}

#iconguideliste {    
	width : 350px;
	height: 303px;
	background:url(contguide/liste.jpg) no-repeat;
	margin-right:30px;
	float:left;
}

#iconguidepresent {    
	width : 350px;
	height: 227px;
	margin-right:10px;
	background:url(contguide/presenter.jpg) no-repeat;
	margin-left:10px;
	float:right;
}


#iconguideens {    
	width : 350px;
	height: 250px;
	margin-right:30px;
	background:url(contguide/enseignants.jpg) no-repeat;
	float:left;
}

#iconguidedisci {  
	width : 350px;
	height: 200px;
	margin-right:10px;
	margin-left:10px;
	background:url(contguide/disciplines.jpg) no-repeat;
	float:right;
}


/* ---------------- TUTORAT IMG */

#schemaresult {
background: url(conttutorat/exempletut.jpg) 0px 0px no-repeat;
float:left;
width:604px;
height:127px;
}

#classgentut {
background: url(conttutorat/classgentut.jpg) 0px 0px no-repeat;
float:left;
width:250px;
height:98px;
}



#classan {
background: url(conttutorat/classan.jpg) 0px 0px no-repeat;
float:left;
width:436px;
height:185px;
}

/* ---------------- FILIERES SANTE IMG */

#presentsf {
background: url(contfilieres/sf.jpg) 0px 0px no-repeat;
margin-right:20px;
float:left;
width:100px;
height:75px;
}

#presentmem {
background: url(contfilieres/manip.png) 0px 0px no-repeat;
margin-right:20px;
float:left;
width:100px;
height:75px;
}

#presentkine {
background: url(contfilieres/kine.png) 0px 0px no-repeat;
margin-right:20px;
float:left;
width:100px;
height:75px;
}

#presentodon {
background: url(contfilieres/odon.png) 0px 0px no-repeat;
margin-right:20px;
float:left;
width:100px;
height:75px;
}

#presentph {
background: url(contfilieres/ph.png) 0px 0px no-repeat;
margin-right:20px;
float:left;
width:100px;
height:75px;
}

#presentmed {
background: url(contfilieres/med.png) 0px 0px no-repeat;
margin-right:20px;
float:left;
width:100px;
height:75px;
}

/* ===================================================================
 * zone Contents 
 * =================================================================*/

#zoneshleterarticle {
	width:790px;
}

#pgsectiona h1 {
	clear:both;
	font-size:12px;
	float:left;
	text-align:left;
	width:auto;
	height:20px;
	background-color:#CfCfCf;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;	
	margin-top:-10px;
	margin-left:-10px;
}

#pgsectiona h2 {
	clear:both;
	font-size:11px;
	float:left;
	text-align:left;
	width:auto;
	height:auto;
	background-color:#CfCfCf;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	font-weight:bold;	
	margin-top:-10px;
	margin-left:-10px;
}

#pgsectiona h3 {
	clear:both;
	font-size:12px;
	float:left;
	text-align:left;
	width:auto;
	height:20px;
	background-color:#CfCfCf;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;	
}

#pgsectiona h4 {
	clear:both;
	font-size:11px;
	float:left;
	text-align:left;
	width:auto;
	height:auto;
	background-color:#CfCfCf;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	font-weight:bold;	
}
#zonearticle { 
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	margin-right:10px;
	width:770px;
	height:auto;
	float:left;
	background-color:#eeeeee;
}

#zonearticle a, #zonearticleleft a, #zonearticleright a {
	margin-left:-2px;
	background:url(icons/bullet_go.png) no-repeat;
	padding-left:14px;
	background-position: 0px -1px;
}


#zonearticleleft { 
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-right:10px;
width : 390px;
height: auto;
float:left;
background-color:#eeeeee;
}

#zonearticleright { 
padding:10px 10px 10px 10px;
margin-bottom:10px;
width : 350px;
height: auto;
float:right;
background-color:#fefefe;
}


#zonearticleleft ul li, #zonearticleright ul li {
	margin-left:10px;
}

#zonearticleleft a , #zonearticleright a {
	font-size:11px;
}

.articletables  {
	background:#F5F5F5;
} 

.articletables  td {
	font-size:11px;
} 

.articletablew  {
} 

.articletablew  td {
	font-size:11px;
} 

/* ===================================================================
 * medatice calendar
 * =================================================================*/


#calcase1 { 
clear:left;
padding-left:42px;
height:16px;
background:url(contents/case1.png) no-repeat;
}

#calcase2 { 
clear:left;
padding-left:42px;
height:16px;
background:url(contents/case2.png) no-repeat;
}

#calcase3 { 
clear:left;
padding-left:42px;
height:16px;
background:url(contents/case3.png) no-repeat;
}


#calcase4 { 
clear:left;
padding-left:42px;
height:16px;
background:url(contents/case4.png) no-repeat;
}

#calschema { 
float:right;
margin-right:0px;
width:464px;
height:188px;
background: url(contents/cycle.jpg) no-repeat; 
border-right: #ccc 1px solid; 
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
border-bottom: #ccc 1px solid;

}