/* all reset,layout */
* {
    margin:  0;
    padding: 0;
}
td,p,div,tr {
    font-family: Tahoma,verdana,arial;
    font-size:   12px;
    color: #282828;
}
body {
    font-family: verdana,tahoma;
    font-size:   12px;
    padding:     0px 0px 0px 0px;
    margin:      0px 0px 0px 0px;
    background-color: #FFFFFF;

}

.all {
    font-family:         verdana,tahoma;
    font-size:           12px;
    padding:             0px 0px 0px 0px;
    margin:              0px 0px 0px 0px;
    color:               #333;
    background-image:    url(../images/all.png);
    background-repeat:   repeat-y;
    background-position: top;



}

.soutenir
{
	background-image: url('images/decoration/deco_dessin_soulever.jpg');
}

.soutenir a:hover
{
	background-image: url('images/decoration/deco_dessin_magret.jpg');

}



// INTERFACE



dd#foyerDef{ top: 65px; left: 114px; }
dd#foyerDef a{ position: absolute; width: 73px; height: 150px; text-decoration: none; }
dd#foyerDef a span{ display: none; }
dd#foyerDef a:hover{ position: absolute; background: transparent url(images/decoration/deco_plan_sol.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#foyerDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}






#imap
{
	display:block;
	width:848px;
	height:649px;
	background:url(images/decoration/deco_plan_sol.jpg) no-repeat;
	position:relative;
}

#imap dd
{
  position:absolute;
  padding:0;
  margin:0;
}
#imap #foyer
{
  left:36px;
  top:46px;
  z-index:20;
}





#menu_mot_principal
{
	text-align: center;
}

#fond_mot_principal
{	
	display: block;
	background-image: url(images/decoration/fond_ecran_mot_principal.jpg);
	z-index: 200;
}

#drapeau_francais
{
	z-index: 201;
	position: relative;
	left: 5;
	bottom: 20;
	right: 15;
	top: 10;
}


#IDD_td
{
}

#IDD_td a:hover
{
	background-color: #000000;
}

#30ansoverallbutton
{
}



#picprevert
{
	padding-left: 150px;
	vertical-align: bottom;

}

#quotecontenu
{
	margin-left: 50%;
	margin-right: 50%;
	border-left: 1px solid #CCCCCC;
	height: 420px;
	width: 329px;
}

.titrevisitevirtuelle
{

	font-weight: bold;
	width: 278px;
}

.imagevisitevirtuelle
{
	color: #CCCCCC;
	width: 278px;
}

.visiteblock
{
	align: center;



}



.principalname
{
	font-weight: bold;
}

.principalsignature
{
	float: right;
	padding-right: 30px;
	padding-bottom: 10px;
}

#moduletablebienvenue
{

	z-index:	116;
	vertical-align: top;
	padding-top: 40px;

}

#arrowhometop
{
	padding-bottom: 50px;
}


#arrowhomebottom
{
	padding-top: 88px;
}


#descrhome
{
	padding-top: 10px;
	color: #555555;
	font-size: 1.2em;
	text-align: left;
}

#descrbottom
{
	padding-top: 80px;
	color: #555555;
	font-size: 1.2em;
	text-align: left;	
}

#signature
{
	color: #BBBBBB;
	font-size: 0.9em;
	
}

#dash
{
	color: #777777;
	font-family: cursive;
	font-size: 1.9em;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
}

#citation
{
	text-align: left;
	font-style: italic;
	color: #777777;
	font-family: cursive;
	font-size: 1.4em;
	line-height: 1.0em;
	padding-left: 20px;

}


#container {
    

	
}

#college_header
{


}

#header {
	background-color: #F2D7CA;
	height:            88px;
    	width:		100%;
    border-bottom:	1px solid #CCCCCC;

}

#locator
{
	z-index:	115;
	float: 		right;
	width: 		100%;
}
#topmenu {

    z-index:	103;
	background-image:	url(../images/topmenu.gif);
    background-repeat:   no-repeat;
    background-position: top;
    height:              24px;
    float:               right;
    width:               230px;
    padding-bottom:      2px;
}

#contpanecontent
{
float: left;
text-align: left;
height: 100%;
}

#decoration_photo_accueil
{
	background-repeat: no-repeat;
	background-image: url(../images/deco.photo.accueil.jpg);
	background-position: right;
	
}

#contpanecontent a
{
	color: #3DEF11;
}

#contpanecontent a:hover
{
	color: #CCCCCC;
}

#cornercontainer
{
	background-image: url(../images/cornerbg.gif);
	height:			88px;
	width:			200px;
	float: 			left;

}

#logo_ac
{	

	padding-left:	6px;
	padding-top:	6px;
	float: 		left;

}

#leftop
{
	width: 200px;
	height: 24px;
	background-image: url(../images/subcornerbg_top.gif);
}

#logocontainer
{
	z-index:	100;
	height:		88px;
	width:		55px;
}

#logo
{
	padding-left:	10px;
	padding-top:	18px;
}

#logo_rf
{
	padding-left: 17px;
	padding-top:  6px;
}

#sitetitle
{
	z-index:	101;
   	font-size:   	1.6em;
	font-family: 	verdana,tahoma;	
	text-align: 	left;
	padding-top:	20px;
	padding-left:	10px;
	color:		#777777;
	padding-top:	10px;

}
#sitesubtitle
{
	z-index:	102;
   	font-size:   	1.1em;
	font-family: 	verdana,tahoma;	
	text-align: 	left;
	color:		#333333;
	padding-top:	3px;
	padding-left:	5px;
}

#topseperator
{
	background_image: url(../images/left_top.png);
	background-repeat: repeat-x;
}

#leftall {
    	width: 200px; 
	border-bottom: 2px solid #CCCCCC;

}
#rightall
{

}
#search {
    background-repeat: no-repeat;
    height:            76px;
    text-align:        left;
}
#search div {
    
}
#search .inputbox {
    background-repeat: no-repeat;
    width:             180px;
    height:            30px;
    border:            none ;
    line-height:       30px;
    vertical-align:    top; 
    font-size: 16px;
    
   
    
    
}
#addtext{
    background-image:  url(../images/add_text.png);
    background-repeat: no-repeat;
    height:            93px;
    text-align:left;
    padding-left:100px;
   
    
}
#addtext p {
padding-top:10px;
}
#addtext a:link, #addtext a:visited { 
    font-weight: bold; 
    font-size: 14px; 
    color: #333333;
    

}
#path {
    background-image:  url(../images/path.png);
    background-repeat: no-repeat;
    height:            25px;
    text-align:        left;
    padding-left:      80px;
    line-height:       25px;
}
#date {
    background-image:    url(../images/date.png);
    background-repeat:   no-repeat;
    height:              37px;
    padding-left:        45px;
    background-position: top;
    line-height:         37px;
    text-align:          left;
    color:               #282828;
}
#date div {
    padding-left: 20px;
}
#leftmodule {
	width: 195px;
	padding-left:5px;
    	background-color: 	#f8ece6;
	border-right: 1px solid #CCCCCC;	
}

.buttonheading
{
	padding-right: 10px;
	padding-bottom: 5px;

}

#leftmodule div.moduletable h3 {
    color:               #111111;
    font-size:           14px;
    font-weight:         bold;
    height:              24px;
    text-align:          left;
    width:		 300px;
    padding-top:         5px;
    vertical-align:      bottom; 
    border-bottom:	1px solid #E98255;
    
}
#rightmaincontent {
    
text-align: left;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
width: 100%;
	height: 100%;
}
.footer{ 
    background-color: #E98255;
    height:44px;
}

.footercurve
{
	float: middle;
}

.footerleft
{
	width: 200px;
	height: 32px;
	background-color: #E98255;
	float: left;
}

.footerright
{
	height: 32px;
    	background-color: #E98255;
}


.personneltable
{
	padding-left: 100px;
	padding-top: 50px;
}

.personnelblock
{

}

.personnelimg:hover
{
	background-color: #DDDDDD;

}

.personnelheader
{
	padding-left: 4px;
	font-size: 1.2em;
	font-weight: bold;
}


.personneldescription
{
	padding-left: 4px;
	padding-right: 4px;
	color: #777777;
	padding-top: 10px;
	padding-bottom: 40px;
}

.personnelimg
{

}


#footer p {
  

}
#footer a:link,#footer a:visited { 


}
/* joomla css stuff */
ul#mainlevel-nav {
    list-style: none;
    font-size:  13px;
    padding-top: 3px;
	padding-left: 10px;
}
ul#mainlevel-nav li {
    
    float:	    left;
    font-size: 	    1.0em;
    font-weight:    normal;
    text-transform: lowercase;
    text-align:     center;
    font-family:    Arial,Tahoma, Helvetica, sans-serif;
    display:        block;
    background:     none ;

}
ul#mainlevel-nav li a {
    display:         block;
    padding-left:    8px;
    padding-right:   8px;
    padding-top:     1px;
    text-decoration: none;
    color:           #333333;
    font-weight:     bold;
}
ul#mainlevel-nav li a:hover {
    display:         block;
    padding-left:    8px;
    padding-right:   8px;
    text-decoration: none;
    ;
    font-weight:     bold;
    color:           #FFFFFF;
}
a:link, a:visited {
    color:           #7C217D;
    text-decoration: none;
}
a:hover {
    color: #DB4646;
}
form {
    display: inline;
    margin:  0;
    padding: 0;
}
h1 {
    color:       #666666;
    font-weight: normal;
    font-size:   20px;
}
ul {
}
li {
}
img {
    border: none ;
}
ol {
    margin-left:         20px;
    list-style-position: inherit;
}
blockquote {
    margin: 10px;
}
blockquote div {
}
pre {
    padding: 10px;
}
table.contenttoc {
    border:  1px solid #CCCCCC ;
    margin:  3px;
    padding: 5px;
}
.contenttoc th {
    background-color: #BDCBA9;
    padding:          3px;
    color:            #FFFFFF;
    font-weight:      bold;
}
.contenttoc a {
    font-size:   11px;
    padding:     0 5px 0 5px;
    font-weight: normal;
}
.contenttoc a:hover {
    font-size:    11px;
    color:        #666666;
    padding-left: 5px;
}
.contenttoc td {
    padding:    3px;
    background: #FFFFFF ;
}
.contentpane {
    font-family: Arial,Tahoma,  Helvetica, sans-serif;
    font-size:   11px;
    line-height: 18px;


}


.contentpaneopen
{

text-align: left;

height: 100%;
}

.contentpaneopen ul {

   
}
.contentpane ul {
    margin-left: 10px;
}
table.contentpaneopen,table.contentpane {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;


}
table.contentpaneopen li {
    margin-left: 20px;
}
div.moduletable {
    margin-bottom: 0px;
    text-align:    left;

}
div.moduletable td {
    text-align: left;
    padding-left: 30px;

}
div.moduletable h3 {
    text-align:    left;
    color:         #333333;
    font-weight:   bold;
    font-size:     14px;
    margin-bottom: 10px;
    padding-top:   10px;
}







.searchtesting
{
    height:            20px;
    border:            none ;    
    font-size: 	       1.0em;
    display:           inline;

}

.inputboxtesting
{
    width:      120px;
    height:     14px;
    font-size:  12px;
    border:     1px solid gray ;
    background: #C5BCA3;
}

.buttontesting
{
    width: 		20px;
    height: 		20px;
    padding-left: 	5px;
    vertical-align: 	middle; 
    font-size:   	12px;
    border:      	none ;
    font-weight: 	bold;

}


table.moduletable th {
    color:               #898371;
    text-align:          left;
    vertical-align:      middle;
    font-weight:         normal;
    padding-left:        5px;
    padding-top:         15px;
    padding-bottom:      10px;
    font-size:           14px;
    background-image:    url(../images/modth.png);
    background-repeat:   no-repeat;
    background-position: bottom;

}


.contentpaneopen fieldset {
    border: none ;
 
}
.contentpaneopen td {
    padding:     0;
    
    line-height: 18px;
}
.contentdescription {
}
.latestnews li {
    list-style-type: none;
}
.latestnews li a {
    border-bottom: 1px dashed #666666 ;
    display:       block;
}
.latestnews li a:hover {
}
.mostread li {
    list-style-type: none;
}
.mostread li a {
    border-bottom: 1px dashed #666666 ;
    display:       block;
}
.mostread li a:hover {
}
ul.latestnews li {
    padding:     2px 2px 3px 40px;
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
}
.latestnews a:link {
    text-transform: lowercase;
    color:          #CCCCCC;
}
.latestnews a:visited {
    color: #CCCCCC;
}
.latestnews a:hover {
    color: #666666;
}
ul.mostread li {
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
    padding:     2px 2px 3px 40px;
}
.mostread a:link {
    text-transform: lowercase;
    color:          #CCCCCC;
}
.mostread a:visited {
    color: #CCCCCC;
}
.mostread a:hover {
    color: #666666;
}
.contentheading {
    text-align: left;
    color:           #323435;
    font-family:     Tahoma,arial,Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       18px;
   margin-top: 30px;
margin-left: 30px;
	border-bottom: 1px solid #CCCCCC;
	
}
div.componentheading {
    color:           #323435;
    font-family:     tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       18px;
    text-align:      left;
}
a.contentpagetitle:link,a.contentpagetitle:hover {
    font-family:     Tahoma,Arial,tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-size:       18px;
}
a.contentpagetitle:hover {
    color: #CCCC99;
}
td.createdate {
    color:               #505050;
    font-size:           11px;
    font-weight:         normal;
    text-transform: lowercase;
    border-bottom:       1px dashed #C9987E ;
    background-image: url(../images/create_date.png);
    background-repeat:   no-repeat;
    background-position: left;
    padding-left:        20px;
}
.modifydate,.small {
    color:          #666666;
    font-size:      10px;
    font-weight:    normal;
    text-transform: none;
}
.highlight {
    color:            #FFFFFF;
    background-color: gray;
}
.mosimage {
    margin:  5px;
    padding: 5px;
    border:  1px #f0f0f0 solid ;
}
.mosimage_caption {
    background-color: #f0f0f0;
    padding:          1px 2px;
    color:            #898371;
    font-size:        10px;
    font-weight:      bold;
}
.contentpaneopen img {
    margin: 5px;
}
.contentpane img {
    margin: 5px;
}
a.mainlevel:link, a.mainlevel:visited {
    display:         block;
    height:          20px;
    font-size:       12px;
    font-weight:     normal;
    text-align:      left;
    text-decoration: none;
    color:           #454640;
    padding-top:     4px;
    padding-left:    5px;
    border-bottom:   1px solid #EAEAEA ;
}

.menuimg
{
	float:left;
	padding-right: 6px;
	vertical-align: top;
	
}

a.mainlevel:hover {
    text-decoration: none;
    color:           #666666;
    font-weight:     bold; 
    
    
}
a.mainlevel#active_menu {
    color:               #E98255;
    font-weight:         bold;
}
a.mainlevel#active_menu:hover {
    color: #333333;
}
a.sublevel:link, a.sublevel:visited {
    font-size:      12px;
    line-height:    20px;
    margin-left:    4px;
    margin-top:	  5px; 
    font-family:    Arial, Verdana,Tahoma;
    color:          #777777;
    font-weight:    normal;
}
a.sublevel:hover {
	font-weight: bold;
}
a.sublevel#active_menu {
        color: #E98255;
	  font-weight: bold;
}

#mod_login_username {
    width:               70%;
    padding:             2px;
    border:              none ;
    font-size:           10px;
    margin:              0px 10px 5px 0;
    border-right:        1px solid #333 ;
    border-bottom:       1px solid #333 ;
    background-image:    url(../images/searchinput.png);
    background-repeat:   repeat-x;
    background-position: top;
}
#mod_login_password {
    width:             70%;
    padding:           2px;
    border:            none ;
    font-size:         10px;
    margin:            0px 10px 5px 0;
    border-right:      1px solid #333 ;
    border-bottom:     1px solid #333 ;
    background-image:  url(../images/searchinput.png);     background-repeat: repeat-x;
}
#mod_login_remember {
    border:     1px solid gray ;
    background: white ;
}
.inputbox {
    font-size:  11px;
    border:     1px solid gray ;
    background: #C5BCA3;
    height:     18px;
}
.button {
    padding:     2px;
    color: #333333;
    font-size:   11px;
    border:      none ;
    font-weight: bold;
    background:  #D8DAA0 ;
    height:      20px;
    
}
.sectiontableheader {
    font-weight: bold;
    background:  #DCD9D9 ;
    padding:     4px;
    color:       #fff;
}
.sectiontableentry1 td {
    padding: 3px;
}
.sectiontableentry2 td {
    padding:    3px;
    background: #FAFAFA;
}
.sectiontableentry1 {
    padding: 2px;
}
.sectiontableentry2 {
    padding: 2px;
}
.readon {
    font-size: 11px;
    height:    20px;
    padding:   2px 25px 2px 22px;
    float:     right;
}
.readon a:link, .readon a:visited {
    color: #FFFFFF;
}
.readon a:hover {
    color: #EBCA71;
}
.back_button a {
    padding: 2px 5px 2px 20px;
}
.back_button a:hover {
    padding: 2px 5px 2px 20px;
    color:   #DB4646;
}
.pagenav {
    text-align:        center;
    color:             #ffffff;
    margin:            0px -2px 0px 0px;
    padding:           1px 6px 1px 6px;
    font-size:         11px;
    font-family:       arial,verdana,tahoma;
    background-image:  url(../images/btnlogin.gif);
    background-repeat: repeat-x;
}
a.pagenav, a.pagenav:visited {
    color: #ffffff;
}
a.pagenav:hover {
    color:            #ffffff;
    background-color: #000000;
    border:           1px solid #5d5d5d ;
}
/* content style */
.penting {
    border:           1px dotted #FFCC99 ;
    background-color: threedlightshadow;
}
.pathway {
    font-weight: normal;
    text-align:  left;
    color: #121B1F;
}






div.jflanguageselection
{
	
}
 
/* language lists with UL (names & images) */
ul.jflanguageselection
{
	float: left;
	list-style: none;
	margin: 0;
	font-size: 0.8em;
	border-left: 1px solid #777777 ;
	border-right:   1px solid #777777 ;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
}

ul.jflanguageselection li
{
	display: inline;
	list-style-type: none;
	border: none;
	padding-left: 2px;
	padding-right: 2px;
}

ul.jflanguageselection li a hover
{
   border-bottom: 1px solid #FFFFFF;

}





ul.jflanguageselection img
{
	border: none;
}

/** Styles for the drop down list */

#jflanguageselection
{
	float: right;
	vertical-align: middle;
}

select.jflanguageselection
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}

label.jflanguageselection
{ position:absolute; left:-3000px}








#ensemble_fond {
	position:relative;
	width:388px;
	height:340px;
	background-color:#fff;
	border:1px dotted #999;
}




#ensemble_points_rouges  a {
	display:inline;
	text-decoration:none;
	color:maroon
}
div#ensemble_points_rouges  a:hover {background:transparent}
div#ensemble_points_rouges  a span {display:none}
div#ensemble_points_rouges  a:hover span {
	display:inline;
	position:absolute;
}