/* -------------------------------------------------------
   STYLE ALTERNATIF - 1
   Semi-fluide :
   	- largeur du bandeau et colonne centrale s'etirent avec la fenetre
   	- mais la largeur totale est maintenue au minimum de 700px (sauf dans IE/WIN)
   	- la largeur des menus reste fixe
   Menu general en haut a droite
   Bandeau : sur 2 colonnes
 ------------------------------------------------------- */
body {
	background-color: #C7E6FC;
	background-image: none;
}

#page
{
	width: 99%;
	min-width: 600px;
	max-width: 66em;
}
#menu-principal { width: 780px; max-width: 60em;}

#entete
{
	background-image: url(img/globe-alain.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
}
#entete .nom-site
{
	background-image: url(img/autre-monde-alain.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#entete .nom-site h1
{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 5px;
}
/* COULEURS des menus et edito */
.menu-item,
.menu-titre-special,
.menu-titre,
.menu ul li a,
.menu ul li b { background-color: #1A49F9; }
.edito h3
{
	background-image: url(img/titre-coin.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */
#bloc-contenu .edito
{
	margin: 0;
	padding: 0;
	width: 100%;
}
#bloc-contenu .edito .bandeau {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-color: #BBB;
	border-width: 0 0 2px 0;
	border-style: dotted;
}

#bloc-contenu .edito h3
{
	color: white;
	background-color: #0061C1;
}
#bloc-contenu .edito-titre
{

}

#bloc-contenu .edito .chapo { margin-top: 0; background-color: #E6EDFD;}

#bloc-contenu .edito
{
        border: solid 1px #C2D7F6;
	background: #E6EDFD;
}
#bloc-contenu
{
	border: solid 1px #9CBAEC;
	background: #C2D7F6;
}
#bloc-contenu .sommaire-article
{
        border: solid 1px #C2D7F6;
	background: #E6EDFD;
}
#bloc-contenu .sommaire-article
{
	margin: 0;
	padding: 0;
	width: 100%;
        margin-top: 5px;
}
#bloc-contenu .sommaire-article h3
{
	color: white;
	background-color: #1A49F9;
}
#bloc-contenu .sommaire-article h3 a
{
	color: white;
	background-color: #1A49F9;
}
.sommaire-article h3
{
	background-image: url(img/titre-coin.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}
.width6 {
  width: 5.7%;
}
.width44 {
  width: 43.7%;
}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}
.clear {
  clear: both;
}