/* CSS par Nicolas OLIVIER 10/2008 */

* {
margin:0;
padding:0;
}

body {
text-align:center;
font-size:76%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
line-height:1.4;
background:white;
color : #363636 ;
border : 0px ;
}

img {
border : 0px ;
}

a {
color : rgb(77,77,77) ;
text-decoration : none;
text-align : right ;
font-weight : bold ;
margin : 0 1em ;
}

a:hover {
}

a:visited {
color : rgb(77,77,77) ;
text-decoration : none;
font-weight : bold ;
}

fieldset {
border : 0px ;
}

/*///////////////////////////// Specifique template Alispad ////////////////////*/
#conteneur {
width : 900px ;
margin : 0 auto;
background : url(../images/content_bg.png) ;
position : relative ;
}

#header {
background : url(../images/header.png) no-repeat;
height : 110px ;
}

#header h1 {
display : block ;
float : left ;
text-align : left ;
padding : 20px 0px 0px 30px;
font-size : 110% ;
color : white ;
}

#header span {
color : rgb(32,128,255) ;
}

#search {
float : right ;
margin : 30px 30px 0 0 ;
}

#search input{
color : #87afd9 ;
}

#topleft {
background : url(../images/menug_top.png) no-repeat ; 
}

#topleft div {
background : url(../images/top.png) repeat-x ;
height : 35px ;
margin-left : 189px ;
margin-right : 9px ;
}


#pathway {
clear : both;
text-align : right ;
font-size : 0.8em ;
word-spacing : 0em ;
background : url(../images/menug_mid.png) ;
margin : 0 20px 0 0 ;
color : rgb(21,21,21);
}

#pathway a {
color : rgb(55,55,55) ;
}

#menu {
width : 190px ;
background : url(../images/menug_mid.png) ;
float : left ;
}

#menu ul {
list-style : none ;
text-decoration : none ;
text-align : left ;
margin : 0 0 0 25px;
}

#menu li {
height : 40px ;
} 

#menu li a{
display : block ;
text-align : left ;
padding : 6px 0 0 10px ;
height : 25px ;
color : #8db4dc ;
width : 145px ;
}


#menu li a:hover {
color : rgb(51,102,153);
padding-top : 7px ;
background : url(../images/menug_mid_hoverb.png) no-repeat 0px ;
}

/* Sous menu gauche */
#menu li ul {

}

#menu li li {
padding : 0 0 0 0px ;
margin : -10px 0 10px 0 ;
color : rgb(102,153,204) ;
background : url(../images/sub-img.png) left ;
height : 40px ;
}

#menu li li a:hover {
text-align : left ;
width : 100px;
background : none ;
}

#content {
/*background-color : white ; */
margin-left : 200px ;
margin-right : 25px ;
padding : 0 ;
}

#content {
color : rgb(54,54,54) ;
background: url(../images/content_title.png) no-repeat;
background-position : 0 30px ;
}

#footer {
clear: both ;
height : 90px ;
background: url(../images/content_bottom.png) no-repeat bottom;
}

#footer div{
margin-top : 10px;
padding-top : 0px ;
}


#menubas {
background : url(../images/menug_bottom.png) no-repeat ;
height : 25px ;
}

#titre-logo {
position : absolute ;
top : 150px ;
left : -35px ;
width : 41px ;
height : 205px ;
background : url(../images/titre.png) no-repeat ;
} 

#sstitre-logo {
position : absolute ;
top : 55px ;
left : -55px ;
width : 58px ;
height : 297px ;
background : url(../images/sstitre.png) no-repeat ;
} 

/*///////////////////////////// Classe de Joomla ////////////////////*/
.category a {
color : rgb(55,55,55) ;
text-decoration : none;
text-align : right ;
font-weight : bold ;
margin : 0 1em ;
}

.category a:hover {
color : rgb(255,128,32) ;
}

.category a:visited {
color : rgb(77,77,77) ;
text-decoration : none;
text-align : right ;
font-weight : bold ;
margin : 0 1em ;
}

.contentpane li {
list-style : none ;
}


.moduletable div {
font-size : 0.8em ;
line-height : 0.5em ;
color : rgb(104,104,104) ;
}

#form-login fieldset {
margin-top : 20px ;
margin-left : 35px ;
text-align : left ;
}

#form-login a {
color : rgb(102,153,255) ;
line-height : 1.2em ;
font-size : 80% ;
}

#form-login label {
margin-top : 10px ;
color : rgb(102,153,255) ;
line-height : 1.2em ;
font-size : 100% ;
}
 /* Liste de liens */
.sectiontableentry1 {
 background-color:#E6EFF6;
 padding:5px;
 text-align:left;
}
.sectiontableentry1 td{
 padding:5px;
  padding-right:0px;
 white-space: nowrap;

}
.sectiontableentry1 a{
 font-weight:bold;
}

.sectiontableentry2 {
 background-color:#EEEEEE;
 padding:5px;
 text-align:left;
}
.sectiontableentry2 td{
 padding:5px;
   padding-right:0px;
 white-space: nowrap;
}
.sectiontableentry2 a{
 font-weight:bold;
}

.componentheading {
 background:url(../images/sectiontableheader_hg.gif);
 font-weight:bold;
 padding:5px;
 margin : -13px 0 0 3px ;
}
 .description {
 padding-left : 48px ;
 }
 
 .contentheading {
 padding-left : 15px ;
 font-weight:bold;
 text-align : left ;
 background : url(../images/content_heading.png) no-repeat left center;
 color : #3191D2 ;
 }
 .contentpaneopen {
 width : 100% ;
 }
  .contentpaneopen a {margin-left : 0}
 .contentpaneopen+ .contentpaneopen td {padding : 0 20px} 
 table.contentpaneopen+table.contentpaneopen {margin-top : 5px} 
 a.readon {margin-top : 10px; display : block; text-align : left}

 
/* Drop menu  */

.menusan, .menusan li, .menusan li ul { /* Menus haut */
 margin: 0;
 list-style: none;
 float: left;
}
 
.menusan li a {
 height : 25px ;
 display: block;
 text-decoration:none;
 padding: 5px 30px 0 30px;
 margin : 0px;
 background : url(../images/top-sep.png) no-repeat right;
}

.menusan li:hover{
  background : url(../images/top-sep.png) no-repeat right;
}

 
.menusan li ul { /* sous sous menu */
 position: absolute;
 width: 10em;
 left: -98%; /* on cache les ss menu a gauche pour que les navigateur/reader puissent les lire quand même */
}
 
.menusan li a:hover {
background : url(../images/top_hover.png) repeat-x ;
padding: 6px 29px 0 30px;
margin-right : 1px;
}


.menusan li li a  {
height : 17px ;
width : 15em ;
text-align : left ;
font-size : 80% ;
margin-left : 0px ;
display : block ;
background : url(../images/sub-menu.png) no-repeat;
padding: 5px 0px 0 15px;
}
 
.menusan li:hover ul, .menusan li.sfhover ul  { /* lists planquées qui reviennent dessous*/
 left: auto ; /* change is to 10px, 20px, etc for indenting the sub menue */
 padding-top : 1px;
}

.menusan li li:hover{
background : none ;
}

.menusan li li a:hover, .menusan li.sfhover ul  { /* Sous lenu en survol */
background : url(../images/sub-menu.png) no-repeat 0 -31px;
padding: 6px 0px 0 15px;
}

.menusan li li a:visited {
 text-decoration:none;
}
/* **************** Dropdown Menu styling end here ***************/