/* Body */
body {
margin-top:0px;
padding:0;
background:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#f1f1f1;
/*background-image:url(../styles/bg.gif);*/
}
/* Formatage largeur du framework, fond blanc, 800px de large, centré */
#cadre {
background-color:#FFFFFF;
width:800px;
margin:0px auto;
border-right:1px solid #000000;
border-left:1px solid #000000;
}

#topcadre {
background-color:#7c96be;
width:800px; 
}

/* Styles des balises hX */
#sousnav h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
display:inline;
color:#353535;
}

/* DivS pour la barre de naviguation du haut */
#nav{
background-color:#3b5fb1;	
background-image:url(../styles/menubarre.gif);
height: 15px;
border-right:2px solid #FFFFFF;
border-left:1px solid #FFFFFF;
}

#nav ul{
display: inline;
border: none;
list-style: none;
}

#nav ul li  {
width: 112px; /* largeur entre les liens */
float: left;
text-align: center;
display: inline;
border-left:1px solid #FFFFFF;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {
background-color:#486b92;
}
#nav ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
display:block;
height:15px;
}

/* Barre sous-menu */
#sousnav {
background-color:#F4E8FF;
height:17px;
vertical-align:middle;
padding-top:4px;
padding-left:10px;
}

#sousnav a {
text-decoration:underline;
color:#000000
}

#sousnav a:hover {
text-decoration:none;
color:#000000
}

/* Hack  ombre barre sous-menu */
#hacksousnav {
background-image:url(../styles/bastopmenu.gif);
background-repeat:repeat-x; /* Répétition de l'image de 1px de large sur une ligne */
height:4px;
display:block;
margin:0;
}

/* Alignement gauche (menus etc) */
#left {
float:left;
width:180px;
height:100%;
margin-top:5px;
}

#right {
float: right;
width: 595px;
margin-right:10px;
margin-left:5px;
margin-bottom:10px;
}

#annuairecent {
float: right;
width: 800px;
margin-right:0px;
margin-bottom:0px;
}


/* Style formulaire de log */
.inputlog{
height:14px;
font-size:12px;
font-weight:bold;
border:1px solid #000000;
background-color:#7c96be;
color:#FFFFFF;
margin:2px;
vertical-align:middle;
border-left:5px solid #000000;
padding-left:6px;
}

.inputbutton{
height:20px;
font-size:13px;
font-weight:bold;
border:1px solid #000000;
background-color:#7c96be;
color:#FFFFFF;
margin:2px;
padding-left:6px;
}

.selectlog{
height:14px;
font-size:12px;
font-weight:bold;
border:1px solid #000000;
background-color:#7c96be;
color:#FFFFFF;
margin:2px;
vertical-align:middle;
border-left:5px solid #000000;
padding-left:6px;
}

/* Pied de page */
#footer {
bottom:0;
clear:both;
height:30px;
background-color:#3a5eb1;
margin-top:5px;
color:#000000;
padding-top:4px;
text-align:center;
}

#footer b {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
/* Hack  ombre footer */
#hackfooter {
background-image:url(../styles/bastopmenu.gif);
background-repeat:repeat-x; /* Répétition de l'image de 1px de large sur une ligne */
height:4px;
display:block;
margin:0;
background-color:#f1f1f1;
}


#right h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image:url(../styles/bullet_go.gif);
background-repeat:no-repeat;
display:block;
height:16px;
font-size:13px;
padding-left:20px;
border-bottom:1px solid #b9b9b9;
margin-bottom:5px;
color:#3a5eb1;
}
.admin {

}

.admin_button a {
background-color:#CCCCCC;
color:#000000;
text-decoration:none;
display:block;
}


.admin_button img {
border:0px;
}

.admin_button a:hover {
background-color:#000000;
color:#FFFFFF;
display:block;
}
.admin h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image:url(../styles/bullet_go.gif);
background-repeat:no-repeat;
display:block;
height:16px;
font-size:13px;
padding-left:20px;
border-bottom:1px solid #b9b9b9;
margin-bottom:5px;
color:#3a5eb1;
}

.gdbloc {
background-color:#f5f5f5;
border:1px dashed #000000;
display:block;
padding:10px;
}

.gdblocoffice {
background-color:#fbfebc;
border:1px dashed #000000;
display:block;
padding:5px;
margin-left:10px;
margin-right:10px;
}

.gdblocoffice h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image:url(../styles/bullet_go.gif);
background-repeat:no-repeat;
display:block;
font-size:13px;
padding-left:20px;
border-bottom:1px solid #b9b9b9;
margin-bottom:5px;
color:#3a5eb1;
margin-top:0px;
}

.gdblocoffree {
background-color:#f6f8fc;
border:1px solid #c0cfec;
padding:3px;
margin-bottom:5px;
font-size:12px;
font-family:Helvetica,  Arial, Verdana, sans-serif;
}

.gdblocoffree h3{
font-size:13px;
color:#395eb1;
font-weight:bold;
border-left:3px ridge #c0cfec;
border-bottom:2px ridge #c0cfec;
padding-left:4px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:5px;
margin-top:2px;
display:block;
}

.gdblocacc {
background-color:#f6f8fc;
border:1px solid #c0cfec;
display:block;
padding:3px;
margin-bottom:5px;
}

.gdblocacc h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image:url(../styles/bullet_go.gif);
background-repeat:no-repeat;
display:block;
font-size:13px;
padding-left:20px;
border-bottom:1px solid #b9b9b9;
margin-bottom:5px;
color:#3a5eb1;
margin-top:0px;
}

.gdblocacc a {
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
font-size:14px;
color:#000000;
border-bottom:1px dotted #000000;
}

.gdblocacc a:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
color:#333333;
}

.gdblocoffre {
background-color:#f6f8fc;
border:1px solid #cbcbcb;
display:block;
padding:5px;
height:100px;
margin-bottom:5px;
}

.gdblocoffre h2{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#665f50;
font-weight:bold;
font-size:13px;
margin:0px;
letter-spacing:1px;
}

.gdblocoffre .detA{
float:right;
vertical-align:sub;
height:70px;

/*border-left:1px solid #c0cfec;*/
}

.gdblocoffre .detB{
float:left;
height:70px;

background-color:#f6f8fc;
padding:3px;
border:1px solid #c0cfec;
width:364px;
margin-bottom:2px;
}

.detA .ritems{
padding:3px;
border:1px solid #c0cfec;
margin-bottom:3px;
width:200px;
}

.ritems img{
border:0;
margin-right:0px;
}

.detB a{
color:#000099;
font-weight:bold;
}

.detB a:hover{
color:#000000;
font-weight:bold;
}

.categadmin {
color:#000000;
text-decoration:none;
border:4px;
font-size:14px;
}

.celltitlebackadmin {
color:#FFFFFF;
font-weight:bold;
background-color:#000000;
text-align:center;
}

.cellpairbackadmin {
background-color:#ffffff;
}

.cellimpairbackadmin {
background-color:#ededed;
}

.cellallbackadmin td {
border-right:1px solid #000000;
padding:3px;
}


#left #menu {
  padding: 0 0 0 0;
  margin-left:8px;
  margin-right:3px;
  margin-top:4px;
  background-color:#FFFFFF;
}

#left #menu li {
list-style:none;
}

#left #menu a {
  padding-left:8px;
  padding-top:3px;
  padding-bottom:3px;
  display: block;
  color:#395eb1;
  background: url(menu_hover.gif) repeat-x bottom #e5eef7;
  border-top: 1px solid #FFFFFF;
  font: bold 12px helvetica,"Trebuchet MS", verdana, arial, sans-serif;
  text-decoration:none;
  margin:0px;
}
#left #menu a:hover {
  color: #1F73B2;
  background: url(menu_a.gif) repeat-x top #E2E2E2;
  border-color: #FFF;
}
#menu_actif {
  color: #1F73B2;
  background: url(menu_a.gif) repeat-x top #E2E2E2;
  border-color: #FFF;
  padding-top:1px;
  padding-bottom:2px;
  padding-left:3px;
  font-weight:bold;
  font-size:14px;
}

.questionn a{
font-size:12px;
color:#395eb1;
font-weight:bold;
border-left:3px ridge #c0cfec;
border-bottom:1px ridge #c0cfec;
padding-left:4px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:2px;
margin-top:4px;
display:block;
text-decoration:none;
}

.faq {
background-color:#f6f8fc;
border:1px solid #c0cfec;
display:block;
padding:2px;
margin-bottom:5px;

}