@charset "utf-8";
/* CSS Document */

html {background-image:url(images/fond.gif);}

body {width: 870px; height:auto; padding: 15px; padding-top:0px; margin:auto;background-image:url(images/fond_corps.png); background-repeat:repeat-y; background-position:center; margin-bottom: -10px; padding-bottom: -10px;}

#page {min-height: 500px; margin-bottom: -10px; padding-bottom: -10px;}

img {border: none;}
img.spip_logos {border: none; margin: 5px;margin-bottom: 10px;}

#bandeau {height: 150px; background-image:url(images/bandeau.png); background-position:center top; padding:0px; font-family:Arial, Helvetica, sans-serif;}
#bandeau h1 {margin-top:0px; font-size:16px; padding-top:100px; text-align:right; padding-right:15px; color:#FFFFFF; font-variant:small-caps;text-decoration: none;text-shadow:1px 0px #C81A1A; text-decoration:none; }
#bandeau h1 a {color:#FFFFFF; text-decoration:none; }
#bandeau h1 .cache {visibility:hidden; display:none;}

#menu {width:320px; height:auto; padding-bottom: 10px; background-image:url(images/fond_menu.jpg); background-position: right top; background-repeat:no-repeat;padding-top: 110px; float: right; text-align:right; font-family:Arial, Helvetica, sans-serif; }
#menu ul {margin:0px; padding:0px; padding-bottom: 0px; padding-right:0px;}
#menu li {padding:0px; list-style:none; font-size:24px;color:#333333; vertical-align:baseline; text-align:right; padding-right: 20px;}
#menu .global{border-right: 1px solid #fff; }
#menu .global:hover {border-right: 1px solid #CC0000;}
#menu .menu-mini {font-size:14px; padding-right:5px; font-weight:normal;}
#menu a {color:#C81A1A; text-decoration:none;background-color: #FFF; font-weight:bold;}
#menu li.menu-mini a {color:#957002; text-decoration:none;padding: 2px;background-color: #FFF; font-weight:bold;}
#menu a:hover, #menu li.menu-mini a:hover {color:#E79331; text-decoration:none;}
.twitter:before {content: url(images/twitter.gif);}

#connexion {width:320px; height:200px; padding-bottom: 10px; float: right; text-align:right; font-family:Arial, Helvetica, sans-serif; } 
#connexion a {color:#C81A1A; text-decoration:none;background-color: #FFF; font-weight:bold;}
#connexion a:hover {color:#E79331; text-decoration:none;}
#connexion .session {font-size: 11px; margin-right: 30px; margin-top: 40px;  margin-bottom: 10px; padding-right: 3px; border-right: 3px solid #CC0000; }
#connexion .session a {font-weight:normal; }
#connexion .session strong {font-size: 12px; font-weight:bold; font-variant:small-caps;}

#menu .formulaire_login {font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right;width:270px; float: right; padding-right: 20px;} 
#menu .formulaire_login fieldset {border: none;padding: 0px; margin: 0px; height:100px; float:right; width:140px;}
#menu .formulaire_login label {font-size: 10px; padding-bottom: 0px; margin-bottom: 0px;}
#menu .formulaire_login legend, #menu .formulaire_login img {visibility: hidden; display:none;}
#menu .formulaire_login .details {font-size: 10px;}
#menu .formulaire_login .checkbox {width: 10px;}
#menu .formulaire_login input {width: 120px;}
#menu .formulaire_login input.submit {width: 70px; height: 20px; font-size: 10px; vertical-align:middle; float:left;visibility: hidden; display:none;}
#menu .formulaire_login ul, #menu .formulaire_login li {padding: 0px; margin: 0px;}


#langue {text-align:right; font-size:12px; margin-top: 0px;color: #006; font-family:Arial, Helvetica, sans-serif;height: 14px; }
#langue a, #langue a:hover, #langue a:visited{color: #006; text-decoration:none;}
#langue a.en{background-image:url(images/gb.gif); background-repeat:no-repeat; background-position:right; padding-right: 33px;}
#langue a.fr{background-image:url(images/fr.gif); background-repeat:no-repeat; background-position:right; padding-right: 33px;}
#langue .langue {float: right; height: 14px;vertical-align:middle;}
#langue form {width: 100px; float: right; padding-right: 15px;}
#langue label {float: right;}
#langue input {margin: 0 3px 0 3px; height: 14px; vertical-align:middle; font-size:11px; color: #006;}

#largeur {width: 860px; float: left; margin-top: 20px;}

#texte {padding: 20px; padding-top: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 1em;}
#texte .texte {font-size: 1em;}
#texte #notes {font-size: 12px; clear:both;}
#texte .spip_note {font-weight:bold; font-size: 10px;}
#texte sup {font-size: 0,7em; font-weight:bold;}
#texte h2 {font-size:40px; color:#353535 ;margin:8px; font-variant:small-caps;}
#texte h3, #texte legend {font-size:22px; color:#353535 ;margin: 0px; padding:0px; padding-left: 4px; font-variant:small-caps;}
#texte h4 {font-size:18px; color:#353535 ;margin: 0px; padding:0px; padding-left: 4px; font-variant:small-caps; border-bottom: 1px dotted #999999;}
#texte hr {border-bottom: 1px dotted #999999;}
#texte .chapo {font-weight:bold; color: #54730B; padding-top: 5px;}
#texte .auteur {font-weight:normal; color: #E79331; font-size: 11px;}
#texte #auteur {float: right;font-size: 10px; font-style: italic; text-align:right; height:24px; width: 520px;} 
#texte .mot-cle {border-right: 1px dotted #999999; padding-right: 3px; margin-right: 3px; font-style:normal;}  
#texte .descriptif {margin-bottom: 15px;} 
#texte #bloc-rubrique {margin-bottom: 30px; width: 500px;border-bottom: 1px dashed #999999; } 
#texte #bloc-article {margin-bottom: 30px; width: 500px;border-bottom: 1px dotted #999999; }
#texte a {color:#C81A1A; text-decoration:none;}
#texte a:visited {color:#E84A4A; text-decoration:none;}
#texte a:hover {color:#E79331; text-decoration:underline;}
#texte .spip_glossaire:before {content:url(images/wikipedia.gif);}
#texte label {font-size: 15px;}
#texte fieldset .previsu {font-size: 12px;}
#texte li {list-style-type:circle;}
#texte td.auteur {width: 210px; border-right:1px #E79331 solid;text-align:center;}
#texte #categories {font-size:10px; margin-bottom: 15px;}

#texte #notes .spip_note {font-size: 14px;}

#texte #ps {margin-bottom: 10px;}

#texte #signature {text-align:right; height:200px; margin:auto; clear:left; vertical-align:middle; margin-bottom: 12px;}
#texte #signature dd {height: 100px; width: 100px;} 
#texte #signature img {padding : none; margin : none;} 
#texte #signature span {padding-right: 30px; font-weight:bold; color:#54730B;} 
#texte #signature b{font-size:22px; color:#353535; font-variant:small-caps; font-weight:bold; margin-bottom: 16px;}

#texte #commentaires {width: 375px; float: right; padding-right:14px;}
#texte #commentaires label, #texte #commentaires legend {font-size: 12px;}
#texte #commentaires fieldset {border: none;}
#texte #commentaires .explication {font-size: 11px; width: 350px;}
#texte #commentaires textarea {width: 330px; height:200px;}
#texte #commentaires .erreur_message {color:  #C81A1A;}
#texte #commentaires input.text {width: 200px; }
#texte #commentaires .previsu {width: 345px; border: 1px solid #C81A1A; background-color: #F9F0EE;  padding: 10px; margin: 5px;}
#texte #commentaires .previsu legend {font-size: 14px; font-weight:bold; color:#000099;}
#texte #commentaires .message {width: 345px; background-color: #F9F0EE; padding: 10px; margin: 5px; margin-bottom: 12px;}
#texte #commentaires .spip_logos {padding: 4px; margin: 0px;}
#texte #commentaires .petit {font-size: 11px; text-align: right; color:#000099;}
#texte #commentaires li {list-style:none; padding-left: 0px;}
#texte #commentaires h5 { color:#54730B;}

#documents_portfolio {background-color:#FFF; margin-bottom: 40px; min-height: 200px;}
#documents_portfolio a .legende_PF, #documents_portfolio a:hover .legende_PF {color: #353535; text-decoration: none;}
#documents_portfolio a, #documents_portfolio a:hover {color: #C81A1A; text-decoration: none;}
#documents_portfolio dd {width: 180px; height: auto; float: left; background-color:#FFFFFF; padding: 6px; font-size: 12px; font-weight:bold; font-variant:small-caps; border: 1px outset #CCCCCC; margin: 6px; text-align: center;}
#documents_portfolio dd:hover {border: 1px solid #C81A1A; }
#documents_portfolio .legende_PF {font-size: 10px; font-variant:small-caps; }

#bas {width: 810px; height:50px; padding-left:10px; padding-right:20px; padding-top: 40px; padding-bottom:-2px; margin: auto; margin-bottom: -10px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#957002; text-align:right; background-image:url(images/fond_bas.jpg); background-repeat:no-repeat; background-position:left bottom; vertical-align:bottom; clear:both;}
#bas h5 {padding:0x; margin:0px; text-align:right; font-size:11px; padding-top:20px; color:#54730B;}
#bas a{color: #957002; text-decoration:underline;}
#bas a:hover{color: #E79331; text-decoration:none;}