/* CSS Document */

/* menu_bg.png */

@import url(editor.css);

/*
html 
{
  height: 100%;
}
*/
p
{
	color: #000;
	font-size: 15px;
	line-height:20px;
	text-align : left;
}
H1
{
	color:#F00; 
	font-size: 30px ! important ;
	line-height:25px;
}
H2
{
	color:#F00; 
	font-size: 25px ! important ;
	line-height:20px;
}

H3
{
	color:#00F; 
	font-size: 18px ! important ;
	line-height:15px;
}

H4
{
	color:#00F; 
	font-size: 18px ! important ;
	line-height:15px;
}
H5
{
	color:#00F; 
	font-size: 16px ! important ;
	line-height:15px;
}
H6
{
	color:#F0F; 
	font-size: 16px ! important ;
	
	margin-left:5px;
}
p.important
{

text-align : left; 
}

body 
{
	height: 100%;
	margin-bottom: 1px;
	margin: 15px;
	padding: 0px;
	font-family: Arial, Helvetica, "Sans Serif";
	line-height: normal;
	font-size: 12px;
	color: #333333;
	background:#CCC;
	/*	  background-image: url(../images/back.png) css;*/
  background-image: url(../images/estampage.jpg);

}

/**
Livre d'or
*/
.easy_frame 
{
	border: #ededed solid 1px;
 	background-color:#FFFFFF;
  border: 1px solid #ad7bb0;

}

.easy_top 
{
	background-color:#EFF6CC;
 	height: 30px;
	border: 1px solid #ad7bb0;


}

.easy_top_left 
{
	padding-left: 10px;
	padding-top: 5px;
 	padding-bottom: 10px;
 	float: left;
	color:#ad7bb0;
	
}



/*
fin livre d'or
*/

/** Ombres*/
.shadleft 
{
    background-image: url(../images/shadleft.png) ;
    background-repeat:repeat-y;
    width:18px !important;
    
}


.shadright
{
    background-image: url(../images/shadright.png);
    background-repeat:repeat-y;
    width:18px !important;
     
}

.shadbottom
{
    background-image: url(../images/shadbottom.png);
    background-repeat:repeat-x;
    height:18px !important;
    color:#000;
    padding-left: 10px ;
    padding-top: 0px ;
    font-size : 9px;
}


.shadtop
{
    background-image: url(../images/shadtop.png);
    background-repeat:repeat-x;
    height:18px !important;
/*    color:#FFD;*/
	color:#DDD;
	padding-left: 10px ;
    padding-top: 0px ;
    font-size : 9px;
    text-align: left;
}


.shadtopleft
{
    background-image: url(../images/shadtopleft.png) ;
    background-repeat:no-repeat;
    width:18px !important;
    height:18px !important;   
}


.shadtopright
{
    background-image: url(../images/shadtopright.png);
    background-repeat:no-repeat;
    height:18px !important;
    width:18px !important;

}

.shadbottomleft
{
    background-image: url(../images/shadbottomleft.png);
    background-repeat:no-repeat;
    width:18px !important;
    height:18px !important;
    
}


.shadbottomright
{
    background-image: url(../images/shadbottomright.png);
    background-repeat:no-repeat;
    height:18px !important;
    
}

/** FIN Ombres*/



.clr 
{
  clear: both;
}
/* */
.outline 
{
	padding: 0px;


  //border: 1px solid #00000;
/*	background-image: url(../images/estampage.png);css*/
	background-image: url(../images/logojf_est.gif); 
	background-repeat: repeat;
	background-color: #999;
}

#buttons_outer 
{
width: 627px;
margin-bottom: 2px;
margin-right: 2px;
float: left;

}

#buttons_inner 
{
border: 1px solid #C64934;
height: 21px !important;
height: 23px;

}



#pathway
{
width:650px;
display: block;
}

#pathway_text 
{
background-color: #FFFFAA;
background: url(../images/contenttitle.jpg) repeat;
border: 1px solid #DEBE9E;
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;

margin-bottom: 2px;
}

#pathway_text img 
{
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}

#buttons 
{
float: left;
margin: 0px;
padding: 0px;
width: auto;
/*background: url(../images/contentclair.jpg) repeat-x;*/
}


ul#mainlevel-nav

{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

ul#mainlevel-nav li

{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #C64934;
}

ul#mainlevel-nav li a

{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}

#buttons>ul#mainlevel-nav li a 
{ 
width: auto; 
}

ul#mainlevel-nav li a:hover
{
color: #fff;
background: #c64934;
}


#search_outer 
{
float: left;
width: 165px;
}

#search_inner 
{
/*border: 1px solid #C64934;*/
padding: 0px;
height: 21px !important;
height: 23px;
overflow: hidden;
}

#search_inner form 
{
padding: 0;
margin: 0;
}

#search_inner .inputbox 
{
border: 0px;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color:#ad7bb0;
}

#header_outer 
{
text-align: left;
border: 0px;
margin: 0px;

}

#header 
{
float: left;
padding: 0px;
margin-right: 2px;
width: 850px;
height: 150px;
background: url(../images/bandeau.jpg) no-repeat;
}

#top_outer
{
float: left;
width: 0px;
}

#top_inner 
{
/*border: 1px solid #c64934;*/
padding: 2px;
height: 144px !important;
height: 150px;
overflow: hidden;
float: none !important;
float: left;
}

#left_outer 
{
float: left;
margin-top: 2px;
width: 165px;
}

#left_inner 
{
/*border: 1px solid #C64934;*/
padding: 2px;
float: none !important;
float: left;
}

#content_outer 
{
padding: 0px;
margin-top: 0px;
margin-left: 2px;
/* border: 1px solid #C64934; */
float: left;
width: 627px;
}

#content_inner
{
float: none !important;
float: left;
padding: 0;
padding-top: 2px;
margin: 0;
//font-size: 12pt;
}

table.content_table 
{
width: 100%;
padding: 0px;
margin: 0px;
}

table.content_table td 
{

padding: 0px;
margin: 0px;
}




#banner_inner 
{
float: left;
padding: 0px;
height: 70px;
}

#poweredby_inner 
{
float: right;
padding: 0px;
margin-left: 0px;
height: 70px;
}

#right_outer 
{
margin-left: 2px;
width: 165px;
}

#right_inner 
{
float: none !important;
float: left;
border: 1px solid #C64934;
padding: 2px;
}


.user1_inner 
{
border: 1px solid #C64934;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

.user2_inner 
{
border: 1px solid #C64934;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

table td.body_outer 
{
padding: 2px;
/*border: 1px solid #C64934;*/
}



.maintitle 
{
color: #FFFFAA;
//background: url(../images/contenttitle.jpg) repeat;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}

.error 
{
font-style: italic;
text-transform: uppercase;
padding: 5px;
color:#ad7bb0;
font-size: 14px;
font-weight: bold;
}

/** old stuff **/
.back_button 
{
display: block;
float: right;
text-align: center;
font-size: 12px;
font-weight: bold;
//border: 1px solid #C64934;
width: 49px;
background: url(../images/button.png) ;
background-position: 0px 0px;
padding: 0px 0px;
line-height: 20px;
margin: 0px;
}


.back_button a:hover
{
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(../images/button.png);
	background-position: 0px -25px;
	color: #FFF;
}

.back_button a:link
{
	display: block;
	color: #666;
}

.back_button a:hover
{
	color: #FFF;
}


.pagenav 
{
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #C64934;
width: auto;
background: url(../images/contentclair.jpg) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenavbar 
{
margin-right: 10px;
float: right;
}

#footer 
{
text-align: center;
padding: 3px;
}

ul

{
margin: 0;
padding: 0;
list-style: none;
}

li

{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}


td 
{
text-align: left;
font-size: 11px;
}
.H3
{
text-align: left;
font-size: 18px;
line-height:25px;
}



/* Joomla core stuff */
a:link, a:visited 
{
	color:#F00;
	text-decoration: none;
	font-weight: bold;
}

a:hover 
{
	color: #900;
	text-decoration: none;
	font-weight: bold;
}

table.contentpaneopen 
{
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpaneopen td 
{
padding-right: 5px;
}

table.contentpaneopen td.componentheading 
{
padding-left: 4px;
}



table.contentpane 
{
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpane td 
{
margin: 0px;
padding: 0px;
}

table.contentpane td.componentheading 
{
padding-left: 4px;
}

table.contentpaneopen fieldset 
{
border: 0px;
border-bottom: 1px solid #eee;
}
/*
.button 
{
color:#ad7bb0;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;

//width: auto;
//background: url(../images/contentclair.jpg) repeat-x;
width: 80px;
background: url(../images/button_bg.png) repeat-x;
background-position: 0px 0px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 21px !important;
height: 21px;
margin: 1px;

}
*/
.button 
{
display: block;
float: left;
text-align: center;
font-size: 12px;
font-weight: bold;
//border: 1px solid #C64934;
width: 80px;
background: url(../images/button_bg.png) repeat-x;
background-position: 0px 0px;
padding: 0px 0px;
line-height: 20px;
margin: 0px;
color: #DDDDBB;
}

.inputbox 
{
padding: 2px;
border:solid 1px #C64934;
background-color: #FFFFAA;
background: url(../images/contentclair.jpg) repeat;
}

.componentheading 
{

background: url(../images/contentclair.jpg) repeat-x;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
color:#ad7bb0;
font-weight: bold;
font-size: 14px;
white-space: nowrap;
border: 1px solid #DEBE9E;

}

.contentcolumn 
{
padding-right: 5px;
}

.contentheading 
{
	background: url(../images/contentclair.jpg) repeat-x;
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
	margin :5px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #DEBE9E;
	/*background: url(../images/contentclair.jpg) repeat-x;*/

color:#333;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;

}



.contentpagetitle 
{
font-size: 13px;
font-weight: bold;
color:#ad7bb0;
text-align:left;
}

table.searchinto 
{
width: 100%;
}

table.searchintro td 
{
font-weight: bold;
}

table.moduletable 
{
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

div.moduletable 
{
padding: 0;
margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 
{
background: url(../images/contentclair.jpg) repeat-x;
color: #666666;
text-align: left;
padding-left: 4px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 2px 0;
}

table.moduletable td 
{
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}

table.pollstableborder td 
{
padding: 2px;
}

.sectiontableheader 
{
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}

.sectiontablefooter 
{

}

.sectiontableentry1 
{
background-color : #FFFFAA;
 //background: url(../images/content.jpg) repeat;
}

.sectiontableentry2 
{
background-color : #f9f9f9;
}

.small 
{
color: #999999;
font-size: 11px;
}

.createdate 
{
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}

.modifydate 
{
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}

table.contenttoc 
{
border: 1px solid #C64934;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

table.contenttoc td 
{
padding: 2px;
}


table.contenttoc th 
{
background: url(../images/contentclair.jpg) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited 
{
	display: block;
	background: url(../images/menu_bg.png ) no-repeat;
	background-position: 0px 0px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
	/*color: #DDD;*/
color: #666;
}

a.mainlevel:hover 
{
	background-position: 0px -25px;
	text-decoration: none;
	/* color: #FF3300;*/
color: #FFF;
}

a.mainlevel#bouton_sup 
{
	/*float:right;*/
	color:#666;
	/*color: #f79b0a;*/
/*	font-weight: bold;*/
	background-position: 0px 0px;
	font-size: 12px;
	/*text-transform: uppercase;*/
	background: url(../images/button_bg.png ) no-repeat;
	float: right;
}
a.mainlevel#bouton_sup:hover 
{
	
	color:#FF0;
	float: right;
		/*color: #f79b0a;*/
/*	font-weight: bold;*/
	background-position: 0px 0px;
	font-size: 11px;
	text-transform: uppercase;
	background: url(../images/button_bg.png ) no-repeat;
/*	text-align: center;*/
}
a.mainlevel#active_menu 
{
	color:#FF0;
	/*color: #f79b0a;*/
font-weight: bold;
	background-position: 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	background: url(../images/button_bg.png ) no-repeat;
}

a.mainlevel#active_menu:hover 
{
	color: #FFF;
}

a.sublevel:link, a.sublevel:visited 
{
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
/*color: #c64934;*/
color:#333;
text-align: left;
}

a.sublevel:hover 
{
	color: #900;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

a.sublevel#active_menu 
{
color: #f5250A;
font-size: 11px;
text-transform: uppercase;

}


.highlight 
{
background-color: Yellow;
color: Blue;
padding: 0;
}
.code 
{
background-color: #ddd;
border: 1px solid #bbb;
}

form 
{
/* removes space below form elements */
margin: 0;
padding: 0;
}

div.mosimage 
{
border: 1px solid #ccc;
}

.mosimage 
{
border: 1px solid #C64934;
margin: 5px
}

.mosimage_caption 
{
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #C64934;
}

span.article_seperator 
{
display: block;
height: 1.5em;
}

div.scroll
{
	height : 20px;
	padding: 10px 10px;
	margin-top: 10px;
	Z-index: 1;
	font-family:"Comic Sans MS",TSCu_Comic,verdana,kalimati,arial;
	color: #F00;
	font-size: 20px;
	background-color: #dadada;
	text-align: center;
}
.question {
	color: #00F;
	font-size: 14px;
	font-family: "Comic Sans MS", cursive;
}
.reponse {
	color: #F00;
	font-size: 14px;
	font-family: "Comic Sans MS", cursive;
	margin-left:15px;
}