@charset "utf-8";


/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link {
	color: #00F;
	text-decoration: underline; 
}

.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre #footer est supprimé ou retiré du #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}

h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}



.header {
	padding: 0 10px 0 20px;
	background-image: url(../background/369.jpg);
}


ul.nav a, ul.nav a:visited { /* le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	padding: 5px 5px 5px 15px;
	display: block; /* attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
	width: 160px;  /*cette largeur permet de cliquer sur le bouton entier dans IE6. Si la compatibilité avec IE6 n'est pas nécessaire, vous pouvez la supprimer. Pour calculer la largeur approprié, soustrayez la marge intérieure de ce lien de la largeur du conteneur de barre latérale. */
	text-decoration: none;
	background: #C6D580;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; /* l'ajout de la marge intérieure aux côtés des éléments à l'intérieur des divs, et non aux divs proprement dit, évite le recours à des calculs de modèle de boîte. Une autre méthode consiste à employer une div imbriquée avec marge intérieure latérale. */
}


/*
   
...moins de 767px et portrait              ligne  83   SMARTPHONES PORTRAIT

...moins de 767px et paysage               ligne 480  SMARTPHONES PAYSAGE

   entre 768px et 1279px et portrait       ligne  895  TABLETTE PORTRAIT
   
   entre 768px et 1279px et paysage        ligne  1312 TABLETTE PAYSAGE 
   

   plus de 1280px .........................ligne 1720 ORDINATEURS HAUTE RESOLUTION




*/



/*  PETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAITPETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAITPETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAITPETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAITPETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAITPETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAITPETITS TELEPHONES  PORTRAIT PETITS TELEPHONES PORTRAIT */


@media screen and (max-width: 767px) and (orientation: portrait)
{
/* SMARTPHONE SAMSUNG  vertical */

html {
  	font-size: 200%;
}


.ABASDEPAGE {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1rem;
	background-color: #DEDEDE;
	text-align: center;
	float: none;
}

.ADATTEXT1bis {
	font-family: Arial;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	color: #000;
	line-height:1.9rem;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	margin: 0px;
	text-transform: uppercase;
}

.ATEXTE1 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 1cm;
}


.ATEXTE3 {
	font-family: Arial;
	font-size:1.4rem;
	line-height: 1.7rem;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 1cm;
	color: #000;
	margin-left:60px;
}

.ATEXTE9 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 2cm;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	width: auto;
	max-width: 99%;
}
.blocdroit700 {
	float: right;
	width: 450px;
}
.citation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height:1.2rem;
	font-style: italic;
	font-weight: normal;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 800px;
	border-left: 10px solid #666;
	border-top: 10px solid #666;
	border-bottom: 10px solid  #666;
	border-right: 10px solid #666;
	background: #FFF;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

#container3 { 
 /* index general */
	background-image: url(../background/image-fond-index.jpg);
}

#container4 { 
/* guerre aux cotes des alliés */
	background-image:url(../background/fond-guerre-allies.jpg);
}
#container5 { 
/*algerie*/
	background-image:url(../background/fond-index-algerie.jpg);
}
#container6 { 
/* indochine*/
	background-image:url(../background/fond-index-indo.jpg);
	
}
#container7 { 
/* europe */
	background-image: url(../background/fond-index-europe.jpg);
	
}
#container8 { 
/* france assujettie */
	background-image: url(../background/fonds-france-assujettie.jpg);
	
}
#container9 { 
	/* politique intérieure */
	background-image:url(../../background/369.jpg);
}
#container10 { 
	/*decolonisation */
	background-image:url(../background/fond-index-colonies.jpg);
}

#container11 { 
	/* guerre froide */
	background-image:url(../background/fond-index-guerre-froide.jpg);
}

#container12 { 
	/*pays vaincus */
	background-image:url(../background/fond-index-pays-vaincus.jpg);
}

.content {
	padding: 10px 25px 10px 10px;
	width: 560px;
	float: right;
}

.ecartvignette4 {
	/* guerre aux côtes des alliés */
	line-height: 170px;
	text-align: center;
}

.ecartvignette5 {
	/* algerie */
	line-height: 200px;
	text-align: center;
}

.ecartvignette6 {
	/* indochine */
	line-height: 340px;
	text-align: center;
}

.ecartvignette7 {
	/* europe */
	line-height: 85px;
	text-align: center;
}
.ecartvignette8 {
	/* france assujettie */
	line-height: 10rem;
	text-align: center;
}
.ecartvignette9 {
	 /* politique intérieure */
	line-height: 13.5rem;
	text-align: center;
}

.ecartvignette10 {
	/*decolonisation */
	line-height: 235px;
	text-align: center;
}

.ecartvignette11 {
	/*guerre froide */
	line-height: 140px;
	text-align: center;
}

.ecartvignette12 {
	/* pays vaincus */ 
	line-height: 140px;
	text-align: center;
}


/* ~~ Pied de page ~~ */
.footer {
	width: 790px;
	margin: 0 auto;
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-top:0.6rem;
}

.footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
}

.grandenteterouge {
	color: #c03;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align:center;
	font-weight: bold;
}

.grand {
	font-size: 1.6rem;
	line-height: 2rem;
}

.grandetaille {
	font-size: 2.5rem;
}

.header { 
	padding: 0 10px 0 20px;  
	background: url(../background/369.jpg);
}

.image_centre {
	margin-right: auto;
	margin-left: auto;
	clear: none;
	left: auto;
	right: auto;
	display: block;
	padding: 5px;
}

.lignesespacee2 {
	line-height: 1.1rem;
}

.liste10 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.4rem;
	line-height: 2.1rem;
	font-style: normal;
	font-weight: normal;
	margin-left: 0.5rem;
	color: #000;
	text-align: left;
}

.moyen {
	font-size:1.35rem;
	line-height: 1.9rem;
}

.moyengrand {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.petit {
	font-size: 1.1rem;
	line-height: 1.5rem;
}

.petitenteterouge {
	color: #2A0000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align:center;
}

.sidebar1 {
	float: left;
	width: 180px;
}
.sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5rem;
}

.textedroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	line-height: 1.4rem;
	text-align: right;
}

.texterouge {
	color: #C33;
}

.textesimplepetitcentré {
	font-size: 1.2rem;
	line-height:1.5rem;
	font-style: italic;
	color:#366;
	background-image: none;
	background-repeat: repeat;
	font-weight: bold;
}

.textesimplemoyendroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	color: #009999;
	line-height: 1.7rem;
	text-align: right;
	background-image: none;
	float: none;
	padding-right: 40px;
}

.textesimplemoyengauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	line-height: 1.9rem;
	color: #333399;
	padding-left: 25px;
	text-align: left;
	background-image: none;
	float: none;
}

.titre140noir {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: center;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../background/paper.gif);
	border-top-width: 0.4rem;
	border-bottom-width: 0.7rem;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 10px;
	margin: 0px;
}

.topcopyright {
	border-top-width:0.5rem;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #565656;
	border-right-color: #565656;
	border-bottom-color: #565656;
	border-left-color: #565656;
}


/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 25px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav li {
	border-bottom: 3px solid #666; /* crée la séparation des boutons */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.2rem;
	line-height:1.7rem;
}


}





/* PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE PETITS TELEPHONES PAYSAGE */


@media screen and (max-width: 767px) and (orientation: landscape)



{
/* SMARTPHONE HORIZONTAL  */

html {
  	font-size: 125%;
}


.ABASDEPAGE {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1rem;
	background-color: #DEDEDE;
	text-align: center;
	float: none;
}

.ADATTEXT1bis {
	font-family: Arial;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	color: #000;
	line-height:1.9rem;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	margin: 0px;
	text-transform: uppercase;
}

.ATEXTE1 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 1cm;
}


.ATEXTE3 {
	font-family: Arial;
	font-size:1.4rem;
	line-height: 1.7rem;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 1cm;
	color: #000;
	margin-left:60px;
}

.ATEXTE9 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 2cm;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	width: auto;
	max-width: 99%;
}
.blocdroit700 {
	float: right;
	width: 450px;
}
.citation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height:1.2rem;
	font-style: italic;
	font-weight: normal;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 800px;
	border-left: 10px solid #666;
	border-top: 10px solid #666;
	border-bottom: 10px solid  #666;
	border-right: 10px solid #666;
	background: #FFF;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

#container3 { 
 /* index general */
	background-image: url(../background/image-fond-index.jpg);
}

#container4 { 
/* guerre aux cotes des alliés */
	background-image:url(../background/fond-guerre-allies.jpg);
}
#container5 { 
/*algerie*/
	background-image:url(../background/fond-index-algerie.jpg);
}
#container6 { 
/* indochine*/
	background-image:url(../background/fond-index-indo.jpg);
	
}
#container7 { 
/* europe */
	background-image: url(../background/fond-index-europe.jpg);
	
}
#container8 { 
/* france assujettie */
	background-image: url(../background/fonds-france-assujettie.jpg);
	
}
#container9 { 
	/* politique intérieure */
	background-image:url(../../background/369.jpg);
}
#container10 { 
	/*decolonisation */
	background-image:url(../background/fond-index-colonies.jpg);
}

#container11 { 
	/* guerre froide */
	background-image:url(../background/fond-index-guerre-froide.jpg);
}

#container12 { 
	/*pays vaincus */
	background-image:url(../background/fond-index-pays-vaincus.jpg);
}

.content {
	padding: 10px 25px 10px 10px;
	width: 560px;
	float: right;
}

.ecartvignette4 {
	/* guerre aux côtes des alliés */
	line-height: 170px;
	text-align: center;
}

.ecartvignette5 {
	/* algerie */
	line-height: 200px;
	text-align: center;
}

.ecartvignette6 {
	/* indochine */
	line-height: 340px;
	text-align: center;
}

.ecartvignette7 {
	/* europe */
	line-height: 85px;
	text-align: center;
}
.ecartvignette8 {
	/* france assujettie */
	line-height: 4rem;
	text-align: center;
}
.ecartvignette9 {
	 /* politique intérieure */
	line-height: 8rem;
	text-align: center;
}

.ecartvignette10 {
	/*decolonisation */
	line-height: 235px;
	text-align: center;
}

.ecartvignette11 {
	/*guerre froide */
	line-height: 140px;
	text-align: center;
}

.ecartvignette12 {
	/* pays vaincus */ 
	line-height: 140px;
	text-align: center;
}


/* ~~ Pied de page ~~ */
.footer {
	width: 790px;
	margin: 0 auto;
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-top:0.6rem;
}

.footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
}

.grandenteterouge {
	color: #c03;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align:center;
	font-weight: bold;
}

.grand {
	font-size: 1.6rem;
	line-height: 2rem;
}

.grandetaille {
	font-size: 2.5rem;
}

.header { 
	padding: 0 10px 0 20px;  
	background: url(../background/369.jpg);
}

.image_centre {
	margin-right: auto;
	margin-left: auto;
	clear: none;
	left: auto;
	right: auto;
	display: block;
	padding: 5px;
}

.lignesespacee2 {
	line-height: 1.1rem;
}

.liste10 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.6rem;
	line-height:2.3rem;
	font-style: normal;
	font-weight: normal;
	margin-left: 0.5rem;
	color: #000;
	text-align: left;
}

.moyen {
	font-size:1.35rem;
	line-height: 1.9rem;
}

.moyengrand {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.petit {
	font-size: 1rem;
	line-height: 1.4rem;
}

.petitenteterouge {
	color: #2A0000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align:center;
}

.sidebar1 {
	float: left;
	width: 180px;
}
.sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5rem;
}

.textedroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	line-height: 1.4rem;
	text-align: right;
}

.texterouge {
	color: #C33;
}

.textesimplepetitcentré {
	font-size: 1.1rem;
	line-height: 1.4rem;
	font-style: italic;
	color:#366;
	background-image: none;
	background-repeat: repeat;
	font-weight: bold;
}

.textesimplemoyendroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	color: #009999;
	line-height: 1.7rem;
	text-align: right;
	background-image: none;
	float: none;
	padding-right: 40px;
}

.textesimplemoyengauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	line-height: 1.9rem;
	color: #333399;
	padding-left: 25px;
	text-align: left;
	background-image: none;
	float: none;
}

.titre140noir {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: center;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../background/paper.gif);
	border-top-width: 0.4rem;
	border-bottom-width: 0.7rem;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 10px;
	margin: 0px;
}

.topcopyright {
	border-top-width:0.5rem;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #565656;
	border-right-color: #565656;
	border-bottom-color: #565656;
	border-left-color: #565656;
}


/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 25px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav li {
	border-bottom: 3px solid #666; /* crée la séparation des boutons */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.2rem;
	line-height:1.7rem;
}


}











/* SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT   SMARTPHONES PORTRAIT  SMARTPHONES PORTRAITS SMARTPHONES PORTRAIT */

@media screen and (min-width: 768px) and (max-width: 1279px) and (orientation: portrait)
{
/* Tablette SAMSUNG verticale  */

html {
  	font-size: 100%;
}


.ABASDEPAGE {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1rem;
	background-color: #DEDEDE;
	text-align: center;
	float: none;
}

.ADATTEXT1bis {
	font-family: Arial;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	color: #000;
	line-height:1.9rem;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	margin: 0px;
	text-transform: uppercase;
}

.ATEXTE1 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 1cm;
}


.ATEXTE3 {
	font-family: Arial;
	font-size:1.4rem;
	line-height: 1.7rem;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 1cm;
	color: #000;
	margin-left:60px;
}


.ATEXTE9{
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 2cm;
}
.blocdroit700 {
	float: right;
	width: 450px;
}
body  {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	width: auto;
	max-width: 99%;
}

.citation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height:1.2rem;
	font-style: italic;
	font-weight: normal;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 800px;
	border-left: 10px solid  #666;
	border-top: 10px solid #666;
	border-bottom: 10px solid  #666;
	border-right: 10px solid #666;
	background: #FFF;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

#container3 { 
 /* index general */
	background-image: url(../background/image-fond-index.jpg);
}

#container4 { 
/* guerre aux cotes des alliés */
	background-image:url(../background/fond-guerre-allies.jpg);
}
#container5 { 
/*algerie*/
	background-image:url(../../background/369.jpg);
}
#container6 { 
/* indochine*/
	background-image:url(../background/fond-index-indo.jpg);
	
}
#container7 { 
/* europe */
	background-image: url(../background/fond-index-europe.jpg);
	
}
#container8 { 
/* france assujettie */
	background-image: url(../background/fonds-france-assujettie.jpg);
	
}
#container9 { 
	/* politique intérieure */
	background-image:url(../../background/369.jpg);
}
#container10 { 
	/*decolonisation */
	background-image:url(../background/fond-index-colonies.jpg);
}

#container11 { 
	/* guerre froide */
	background-image:url(../background/fond-index-guerre-froide.jpg);
}

#container12 { 
	/*pays vaincus */
	background-image:url(../background/fond-index-pays-vaincus.jpg);
}

.content {
	padding: 10px 25px 10px 10px;
	width: 560px;
	float:right;
}

.ecartvignette4 {
	/* guerre aux côtes des alliés */
	line-height: 170px;
	text-align: center;
}

.ecartvignette5 {
	/* algerie */
	line-height: 200px;
	text-align: center;
}

.ecartvignette6 {
	/* indochine */
	line-height: 340px;
	text-align: center;
}

.ecartvignette7 {
	/* europe */
	line-height: 85px;
	text-align: center;
}
.ecartvignette8 {
	/* france assujettie */
	line-height: 2.1rem;
	text-align: center;
}
.ecartvignette9 {
	 /* politique intérieure */
	line-height: 4.9rem;
	text-align: center;
}

.ecartvignette10 {
	/*decolonisation */
	line-height: 235px;
	text-align: center;
}

.ecartvignette11 {
	/*guerre froide */
	line-height: 140px;
	text-align: center;
}

.ecartvignette12 {
	/* pays vaincus */ 
	line-height: 140px;
	text-align: center;
}


/* ~~ Pied de page ~~ */
.footer {
	width: 790px;
	margin: 0 auto;
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-top:0.6rem;
}

.footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
}

.grandenteterouge {
	color: #c03;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align:center;
	font-weight: bold;
}

.grand {
	font-size: 1.6rem;
	line-height: 2rem;
}

.grandetaille {
	font-size: 2.5rem;
}

.header { 
	padding: 0 10px 0 20px;  
	background: url(../background/369.jpg);
}

.image_centre {
	margin-right: auto;
	margin-left: auto;
	clear: none;
	left: auto;
	right: auto;
	display: block;
	padding: 5px;
}

.lignesespacee2 {
	line-height: 1.1rem;
}

.liste10 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.6rem;
	line-height: 2.3rem;
	font-style: normal;
	font-weight: normal;
	margin-left: 0.5rem;
	color: #000;
	text-align: left;
}

.moyen {
	font-size:1.35rem;
	line-height: 1.9rem;
}

.moyengrand {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.petit {
	font-size: 1rem;
	line-height: 1.4rem;
}

.petitenteterouge {
	color: #2A0000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align:center;
}

.sidebar1 {
	float: left;
	width: 180px;
}


.sidebar5 {
	/* algerie */
	float: left;
	width: 180px;
	background: #008000  
}

.sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5rem;
}

.textedroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	line-height: 1.4rem;
	text-align: right;
}

.texterouge {
	color: #C33;
}

.textesimplepetitcentré {
	font-size: 1.2rem;
	line-height:1.5rem;
	font-style: italic;
	color:#366;
	background-image: none;
	background-repeat: repeat;
	font-weight: bold;
}

.textesimplemoyendroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	color: #009999;
	line-height: 1.7rem;
	text-align: right;
	background-image: none;
	float: none;
	padding-right: 40px;
}

.textesimplemoyengauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	line-height: 1.9rem;
	color: #333399;
	padding-left: 25px;
	text-align: left;
	background-image: none;
	float: none;
}

.titre140noir {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666;
	border-top-color: #363;
	border-bottom-color: #666;
	text-align: center;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../background/paper.gif);
	border-top-width: 0.4rem;
	border-bottom-width: 0.7rem;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 10px;
	margin: 0px;
}

.topcopyright {
	border-top-width:0.5rem;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #565656;
	border-right-color: #565656;
	border-bottom-color: #565656;
	border-left-color: #565656;
}


/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 25px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav li {
	border-bottom: 3px solid #666; /* crée la séparation des boutons */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.2rem;
	line-height:1.7rem;
}


}











/* SMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGESMARTPHONES PAYSAGE SMARTPHONES PAYSAGES SMARTPHONES PAYSAGE SMARTPHONES PAYSAGES */

@media screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape)
{
/*tablette SAMSUNG horizontale */


html {
  	font-size: 100%;
}


.ABASDEPAGE {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1rem;
	background-color: #DEDEDE;
	text-align: center;
	float: none;
}

.ADATTEXT1bis {
	font-family: Arial;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	color: #000;
	line-height:1.9rem;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	margin: 0px;
	text-transform: uppercase;
}

.ATEXTE1 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 1cm;
}



.ATEXTE3 {
	font-family: Arial;
	font-size:1.4rem;
	line-height: 1.7rem;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 1cm;
	color: #000;
	margin-left:60px;
}


.ATEXTE9 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 2cm;
}

body  {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	width: auto;
	max-width: 99%;
}
.blocdroit700 {
	float: right;
	width: 450px;
}
.citation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height:1.2rem;
	font-style: italic;
	font-weight: normal;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 800px;
	border-left: 10px solid #666;
	border-top: 10px solid #666;
	border-bottom: 10px solid  #666;
	border-right: 10px solid #666;
	background: #FFF;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

#container3 { 
 /* index general */
	background-image: url(../background/image-fond-index.jpg);
}

#container4 { 
/* guerre aux cotes des alliés */
	background-image:url(../background/fond-guerre-allies.jpg);
}
#container5 { 
/*algerie*/
	background-image:url(../background/fond-index-algerie.jpg);
}
#container6 { 
/* indochine*/
	background-image:url(../background/fond-index-indo.jpg);
	
}
#container7 { 
/* europe */
	background-image: url(../background/fond-index-europe.jpg);
	
}
#container8 { 
/* france assujettie */
background-image:url(../background/fonds-france-assujettie.jpg);
	
}
#container8 { 
/* france assujettie */
	background-image: url(../background/fonds-france-assujettie.jpg);
	
}
#container10 { 
	/*decolonisation */
	background-image:url(../background/fond-index-colonies.jpg);
}

#container11 { 
	/* guerre froide */
	background-image:url(../background/fond-index-guerre-froide.jpg);
}

#container12 { 
	/*pays vaincus */
	background-image:url(../background/fond-index-pays-vaincus.jpg);
}

.content {
	padding: 10px 25px 10px 10px;
	width: 560px;
	float:right;
}

.ecartvignette4 {
	/* guerre aux côtes des alliés */
	line-height: 170px;
	text-align: center;
}

.ecartvignette5 {
	/* algerie */
	line-height: 200px;
	text-align: center;
}

.ecartvignette6 {
	/* indochine */
	line-height: 340px;
	text-align: center;
}

.ecartvignette7 {
	/* europe */
	line-height: 85px;
	text-align: center;
}
.ecartvignette8 {
	/* france assujettie */
	line-height: 2.1rem;
	text-align: center;
}
.ecartvignette9 {
	 /* politique intérieure */
	line-height: 4.9rem;
	text-align: center;
}

.ecartvignette10 {
	/*decolonisation */
	line-height: 235px;
	text-align: center;
}

.ecartvignette11 {
	/*guerre froide */
	line-height: 140px;
	text-align: center;
}

.ecartvignette12 {
	/* pays vaincus */ 
	line-height: 140px;
	text-align: center;
}


/* ~~ Pied de page ~~ */
.footer {
	width: 790px;
	margin: 0 auto;
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-top:0.6rem;
}

.footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
}

.grandenteterouge {
	color: #c03;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align:center;
	font-weight: bold;
}

.grand {
	font-size: 1.6rem;
	line-height: 2rem;
}

.grandetaille {
	font-size: 2.5rem;
}

.header { 
	padding: 0 10px 0 20px;  
	background: url(../background/369.jpg);
}

.image_centre {
	margin-right: auto;
	margin-left: auto;
	clear: none;
	left: auto;
	right: auto;
	display: block;
	padding: 5px;
}

.lignesespacee2 {
	line-height: 1.1rem;
}

.liste10 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.6rem;
	line-height: 2.3rem;
	font-style: normal;
	font-weight: normal;
	margin-left: 0.5rem;
	color: #000;
	text-align: left;
}

.moyen {
	font-size:1.35rem;
	line-height: 1.9rem;
}

.moyengrand {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.petit {
	font-size: 1rem;
	line-height: 1.4rem;
}

.petitenteterouge {
	color: #2A0000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align:center;
}

.sidebar1 {
	float: left;
	width: 180px;
}
.sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5rem;
}

.textedroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	line-height: 1.4rem;
	text-align: right;
}

.texterouge {
	color: #C33;
}

.textesimplepetitcentré {
	font-size: 1rem;
	line-height:1.3rem;
	font-style: italic;
	color:#366;
	background-image: none;
	background-repeat: repeat;
	font-weight: bold;
}

.textesimplemoyendroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	color: #009999;
	line-height: 1.7rem;
	text-align: right;
	background-image: none;
	float: none;
	padding-right: 40px;
}

.textesimplemoyengauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	line-height: 1.9rem;
	color: #333399;
	padding-left: 25px;
	text-align: left;
	background-image: none;
	float: none;
}

.titre140noir {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: center;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../background/paper.gif);
	border-top-width: 0.4rem;
	border-bottom-width: 0.7rem;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 10px;
	margin: 0px;
}

.topcopyright {
	border-top-width:0.5rem;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #565656;
	border-right-color: #565656;
	border-bottom-color: #565656;
	border-left-color: #565656;
}


/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 25px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav li {
	border-bottom: 3px solid #666; /* crée la séparation des boutons */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.2rem;
	line-height:1.7rem;
}


}










/*  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  ORDINATEURS ET TABLETTES HAUTES RESOLUTIONS  */


@media screen and (min-width: 1280px) 



{


html {
  	font-size: 1.2em;
}


.ABASDEPAGE {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1rem;
	background-color: #DEDEDE;
	text-align: center;
	float: none;
}

.ADATTEXT1bis {
	font-family: Arial;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	color: #000;
	line-height:1.9rem;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	margin: 0px;
	text-transform: uppercase;
}

.ATEXTE1 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 1cm;
}

.ATEXTE3 {
	font-family: Arial;
	font-size:1.4rem;
	line-height: 1.7rem;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	text-indent: 1cm;
	color: #000;
	margin-left:60px;
}


.ATEXTE9 {
	font-family: Arial;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	margin-left: 50px;
	color: #000;
	text-indent: 2cm;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	width: auto;
	max-width: 99%;
}
.blocdroit700 {
	float: right;
	width: 450px;
}
.citation {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	line-height:1.2rem;
	font-style: italic;
	font-weight: normal;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 800px;
	border-left: 10px solid #666;
	border-top: 10px solid #666;
	border-bottom: 10px solid  #666;
	border-right: 10px solid #666;
	background: #FFF;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

#container3 { 
 /* index general */
	background-image: url(../background/image-fond-index.jpg);
}

#container4 { 
/* guerre aux cotes des alliés */
	background-image:url(../background/fond-guerre-allies.jpg);
}
#container5 { 
/*algerie*/
	background-image:url(../../background/369.jpg);
}
#container6 { 
/* indochine*/
	background-image:url(../background/fond-index-indo.jpg);
	
}
#container7 { 
/* europe */
	background-image: url(../background/fond-index-europe.jpg);
	
}
#container8 { 
/* france assujettie */
	background-image: url(../background/fonds-france-assujettie.jpg);
	
}
#container9 { 
	/* politique intérieure */
	background-image:url(../../background/369.jpg);
}

#container10 { 
	/*decolonisation */
	background-image:url(../background/fond-index-colonies.jpg);
}

#container11 { 
	/* guerre froide */
	background-image:url(../background/fond-index-guerre-froide.jpg);
}

#container12 { 
	/*pays vaincus */
	background-image:url(../background/fond-index-pays-vaincus.jpg);
}

.content {
	padding: 10px 25px 10px 10px;
	width: 560px;
	float: right;
}

.ecartvignette4 {
	/* guerre aux côtes des alliés */
	line-height: 170px;
	text-align: center;
}

.ecartvignette5 {
	/* algerie */
	line-height: 200px;
	text-align: center;
}

.ecartvignette6 {
	/* indochine */
	line-height: 340px;
	text-align: center;
}

.ecartvignette7 {
	/* europe */
	line-height: 85px;
	text-align: center;
}
.ecartvignette8 {
	/* france assujettie */
	line-height:6rem;
	text-align: center;
}
.ecartvignette9 {
	 /* politique intérieure */
	line-height: 7.5rem;
	text-align: center;
}

.ecartvignette10 {
	/*decolonisation */
	line-height: 235px;
	text-align: center;
}

.ecartvignette11 {
	/*guerre froide */
	line-height: 140px;
	text-align: center;
}

.ecartvignette12 {
	/* pays vaincus */ 
	line-height: 140px;
	text-align: center;
}


/* ~~ Pied de page ~~ */
.footer {
	width: 790px;
	margin: 0 auto;
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border-top:0.6rem;
}

.footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
}

.grandenteterouge {
	color: #c03;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align:center;
	font-weight: bold;
}

.grand {
	font-size: 1.6rem;
	line-height: 2rem;
}

.grandetaille {
	font-size: 2.5rem;
}

.header { 
	padding: 0 10px 0 20px;  
	background: url(../background/369.jpg);
}

.image_centre {
	margin-right: auto;
	margin-left: auto;
	clear: none;
	left: auto;
	right: auto;
	display: block;
	padding: 5px;
}

.lignesespacee2 {
	line-height: 1.1rem;
}

.liste10 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.5rem;
	line-height: 2.3rem;
	font-style: normal;
	font-weight: normal;
	margin-left: 0.5rem;
	color: #000;
	text-align: left;
}
.blocdroit700 {
	float: right;
	width: 700px;
}

.moyen {
	font-size:1.35rem;
	line-height: 1.9rem;
}

.moyengrand {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.petit {
	font-size: 1rem;
	line-height: 1.4rem;
}

.petitenteterouge {
	color: #2A0000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align:center;
}

.sidebar1 {
	float: left;
	width: 180px;
}
.sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5rem;
}

.textedroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	line-height: 1.4rem;
	text-align: right;
}

.texterouge {
	color: #C33;
}

.textesimplepetitcentré {
	font-size: 1.1rem;
	line-height:1.4rem;
	font-style: italic;
	color:#366;
	background-image: none;
	background-repeat: repeat;
	font-weight: bold;
}

.textesimplemoyendroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	color: #009999;
	line-height: 1.7rem;
	text-align: right;
	background-image: none;
	float: none;
	padding-right: 40px;
}

.textesimplemoyengauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	font-style: oblique;
	line-height: 1.9rem;
	color: #333399;
	padding-left: 25px;
	text-align: left;
	background-image: none;
	float: none;
}

.titre140noir {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: center;
	border-right-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../background/paper.gif);
	border-top-width: 0.4rem;
	border-bottom-width: 0.7rem;
	border-top-style: solid;
	border-bottom-style: solid;
	padding: 10px;
	margin: 0px;
}

.topcopyright {
	border-top-width:0.5rem;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #565656;
	border-right-color: #565656;
	border-bottom-color: #565656;
	border-left-color: #565656;
}


/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /* entraîne la suppression du marqueur de liste */
	border-top: 1px solid #666; /* crée la bordure supérieure des liens ; les autres sont placées à l'aide d'une bordure inférieure sur la balise LI */
	margin-bottom: 25px; /* crée l'espace entre la navigation et le contenu en dessous */
}

ul.nav li {
	border-bottom: 3px solid #666; /* crée la séparation des boutons */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.2rem;
	line-height:1.7rem;
}


}