/* ---- MAJ ----------------------------------------------*/
/* -- sur site de travail pour signaler modification à prévoir ---*/
.maj {
font-style: italic;
color: red;
border: 4px solid red;
padding: 1em;
display: inline-block;
}

/* ---- COULEURS  ------------------------------------------- 
vert
color: #1A8738;
bleu
color: #2183B3;
rouge
color: #DC1A23;
jaune
color: #F1C315;
/* --------------------------------------------------------- */
body {
margin:0;
padding: 2em 0;
background: #2183B3;
font-size: small;
font-family: georgia, Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
color: #666666;
}
a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
cursor: pointer;
font-style: normal;
}
img,
a img {
border: none;
}
#brochure_tarifaire {
margin: 0 auto;
}
#brochure_tarifaire {
border-collapse: collapse;
border: 1px solid #cdcdcd;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
#brochure_tarifaire th,
#brochure_tarifaire td {
border: 1px solid #cdcdcd;
padding: 0.3em 0.8em;
}
.prix {
text-align: right;
}
.ttc {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 85%;
margin-top: 2em;
padding-left: 3em;
padding-right: 3em;
}
#conteneur {
margin: 0 auto;
border: 1px solid black;
border-radius: 4em;
width: 970px;
background: white;
}
#langages {
display: none;
float: right;
position: relative;
top: 5px;
padding: 0;
margin: 0;
z-index: 120;
list-style-type: none;
}
#langages li {
display: inline;
}
#langages img {
border : solid 1px #dcdcdc;
width: 30px;
height: 19px;
display: inline-block;
}
#drap_en {
background-image: url("../images/flag_en_out.png");
}
#drap_en:hover {
background-image: url("../images/flag_en.png");
}
.lang_en #drap_en {
background-image: url("../images/flag_en.png");
}
#drap_fr {
background-image: url("../images/flag_fr_out.png");
}
#drap_fr:hover {
background-image: url("../images/flag_fr.png");
}
.lang_fr #drap_fr {
background-image: url("../images/flag_fr.png");
}
#drap_es {
background-image: url("../images/flag_es_out.png");
}
#drap_es:hover {
background-image: url("../images/flag_es.png");
}
.lang_es #drap_es {
background-image: url("../images/flag_es.png");
}
.lang_active {
padding-bottom: 4px;
border-bottom: 5px solid #A30000;
cursor: help;
}

#logo_mijcp {
max-width: 200px;
margin: 0;
}
#mijcp {
margin: 0;
margin-top: 16px;
margin-left: 70px;
vertical-align: top;
}
#banniere {
padding: 34px 30px 0 23px;
}
#banniere a {
text-decoration: none;
}
#pied {
font-family: Arial, Helvetica, sans-serif; 
color: #5995B3;
clear: both;
overflow: hidden;
}
#coordonnees {
text-align: center;
padding-left: 13em;
font-weight: normal;
color: #608BA1;
line-height: 160%;
}
#coordonnees a {
color: #608BA1;
text-decoration: none;
}
#coordonnees a:hover {
color: #DC1A23;
}
.separateur_vertical {
color: #A9C6D4;
}
.copyright {
font-size: 85%;
}
/* ---- SOUS MENU  -------------------------------------------*/
#textes #sous_nav {
margin: 0;
display: block;
float: right;
padding: 0;
position: relative;
font-size: 90%;
top: -14px;
}
#textes #sous_nav li {
display: block;
float: left;
position: relative;
list-style: none;
padding-bottom:0;
}
#textes #sous_nav a {
display: inline-block;
text-decoration: none;
padding: 0 0.4em;
word-spacing: -0.1em;
}
#textes #sous_nav.bleu a {
color : #2183B3;
}
#textes #sous_nav.bleu a:hover {
color : #2183B3;
background: #D3E6F0;
}
#textes #sous_nav.rouge a {
color : #DC1A23;
}
#textes #sous_nav.rouge a:hover {
color : #DC1A23;
background: #F8D1D3;
}
#textes #sous_nav.jaune a {
color : #F1C315;
}
#textes #sous_nav.jaune a:hover {
color : #D9AA00;
background: #FCF3CF;
}
#textes #sous_nav.noir a {
color : #000000;
}
#textes #sous_nav.noir a:hover {
color : #000000;
background: #dedede;
}
/* ---- COLONNE GAUCHE  ------------------------------------*/
#colonne_gauche {
display: none;
float: left;
width: 220px;
}
#colonne_gauche.colonne_gauche_fixed {
top: 1em;
position: fixed;
}
/* ---- NEWS  ---------------------------------------------*/
.news {
margin: 2em 0 1em 30px;
padding: 0;
width: 150px;
background-color: #f6f6f6;
border: 1px solid #b9b9b9;
}
#colonne_gauche h2 {
color: black;
display: inline;
font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size: 110%;
font-variant: normal;
margin-bottom: 2em;
margin-left: 20px;
}
.news h3,
.news p {
font-family: Arial, Helvetica,"Trebuchet MS", sans-serif;
font-size: 90%;
}
.news a {
text-decoration: none;
color: #595959;
}
.news h3 {
background-color: #2183b3;
color: white;
border: medium none;
font-variant: normal;
margin: 0;
padding: 0.2em 0.3em;
}
.news p {
margin: 0;
padding: 0.5em 1em;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
/* -- News bleu -- */
.news.bleu:hover {
background-color: #D3E6F0;
border: 1px solid #2183B3;
}
.news.bleu  h3 {
background-color: #2183b3;
}
.news.bleu em.bold {
color: #2183B3;
}
/* -- News rouge -- */
.news.rouge:hover {
background-color: #ffe1e3;
border: 1px solid #DC1A23;
}
.news.rouge  h3 {
background-color: #DC1A23;
}
.news.rouge em.bold {
color: #DC1A23;
}
/* -- News jaune -- */
.news.jaune:hover {
background-color: #FCF3CF;
border: 1px solid #d9aa00;

}
.news.jaune  h3 {
background-color: #F1C315;
}
.news.jaune em.bold {
color: #d9aa00;
}

/* ---- TEXTES  -------------------------------------------*/
#textes {
margin: 60px 70px 1em 160px;
padding-bottom: 2.5em;
}

#textes h1,
#textes h2,
#textes h3,
#textes h4,
#textes h5,
#textes h6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

a {
color: #2183B3;
text-decoration: underline;
}
#textes a:hover {
color: #DC1A23;
text-decoration: underline;
}

p {
text-align: justify;
/*  padding-left: 24px;*/
}

p,
#textes ul,
#textes ol,
#textes blockquote {
line-height: 170%;
}

#textes ul {
margin-left: 2em;
text-align: left;
}
#textes li {
padding-bottom: 0.8em;
padding-left: 0.2em;
}
#textes #association li {
list-style-position: inside;
}
#textes #association li:nth-child(4n+1) {
list-style-image: url("../images/puce_bleue.png");
}
#textes #association li:nth-child(4n+2) {
list-style-image: url("../images/puce_rouge.png");
}
#textes #association li:nth-child(4n+3) {
list-style-image: url("../images/puce_jaune.png");
}
#textes #association li:nth-child(4n+4) {
list-style-image: url("../images/puce_noire.png");
}
#textes #association li:nth-child(4n+5) {
list-style-image: url("../images/puce_verte.png");
}
#textes h1 {

}
#textes h2,
#textes h3,
#textes h4 {
}

#menu_accueil {
text-align: center;
}
#menu_accueil li {
display: inline;
margin: 0 0.5em;
background: #dcdcdc;
padding: 0.2em 0.6em;
}

/* ---- COMMUN TEXTES  -------------------------------------------*/
h2 {
font-variant: small-caps;
border-bottom: 1px solid #dcdcdc;
}
#textes h3 {
margin-top: 2.2em 0 1.2em 20px;
padding-left: 12px;
}
.first {
padding-top: 2em;
}
blockquote {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 90px;
}
.bold {
font-style: normal;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#textes .bold {
color: #525556;
}
.txt_bleu {
color: #2183B3;
}
.chapeau {
font-style: italic;
margin-top: 4em;
margin-left: 35px;
margin-bottom: 2em;
clear: both;
}
 
/* ---- ASSOCIATION  -------------------------------------------*/
#association  h2,
#association  h3,
#association  h4 {
color: #1A8738;
}
.ssection {
border-top: 1px solid #e8e8e8;
margin-left: 30px;
margin-top: 3em;
}
#association  .ssection h4 {
padding-left: 0.6em;
}
.para_special {
margin-top: 2.5em;
margin-bottom: 1.8em;
}
/* -- obsolète ??? --- 
#association  .encadre {
border: none;
}
#association  .encadre.element_gauche {
margin: 0;
padding: 0 26px;
max-width: 210px;
}
#association  .element_centre {
margin: auto;
max-width: none;
padding-left: 26px;
}
#association  .legende {
font-size: x-small;
max-width: inherit;
}
*/

/* ---- MAISON  ----------------------------------------------*/
#maison  h2,
#maison  h3,
#maison  h4 {
color: #2183B3;
}
.inter {
font-variant: normal;
border: none;
text-align: center;
letter-spacing: 0.2em;
color: #666666;
}
#maison  h3 {
background: rgba(0, 0, 0, 0) url("../images/puce_bleue_claire_grd.png") no-repeat scroll 1px 6px;
margin-left: 20px;
padding-left: 22px;
text-decoration: underline;
margin-bottom: 0;
}
.faux_h4 {
background: url("../images/puce_bleue_claire.png") no-repeat 1px 4px;
padding-left: 18px;
}
#maison  h4 {
background: url("../images/puce_bleue_claire.png") no-repeat 25px 4px;
padding-left: 42px;
}
#maison  ul {
padding-left: 80px;
}
#maison  .chapeau ul {
display: inline-block;
margin: 0;
padding-left: 40px;
}
#textes #maison  li {
list-style-image: url("../images/puce_maison_detail.png");
padding-left: 0;
padding-bottom: 0.2em;
}
#textes #maison .slidesjs-pagination li {
list-style-image: none;
}
.section {
border-bottom : 1px solid #e8e8e8;
margin-top: 3em;
padding-bottom: 1.5em;
overflow: hidden;
}
#chambres_perpignan.section {
border-bottom: none;
}
#chambres_elne  h2 + p {
margin-top: 3em;
}
.section h3 {
margin-top: 0.1em;
}
.apl {
color: #a3b6c0;
font-size: 85%;
font-style: italic;
letter-spacing: 0.1em;
margin: 0.3em 0 2em 0.5em;
}
/* --------               PARRAINAGE  ------------------------------------------------*/
#parrainage  h2,
#parrainage  h3,
#parrainage  h4 {
color: #2183B3;
}
#parrainage  h4 {
padding-left: 64px;
margin-bottom: 0;
}
#parrainage .adresse_postale {
margin-left: 4em;
font-size: 100%;
}
/* ---- CULTUREL  ------------------------------------------*/
#culturel h2,
#culturel h3 {
color: #DC1A23;
}
#culturel h4 {
padding-left: 12px;
}
.surtitre {
font-size: large;
text-align: center;
color: #666666;
padding-bottom: 2em;
}
#culturel p a {
color: #DC1A23; 
text-decoration: none;
}
#culturel p a:hover {
text-decoration: underline;
}
#culturel li {
text-align: justify;
} 
#culturel #dossier h4 {
font-variant: normal;
}
/* ---- INTERNATIONAL  ------------------------------------------*/
#international h2,
#international h3,
#international h3 {
color: #F1C315;
}
#international  h4 {
/*margin-left: 64px;*/
margin-bottom: 0;
}
#dossier {
max-width: 720px;
margin: 3em auto;
padding: 2em;
/*padding-left: 10px;
padding-right: 35px;*/
background-color: #FCF3CF;
border: 1px solid #dcdcdc;
border-radius: 2em;
}
#dossier h3 {
font-size: 140%;
text-align: center;
color: #666666;
padding-bottom: 0;
margin-bottom: 0;
}
#dossier h4,
#dossier h5 {
/*margin-left: 24px;*/
font-variant: small-caps;
}
#dossier h4 {
/*margin-top: 3em;*/
font-size: 122%;
padding-left: 4px;
}
#dossier h5 {
font-size: 105%;
}
#dossier h6 {
/*padding-left: 24px;*/
font-size: 100%;
}
#dossier p {
padding-left: 0;
}
#dossier .legende ul,
#dossier .en_savoir_plus ul,
#dossier .ref ul  {
line-height: 0.5em;
}
#dossier ul span {
font-weight: bold;
}
#dossier blockquote {
font-family: georgia, Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
font-style: italic;
padding-left: 35px;
text-align: justify;
margin: 2em;
}
.source {
font-size: 90%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: right;
display: block;
line-height: 1.2em;
margin-top: 1.5em;
font-style: normal;
}
.en_savoir_plus {
border-top: 1px solid #bbbbbb;
margin : 2em 0 4em 25px;
font-size: x-small;
}
.en_savoir_plus h6 {
margin: 2em;
font-variant: normal;
}
.en_savoir_plus span{
font-weight: bold;
}
.en_savoir_plus ul {
list-style-image: url("../images/puce_en_savoir_plus.png");
padding: 0;
padding-left: 24px;
}
.ref {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: x-small;
margin-top: 3em;
}
/* ---- INFOS  ------------------------------------------*/
#telmail,
#courrier {
display: inline-block;
float: left;
margin-right: 4em;
}
#acces_menestrels {
margin-right: 2em;
text-align: right;
}
#infos h2,
#infos h3,
#infos h4 {
color: #000000;
}
#infos h3 {
letter-spacing: 0.1em;
}
#infos  h4 {
color: #000000;
background: url("../images/puce_bleue_claire.png") no-repeat 0 4px;
padding-left: 20px;
margin-bottom: 0;
}
#infos  h4.special {
color: #2183B3;
}
#infos h4.anti_bold {
font-weight: normal;
}
#textes #infos p,
#textes #infos ul {
margin-top: 0.3em;
text-align: left;
margin-left: 2px;
}
#horaires {
margin-top: 4em;
}
#textes #infos li {
list-style-position: inside;
padding: 0;
margin: 0;
font-size: 90%;
}
.adresse_postale {
color: #666666;
display: inline-block;
font-family: Helvetica,"Trebuchet MS",Arial,sans-serif;
font-size: 95%;
line-height: 150%;
margin-left: 22px;
padding: 0.7em;
text-align: left;
text-decoration: none;
border: 1px solid #ffffff;
border-radius: 5px;
}
#textes a.adresse_postale:hover {
text-decoration: none;
color: #666666;
border: 1px solid #DBDBDB;
border-radius: 5px;
background: #F5F5F5;
}
#contact .conteneur_colonnes,
#acces .conteneur_colonnes {
border-spacing: 0;
display: table;
margin-left: 120px;
}
#contact .colonnes {
/*display: table-cell;
width: 250px;*/
}
#acces .colonnes {
display: table-cell;
width: 220px;
}
#courriel {
margin-left: 120px;
margin-right: 70px;
}
#infos  h3 span {
font-size: 75%;
font-weight: normal;
color: #666666;
letter-spacing: normal;
}
.plan {
}
#contact.section {
/*margin-top: 0;*/
}
#localisation {
display : inline-block;
}
#contact {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 2em;
padding-left: 14em;
}
#acces.section {
border-bottom: none;
}
.sous_titre_contact {
background: rgba(0, 0, 0, 0) url("../images/puce_maison_detail.png") no-repeat scroll 20px center;
font-family: georgia,Times,"Times New Roman","Liberation Serif",FreeSerif,serif;
letter-spacing: 0.3px;
margin-bottom: 0;
padding-left: 35px;
text-decoration: underline;
}
#infos h4 a {
font-weight: normal;
}
#acces  li {
list-style-image: url("../images/puce_maison_detail.png");
padding-left: 0;
padding-bottom: 0.2em;
}

/* ---- LIENS  ----------------------------------------------*/
#liens  h2,
#liens  h3,
#liens  h4,
#liens  h5 {
color: #2183B3;
}
#liens .bloc_asso span {
letter-spacing: 0;
font-weight: normal;
}
.bloc_asso {
margin: 2em 60px 0 22px;
}
.bloc_asso p {
margin-left: 20px;
margin-right: 20px;
}
.bloc_asso a,
.bloc_asso a:hover {
text-decoration: none;
}
#liens  h4 {
border-top: 8px solid #D4E7F0;
padding-top: 0.5em;
background: url("../images/puce_maison_detail.png") no-repeat left 10px;
letter-spacing: 0.1em;
padding-left: 16px;
}
.lang_en #liens h4 {
border-top: none;
margin-left: 35px;
}
#education h4 {
border-top: none;
}
#textes #liens ul {
list-style-image: url("../images/puce_bleue_claire.png");
padding-left: 60px;
padding-bottom: 1em;
}
#liens .acces_o_site,
#culturel .acces_o_site  {
text-align: right;
}
.acces_o_site  {
padding-right: 2em;
margin-bottom: 2em;
}
.acces_o_site  a {
text-decoration: none;
padding-left: 16px;
background: url("../images/puce_maison_detail.png") no-repeat left 5px;
}
/* ---- MENTIONS  ------------------------------------------*/
#mentions h2,
#mentions h3 {
color: #2183B3;
}
#mentions blockquote {
padding-left: 20px;
line-height: 140%;
}

/* ---- ENCADRES, LOGOS & IMAGES ----------------------------------------------*/
.encadre {
text-align: center;
padding: 10px;
background-color: #FCF3CF;
border: 1px solid #888888;
}
.encadre img {
border: 1px solid #888888;
}
.encadre p {
margin: 30px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.encadre ul {
margin: 0;
padding:0;
}
#dossier .encadre {
background-color: #ffffff;
}
.illustration {
margin: 0 25px 0 45px;
float: left;
}
#logos_partenaires {
padding-right: 50px;
padding-bottom: 1em;
float: right;
}
#logos_partenaires img {
display: block;
padding-left: 1em;
padding-bottom : 1em;
}
.lettre {
border: 1px solid #888888;
background-color: #fafafa;
border-radius: 0.8em;
font-style: italic;
margin: 2em 40px;
padding: 2em 4em;
}
.titre_lettre {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
text-align: center;
color: #666666;
margin-bottom: 1.5em;
font-style: normal;
}
.sous_titre {
font-family: georgia, Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
font-size: x-small;
text-align: left;
margin-bottom: 2em;
font-style: normal;
}
.lettre em {
font-style: normal;
}
.liens_lettre {
margin-top: 3em;
text-align: right;
}
.liens_lettre a {
padding-left: 16px;
text-decoration: none;
font-style: normal;
font-size: 90%;
background: url("../images/puce_maison_detail.png") no-repeat left 4px;
}
.legende {
font-size: 90%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:  0.5em 1em;
}
.credit {
font-size: 90%;
margin:  0.5em 1em;
border-top: 1px solid #dcdcdc;
padding-top: 1em;
}
#kantipur_college {
clear: both;
margin-top: 2em;
}
.element_centre {
margin: 2em auto;
max-width: 458px;
}
.element_gauche {
max-width: 308px;
float: left;
margin-left: 25px;
margin-right: 1.8em;
}
.element_droite {
max-width: 308px;
float: right;
margin-left: 1.8em;
margin-right: 0.5em;
}
.petite_horizontale {
width: 25%;
}
.petite_verticale {
width: 25%;
}
#goupe_de_cliches {
text-align: right;
}
#goupe_de_cliches img {
margin: 0 16px;
}
.ancre {
float: right;
margin-top: 10px;
margin-right: 10px;
}
/*--------------------------------*/
.lettre.lettre_intergrale_fr,
.lettre.lettre_intergrale_en {
display: none;
}
.lettre.lettre_apercu {
float: left;
max-width: 200px;
font-size: 80%;
margin: 0 1.8em 1.8em 35px;
padding: 12px;
}
.lettre.lettre_apercu p {
margin: 0;
padding: 0;
}
.sect1  h4 {
border-top: solid 10px #F1C315;
padding-top: 0.3em;
}
.sect2 {
padding-left: 16px;
}
.sect3 {
padding-left: 16px;
}
#en {
float: right;
position: relative;
top: 5px;
right: 24px;
padding: 0;
margin: 0;
z-index: 120;
list-style-type: none;
}
.notes {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
margin-top: 4em;
border-top: 1px solid #cdcdcd;
margin-left: 24px;
padding-left: 5px;
padding-top: 0.5em;
}
.appel_def {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
cursor: help;
text-decoration: underline;
}

.def {
display: none;
position: absolute;
text-decoration: none;
line-height: 140%;
font-size: 90%;
}
.def span {
font-size: x-small;
}
.appel_def:hover .def {
display: block;
border: 1px solid black;
background-color: #ffffff;
padding: 0.3em 0.6em;;
}
.clr {
clear: both;
}
.fonction {
letter-spacing: -0.9px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ---- couleur ----------------------------------------------*/

#textes .vert {
color: #1A8738;
}
#textes .bleu {
color: #2183B3;
}
#textes .rouge {
color: #DC1A23;
}
#textes .jaune {
color: #F1C315;
}
#textes .noir {
color: #000000;
}