/* Copyright © 2004-2008 - Seconde-Guerre.com.com - Tous droits réservés. */

body {background: #ffffff repeat-x;  color: #666666;}

* {font-family : Verdana, Arial, Helvetica, sans-serif; font-size:8pt; margin: 0; padding: 0;}

a {text-decoration : none;}

a:hover {text-decoration:underline;}

img {border : 0 none ;}

.hr {display : block; clear : both; visibility : hidden;}

.separation {clear : both; color: #7DC40D; height: 1px; border: 0; background-color : #7DC40D; margin:20px 0px 20px 0px}

input {background-color:#a5b8a0; color:#FFFFFF; margin:2px 0px 5px 0px; border:1px solid #6c6962;}

select {background-color:#a5b8a0; color:#FFFFFF; margin:2px 0px 5px 0px; border:1px solid #6c6962;}

textarea {background-color:#a5b8a0; color:#FFFFFF; margin:2px 0px 5px 0px; border:1px solid #6c6962;}

.bouton {font-weight:bold; padding:0px; background-color: #a5b8a0;  color: #000000; border:1px solid #6c6962;}

.bouton:hover {color: #FFFFFF;}

.lien {text-decoration:underline; display:inline; margin: 3px 0px 3px 0px; color:#7DC40D; font-weight:bold;}

.lien:hover {background-color: #7DC40D; color:#FFFFFF;}

/* ==================PAGE====================== */
#page {width : 780px; text-align : left; margin: 0 auto;}

/* ==================EN-TETE====================== */
#header {background: #4B4843 repeat-x; height:200px; padding:0px; margin: 0 auto;}

/* ==================LOGO====================== */
#header h1 {color: #D1CCBB; font-size:14pt; font-weight:bold; margin: 0 auto; padding-right: 10px; width: 770px}

/* ==================MENU HAUT====================== */
#menu-haut {color:#878D51; height:30px; width: 770px; margin-top:-30px;}

#menu-haut ul {list-style-type: none; margin:0px; padding:0px 0px 1px 5px;}

#menu-haut li {display:inline; margin:0px; padding:0px;}

#menu-haut a {background: url(images/item.gif) left no-repeat; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 14px}

#menu-haut a:hover {text-decoration:underline;}

#menu-haut #rss a {visibility : hidden; float: right; margin-top: -13px; padding-left: 30px; background: url(images/rss.gif) no-repeat 10px 50%; border: none;}

/* ==================MENU GAUCHE====================== */
#gauche {padding : 0px; float:left; width :160px;}

#menu {margin-bottom : 1em; margin-top : 20px;}

#menu ul {margin : 0px 0px 10px 0px; padding : 0px; list-style: none;}

#menu li {background: url(images/item-menu.gif) left no-repeat; margin : 0px 0px 0px 5px; padding: 3px 20px 3px 15px;}

#menu a {color : #666666;}

#menu a:hover {color : #7DC40D;}

#menu h2 {height: 15px; background-color: #6c6962; font-weight : bold; margin : 0px 0px 5px 0px; padding:2px 0px 0px 3px; border: 1px solid #090808; color : #FFFFFF;}

#recherche form {padding : 1px 0px 1px 0px; margin : 0px 0px 20px 0px; text-align:center; color : #FFFFFF;}

#recherche .text {background-color: #a5b8a0; color: #FFFFFF;   margin:3px 0px 3px 0px; padding-left:2px;}

#xiti {padding: 3px 0px 3px 0px; margin : 20px 0px 20px 0px; text-align:center; color : #878D51;}

#xiti img {margin-bottom :4px;}

/* ==================CENTRE====================== */
#centre {float : right; width :600px; min-height:500px; margin : 20px 0px 5px 0px; padding-left:7px; border-left: 1px dotted #80C40D;}

#index {background-color: #6c6962; height: 20px; color:#FFFFFF; border: 1px solid #090808; margin:0px auto 10px 5px; width : 570px; text-align: left; padding:0px 0px 0px 3px; font-weight:bold; font-size:13pt;}

#index-descr {background-color: #A3C472; border: 1px solid #6c6962; color: #ffffff; margin: 0px auto 15px 5px; padding: 3px; text-align: left; width: 570px}

#news {border: 1px dotted #80C40D; color: #666666; margin: 0px auto 20px 5px; padding:  3px; text-align: left; width: 570px}

.cadre {width : 570px; margin:0px auto 15px 5px; padding:3px 3px 10px 3px;}

.cadre1 {background-color: #A3C472; color:#FFFFFF; border: 1px solid #6c6962; width : 570px; text-align: left; margin:0px auto 15px 5px; padding:3px;}

.cadre-index {background-color:#FFFFD6; width : 570px; margin:0px auto 15px 5px;text-align: left; padding:3px 3px 10px 3px;}

/* ==================CHRONOLOGIE====================== */
.annee {background-color:#a5b8a0; border:1px solid #6c6962; text-align:center; font-weight:bold; color:#FFFFFF; margin-bottom:5px;}

.centrer {margin-left: 15px;}

.centrer39 {margin-left: 90px;}

.voir ul {margin : 0px; padding : 0px;}

.voir li {list-style-type : none; float:left; margin:0px; padding:0px; width: 90px;}

.voir a {margin: 3px 3px 0px 3px; padding : 0px; display: block; text-align: center; border: 1px dotted #80C40D; color: #80C40D;}

.voir a:hover, .apres a:hover, .signez a:hover {color: #FFFFFF; background-color:#80C40D; text-decoration:none;}

.apres, .signez {width:80px; margin-left: auto; margin-right: auto; padding : 0px; text-align: center; border: 1px dotted #80C40D;}

.apres a, .signez a {color: #80C40D; display: block;}

.date {width:160px; background-color:#a5b8a0; border:1px solid #6c6962; text-align:center; font-weight:bold; color:#FFFFFF; margin: 3px 0px 10px 0px;}

.drapeaux {margin: 0px 3px 5px 0px; border:1px solid #000000;}

/* ==================GLOSSAIRE + BIOGRAPHIE====================== */
.glossaire, .biographie {background-color:#a5b8a0; border:1px solid #6c6962; font-weight:bold; color:#FFFFFF; margin: 3px 0px 5px 0px; padding: 0px 3px 0px 3px;}

.biographie1 {background: url(images/item-menu.gif) left no-repeat; height:12px; font-weight:bold; color:#666666; margin: 3px 0px 10px 0px; padding: 0px 3px 2px 15px;}

.biographie1:hover {color: #80C40D;}

.glossaire1 {width:200px; background-color:#a5b8a0; border:1px solid #6c6962; padding-left:2px; margin: 3px 0px 5px 0px; color:#FFFFFF; font-weight:bold;}

.cadre-glossaire, .cadre-biographie, .cadre-chronologie {width : 570px; margin:0px auto 15px 5px; padding:3px 3px 10px 3px; text-align: left;}

.fonction {text-align: right; font-weight:normal; margin:-14px 2px 0px 0px; color:#80C40D;}	 

#col-gauche {float:left; width:285px;}

#col-droite {float:right; width:285px;}

#col-gauche img, #col-droite img {vertical-align: middle; margin-right:5px; border:1px solid #000000;}

#col-gauche ul, #col-droite ul {margin : 0px 0px 0px 10px; padding : 0px;}

#col-gauche li, #col-droite li {margin : 0px 0px 0px 0px; list-style-type : none; padding : 5px 0px 5px 0px;}

.photo {float: left; margin-right:5px;}

.source {color:#80C40D; text-decoration:underline; font-style:italic;}

.source:hover {background-color: #80C40D; color:#FFFFFF;}

/* ==================RECHERCHE====================== */
.cadre-haut {color:#80C40D; width : 570px; text-align: center; margin:0px auto 15px auto; padding:3px;}
.cadre-bas {color:#6c6962; width : 570px; text-align: center; margin:0px auto 15px auto; padding:3px; border-bottom:1px solid #80C40D; border-top:1px solid #80C40D}

/* ==================FAIRE UN LIEN====================== */

.cadre-lien {width : 570px; margin:0px auto 15px 5px; padding:3px 3px 10px 3px; border-bottom: 1px dashed #80C40D;}

.code {width:400px; height:50px; margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom:20px; border: 1px dotted #80C40D; color: #666666; padding:3px; text-align:left;}

/* Footer 
 ==================PIED====================== */
#footer {clear: both; position: relative; color:#A39F92; background-color:#4B4843; border: #878D51 solid 1px;  margin-left: auto; margin-right: auto;  height: 80px; text-align: center; padding:20px;}