@import "reset.css";
@import "vignettes.css";
@import "global-ordi.css";
@import "media-ordi.css";

/* --------------------------------------------------------- GENERIQUES */
body {
 color:Indigo;
 font-size:17px;
 padding: 0 2% 0 2%;
 max-width:1360px;
 margin-left:auto;
 margin-right:auto;
 line-height:1.2em;
 background:Ivory fixed url(../Images/Fonds/Segala-01.jpg);
}
hr {
 height:0;
 text-indent:0;
 margin:15px 3% 15px 0;
 }
#HautDePage, #Corpus, #CorpusPlus, #BasDePage, .Gauche, .GaucheMap, .Styles {
 border:2px ridge #DDFFFF;
 border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px; 
} 
#HautDePage {
 clear:both;
 width: 98%;
 margin: 0 0 10px 0;
 padding:3px 10px;
 font-size:0.95em;
 text-align:center;
 background:fixed url(../Images/Fonds/Segala-02.jpg);
 }
#Corpus, #CorpusPlus, #BasDePage {
 float:left;
 width:98%;
 margin:0 0 10px 0;
 }
 
#Corpus{
 background:fixed url(../Images/Fonds/Segala-03.jpg);
 }

#CorpusPlus {
 background:fixed url(../Images/Fonds/Segala-02.jpg);
 } 
 
#BasDePage {
 background:fixed url(../Images/Fonds/Segala-02.jpg);
 }
 
 
#Corpus {
 padding: 10px;
 font-size:0.9em;
 text-align:justify;
 text-indent:2em;
 }
#CorpusPlus, #BasDePage {
 font-size:0.8em;
 text-align:center;
 text-indent:0em;
 padding: 5px 10px 2px 10px;
}
#BasDePage {
 font-weight:bold;
}

.Gauche, .GaucheMap, .Gauche-boutons {
 float:left;
 width:98%;
 margin-bottom:10px;
 text-align:center;
 text-indent:0em;
 line-height:1em;
 font-size:0.9em;
 font-weight:normal;
 border:3px ridge #DDFFFF;
 border-radius:15px;
-webkit-border-radius:15px; 
 }
 
 
.Gauche , .Gauche-boutons {
 background:fixed url(../Images/Fonds/Segala-02.jpg);
 }
 .Gauche-boutons {
  height:145px;
 }
 
.GaucheMap {
 padding:0;
 overflow:hidden;
 }
.Styles {
 float:none;
 text-align:left;
 margin :0 6% 0 6%;
 padding:1.5em 2em 1.5em 5em;
 background:fixed url(../Images/Fonds/EauNacre.jpg);
}
.ContourCarte {
border:3px ridge #DDFFFF;
 }
 
/* --------------------------------------------------------- TYPES, COULEURS et CARACTERES */

/* Types principaux */
.Type1, .Type2, .Type3 {
 color:#4139A7;
 padding:0 2px 0 2px;
 font-size:1.5em;
 font-weight:bold;
 line-height:1.2em;
}

.Type1 {
 font-family: "Palatino Linotype", "Bookman Old Style",
 "Bookman Antiqua", Georgia, Bookman, "New Century Schoolbook", Palatino,
 "Utopia", "New York", "Times New Roman", Times, serif;
 margin: 0 0 0 0;
}
.Type2 {
 font-family: Batang, Book Antiqua, "Palatino Linotype", "Bookman Old Style",
 "Bookman Antiqua", Georgia, Bookman, "New Century Schoolbook", Palatino,
 "Utopia", "New York", "Times New Roman", Times, serif;
}
.Type3, .Type4 {
font-family: Georgia, "Bookman Old Style", Bookman, 
"New Century Schoolbook", "Bookman Antiqua", Palatino, 
"Utopia", "New York", "Times New Roman", Times, serif;
font-weight:bold;
}
.Type3 {
font-size:1.15em;
}
.Type4 {
 font-size:1em;
 color:#660000;
 }
.TypeH5, .TypeH6 {
 font-size:1.2em;
 text-align:left;
 text-indent:0;
 font-weight:bold;
 }
.TypeH5 {
 margin:0 0 0.5em 0;
 color:#660000;
 }
.TypeH6 {
 margin:1em 0 0.6em 0;
 color:#9900CC;
 }
 
/* Niveau d'importance : type Infos */
.Trop1 {
 color:#CC0000;
 font-weight:bold;
 }
.Trop2 {
 color:#990000; 
 font-weight:bold;
 }
.Trop3 {
 color:#CC0000;
 font-weight:normal;
 }
 
/* Divers : Couleurs, 
            Définition des minuscules et 
            Positionnement à Droite */
.CouleurRB {
 color:#770100;
 }
.CouleurVF {
 color:green;
 font-weight:bold;
 }

.Minuscules {
 color:#6600CC;
 }
.ADroite {
 color:#2E1C86;
 }

/* --------------------------------------------------------- LIENS */
.EnLigne a {
border-radius:4px;
border-width:2px;
border-color:#DDFFFF;
border-style:ridge;
margin-right: 0.5em;
margin-left: 0.5em;
}
@media screen and (max-width:765px) {
.EnLigne a {
border-radius:4px;
border-width:2px;
border-color:#DDFFFF;
border-style:none;
margin-right: 0.5em;
margin-left: 0.5em;
}
}
a:link, a:visited {
 font-size:0.95em;
 font-weight: bold;
 color:#196F02;
 text-decoration:none;
}

a:hover {
 font-size:0.95em;
 font-weight: bold;
 color:#196F02;
 background-color:#E9F6E6;
 text-decoration:overline underline;
}

a:active {
 font-size:0.95em;
 font-weight: bold;
 color:#196F02;
 text-decoration:none;
}

.Menu1:link, .Menu1:visited {
 font-size:0.9em;
 color:#1E8702;
 font-weight:normal;
 text-decoration:none;
 }
.Menu1:hover {
 font-size:0.9em;
 color:#BEFEBE;
 background-image:none;
 background-color:#0E4300;
 font-weight:bold;
 text-decoration:none;
 }
.Menu1:active {
 font-size:0.8em;
 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
 }
 
.Menu2:hover {
 font-size:0.95em;
 font-weight: bold;
 color:#0000FF;
 background-color:#E9F6E6;
 text-decoration:none;
 margin: 0 0 0 0;
 }

.Menu3:link, .Menu3:visited, .Menu3:active {
 font-size:1em;
 color:#990033;
 font-weight:normal;
 }
.Menu3:hover {
 font-size:1em;
 font-weight: bold;
 color:#0000FF;
 background-color:#E9F6E6;
 text-decoration:none;
}

/* --------------------------------------------------------- DECORS */

/* Divers Décors, Textes spéciaux */
.Barre {
 border-bottom:3px ridge #DDFFFF;
 font-size:1em;
 margin:0 0 1em 0;
 }
.Nota {
 Color:#990000;
 background:fixed url(../Images/Fonds/EauVertLight.jpg);
 }
.TexteMenu2 {
 color:#007236; 
 font-size:0.85em;
 margin: 0.1em 0.3em 0.1em 0.3em;
 }
.Ici {
 font-size:1.3em;
 color:#AA0000;
 }
 
.Cadre-articles {
width:95%;
padding:10px 10px;
border-top:2px ridge #DDFFFF; 
border-bottom:2px ridge #DDFFFF; 
}
.Cadre-articles table {
margin:0 auto 0 auto;
}  

.Cadre-courant {
width:95%;
padding:10px 10px;
border:2px ridge #DDFFFF;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px; 
} 
.Cadre-courant table {
margin:0 auto 0 auto;
} 
.Commentaire {
 width:99%;
 font-size:0.9em;
 color:#2E3192;
 text-align:left;
 }
 
/* Pour l'image du jour et celle d'après */
.ImgJ1 {
 color:#005826; 
 font-size:0.95em; 
 font-weight:bold;
 }
.ImgJ2 {
 color:#005826; 
 font-size:0.90em;
 }
.ImgJ3 {
 color:#790000; 
 font-size:0.95em; 
 font-weight:bold;
 }
.ImgJ4 {
 color:#ED1C24; 
 font-size:0.8em;
 }
.ImgJ5 {
 color:#E60003; 
 font-size:0.8em;
 }