/* Suppression des styles par défaut de certaines balises */

*{ margin : 0; padding : 0;  font-size : 1em;}

img { border:0; }

h1,h2,h3,h4 { font-size : 1em;}

body {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Verdana, sans-serif;
  background : url(pics/motif1.gif);
}

a {
text-decoration : none;
color : black;
}

/* Elements globaux */

h2 {
  font-size : 0.9em;
  margin : 1em;
  text-align : center;
  color : #333;
}
h2 a{
  color : #333;
}
h2 a:hover{
  color : #000;
}

h3 {
  font-size : 0.85em;
  margin : 1em;
  margin-top : 2em;
  text-align : center;
  border-bottom : 1px solid #DDD;
}

hr {
  clear : both;
  visibility : hidden;
}

p{
	text-align : justify;
}
form p{
	text-align : left;
}

/* Mise en forme des scripts */
pre {
  font-family : monospace;
  font-size : 1em;
  margin : 1em 25px;
  overflow : auto;
  background-color : #EEE;
  border : 1px solid #AAA;
  padding : 1em;
}
.cmt {
  color : #708090;
}
.cmd{
  color : #4169E1;
}

/* Formulaires */

fieldset {
  border : 1px solid #AAAAAA;
  background-color : #EEEFEF;
  width : 80%;
  margin : 1em auto;
  -moz-border-radius : 2px;
}
fieldset input, fieldset textarea{
  width : 100%;
}
legend {
  color : #4169E1;
  padding : 0 0.5em;
  margin-left : 0.5em;
  border : 1px solid #BEBEBE;
  background-color : #EEEFEF;
}

input, textarea {
  border : 1px solid #AAAAAA;
  background-color : white;
  color : black;
}
textarea {
  font-size : 1.3em;
}
textarea:focus, input:focus, input[type=submit]:hover {
  background-color : #DEDEDE;
}

optgroup option {
	padding-left : 2em;
}


/*
 * Menu
*/

div#menu-top {
  background : url(pics/pix_int_top.gif) no-repeat;
  padding-top : 7px;
}
div#menu-bottom   {
  background : url(pics/pix_int_bottom.gif) no-repeat;
  background-position : bottom;
  padding-bottom : 7px;
}
ul#menu  {
  font-size : 0.8em;
  width : 300px;
  margin : 1em auto;
  background : url(pics/pix_int_middle.gif) repeat-y;
}

ul#menu {
  width : 300px;
  margin : 1em auto;
  text-align : center;
  list-style-type : none;
  background : url(pics/pix_int_middle.gif) ;
}
ul#menu li {
  border:1px solid #EEE;
  margin : 0 1em;
  margin-bottom : 0.2em;
}
ul#menu li:hover {
  border:1px solid #BEBEBE;
  background-color : #DDD;
  background-image : url(pics/pix_selector.gif);
  background-repeat: no-repeat;
  background-position: right;
  color : white;
}

/*
 * Liste des fichiers
 */

ul#listeFichiers {
  margin : 1em 2em;
  list-style-image : url(pics/pix_puce.gif);
  list-style-position : inside;
}
ul#listeFichiers li a {
  text-decoration : none;
  color : #333;
}
ul#listeFichiers li a:hover {
  color : #999;
}

/* Contenu, Breves, Commentaires */
div.breve-top, div#commentaires-top, div#contenu-top {
  background : url(pics/pix_intw_top.gif) no-repeat;
  padding-top : 7px;
}
div.breve-bottom, div#commentaires-bottom, div#contenu-bottom  {
  background : url(pics/pix_intw_bottom.gif) no-repeat;
  background-position : bottom;
  padding-bottom : 7px;
}
div#contenu, div.breve, div#commentaires  {
  font-size : 0.8em;
  width : 700px;
  margin : 1em auto;
  background : url(pics/pix_intw_middle.gif) repeat-y;
}
#contenu p, div.breve p, div#commentaires p{
  font-size : 0.9em;
  margin : 1em 25px;
  line-height : 1.4em;
}

/* Liens des paragrahes */
#contenu p a, div.breve p a, div#commentaires p a{
  color : #4169E1;
}
#contenu p a:hover, div.breve p a:hover, div#commentaires p a:hover{
  color : #4169E1;
  color : #708090;
  text-decoration : underline;
}

/* Listes */
#contenu ul{
  margin : 1em 2em;
  list-style-image : url(pics/pix_puce.gif);
  list-style-position : inside;
}
#contenu ul, div.breve ul {
  margin : 1em 2em;
  list-style-image : url(pics/pix_puce.gif);
  list-style-position : inside;
}
#contenu ul li a, div.breve ul li a {
  text-decoration : none;
  color : #333;
}
#contenu ul li a:hover, div.breve ul li a:hover {
  color : #999;
}

/* Breves */

div.breve span.more {
  display : block;
  float : left;
}

div.breve p.caption {
  text-align : right;
  color : #336699;
  font-size : 0.8em;
}
div.breve-contenu p:first-child:first-letter {
  font-weight : bold;
  border : 1px solid #BEBEBE;
  padding : 0 2px;
  margin-right : 2px;
}
div.breve h2 a:visited:before {
content : " "url(pics/pix_validated.png)" ";
}

/* Commentaires */

div.commentaire {
  background : url(pics/pix_decoration.png) no-repeat;
  margin : 1em 20px;
  padding : 0.5em;
  background-color : #EEEFEF;
  border : 1px solid #AAAAAA;
  color : black;
  -moz-border-radius : 5px;
}
div#commentaires div.commentaire p{
  margin : 0;
}
div#commentaires div.commentaire p.commentaireContenu{
  margin-left : 0.5em;
}
p.commentaireAuteur{
  font-size : 0.9em;
  color : #4169E1;
}
form#commentaireForm{
  margin-top : 2em;
}
form#commentaireForm p {
  margin : 1em 25px;
}
form#commentaireForm textarea{
  height : 8em;
}

/* Images */

p.graphic {
  text-align : center;
}
p.graphic img{
  border: 1px solid rgb(170, 170, 170); 
  padding: 1px;
}

/* Ajout de drapeau pour les liens étrangers */
a:lang(en):after {
  content:" "url(pics/lang/gb.png)" "
}
a:lang(it):after {
  content:" "url(pics/lang/it.png)" "
}
a:lang(es):after {
  content:" "url(pics/lang/it.png)" "
}


/* Pagination*/
ul.pagination {
  font-size : 0.8em;
  margin : 0.5em auto;
  text-align : center;
}
ul.pagination li{
  display : inline;
  margin : 0 0.2em;
  padding : 0.2em;
  background : white;
  border : 1px solid #333;
}
ul.pagination li.actif{
	background-color : #4169E1;
}
ul.pagination li a{
	color : #4169E1;
}
ul.pagination li.actif a{
	color : white;
}
ul.pagination li:hover a{
	color : white;
}
ul.pagination li:hover{
	background-color : #708090;
}

/* Header */

div#header{
  margin : auto;
  margin-top : 5px;
  padding : 10px;
  color : #FFF;
  background-color : #DDD;
  height : 30px;
  width : 680px;
  background : url(pics/pix_int_header.gif) ;
  position : relative;
}
div#header a{
  color : white;
}
h1#titre img{
  margin-right : 0.5em;
}

/* Navigation rapide */

div#navigation-rapide{
  position : absolute;
  right : 0;
  bottom : 6px;
  font-size : 0.6em;
}

div#navigation-rapide ul li{
  display : inline;
  margin-right : 10px;
}
div#navigation-rapide ul li a{
  color : #FFF;
}
div#navigation-rapide ul li form{
  display : inline;
}

/* Champs de recherche */

input#recherche {
  width : 9em;
  background: white url(pics/pix_search.png) right 1px no-repeat;
  padding-right : 14px;
}
p.recherche {
  display : inline;
  margin : 0;
  padding : 0;
}

/* Breves Header */

div#breves-header {
  position : relative;
  width : 700px;
  margin : 0.8em auto;
}

div#breves-header div.lastComment p, div#breves-header div.intro p{
  margin : 0 1em;
}

/* Intro */
div#breves-header div.intro{
  width : 300px;
  background : url(pics/pix_int_middle.gif) repeat-y;
}

div#breves-header div.intro-top{
  background : url(pics/pix_int_top.gif) top no-repeat;
  padding-top : 7px;
}

div#breves-header div.intro-bottom{
  background : url(pics/pix_int_bottom.gif) bottom no-repeat;
  padding-bottom : 7px;
}

/* Last Comment*/

div#breves-header div.lastComment{
  width : 300px;
  float : right;
  background : url(pics/pix_int_middle.gif) repeat-y;
}

div#breves-header div.lastComment-top{
  background : url(pics/pix_int_top.gif) top no-repeat;
  padding-top : 7px;
}

div#breves-header div.lastComment-bottom{
  background : url(pics/pix_int_bottom.gif) bottom no-repeat;
  padding-bottom : 7px;
}

div.lastComment ul{
  list-style-type : none;
  margin : 0 1em;
}

div.lastComment ul li{
  margin-bottom : 2px;
  font-size : 0.8em;
}

div.lastComment ul li a{
  padding : 0 0.5em;
  border : 1px solid black;
  background-color : #AAA;
  display : block;
  color : black;
}

div.lastComment ul li a:hover{
  color : black;
}

/* Divers */

div.breve .exclu a {
  text-align : center;
  padding : 5px;
  background-color : #708090;
  font-weight : bold;
  text-decoration : none;
  color : white;
  -moz-border-radius : 3px;
}
div.breve .exclu a:hover {
  background-color : #4169E1;
  color : white;
}
div.breve .exclu {
  text-align:center;
  margin : 2em;
}

p.message {
color : red;
}

/* Archives */

div.archives-annee {
  margin : 1em ;
  margin-right : 0em;
}

div.archives-annee ul{
  margin : 0 ;
  padding : 0;
}

div.archives-mois {
  width : 45%;
  float : left;
  margin : 1em 0.5em;
  padding : 0 0.5em;
  padding-bottom : 0.5em;
  background-color :#EEE;
  border : 1px solid #AAA;
}

div.archives-mois h3 {
	margin-top : 1em;
}

/* Footer */

div#footer {
  background: url(pics/pix_footer.png) repeat-x;
  border : 1px solid #999;
  color : #666;
  text-align : right;
  width : 700px;
  height : 30px;
  margin : 0.5em auto;
}
div#footer ul {
  font-size : 0.75em;
  margin : 0 1em;
}
div#footer ul li{
  display : inline;
  margin-left : 1em;
  color : #666;
}
div#footer ul li a{
  color : #666;
}
div#footer ul li a:hover{
  color : #333;
}