/* Personal home page css, by Pierre-Loic Garoche */
/* copyright (c) 2006-12-10 Garoche Pierre-Loic */
/* Copyleft: this work of art is free, you can redistribute it and/or modify it  according to terms of the Free Art license.*/
/* You will find a specimen of this license on the site Copyleft Attitude http://artlibre.org as well as on other sites. */

body { 
       text-align: justify; 
       font-family: arial; 
       background-color: #FFFFFF; 
       }
#container>div { 
padding:10px;
                   border-color:#FE2E2E;
                   border-style:dotted;
                   border-width:1px;     
      }

#logos { 
         float:right;
         }
#logo1 { 
		
         }


#footer{ text-align:center ;
	clear:right; }

#container{
	width:850px;
	margin: 10px;
	padding: 0;
}

#menu{
       border-color:#FE2E2E;
       border-style:dashed;
       border-width:2px;     
       margin:20px;
       padding: 10px;
       position:fixed;
       right:0;
       clear: right;

 }


#menu>h3, #container>div h3{
                   border-color:#FE2E2E;
                   border-style:solid;
                   border-width:0 0 3px 0;
                   font-size:medium;
                   font-weight:700;
                   margin:0;
                   padding-left:0em;
                   text-transform:uppercase;
                   }


#menu>h3:first-letter, div>h3:first-letter{
                                            color:#FE2E2E;
                                            background-color:transparent;

}

/* #menu, #container>div { border-style: dashed; */
/*                         border-width: medium;        /\* sets border width on all sides *\/ */
/*                         border-color: lime; } */
#technologie ul,#theme ul{
                           margin-bottom:1.5em;
                           margin-top:0.5em;
                           }

#menu li{
          /* display:inline; */
          list-style:none;
          }

/* a { color:#00000a0; text-decoration: none; } */
/* a:hover { text-decoration: underline; } */
a.toptable { color: #0000a0; }

a{
   color:#FE2E2E;
   background-color:transparent;
/* display:block; */
   /* font-weight:700; */
   /* margin-left:-3em; */
   /* padding-left:1em; */
   text-decoration:none;
   }

a:hover{
         background-color:#ffecce;
         color:#FE2E2E;
}

div li{
          margin-bottom:0.5em;
          margin-top:0.5em;
          }

table.toptable {
    width : 100%; 
    text-align : center; 
    background-color: #ffffcc;
  }
div.toptable {
    font-size: small;
    background-color: #ccffcc;
  }
dl.parcours dt { font-weight: bold; }
table.cours a { color: #ee5500; font-weight: bold; }
th { text-align : center; }
td { text-align : left; }
img { 
      background-color:transparent;
      border-color:transparent;
      border-width:1px;
      border-style:none;
}
a>img:hover{ 
             color:#fff;
             background-color:#fff;
             border:none;
             border-color:#FE2E2E;
             text-decoration:overline;
      }


p.compact { margin: 0; }
ul.compact { margin: 0; }

div.webmaster { 
    text-align : right; 
    font-size:80%;
    font-family: sans-serif; 
    font-style: italic;
  }



hr { visibility: hidden } 

img#img_title { 
                float:left;
 }

img.scaled { width: 100%; }

.space{margin-right:10px;}