/*******************************************
 * SOP 03-juillet-2006
 * version 1
 *******************************************/
/*
   home.css
   all code in here is meant for the index.php page
*/

html{
   overflow-x:hidden;
}

* { 
   margin: 0;
   padding: 0;
}



/***********************************************
 *  Body
 ***********************************************/
body { 
   background-color: #FFFFFF;
   font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #444;
   margin: 10px 0;
}

#container {
   width: 800px;
   margin: 0 auto;
   background-color: #fff;
   padding: 20px 20px 0 20px;
   border-right: 2px solid #C2C295;
   border-left: 2px solid #C2C295;
   border-top: 1px solid #c2c295;
   border-bottom: 2px solid #c2c295;
}

a {
   color: #8C4A4C;
   text-decoration: none;
}

a:hover visited {
   color: #8C4A4C;
   text-decoration: none;
}

a img {
   border: none;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}

h1 { 
   padding-top:10px solid #fff; 
   padding-top: 1em; 
   padding-bottom: 1em; 
   font: bold 14px Arial, Helvetica, sans-serif; 
}

h2 { 
   border-top:10px solid #fff; 
   padding-top: .2em; 
   padding-bottom: .1em; 
   font: normal 12px Arial, Helvetica, sans-serif; 
}

p{}

/***********************************************
 *  Header
 ***********************************************/
#header {
   height: 100px;
   margin-bottom: 25px;
}

/*  logo     */
/*-----------*/

#logo{
   clear: both;
   float: left;
   margin-top: 0px;
   margin-left: 0px;
}

#logoimage {
   background-image: url("../images/logored100.png");
   background-repeat: no-repeat;
   background-position: top left;
   position: relative;
   height: 100px;
   width: 100px;
}

#logotitre p.titre {
   font: normal 26px Georgia, "Times New Roman", Times, serif; 
   padding-top: 15px;
}

#logotitre {
   float: left;
   margin-top: 10px;
   padding-left: 20px;
}

/* top menu  */
/*-----------*/
#topmenu{
}

ul#topmenu   {
   width: 400px;
   padding: 0;
   margin: 0;
   list-style-type: none;
   float: right;
}

ul#topmenu li { 
   display: inline; 
}

ul#topmenu li a {
   float: right;
   padding: 2px;
   color: #8C4A4C;
   text-decoration: none;
}

/* searchform  */
/*-------------*/
#searchform {
   width: 300px;
   text-align: center;
   padding: 0;
   margin: 0;
   float: right;
}

/*  numero du mois  */
/*------------------*/
#numero_dumois {
   width: 200px;
   padding: 0;
   margin: 10px;
   float: right;
   font-size: 12px;
   text-align: center;
}

/***********************************************
 *  Main
 ***********************************************/

#main {
   width: 100%;
   min-height: 400px;/* set here min height  */
   height: auto !important;/* overwrite the height */
   height: 400px;/* this is also the min height for IE */
}

.editbutton {
   background : url("../images/smallicons/note-16.png") no-repeat; 
   position : relative; 
   height : 16px; 
   width : 16px; 
}

/*navigateur "suivant 1,2,3,4,...precedent"*/
.navig {
  margin-bottom: 2em;
}

.time {
   color: Gray;
}

/*  index                          */
/*---------------------------------*/
#indextop{
   clear: both;
}

#indexcontent{
   float: left;
   width: 600px;  
}

#indexcontent p.titreinfo {
    /*margin-top: 1em; */
    border-bottom: 1px solid #ddd;
    text-transform:uppercase;
}

#indexsidebar{
   float: right;
   width: 180px;  
}

#indexbot{
   clear: both; 
}

/*  complet                        */
/*---------------------------------*/
#complettop{
   clear: both;
}

#complet p.contentliste{
   
}

#complet ul{
   list-style-type: none;
   display: inline; 
}

#complet li.horizontal{
   float: left;
   padding: 0;
   margin-right: 0.2em;
}

#complet li.vertical{
  clear: both;
}

#completbot{
   clear: both; 
}


/*barre verticale (article, breves, documents)*/
/*--------------------------------------------*/
#sidebarnumero {
  float: left;
  width: 120px;
}

/* numero du sop dans la sidebar*/
#sidebarnumero p.numero {
   margin-bottom: 1em; 
}

/* titre qui precede les listes dans une sidebar*/
#sidebarnumero p.sidebarliste {
   margin-top: .4em; 
   border-bottom: 1px solid #ddd;
}

#sidebarnumero ul {
   list-style-type: none;
}

#sidebarnumero li {
   font-size: 10px;
   font-weight: none;
   clear: both;
}

/* content (article, breves, documents) */
/*--------------------------------------------*/

#content {
    float: right;
   width: 640px;
}

/*  numero                           */
/*------------------------------------*/
#numerotop {
   clear: both;
}

p.contentliste {
   clear: both;
   border-bottom: 1px solid #ddd;
}

#contentnumero ul{
   display: inline; 
   list-style-type: none;
}

#contentnumero li.horizontal{
   float: left;
   padding: 0;
   margin-right: 0.2em;
}

#contentnumero li.vertical{
  clear: both;
}

#numerobot {
   clear: both;
}

#indexcontent p.titre {
/*   border: 1px solid #aa0000;*/
   padding-top: .6em; 
   margin-bottom: 0em; 
   padding-bottom: 0em; 
}

#indexcontent p.titreinfo {
   /* margin-top: 1em; */
    text-transform:uppercase;
    border-bottom: 1px solid #ddd;
}

#indexcontent p.titreville {
   font: 12px Arial, Helvetica, sans-serif; 
}

#indexcontent p.titrepays {
   margin-bottom: .4em; 
   padding-bottom: 0em; 
}

#indexcontent p.titreauteur {
   margin-bottom: 1em; 
   font: 12px Arial, Helvetica, sans-serif; 
}

#indexcontent p.text {
   font: 11px Arial, Helvetica, sans-serif; 
   padding-bottom: 0.2em; 
}

/*     info                  */
/*---------------------------*/
p.titreinfo {
	/*margin-top: 1em; */
    border-bottom: 1px solid #ddd;
    text-transform:uppercase;
}


/*     login                            */
/*--------------------------------------*/
#logintop{
   clear: both;
}

#login{
   clear: both;
}

#loginbop{
   clear: both;
}

/*     numeros               */
/*---------------------------*/

#numerostop {
   clear: both;
}

#numeros {
}

#numeros ul.numerosleft {
    float: left;
    width: 300px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: none;
    position: relative;
    left: 50px;   
}
#numeros ul.numerosright {
    float: right;
    width: 300px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: none;
}

#numerosbot {
   clear: both;
}
/***********************************************
 *  Divers
 ***********************************************/
.imageleft{
    float: left;
   margin: 0 auto;
   background-color: #fff;
   padding: 3px 3px 3px 3px;
    border: 1px solid #CCC;
}
.imageright{
    float: right;
   margin: 0 auto;
   background-color: #fff;
   padding: 3px 3px 3px 3px;
    border: 1px solid #CCC;
}
.alignright{
    float: right;
}
/***********************************************
 *  Footer
 ***********************************************/
 
#footer {
   clear: both;
   min-height: 50px;/* set here min height  */
   height: auto !important;/* overwrite the height */
   height: 50px;/* this is also the min height for IE */
   text-align: left;
}
#footer p {
   margin-top: 30px;
   border-top: 1px solid #ddd;
   color: #8C4A4C;
}

/***********************************************
 *  others
 ***********************************************/

ul.nobullet{
   list-style-type: none;
   padding-left: 30px;
}

li.vertical{
  clear: both;
}

p {
   margin-bottom: 1em;
}

table.grid {
    border-spacing:1px;font:10px 'Verdana', Arial, Helvetica, sans-serif;
    background:#F5F5F5;
    color:#111;
    }
table.grid caption{
    border:#666666;
    border-bottom:1px solid #666666;
    text-transform:uppercase;
    padding:10px;
    font:10px 'Verdana', Arial, Helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    }
table.grid td, th{
    padding:0px;
    }
table.grid thead th{
    text-align:center;
    background:#F5F5F5;
    color:#666666;
    border:1px solid #ffffff;
    text-transform:uppercase;
    }
table.grid tbody th{
    font-weight:bold;
    }
table.grid tbody tr{
    background:#F5F5F5;
    text-align:left;
    }
table.grid tbody tr.odd{
    background:#000;
    border-top:1px solid #ffffff;
    }
table.grid tbody tr td{
    height:10px;
    background:#EFEFEF;
    border:1px solid #ffffff;
    }
table.grid tbody tr.odd td{
    background:#ffffff;
    border-top:1px solid #ffffff;
    }
table.grid tfoot th, tfoot td{
    padding:0px;
    text-align:center;
    font:15px 'Verdana', Arial, Helvetica, sans-serif;
    font-style:italic;
    font-weight:bold;
    border-bottom:3px solid #cccccc;
    border-top:1px solid #DFDFDF;
    }

.TextFound{
	background-color: #FFFFB3;
}
.quote {
	font-style: italic;
}

#chapeau{
margin-left=60px;
margin-right=60px;
}