html {
	font-size: 100%;
}

body 
{ 	
	background-color: #eaeaea;
	font-size: 0.9em;
	background: #eee;
	color: #000;
	text-shadow: 1px 1px 0 #fff;
	font-family: Verdana, Calibri, sans-serif;
	margin: 0px;
	padding: 0px;
}

aside, footer, header, main {display: block;}

a { text-decoration: none; color: blue;}
a:hover { text-decoration: underline; color: blue;}

.bandeau{
	width:100%;
	display: block;
	text-align: center;
	position: relative;
}

.bandeau .image {
	width: 100%;
}


/*Composition générale de la page*/


.conteneur{
	/* Largeur Fluide et liquide, changer le 1000px par 100% */
    max-width:100%;
    /* Centre le conteneur dans la page */
    margin:20px auto;
}

main {
	float: left;
	width: 60%;
	text-align: center;
	height: 100%;
}

aside {
	float: left;
	width: 20%;
	text-align: center;
	height: 100%;
}

.colonne{
	position: relative;
	float: left;
	width: 49%;
}

footer {
    /* forcer l’affichage sous le contenu et la colonne */
    clear:both;
    text-align:center;
    height:50px;
    padding:5px;
}

@media all and (max-width: 600px) {
    main {
    	width:100%;
    }
    aside {
        width:100%;
    }
}

@media all and (max-width: 801px) and (min-width: 601px) {
    main {
        width:80%;
    }
    .saut {
       	width:100%;
    }
}

/*Positions dans le corps en deux colonnes*/

#colonnegauche{
	position: relative;
	float: left;
	width: 49%;
}

#colonnedroite{
	position: relative;
	float: left;
	width: 49%;
}

/*Positions dans le corps en trois colonnes*/

#colonne1 {
	position: relative;
	float : left;
	width: 33%;
}

#colonne2 {
	position: relative;
	float: left;
	width: 33%;
}

#colonne3 {
	position: relative;
	float: left;
	width: 33%;
}

/* Boîtes*/

.boite{
	position: relative;
	background-color: #d5d5d5;
	width: 80%
	font-family: Palatino, Tahoma, Arial, Helvetica, sans-serif;
	padding: 20px;
	margin: 20px;
	color: black;
}

.boite #colonneG {
	position: relative;
	float: left;
	width: 49%;
}

.boite #colonneD {
	position: relative;
	float: left;
	width: 49%;
}

.boite #pied {
    text-align: center;
    clear: both;
	padding-top: 1em;
}

.boite .titre {
	font-size: 1em;
	font-weight: bold;
	background-color: transparent;
	color: #8b0000;
	font-variant: small-caps;
	text-align:center;
	letter-spacing: 0.4em;
}


.citation{
	font-size: 1.2em;
	text-align: justify;
}

.signature_cit{
	margin-top: .5em;
	font-variant: small-caps;
	font-size: 1.4em;
	text-align: right;
	font-weight: bold;
}

.articlespip{
	font-size: 1em;
	text-align: justify;
}


.menu-titre {
	margin: 0px;
	margin-top: 10px;
	padding-left: 0px;
	padding-right: 0%;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #8b0000;
	text-align:center;
}

.menu-item{
	margin: 0px;
	padding-left: 0px;
	padding-right: 0%;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

.boite-menu{
	padding: 0%;
	margin: 5px;
	margin-top: 5px;
	padding-left: 0px;
	font-size: 0.9em;
	color: black;
	text-align: center;
	list-style: none;
}

.boite-menu2{
	padding: 0%;
	margin-left: 10px;
	margin-top: 5px;
	padding-left: 0px;
	font-size: 0.9em;
	color: black;
	text-align: center;
}

.boite-menu h4{
	margin-top: 0px;
	margin-bottom: 4px;
	padding-right: 0%;
	font-weight: normal;
	font-size: 1em;
	color: black;
	text-align: center;
}

.boite-menu h5{
	margin-top: 0px;
	padding-right: 0%;
	font-weight: normal;
	font-size: .9em;
	color: black;
	text-align: left;
}

.boite-menu h6{
	margin-top: 0px;
	padding: 0%;
	font-weight: normal;
	font-size: 1em;
	color: black;
	text-align: center;
}

.petite-boite{
	padding: 0px;
	margin: 1%;
	margin-top:2px;
	margin-bottom: 16px;
	height: 40px;
	text-align: center;
}

.petite-boite h4{
	margin-top: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: .9em;
	color: black;
	text-align: center;
}

.titre {
	margin: 5px;
	font-size: 1.6em;
	font-weight: bold;
	background-color: transparent;
	color: #8b0000;
	font-variant: small-caps;
	text-align:center;
	letter-spacing: 0.4em;
}

.texte{
	margin: 0px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.1em;
}

.textecentre { font-size:90%; text-align:center;}

.image{
	text-align:center;
}

.general {
	font-family: Palatino, Tahoma, Arial, Helvetica, sans-serif;
}
.general .titre 	  { color: #8b0000; font-size: 105%; text-align: left; }

.general .texte {
	text-align: justify;
 }
.general .image{
	margin: 30px;
}
.accueil {}

.accueil .texte {
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}

.accueil .image{
	text-align:center;
	margin-top :10px;
	margin-bottom: 10px;
}

.accueil .actualisation{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*Mise en couleur*/

co1 { color: #33cc00;}

.centre {
background-color: #eaeaea;
text-align: center;
}

/* Typographie */


#corps .contenu{
	margin: 20px;
	font-family: Georgia, Garamond, Times, serif;
}

#corps .contenu .titre{
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

#corps .contenu .sous-titre{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #8b0000;
}

#corps .contenu h3{
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
	color:#8b0000;
}

#corps .contenu h4{
	font-size: 1.1em;
	font-weight:bold;
	text-align:center;
	color:#8b0000;
}

#corps .contenu .introduction{
	padding: 30px;
	text-align: center;
	font-style: italic;
}

#corps .contenu .citation{
	padding: 50px;
	text-align: center;
	font-size: 2.5em;
	font-style: italic;
}

#corps .contenu .bloc-centre{
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
}

#corps .contenu .texte{
	padding: 30px;
	text-align: justify;
}

#corps .contenu .texte p{
	text-align: justify;
}

#corps .contenu .signature{
	text-align: right;
	font-weight: bold;
}

#corps .contenu .presentation{
	padding: 30px;
	text-align: center;
}

#corps .contenu .image{
	margin-top: 10px;
	margin-bottom: 10px;
	float: center;
}

#corps .contenu .image .legende{
	font-size: 0.8em;
}

#corps .contenu .image-gauche{
	margin: 20px;
	text-align: center;
	float: left;
}

#corps .contenu .image-droite{
	margin: 20px;
	text-align: center;
	float: right;
}


#corps .lettrine{
	font-size: 140%;
	font-style: italic;
	font-weight: bold;
}

#boite-paypal{
	background-color:#c9ebe3;
	position: relative;
	padding: 10px;
	width: 90%;
	float: right;
	margin: 10px;
	margin-top: 50px;
	text-align: justify;
}

.etymologie {
	width: 100%;
}

.etymologie table {
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	border-collapse:collapse;
	width:90%;
}

.etymologie .mot
{
	color: #8b0000;
	font-variant: small-caps;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}

.etymologie .etymol
{
	margin: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.1em;
	width=85%;
	text-align: justify;
}

.titre{
	 color: #8b0000;
	 font-variant: small-caps;
	 font-size: 1.5em;
	 text-align: center;
	 font-weight: bold;
	 margin-bottom: 30px;
	 margin-top: 10px;
}