@import url("_common_predefinedclasses.css");
@import url("_common_ficheblock.css");

@font-face {
 font-family: "Graublau Sans Web";
  src: url(../fonts/GraublauWeb.otf) format("opentype");
}
body {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 0.8em;
margin-top: 0;
padding-top: 0;
height:100%;


}
/*CENTREDOC*/
#centre_doc {
position: absolute;
letter-spacing:1px;
top: 45px;
left: 725px;
font-size: 16px;
color: #CD5C5C;
font-weight: normal;
background: url(../images/skin/logo_centreDoc.png) no-repeat left center;
padding-left:37px;
height:39px;
width:100px;}
#centre_doc_cd {
position: absolute;
letter-spacing:1px;
top: 45px;
left: 400px;
color: #CD5C5C;
font-size: 16px;
font-weight: normal;
background: url(../images/skin/logo_centreDoc.png) no-repeat left center;
padding-left:37px;
height:39px;
width:100px;}





#bulletin {font-size:90%;width:149px;position:absolute;top:150px;right:0;text-align:center;background:url(../images/skin/bulletin.png) no-repeat left center;height:30px;line-height:30px;}
#avertissement {font-size:10px;width:135px;position:absolute;top:190px;right:0;padding:3px;text-align:right;font-style:italic;}

.intitule {
font-style: italic;
}



h4 a{font-weight:bold;font-size:100%;color:#3f3f3f;}
/*===== Global =====================*/

#NIV0_GLOBAL {
margin: auto;
width: 980px;
position: relative;

}

a, a:visited {
text-decoration: none;
color: #658d35;
}

a:hover {
text-decoration: underline;
}




h1 {font-family: "Graublau Sans Web",arial,sans-serif;font-size:1.9em;margin-top: 20px;margin-bottom:10px;
}
h2 {font-family: "Graublau Sans Web",arial,sans-serif;font-size:1.9em;margin-top: 20px;margin-bottom:10px;}

h3 {
font-family: "Graublau Sans Web",arial,sans-serif;
margin-bottom: 10px;
margin-top: 20px;
font-size:1.5em;
color: #326A66 !important;}
p {
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.5em;
font-size: 1.0em;
}

p.TitreListe {
text-align: left;
margin-left: 30px;
color: #326A66;
font-weight: bold;
font-size: 1.1em;
margin-top: 25px;
}

.invisible {display:none;}
/*===== Logo =====================*/
#NIV1_LOGO {
position: absolute;
top: 10px;
left: 20px;
z-index: 100;
}

#NIV1_LOGO_CD {
position: absolute;
top: 40px;
left: 75px;
z-index: 100;
}

#NIV1_LOGO img {
border: 0;
}


/*===== Entete =====================*/




#NIV1_ENTETE {
position: relative;
width: 980px;
}


#ENTETE_VAGUE {
position: relative;
height: 104px;
background:#ffffff url(../images/skin/fond-entete-vague.png) no-repeat right top;
width: 980px;
}

#ENTETE_TITRE {
position: absolute;
top: 45px;
left: 160px;
font-size: 28px;
letter-spacing:-1px;
color: #3a8b8c;
font-weight: normal;
}

#ENTETE_TITRE_CD {
position: absolute;
top: 45px;
left: 160px;
font-size: 20px;
width:200px;
letter-spacing:-1px;
color: #3a8b8c;
font-weight: normal;
}

#ENTETE_LANGUES {
position: absolute;
top: 90px;
right: 35px;
font-size:80%;
}

#ENTETE_RUBRIQUES {
position: relative;
background: #3b8b8c url(../images/skin/fond-entete-rubriques.png) no-repeat right top;
height: 26px;
width: 980px;
}

#ENTETE_BANDES {
height: 27px;
width: 980px;
/*position:relative;
top:-20px;*/
background: #fff url(../images/skin/friseColorH.gif) repeat-x top left;
z-index: 1;
}

/** Rubriques ====================================================**/

#Nav {
padding: 0;
margin: 0;
margin-left: 150px;
list-style: none;
}

#Nav a, #Nav a:visited, #Nav a:hover, #Nav a:active {
color: white;
background:#3a8b8c;
padding-top: 4px;
font-size: 14px;
text-decoration: none;
float: left;
display: block;
}

#Nav li {
float:left;
list-style: none;
}

li.hovergauche, li.hoverdroit {
height: 29px;
width: 10px;
}

li.hovergauche {
background: url(../images/skin/hover_gauche_menu2.gif) no-repeat;
}

li.hoverdroit {
background: url(../images/skin/hover_droit_menu2.gif) no-repeat;
}


li.niveau1 {
height: 26px;
margin-right: 10px;
}

ul.Menu {
position:absolute;
top:26px;
padding: 0;
margin: 0;
display: none;
z-index:20;
list-style: none;
left: 0;
}

li.niveau2 {
margin-right: 0px !important;
background-color:#3a8b8c;
z-index: 200;
height: 29px;
float:left;
}

li.niveau2 a{margin-top:2px;
font-size:80% !important;padding-left:2px;padding-right:4px;border-right:1px solid white;z-index: 300;}

ul.ItemPresentation {
margin-left: 135px;
}

ul.ItemPartenaires {
margin-left: 200px;
}

ul.ItemAgendas {
margin-left: 300px;
}

ul.ItemMapping {
margin-left: 400px;
}

ul.ItemDossiers {
margin-left: 520px;
}

ul.ItemPanel {
margin-left: 700px;
}

ul.ItemCdTheme {
margin-left: 115px;
font-size:85%
}

ul.ItemCdRecherche {
margin-left: 350px;
}


.logo_rubrique {margin-top:15px;}
.hautgauche, .hautdroit /* Propriétés communes aux quatre coins de notre arrondi */
{
height: 29px;
width: 10px;float:left;
}

.hautgauche
{
background: url(../images/skin/bord_gauche_menu2.gif) no-repeat;
}
.hautdroit
{
background: url(../images/skin/bord_droit_menu2.gif) no-repeat;

}






/*===== CORPS =====================*/

#NIV1_CORPS {

position:relative;
height:100%;
}

#BOITE1_RECHERCHE {
position: absolute;
top: 10px;
right: 10px;
width: 120px;
}
#BOITE1_RECHERCHE p{
text-align:left;margin-top:3px;margin-bottom:0;padding:0;}
#BOITE1_OURS {
position: absolute;
bottom: 30px;
right: 10px;
width: 120px;
font-size: 90%;
}

#BOITE1_OURS ul {
margin: 0;
padding: 0;
list-style: none;
}

#CORPS_BOITE1 {
background: #d8ddc7;
position: relative;
}



#BOITE1_OURS ul {
margin: 0;
padding: 0;
list-style: none;
}

/*===== Boite 2 =====*/
#CORPS_BOITE2 {
margin-right: 150px;
background:#DAA520;
}
#CORPS_BOITE2_CD {
margin-right: 140px;
background:#CD5C5C;
}
#BOITE2_ACCROCHE_CD {
background:#CD5C5C;
float:right;
width:205px;
/*padding-left:10px;*/
padding-right:15px;
padding-top:10px;
color:white;
font-size:0.85em
}

#BOITE2_ACCROCHE_CD p {
text-align: left;
}
#BOITE2_ACCROCHE_CD h2 {
font-size:2.3em;
}
#BOITE2_ACCROCHE {
background:#DAA520;
float:right;
width:170px;
padding-top:10px;
color:white;
font-size:0.85em;
}

#BOITE3_TEXTE_CD {
margin-left:50px;
margin-right:80px;
padding-bottom:50px;
color:#4E4E50;

}

.Liste_Liens {margin-top:50px;}
.liste-articles_liens {font-size:0.8em;}
/*===== Boite 3 =====*/
#CORPS_BOITE3 {
background:#ffffff url(../images/skin/fdB.gif) no-repeat left top;
width:660px;

}

#CORPS_BOITE3_CD {
background:#ffffff url(../images/skin/fdB.gif) no-repeat left top;
width:560px;
padding-left:50px;
position:relative;
}

#BOITE3_PICTO_CD {
display: block;
position: absolute;
left: 45px;
top: 20px;
}

#CORPS_BOITE3_CD h1 {
padding-top: 10px;
}

#BOITE3_TEXTE {
margin-left: 205px;
margin-right: 20px;
color:#4E4E50;
}

#BOITE3_TEXTE a {
color:#618E30
}


#BOITE3_TEXTE_Rub {
margin-left: 245px;
margin-right: 60px;
margin-top:20px;
color:#4E4E50

}

.Squelette_Document {
margin-left: 195px!important;
}

.actualites {width:100px;padding-left:10px;font-size:120%}




#voiraussi2 a.on {font-weight:bold}
#BOITE3_MENU {
width: 180px;
float: left;
margin-top: 99px;
}

#BOITE3_MENU ul {
padding: 0;
margin: 0;
list-style: none;

border-bottom: #3a8b8c solid 2px;
}

#BOITE3_MENU ul li ul {
border-bottom: none;
}

#BOITE3_MENU li {
border-top: #3a8b8c solid 2px;
}

#BOITE3_MENU li div {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4px;
color: #3a8b8c;
}

#BOITE3_MENU ul li ul li {
margin-left: 20px;
font-size: 90%;
border-top: #3a8b8c solid 1px;
}

#BOITE3_MENU a {
display: block;
padding:3px;
}

#BOITE3_MENU a, #BOITE3_MENU a:visited {
color: #3a8b8c;
}

#BOITE3_MENU div.on, #BOITE3_MENU div:hover,#BOITE3_MENU li.on,#BOITE3_MENU .on a,#BOITE3_MENU a.on , #BOITE3_MENU div:hover a,#BOITE3_MENU a:hover {
background: #a3b897;
color: white;
text-decoration: none;
}

#BOITE3_FIN {
margin: 0;
height: 5px;
clear: both;
}

.spip_logos {float:left;margin-right:5px;}
.rubriques .spip_logos {float:right;margin:0;padding:4px;}
.publi {margin-top:20px;}
.publications {height:14px;line-height:14px;background:url(../images/skin/picto_essays.gif)no-repeat left center;display:block;float:right;color:#ffffff !important;margin-bottom:50px;padding-left:20px;}
.publi .spip_logos {float:none;margin:0px;}
#BOITE3_TEXTE_Rub .spip_logos {float:right;/*border:1px solid #3f3f3f;*/}
.rubriques ul{margin:0;padding:0;list-style-type:none;}
.rubriques li{margin:0;margin-top:10px;}
.titre-liste {color:#3a8b8c;font-weight:bold;}
.titre {font-weight:bold;font-size:110%;display:block;}
.soustitre {font-weight:normal;display:block;}
.liste-articles ul{margin:0;padding:0;list-style-type:none;}
.liste-articles li{margin-top:10px;padding:0;list-style-type:none;}


/*==== Hierarchie ===============*/
#hierarchie {position:relative;font-size:80%;left:190px;width:400px;color:#9A9B9B;padding-top:15px;}
#hierarchie a{color:#616266;font-weight:bold;padding-top:15px;}

/*===== Pied =====================*/

#NIV1_PIED {
width: 980px;
height: 27px;
background: #fff url(../images/skin/fond-pied.png) repeat-x top left;
position:relative;
clear:both;
}





/*========= Classes diverses ==========*/
/*p.soustitre {
font-style: italic;
}

p.infobiblio {
color: #3a8b8c;
}*/

/*======== Boite de recherch e ==========*/
#RECHERCHE_INTITULE {
display: block;
color: #3a8b8c;
font-size: 90%;
}

#RECHERCHE_INPUT {
display: block;
width: 120px;
border-width: 1px;
border-style: solid;
border-color: #3a8b8c;
}

#RECHERCHE_SUBMIT {
display: block;
float: right;
margin-top: 0px;
}

/*news pour article*/
.newsticker {
height:70px;
}

.actualites {width:100px;font-size:120%}

.TXT {line-height: 1.5em;}
p.accrocheTitreTypedoc {
background: #799f54;padding: 5px;

}
.nettoyeur {clear:both}

#PUBLICATIONS {margin-top:15px !important;}


/*==== Accroche =======*/
p.accrocheTitreDossiers, p.accrocheTitreTypedoc, p.accrocheTitreTraduction, p.accrocheTitreMotscles, p.accrocheTitrePays {
padding: 5px;
}

p.accrocheTitreDossiers {
background: #89b095;
}

p.accrocheTitreTypedoc {
background: #799f54;
}

p.accrocheTitreTraduction {
background: #799f54;
}

p.accrocheTitreMotscles {
background:  #b27f60;
}

p.accrocheTitrePays {
background: #799f54;
}

#BOITE2_ACCROCHE_CD p {
background: none;
font-weight: bold;
}

#BOITE2_ACCROCHE_CD li {
margin-bottom: 5px;
}

#BOITE2_ACCROCHE a, #BOITE2_ACCROCHE_CD a {color:#ffffff;font-size:0.9em;}
#BOITE2_ACCROCHE a:hover, #BOITE2_ACCROCHE_CD a:hover {text-decoration:underline;}
#BOITE2_ACCROCHE ul, #BOITE2_ACCROCHE ul {margin:0;padding:0 5px 0 20px;}
#BOITE2_ACCROCHE ul li, #BOITE2_ACCROCHE ul li{margin:0;padding:0;}

.menu {margin-top:45px;}

a.triangle {font-size:1.1em;color:#A91B0D;display:block;padding:0 0 0 16px;background-position:left center;background-repeat:no-repeat;}
a.triangle:hover {text-decoration:none;}
.blocreplie{display:none;}
.blocdeplie{display:block;}

#ACCUEIL_CD p{margin-bottom:5px;}

#ACCUEIL_CD p img{border:0px;}
.chapo {margin-bottom:20px;font-size:105%}

.thickbox img {margin:0 !important;padding:0 !important;}
.fleche {display:block;text-align:right;width:100%;opacity:0.9;}
.fleche img{border:0;}
.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(../images/skin/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/skin/shadow.gif) no-repeat bottom right;
margin-right:10px;
margin-top:10px;
  }
.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px !important;
padding: 4px;
  }

#pTXT p, p.TXT {
font-size: 1.1em;
/*text-align: left;*/
}


#BOITE2_ACCROCHE ul.groupeMotscles {
margin-bottom: 10px;
}

div.groupeMotscles {
margin-bottom: 40px;
}

div.divBio {
margin-top: 30px;
margin-bottom: 30px;
}

#cse-search-results iframe {
width: 600px!important;
position: relative;
left: -150px;
}