/*  CSS stylesheet principale
 *
 *  Ajjro.org
 */


/* Palette
 *Gris foncé RGB 12/12/15      #0C0C0F
 *Gris pâle  RGB 139/146/152   #8B9298
 *Bleu       RGB 16/32/66      #102042
 *Vert       RGB 16/66/31      #10421F
 *Jaune      RGB 251/176/59    #FBB03B
 *bleu no 2                    #38588F                    
 * /


/* -------------- Layout principal  -------------- */
body{
  margin:0;
  padding:0;
  background:#0C0C0F;
  background-image:url('/images/background_large.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:50% 50%;
  overflow-y:scroll;
}
#wrapper{
  margin:0 auto;
  width:1000px;
  height:100%;
  display:block;
}
#topbar{
  background:#0C0C0F;
  height:20px;
  border-bottom:1px solid #8B9298;
  position:fixed;
  width:100%;
  z-index:10;
}
#topmenu{
  margin-left:200px;
  width:800px;
  color:white;
  background-color:#0C0C0F;
  height:17px;
  position:fixed;
  border-bottom:1px solid #8b9289;
  padding-top:3px;
  z-index:11;
}
#topmenu>ul{
  width:328px;
  margin:0;
  padding:0;
}
#sitelogin {
  float:right;
  background-color:#0C0C0F;
  padding:0 2px 0 2px;
  margin-right:5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;

}

#topmenu>ul>li{
  Display:block;
  width:82px;
  text-align:center;
  margin:0;
  padding:0;
  float:left;
}

#main {
  color:white;
  padding:3px 20px 20px 20px;
  border:1px solid  #8B9298;
  background-color:#0C0C0F;
}
#main {
  background-image:url('/images/dorures.png') ;
  background-repeat:no-repeat;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
}
#footer{
  color:white;
  margin-top:10px;
  padding:10px 20px 20px 10px;
  border-bottom:none;
  -webkit-border-radius:7px 7px 0 0 ;
  -moz-border-radius:7px 7px 0 0 ;
  text-align:center;
}

#main-wrapper{
  display:block;
  width:800px;
  margin-left:200px;
  padding-top:29px;
  float:right;
}
#menuwrapper{
  position:absolute;
  width:195px;
  display:block;
  color:white;
  position:fixed;
  z-index:20;
}
#menu{
  background-color:#0C0C0F;
  background-image:url(/images/menu_repeat.png);
  margin:0;padding:0;
  z-index:21;
  overflow:visible;
}
#menubottom{
  background-image:url(/images/menu_bottom.png);
  background-repeat:no-repeat;
  height:100px;
  display:block;
  position:absolute;
  width:100%;
}

#logo{
  margin:0 auto;
  width:150px;
  display:block;
  padding-top:10px;
  position:relative;
  z-index : 2000;
}

/*-------------- Inner layout ---------------*/

.cols2 {
  width:50%;
  float:left;
  border:1px solid red;
}
.linkList {
  list-style-type:none;
  margin-left:15px;
  padding:0;
  width:730px; 
}
.linkList>li>a{
  background:#212127;
  display:block;
  text-decoration:none;
  border-bottom:1px solid #0C0C0F;
  padding:1px 3px 1px 3px;
}
.linkList>li>a:hover {
  background:#0C0C0F;
}
.tableIndent {
  margin-left:15px;
  margin-right:15px;
}
.sideinfo {
  width:300px;
  float:right;
  padding:15px 0 10px 10px;
}
.sideinfo table {
  border:0px;
  width:100%
}
.sideinfo img {
  border:1px solid #212127;
  width:298px;
}

/*-------------- Menus --------------*/
/*links*/
#menu a,
#topmenu a{
  color:white;
  display:block;
  text-decoration:none;
}
#menu a:link,
#menu a:visited, 
#topmenu a:link,
#topmenu a:visited {
}  
#menu a:hover,
#topmenu a:hover {
  background-color:#212127;
}
#topmenu a:hover:before {
  content:'{ ';
}
#topmenu a:hover:after {
  content:' }';
}
#menu a:active,
#topmenu a:active {
  color:#FBB03B;
}

/*Main menu (à gauche)*/
#menu ul{
  list-style-type:none;
}
#menu li,
#menu ul{padding:0;margin:0;}

/*level 1*/
#menu .menu_lvl1{
  padding-left:15px;
  padding-right:14px;
  text-align:center;
  font-size:1.3em;
  
  position:relative;
}
#menu .menulvl1>li{
}
#menu .menu_lvl1>li a{
  padding-top:5px;
  padding-bottom:5px;
}

/*level 2*/
#menu .menu_lvl1>li:hover .menu_lvl2wrap{
  display:block;
  margin-top:-31px;
  position:absolute;
  left:170px;
  padding-left:25px;
}
#menu .menu_lvl1>li:hover .menu_lvl2{
  width:150px;
  background-color:#0C0C0F;
  border:1px solid #8B9289;
  padding:10px 5px 10px 5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#menu .menu_lvl2wrap{ 
  display:none;
  font-size:0.8em;
}

/*-------------- Typography --------------*/

/*bradcruuuumbs*/
#breadcrumbs {
  display:none;
}
#breadcrumbs .arrow {
  color:#FBB03B;
}

/*Links*/
a:link {
  text-decoration:none;
  color:#FBB03B;
}
a:visited {
  color:#38588F;
}
a:selected {}
a:hover {
  text-decoration:underline;
}


/*headings*/
h1{
  display:none;
  font-size:10px;
  text-align:center;
  padding:2px 20px 2px 19px;
  margin:0;
}
h2{
  font-size:1.9em;
}
h3{
  font-size:1.6em;
  border:1px solid #212127;
  margin:30px 0 4px 0;
  padding:2px 5px 2px 5px;
}
h4{
  font-size:1.4em;
  border-bottom:1px solid #212125;
  padding-left:5px;
}
h5{
  font-size:1.2em;
  padding-left:5px;
}
body{
  font-size:13px;
  font-family:helvetica;
}

/*Paragraphs*/
p.important {
  border:2px dotted #FBB03B;
  padding:5px;
}
p{
  margin-left:5px;
  margin-right:5px;
  text-align:justify;
}
.citation {
  margin-left:30px;
  margin-right:30px;
  font-style:italic;
}
.indent {
  margin-left:30px;
  margin-right:30px;
}
#main li,
#DOMWindow li{
  text-align:justify;
}
/*Tables*/
table{
  border-spacing:0;
  border-collapse:collapse
  margin-bottom:10px;
  margin-top:10px;
}
#main>table{
  width:730px;
  margin-left:15px;
}
td, th{
padding:3px;
border:1px solid #212127;
}
th{
  padding:1px 3px 1px 3px;
  background:#212127;
}

/*Texte*/
.center {
  text-align:center;
}
.underline {
  text-decoration : underline;
}
.italique {
  font-style: italic;
}

/* ------------- Forms ------------- */
/*Login form*/
#sitelogin input {
  height:10px;
  margin-top:0px;
  padding-top:0px;
  width:100px;
  font-size:10px;
}
#sitelogin input[type=submit] {
  margin:10px auto;
  height:20px;
}

input, textarea{
  border:1px solid #8b9298;
  background:#212127;
  color:white;
}
form {
  margin:0 padding:0;
}
#main fieldset {
  border:1px solid #212127;
  width:720px;
  margin-left:14px;
  padding:5px;
}

/*submit*/
input[type=submit]{
  -webkit-border-radius:3px;
}
input[type=submit]:selected {
  background:white;
  color:black;
}
input[type=submit]:hover {
  background:#8B9298;
}

/*radio buttons*/
input[type=radio]:hover + label,
input[type=radio] + label:hover {
  color:#38588F;
}
input[type=radio]:checked + label {
  font-weight:bold;
  color:#FBB03B;
}

/* --- Popup window ----*/
#DOMWindow {
  background-color:#0C0C0F ;
  color:#E4E4E4;
  border:1px solid #8B9289;
}
#DOMWindow h2 {
  padding:5px;
}


/* --- Patch image link ----*/
a img{
border-width:0px;
}