/* --------------------------------------------------------- */
/* Feuille de style des squelettes du RSMVauban  */
/* --------------------------------------------------------- */

/* ------------------------------------------
/* Typographie generale (style commun)
/* ------------------------------------------ */
html { font-size: 100%; }
/*@font-face {font-family: Helvetica;src: url('polices/RotisSerifStd-Regular.otf');}*/

body { font-size: 11px; font-family: Helvetica, Arial, sans-serif; color: #000; }

/* ------------------------------------------
background : transparent url('../fonctions/img_aleatoire.php');
background : transparent url('../fonctions/img_aleatoire_cr.php');
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #731624 url(../images/00_background.png);background-repeat:no-repeat;background-position:top center;margin: 0; padding: 0; text-align: center; }

body.extranet {background: #33A5CE url(../images/00_background_ext.png);background-repeat:no-repeat;background-position:top center;margin: 0; padding: 0; text-align: center; }

body.cr {background: #198379 url(../images/00_background_cr.png);background-repeat:no-repeat;background-position:top center;margin: 0; padding: 0; text-align: center; }

#site { position: relative; width:920px; margin: 0 auto; text-align: left;border:0px solid black; }

#entete {float:left;clear:both;width:920px; height:132px; margin: 0; }
#entete div.bandeau_image {float:left;clear:both;width:920px; height:110px;}
#entete div.bandeau_image_cr {float:left;clear:both;width:920px; height:110px;}
#entete div.moteur_langues {float:left;clear:both;width:920px; height:22px;background:#FFFFFF;}
#entete div.moteur_langues div.moteur{float:right;width:250px;height:19px; margin-top:2px;margin-right:30px;}
#entete div.moteur_langues div.langues{float:right;width:60px;height:19px; margin-top:3px;}
#entete #formulaire_recherche input {display:none;}
#entete #formulaire_recherche input.moteur_recherche{display:block;float:left;width:215px;height:15px;border:1px solid #D5B9BD;padding:0px;margin:0px;color:#5F101A;}
#entete #formulaire_recherche input.envoi_recherche{display:block;float:left;width:23px;height:15px;margin-left:3px;background:transparent url(../images/boutons/30_ok_recherche.png) no-repeat scroll left top;cursor:pointer;border:0px solid black;}
#entete div.moteur_langues div.langues #fr {float:left;width:24px;height:15px;display:block;background:transparent url(../images/21_lang_FR.png) no-repeat;margin-left:5px}
#entete div.moteur_langues div.langues #en {float:right;width:24px;height:15px;display:block;background:transparent url(../images/20_lang_ENG.png) no-repeat;margin-left:5px}


#menu_h_accueil {float:left;clear:both;width:854px; height:30px;background: white url(../images/02_fond_menu_h.png) repeat-x left top;padding-left:66px;font-size: 13px;}
#menu_h {float:left;clear:both;width:916px; height:55px;background: white url(../images/02_fond_menu_h.png) repeat-x left top;padding-left:4px;font-size: 13px;}
#menu_h_cr {float:left;clear:both;width:915px; height:55px;background: #FFFFFF url(../images/02_fond_menu_h.png) repeat-x left top;padding-left:5px;font-size: 13px;border:0px solid black;}
#menu_h_cr_accueil {float:left;clear:both;width:915px; height:30px;background: #FFFFFF url(../images/02_fond_menu_h.png) repeat-x left top;padding-left:5px;font-size: 13px;border:0px solid black;}
#menu_h_ext {float:left;clear:both;width:915px; height:55px;background: #FFFFFF url(../images/02_fond_menu_h.png) repeat-x left top;padding-left:5px;font-size: 13px;border:0px solid black;}
#menu_h_ext_accueil {float:left;clear:both;width:915px; height:30px;background: #FFFFFF url(../images/02_fond_menu_h.png) repeat-x left top;padding-left:5px;font-size: 13px;border:0px solid black;}

/*CR et Extranet : nom d'utilisateur et déconnexion*/
#entete div.zone_identifi {float:left;clear:both;width:920px; height:22px;background:#FFFFFF;}
#entete div.zone_identifi div.nom_visiteur{float:right;width:300px;height:19px; margin-top:2px;margin-right:5px;text-align:right}
/*Les styles du menu horizontal se trouve dans menu_deroulant.css*/


/*A GAUCHE MENU_V par défaut (sauf : Carte des sites, sites majeurs, Actualités */
#menu_v {clear: both; float: left;margin-left:5px;margin-top:20px}
#menu_v   #h_menu_v {clear: both; float: left;width:170px;height:6px;background:white url(../images/09_h_encart_accueil.png) left top no-repeat;}
#menu_v   #centre_menu_v {clear: both; float: left;width:170px;background:transparent url(../images/07_centre_encart_accueil.png) left top repeat-y;}
              #centre_menu_v .separateur {clear: both; float: left;height:10px;width:170px;}
              #centre_menu_v .titre_defaut {clear: both; float: left;margin-left:5px;font-weight:bold;padding-top:5px;padding-bottom:5px;width:155px;}
              #centre_menu_v .titre_defaut a {color:#5F101A;text-decoration:none;font-size:13px}
              #centre_menu_v .titre_defaut a.on, #centre_menu_v .titre_defaut a:hover.on{color:#B6253C;text-decoration:none;}
              #centre_menu_v .titre_defaut a:hover {color:#5F101A;text-decoration:underline;}

#menu_v   #b_menu_v {clear: both; float: left;width:170px;height:6px;background:transparent url(../images/08_b_encart_accueil.png) left top no-repeat;}

/*ACCUEIL GP*/
#corps_accueil { clear: both; float: left;width:920px;background: white;min-height:420px;}
#gauche_accueil {clear: both; float: left;width:180px;margin-top:10px;}
#centre_accueil {float: left;width:560px;margin-top:10px;min-height:405px;}
#droite_accueil {float: left;width:180px;margin-top:10px;}

/*ACCUEIL Extranet*/
#gauche_accueil_ext {clear: both; float: left;width:180px;margin-top:10px;}
#centre_accueil_ext {float: left;width:560px;margin-top:10px;min-height:395px;}
#droite_accueil_ext {float: left;width:180px;margin-top:10px;}

/*ACCUEIL Centre de Ressources*/
#gauche_accueil_cr {clear: both; float: left;width:180px;margin-top:20px;}
#centre_accueil_cr {float: left;width:560px;margin-top:10px;min-height:455px;}
#droite_accueil_cr {float: left;width:180px;margin-top:10px;}

/*Autres pages*/
#corps { clear: both; float: left;width:920px;background: white;min-height:395px;}
#gauche {clear: both; float: left;width:180px;}
#centre {float: left;width:740px;min-height:390px;}

/*A GAUCHE TOUTES LES PAGES*/
#logos {clear:both;float:left;width:180px;height:60px;margin-top:-60px;/margin-top:-40px;}
#logo_rsmv {float:left;margin-left:5px;margin-top:5px;border:no}
#logo_unesco {float:left;border:no}
/*Logos extranet*/
#logos_ext {clear:both;float:left;width:180px;height:60px;margin-top:-10px;/margin-top:-10px;}

#bas_corps {clear: both; float: left;width:920px;height:6px;}
#bas_corps .angle_gauche {float: left;width:6px;height:6px;background: white url(../images/000_angle_gauche_corps.png) no-repeat left bottom;}
#bas_corps .angle_droite {float: right;width:6px;height:6px;background: white url(../images/001_angle_droite_corps.png) no-repeat right bottom;}
#bas_corps .angle_gauche_ext {float: left;width:6px;height:6px;background: white url(../images/000_angle_gauche_corps_ext.png) no-repeat left bottom;}
#bas_corps .angle_droite_ext {float: right;width:6px;height:6px;background: white url(../images/001_angle_droite_corps_ext.png) no-repeat right bottom;}
#bas_corps .angle_gauche_cr {float: left;width:6px;height:6px;background: white url(../images/000_angle_gauche_corps_cr.png) no-repeat left bottom;}
#bas_corps .angle_droite_cr {float: right;width:6px;height:6px;background: white url(../images/001_angle_droite_corps_cr.png) no-repeat right bottom;}
#footer { float:left; clear: both; width: 920px; margin: 0; text-align: center; font-size:13px; color:white; }
#footer a {color:white;text-decoration:none;}
#footer_ext, #footer_cr { float:left; clear: both; width: 920px; margin: 0; text-align: center; font-size:13px; color:white; }
#footer_ext a, #footer_cr a {color:white;text-decoration:none;}


/*A droite sur l'accueil et dans le footer l'encart de la lettre d'info*/
.encart_lettre {clear: both; float: left;margin-left:5px;margin-top:20px;height:160px}
.encart_lettre  .h_lettre_accueil {clear: both; float: left;width:170px;height:35px;background:transparent url(../images/06_h_encart_accueil.png) left top no-repeat;}
.encart_lettre  .h_lettre_accueil .titre {clear:both;float:left;margin-top:13px;margin-left:14px}
.encart_lettre  .centre_lettre_accueil {clear: both; float: left;width:170px;background:transparent url(../images/07_centre_encart_accueil.png) left top repeat-y;}
                .centre_lettre_accueil  .inscription_newsletter {clear: both; float: left;width:155px;margin-left:7px;margin-top:10px;text-align:justify;}
                                        .inscription_newsletter .reponse_inscription{clear: both; float: left;color:#FF0000;width:155px;margin-bottom:5px;text-align:justify;}
                                        .inscription_newsletter input.inscription_nom {border:1px solid #D5B9BD;width:153px;color:#9F7076;height:15px;}
                                        .inscription_newsletter input.inscription_mail {border:1px solid #D5B9BD;width:153px;color:#9F7076;height:15px;margin-top:8px}
                .centre_lettre_accueil  .acces_consultation_lettre {clear: both; float: left;width:155px;height:19px;margin-left:7px;margin-top:7px;margin-bottom:4px;text-align:center;}
.encart_lettre  .b_lettre_accueil {clear: both; float: left;width:170px;height:6px;background:transparent url(../images/08_b_encart_accueil.png) left top no-repeat;}

/*Encart Lettre d'info apparaissant en fenetre volante*/
div.ui-titlebar {float: left;width:200px;height:15px;background: transparent url(../images/09_h_encart_lettre_fen.png) left top no-repeat;}
div.ui-content {float: left;clear:both;width:200px;height:165px;background:white;}
div.ui-footer {float: left;clear:both;width:200px;height:15px;background: transparent url(../images/09_b_encart_lettre_fen.png) left top no-repeat;}
.encart_lettre_fen {clear: both; float: left;margin-left:15px;height:160px}
.encart_lettre_fen  .h_lettre_accueil {clear: both; float: left;width:170px;height:35px;background:transparent url(../images/06_h_encart_accueil.png) left top no-repeat;}
.encart_lettre_fen  .h_lettre_accueil .titre {clear:both;float:left;margin-top:3px;margin-left:5px}
.encart_lettre_fen  .centre_lettre_accueil {clear: both; float: left;width:170px;background:transparent url(../images/07_centre_encart_accueil.png) left top repeat-y;}
.encart_lettre_fen   .centre_lettre_accueil  .inscription_newsletter {clear: both; float: left;width:155px;margin-left:7px;margin-top:10px;text-align:justify;}
.encart_lettre_fen   .centre_lettre_accueil  .inscription_newsletter .reponse_inscription{clear: both; float: left;color:#FF0000;width:155px;margin-bottom:5px;text-align:justify;}
.encart_lettre_fen   .centre_lettre_accueil  .inscription_newsletter input.inscription_nom {border:1px solid #D5B9BD;width:153px;color:#9F7076;height:15px;}
.encart_lettre_fen   .centre_lettre_accueil  .inscription_newsletter input.inscription_mail {border:1px solid #D5B9BD;width:153px;color:#9F7076;height:15px;margin-top:8px}
.encart_lettre_fen   .centre_lettre_accueil .acces_consultation_lettre {clear: both; float: left;width:155px;height:19px;margin-left:7px;margin-top:7px;margin-bottom:4px;text-align:center;}
.encart_lettre_fen  .b_lettre_accueil {clear: both; float: left;width:170px;height:6px;background:transparent url(../images/08_b_encart_accueil.png) left top no-repeat;}


/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*Chargement boîte Ext - CR - Loading*/
#loading_ext, #loading_cr {float:left;clear:both;background:white;width:270px;padding-top:15px;text-align:center}
#loading_ext h3, #loading_cr h3{color:#731624; font-size:12px;}

/* ------------------------------------------
/* Liens hypertextes
/* ------------------------------------------ */
#corps a, #corps_accueil a {color:#731624;text-decoration:none;}
#corps a:hover{ color:#B6253C;text-decoration:underline;}
a.spip_mail {background-image:none;}

#entete a.spip_out{ color:#731624;text-decoration:none;}
#entete a.spip_out:hover{ color:#B6253C;text-decoration:underline;}

/*Enleve le jaune sur l'élément rechercher*/
#site .spip_surligne{background:none;}

#fil_navigation a, #fil_navigation_cr a, #fil_navigation_ext a {color:black;text-decoration:underline;}
#fil_navigation_cr a:hover, #fil_navigation_cr a:hover, #fil_navigation_ext a:hover {color:#B6253C;}
/*Lien de retour à une page*/
#corps_accueil div.retour_haut_page a, #corps div.retour_haut_page a {text-decoration:underline;}

/*Lien de l'impression des pages*/
#corps_accueil div.impression_page a, #corps div.impression_page a {text-decoration:underline;}

/* ------------------------------------------
/* Structure des pages de contenus
/* ------------------------------------------ */

/*AU CENTRE*/
#fil_navigation {clear: both; float: left;width:500px;height:20px;margin-left:10px;margin-right:10px;text-align:left;}
#fil_navigation_cr {clear: both; float: left;width:600px;height:20px;margin-left:10px;margin-right:10px;text-align:left;}
#fil_navigation div.accueil, #fil_navigation_cr div.accueil{float:left;}
#fil_navigation div.parent, #fil_navigation_cr div.parent{float:left;margin-left:3px}
#fil_navigation div.precedent, #fil_navigation_cr div.precedent{float:left;margin-left:3px}
#fil_navigation div.active, #fil_navigation_cr div.active{float:left;margin-left:3px;}

#centre p {clear:both;margin:0;padding:0;margin-bottom:20px}

.titre_page{clear: both; float: left;text-align:justify;font-weight:bold;color:#731624;font-size:14px;border:0px solid black}
.titre_page div.titre {float:left;}

.texte_page{clear: both; float: left;margin-top:20px;text-align:justify;line-height:16px;}
.texte_page h3 {clear:both;float:left;}
.texte_page h3.spip {font-size:12px;font-weight:bold;margin:0px;margin-bottom:5px;text-align:left;}
.texte_page hr {clear:both;}
.texte_page img.puce {margin-left:5px;}
.texte_page ul {clear:both;margin-top:0px;}

/*Bloc de citation par défaut*/
blockquote.spip {border-left:1px solid #731624;background:#F4E7D7;margin:0px;padding:0px;padding-left:10px;padding-right:10px;margin-bottom:20px;padding-bottom:5px;padding-top:5px;color:#333333;text-align:justify;}
blockquote.spip p {margin-bottom:5px;}
blockquote.spip strong {color:#731624}
#centre #contenu_page blockquote.spip p {clear:none;}

/*Gestion des images par défaut*/
.texte_page span img{background-color: #ffffff;border:1px solid #E1CED0;}
.spip_documents_left { margin-right: 12px;margin-bottom:10px}
.spip_documents_left img{ padding: 2px; }
.spip_documents_right { margin-left: 12px;margin-bottom:10px}
.spip_documents_right img { padding: 2px;}
.spip_documents_center {margin-bottom:10px}
.spip_documents_center img { padding: 2px;}

/*Icone d'impression en haut de page*/
.impression_page{float:right;margin-top:2px;height:16px;text-align:right;background:transparent url(../images/23_impression.png) left top no-repeat;padding-left:18px;font-size:9px;}
#corps .impression_page a:hover {color:#731624;}
/*Icone de création de PDF en haut de page*/
.pdf_page{float:right;margin-top:2px;height:16px;text-align:right;background:transparent url(../images/pictos/picto_pdf.png) left 1px no-repeat;padding-left:25px;font-size:9px;}


/*Icone de retour en haut de page*/
#retour_haut {clear: both; float: left;margin-top:20px;border:0px solid black}
#retour_haut .retour_haut_page{clear: both; float: right;height:16px;text-align:right;background:transparent url(../images/22_fleche_haut.png) left 2px no-repeat;padding-left:10px;font-size:9px}
#retour_haut a:hover {color:#731624;}

/*Ligne horizontal*/
hr.spip {border:0;margin:0;margin-bottom:10px;width:100%;height:1px;background:transparent url(../images/25_px_rose.png) left top repeat-x;}

/*Masque pour l'affichage des surfenetre*/
 div.window_mask{position:fixed;/position:absolute;top:0;left:0;background:#000000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:.60;-khtml-opacity:0.6;}

/*Champ obligatoires*/
  fieldset.fiel div.container_element .obligatoire, fieldset.fiel_fenetre div.container_element .obligatoire {background:#EDEDED;}


/*Fenetre volante style défaut*/
div.ui-dialog-container {}
div.ui-dialog-container a{color:#731624;text-decoration:none;}
div.ui-dialog-container a:hover{ color:#B6253C;text-decoration:underline;}

div.ui-dialog{background-color:none}

div.ui-dialog-titlebar {float: left;width:270px;height:15px;background: transparent url(../images/09_h_encart_connexion.png) left top no-repeat;}
a.ui-dialog-titlebar-close {display: block;float:right;width:10px;height:10px;background: transparent url(../images/pictos/close.png) left top no-repeat;margin-right:4px;margin-top:4px;}
a.ui-dialog-titlebar-close:hover {background-position: left -10px;}
div.ui-dialog-content {float: left;clear:both;}
div.ui-dialog-footer {float: left;clear:both;width:270px;height:15px;background: transparent url(../images/09_b_encart_connexion.png) left top no-repeat;}

/*Fenetre volante accès à l'Extranet*/


div.formulaire_extranet{clear: both; text-align:center;width:270px; background:white url(../../squelettes/images/centre_connexion_extranet.png) 15px top repeat-y;}
#haut_extranet {clear: both; float: left;width:270px;height:35px;background:white url(../../squelettes/images/h_connexion_extranet.png) 15px top no-repeat;}
#haut_extranet .titre_extranet{ float:left; width:70px;margin-top:10px;margin-left:100px;}
div.formulaire_extranet fieldset legend {display:none;} /*For IE7*/
div.formulaire_extranet #form_email, #form_pass{float:left;clear:both;width:230px;margin:5px;margin-left:10px;}
div.formulaire_extranet .label{ float:left; clear:both;margin-left: 15px; margin-right: 5px; margin-top:2px; color:#9F7076; font-weight:bold; }
div.formulaire_extranet input{border:1px solid #D5B9BD;color:#9F7076;height:15px;float:left;}
#lesboutons_ext{clear:both;float:left;width:240px;margin-left:10px;margin-top:5px;text-align:center;}
#lesboutons_ext .valide {float:left;clear:both;height:19px;width:70px;margin-left:85px}
#lesboutons_ext .valide input.submit{border:0 none;cursor:pointer;color:#9F7076;height:19px;float:none; }
#lesboutons_ext .oubli{ float: left; clear: both;width:110px;padding-left:10px;margin-top:10px;text-align:left}
#lesboutons_ext .modifier_mdp{ float: left;width:110px;margin-top:10px;text-align:right}
#bas_extranet {clear: both; float: left; width:270px; height:6px;background:white url(../../squelettes/images/b_connexion_extranet.png) 15px top no-repeat;}

/*Fenetre volante accès au CR*/

div.formulaire_cr{clear: both; text-align:center; width:270px; background:white url(../../squelettes/images/centre_connexion_extranet.png) 15px top repeat-y;}
#haut_acces_cr {clear: both; float: left;width:270px;height:6px; background:white url(../../squelettes/images/h_connexion_cr.png) 15px top no-repeat;}
/*#haut_acces_cr .titre_acces_cr{ float:left; width:160px;margin-top:10px;margin-left:55px;} */
div.formulaire_cr fieldset legend {display:none;} /*For IE7*/
#form_email, #form_pass, #form_pass2, #form_nom, #form_prenom, #form_profil, #form_organisme{float:left;clear:both;width:230px;margin:5px;margin-left:10px}
div.formulaire_cr .label{ float:left; clear:both;margin-left: 15px; margin-right: 5px; margin-top:2px; color:#9F7076; font-weight:bold;text-align:left; }
div.formulaire_cr input{border:1px solid #D5B9BD;color:#9F7076;height:15px;float:left;}
#lesboutons_cr{clear:both;float:left;width:240px;margin-left:10px;margin-top:5px;text-align:center;}
#lesboutons_cr .valide {float:left;clear:both;height:19px;width:70px;margin-left:85px}
#lesboutons_cr .valide input.submit{border:0 none;cursor:pointer;color:#9F7076;height:19px;float:none; }
#lesboutons_cr .oubli{ float: left; clear: both;width:110px;padding-left:10px;margin-top:10px;text-align:left}
#lesboutons_cr .sinscrire{ float: left;width:100px;padding-left:10px;margin-top:10px;text-align:right}
#bas_acces_cr {clear: both; float: left; width:270px; height:6px;background:white url(../../squelettes/images/b_connexion_extranet.png) 15px top no-repeat; }



#TB_ajaxContent .formulaire_login_cr{
clear: both; text-align:center; margin-left:20px; margin-bottom:0px; width:240px; background:transparent url(../../squelettes/images/centre_connexion_extranet.png) left top repeat-y;}

#TB_ajaxContent #formulaire_login_cr input{
border:1px solid #D5B9BD;
color:#9F7076;
height:15px;
float:left;}

#TB_ajaxContent #formulaire_login_cr #var_login{width: 160px;}

#TB_ajaxContent #formulaire_login_cr #password{width:122px ;}

#TB_ajaxContent #formulaire_login_cr .oubli{ float: right; clear: both; margin-right:15px;}

#TB_ajaxContent #formulaire_login_cr label{ margin-left: 15px; margin-right: 5px; margin-top:2px; color:#9F7076; float:left; clear:both;}

#TB_ajaxContent #formulaire_login_cr .boutons{text-align:center;}

#TB_ajaxContent #formulaire_login_cr input.submit{
border:0 none;
cursor:pointer;
color:#9F7076;
height:19px;
float:none;
width:96px; }

#TB_ajaxContent #acces_et_deco{ height:60px; width:240px; text-align:center; margin-left: 20px;  background:transparent url(../../squelettes/images/centre_connexion_extranet.png) left top repeat-y;}
#TB_ajaxContent .acces{ clear:both; padding:10px;}
#TB_ajaxContent .deco{ clear:both;}

/*Infobulle sur formulaire*/
img.info-bulle-css {cursor:pointer}

div.info-bulle-contenu{
 display:none;
 position:absolute;
 z-index:100;
 border:1px solid black;
 background-color:#FFFFE1;
 padding:5px;
 padding-top:2px;
 padding-bottom:2px;
}
/* ------------------------------------------
/* Style non utilisé sous-navigation et autres menus
/* ------------------------------------------ */



/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }