/* histoire */
html {font-size: 100%;}  /* + fond .08 = corrige bug IE */
body {
margin: 0; /* collée aux bords */
font-family:  Arial;
font-size: font-size: .8em; /* la taille de police de base dans la page */
color: #000;
background:#A8999C;   /*  A8999C  C0B1B4  F7D08D 949AB0 ACB2C8 CADCE8 EAE7E7 F2EFEF DFDFD7 E7DFD7 */
}
.clear { clear: both; }
hr.clear{ clear: both; visibility: hidden; line-height: 4px; }

.head1
{

  background-image: url("../img/world-war-two-france-histoire.jpg");
  width: 701px;
  height: 139px;
  margin-top: 7px;
  margin-right:1px;
  margin-left: 2px;
}
#googlesearch{
     float: right;
     width: 400px;
     height: 68px;
     text-align: center;
     color= #000;
     margin-left: 3px;
     margin-right: 15px;
     float:right;
     margin-top: 10px;
     background-color: #E8D9DC;
     font-size: .9em;
     font-weight:bold;
     font-family: Times;
}
.head2
{
 width: 100%;
 height: 140px;
 background: #908184;   /*A09194 */

}
.logo
{
  float: right; /* alignement du logo à droite */
margin-right: 3px; /* placement du logo dans son conteneur, head2 */
margin-top: 3px;
  width: 400px;
  height: 140px;
  color: #ffc;

}
.left {
position: absolute;
left: 4px;
width:100px;

}
.centre
{

margin-left: 150px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-top: 0px;
width: 82%;
height: 100%;
background:#FFE7BC;
}
#pageresult { width: 100%; height: 100%; margin-left: 5px; margin-right: 5px;   background: #c6b396;  /* D8C9CC */}
.page
{
  width: 82%;
  height: 100%;
  margin-left: 110px;
  margin-right: 30px;
  background: #E0D9DC;  /* D8C9CC */
}
.pagea
{
  width: 82%;
  height: 100%;
  margin-left: 110px;
  margin-right: 30px;
  background: #fff;  /* D8C9CC b8b0b0*/
}
.ouvrage
{
  width: 96%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
#plus{
    width: 50%;
margin-left: auto;
margin-right: auto;
background: #D8C9CC;  /* D8C9CC b8b0b0*/
}
#scan{
  width: 80%;
margin-left: auto;
margin-right: auto;
}
.element_flottant
{
   float: left; /*enveloppe mon texte à l*/
}

.el_flo
{
  float: right;
}

.page1
{
margin-left: 2%;
padding-bottom: 2px;
padding-left: 6px;
background:#b8b0b0;
width: 90%;
height: 100%;
text-align: left;
font-family: times;
color: #000;      /* FFE47E   */
font-size: 103%;
font-weight: bold;
border-top: 3px solid #7F7F7F;
border-right: 3px solid #7F7F7F;
border-left: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
}
.page h3
{
 color: #910000;
 padding-top: 5px;
 text-decoration: underline;
}
.page img
{
 margin-left: 5px;
 padding-top: 3px;

}
.page2{
width:100%;
margin-left: auto;
margin-right: auto;
height: 100%;
text-align: center;
font-family: times;
color: #fc6;
font-size: 105%;
font-weight: bold;
}
.titre
{

  background-image: url("../img/titre-1.gif");
  width: 692px;
  height: 35px;
  margin-left: auto;
margin-right: auto;
}
.lat
{
position: left;
background: #979F91;
width: 130px;
height: 500px;
 margin-top: 0px;
}
.pub{
text-align: center;

}
h1{
font-size: 1.8em;

text-align: center;
font-family: times new roman;
line-height:1em;

color: #890023;     /* 990033 */
}


h2
{
font-size: 1.5em;

font-weight: bold;
text-align: center;
font-family: 	Georgia;
margin-left: 5px;
font-variant:small-caps;
color: #000;
line-height:0.6em;
}
h3
{
font-size: 1em;
font-weight: bold;
text-align: center;
font-family: Georgia;
padding-top: 3px;
margin-left: 5px;
font-variant:small-caps;
color: #000;
line-height:1em;
}
h4
{
font-size: 1em;
font-weight: bold;
text-align: center;
font-family: Georgia;
color: #000;

}
h5
{
font-size: 0.8em;
font-weight: bold;
text-align: left;
font-family: Georgia;
color: #003399;
margin-left: 5px;
}
h6{ font-size: 0.8em; }
p
{
font-size: 100%;
font-weight: bold;
text-align: left;
font-family: Arial;
color: #000;
margin: 5px;
padding : 0;
line-height: 18px;
}

html>body #navcontainer li a { width: auto; }
/* menu horizontal */
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #D8C9CC;    /* D8C9CC  A09194            */
color: white;
width: 100%;
font-family: times;
font-variant:small-caps;
font-weight:bold;
line-height: 18px;

/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
font-size: 12px;
}

#navcontainer ul li a
{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
color: #1E0084;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-image: url("../img/bouton-1.png");
color: #CC3300;
font-size: 14px;
text-decoration: underline;
font-variant:small-caps;

}

#navcontainer #active {
border-left: 1px solid #fff;
}
#navleftcontainer
{
width: 6em;
border-right: 2px solid #000;
padding: 0 0 0 0;
margin-bottom: 0;
text-align: center;
font-family: times;
font-variant:small-caps;
font-weight: bold;
background-color: #000;
color: #CC3300;

}

#navleftcontainer li
{

margin: 0;
}

#navleftcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}


#navleftcontainer li a
{
display: block;
padding: 2px 2px 2px 2px;
border-top: 3px solid #7F7F7F;
border-right: 3px solid #7F7F7F;
border-left: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
background-color: #202020;   /* 3B3334 4B4344 5B5354 BBA3A3 couleur surface menu vertical A39393 B3A393 B8B0B0*/
color: #D13838;
text-decoration: none;
width: 100%;
}

#navleftcontainer ul li a:hover
{
background-image: url("../img/bouton-1.png");
color: #330000;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
margin-top: 0;
font-size: 14px;
text-decoration: underline;
font-variant:small-caps;

}
.ecrire {
width:90%;
margin-left: auto;
margin-right: auto;
height: 100%;}

/* bloc image en arrière-plan */

img { border: 0; }

a img, { border : none; }
/* Sidebar
*********************** #979797  ****/
#sidebar{
	float: left;
	margin: 10px;
	padding: 0;
	background: #D8C9CC;
	width: 150px;
	border-right:  3px solid #88797C;
	border-top: 1px solid #A09194;
	border-bottom: 3px solid #A09194;
	border-left: 1px solid #A09194;
}

#sidebar h2{
	margin: 2px;
	padding: 2px;
	background: #C0B1B4 url(img/h2-sidebar1.png) repeat-x;
	border-bottom: 2px solid #8C8C8C;
	border-right: 2px solid #8C8C8C;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;

}

#sidebar h3{
	margin: 0;
	padding-left: 16px;
	background: transparent;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	
}

#sidebar ul{
	margin: 0 10px 0 10px;
	padding: 0;
	background: #B0A1A4;     /* B0A1A4  C0B1B4  */
	list-style: none;

}

#sidebar ul li{
	margin: 0;
	padding: 3px 0;
	font-size: 1em;
}

#sidebar ul li a{
	margin: 0;
	padding: 0;
	background: #202020;
	display: block;
	color: #D13838;
	text-decoration: none;
        font-weight: bold;
}

#sidebar a:hover{
	margin: 0;
	padding: 0;
	background-image: url("../img/bouton-1.png");
	color: #000;
	text-decoration: underline;
	font-size: 1em;
}

/* conteneur nouvelles insertions */
#news {
     border:1px solid #c99;
     width: 250px;
     height: 100px;
     margin-right: 5px;
     margin-left: 4px;
     float:right;
     padding: 5px;  
     margin: 5px; 
     font-size: 102%;
  font-family: times;
  font-weight:bold;
  text-align: center;
}

.footer
{
text-align: center;
font-family: times;
font-variant:small-caps;
font-weight: bold;

}