/*** Codes couleurs ***  

	Blanc grisé très clair: rgb(249, 250, 251);

	Bleu très claire: rgb(221,238, 255);
	Bleu clair: rgb(158, 196, 233);
	Bleu foncé: rgb(50, 111, 185);
	
	Gris très très clair: rgb(245, 245, 245);
	Gris très clair: rgb(225, 225, 225);
	Gris clair: rgb(196, 196, 196);
	Gris: rgb(150, 150, 150);
	Gris foncé: rgb(85, 85, 85);
	Gris très foncé: rgb(55, 55, 55);
	Gris très très foncé : rgb(34, 34, 34);
	
	Vert: rgb(76, 167, 21);

	Orange: rgb(210, 90, 49);
	
	Rouge (erreur formulaire): rgb(241, 89, 89);
	Rouge (menu inactif): rgb(240, 0, 0);
	
	*/
	
/* Important !!! Virer le plus part des px pour em. Il faut que le site grossise dans son ensemble si on augmente la taille de la police dans le nav. */

ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, label, body, html, p, blockquote, fieldset, input, select, div {
	margin: 0px;
	padding: 0px;
}
a img,:link img,:visited img {
	border: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	background: rgb(150, 150, 150) url(/images/body-background.png) repeat-y scroll 50% top;
	height: 100%;
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	padding: 0px;
	/*scrollbar-arrow-color: rgb(157, 50, 173);/*scrollbar-arrow-color: couleur pour les pointeur de défilement*/
	/*scrollbar-base-color: rgb(157,    50, 173);/*scrollbar-base-color: couleur de base de la barre de défilement*/
	/*scrollbar-darkshadow-color: rgb(0, 0, 0);/*scrollbar-darkshadow-color: couleur pour les ombres*/
	/*scrollbar-face-color: rgb(22, 156, 124);/*scrollbar-face-color: couleur pour la surface*/
	/*scrollbar-highlight-color: rgb(255, 255, 255);/*scrollbar-highlight-color: couleur pour le bord haut et le bord gauche*/
	/*scrollbar-shadow-color: rgb(0, 0, 0);/*scrollbar-shadow-color: couleur pour le bord droit et le bord du bas*/
	/*scrollbar-track-color: rgb(255, 255, 255);/*scrollbar-track-color: couleur pour la barre de défilement non cachée par le pointeur de défilement*/
}
html {
	height: 100%;
}
/***************************************************/
/********** Emplacement des zones principales **********/
/***************************************************/
div.cadre_principal {
	background-color:  rgb(249, 250, 251);/* Blanc grisé très clair: */
	/*border-width: 1px;
	border-style: solid;
	border-color: rgb(150, 150, 150);/* Gris clair: */
	/*border-bottom-width: 0px;
	border-top-width: 0px;*/
	width: 993px; /* largeur du site */
	height: auto;
	min-height: 100%;
	_height: 100%;
	margin-left: auto;
	margin-right: auto;
}

div.fond_Accueil {
	background-image: url("/images/fond_Accueil.gif");
	background-repeat: repeat-y ;
	background-position: 0 0;
}
div.fond_AMF {
	background-image: url("/images/fond_AMF.gif");
	background-repeat: repeat-y ;
	background-position: 0 0;
}
div.fond_ISMM {
	background-image: url("/images/fond_ISMM.gif");
	background-repeat: repeat-y ;
	background-position: 0 0;
}

div#cadre_en_tete {
	background-image: url("/images/banniere_en_tete.png");/* L'image couvre tout l en tete */
	background-repeat: no-repeat;
	width: 993px; /* largeur du site plus 2 * 1px pour couvrir la bordure du cadre principal avec l'image de fond */
	height: 157px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -157px;/* Necessaire pour que l en tete descend dans le contenu principal */
	z-index: 1;
	position: relative;/* Necessaire pour faire fonctionner le z-index et positionner ses elements en absolute*/
}
div#marge_en_tete { 
	height: 157px;/* Necessaire commencer le contenu juste au dessous de l en tete */
}
div#cadre_droit {
  /*background-color:  rgb(24, 250, 150);*/
	width: 250px;
	float: right;
}
div#cadre_gauche {
	/*background-color:  rgb(245, 245, 245); /* Gris très très clair:  */
	width: 141px;
	float: left;
}
div#cadre_pied_de_page {
	background-image: url("/images/pied_page_cadre_principal.png");/* L'image couvre tout le pied de page */
	background-repeat: no-repeat;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	width: 993px; /* largeur du site plus 2 * 1px pour couvrir la bordure du cadre principal avec l'image de fond */
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px; /* Necessaire pour que le pied de page remonte dans le contenu principal */
}
div#marge_pied_page {
	height: 25px; /* Necessaire pour arreter le contenu juste au dessus du pied de page */
	clear: both;
}
div#cadre_page {
	/*background-color:  rgb(249, 25, 100);*/
	width: 592px; /* width + margin-left + margin-right = 993 largeur du site */
	margin-left: 146px; /* cadre-gauche + 5px */
	margin-right: 255px; /* cadre-droit + 5px */
	_margin-left: 141px;/* Pour IE */
	_margin-right: 250px;/* Pour IE */
	padding-top: 30px;
	padding-bottom:30px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/**********************************************/
/********** Contenu de la page en général **********/
/**********************************************/
div#contenu_principal {
  /*background-color:  rgb(24, 25, 100);*/
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	width: 562px;   /* lageur du contenu */
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 0px;
}

/******************************/
/********** Pied_page **********/
/******************************/
div.pied_page_backend, div.pied_page_frontend  {
	float: right;
}

div.pied_page_backend  a {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url("/images/backend_off.png");
	background-repeat:  no-repeat;
	margin: 2px 5px 2px 0px;
}
div.pied_page_backend  a:hover {
	background-image: url("/images/backend_on.png");
}

div.pied_page_frontend  a {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url("/images/frontend_off.png");
	background-repeat:  no-repeat;
	margin: 2px 5px 2px 0px;
}
div.pied_page_frontend  a:hover {
	background-image: url("/images/frontend_on.png");
}

div.pied_page_adresse, div.pied_page_tel_fax {
	/*margin-right: 10px;
	margin-left: 10px;*/
	margin-top: 1px;
	margin-bottom: 1px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}
div.pied_page_adresse {
	margin-left: 35px;
}
div.pied_page_tel_fax {
	margin-left: 5px;
}
div.pied_page_adresse ul, div.pied_page_tel_fax ul {
	list-style-type: none;
}
div.pied_page_adresse ul li, div.pied_page_tel_fax ul li {	
}

div.pied_page_partenaire_prog ul {
	margin-right: 1px;
	margin-left: 1px;
	width: 141px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8px;
	list-style-type: none;
}
div.pied_page_partenaire_prog ul li {
	margin-top: 2px;
}
div.pied_page_partenaire_prog ul li a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: rgb(196, 196, 196); /* Gris clair: */
}
div.pied_page_partenaire_prog ul li a:hover { 
	color: rgb(225, 225, 225); /* Gris très clair: */
	text-decoration: none;
}
div.pied_page_partenaire_prog ul li a.lien_symfony_logo  {
	width: 44px;
	height: 12px;
	background-image: url("/images/symfony_off.gif");
	background-repeat:  no-repeat
}
div.pied_page_partenaire_prog ul li a.lien_symfony_logo:hover { 
	background-image: url("/images/symfony_on.gif");
}

/***************************/
/********** Entete **********/
/***************************/

/*** Fond pour les menus ***/
div#fond_menu_AMF {
	background-image: url("/images/fond_menu_AMF.png");
	background-repeat:  repeat-x;
	position: absolute;
	top :137px;
	left: 141px;
	width: 602px;
	height: 19px;
}
div#fond_menu_ISMM {
	background-image: url("/images/fond_menu_ISMM.png");
	background-repeat:  repeat-x;
	position: absolute;
	top :137px;
	left: 141px;
	width: 602px;
	height: 19px;
}
div#fond_menu_Accueil {
	background-image: url("/images/fond_menu_Accueil.png");
	background-repeat:  repeat-x;
	position: absolute;
	top :137px;
	left: 141px;
	width: 602px;
	height: 19px;
}
a#menu_Accueil_AMF_fr_FR, a#menu_Accueil_ISMM_fr_FR  {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	color: rgb(55, 55, 55); /* Gris très foncé: */
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}
a#menu_Accueil_ISMM_fr_FR {
	float: right;
}
a#menu_Accueil_AMF_fr_FR {
	float: left;
}
a#menu_Accueil_ISMM_fr_FR:hover {
	color: rgb(210, 90, 49); /* Orange:  */
	text-decoration: none;
}
a#menu_Accueil_AMF_fr_FR:hover {
	color: rgb(76, 167, 21); /* Verts: */
	text-decoration: none;
}
#img_right {
	float: right;
}
#img_left {
	float: left;
}

/*** Logos ***/
div#AMF_fr_FR{
	position: absolute;
	top :8px;
	left: 8px;
}
div#AMF_fr_FR a {
	display: block;
	width: 126px;
	height: 118px;
	background-image: url("/images/fr_FR/AMF_off.png");
}
div#AMF_fr_FR a:hover { 
	background-image: url("/images/fr_FR/AMF_on.png");
}
div#ISMM_fr_FR {
	position: absolute;
	top :8px;
	left: 867px;
}
div#ISMM_fr_FR a {
	display: block;
	width: 117px;
	height: 117px;
	background-image: url("/images/fr_FR/ISMM_off.png");
}
div#ISMM_fr_FR a:hover { 
	background-image: url("/images/fr_FR/ISMM_on.png");
}

/*** onglets ***/
div#onglet_AMF_fr_FR {
	position: absolute;
	top :105px;
	left: 138px;
}
div#onglet_AMF_fr_FR a {
	display: block;
	width: 114px;
	height: 32px;
	background-image: url("/images/fr_FR/onglet_off_AMF.png");
	font-size: 0px;
}
div#onglet_AMF_fr_FR a:hover { 
	background-image: url("/images/fr_FR/onglet_on_temp_AMF.png");
}
div#onglet_ISMM_fr_FR {
	position: absolute;
	top :105px;
	right: 249px;
	_right: 248px;
}
div#onglet_ISMM_fr_FR a {
	display: block;
	width: 114px;
	height: 32px;
	background-image: url("/images/fr_FR/onglet_off_ISMM.png");
	font-size: 0px;
}
div#onglet_ISMM_fr_FR a:hover { 
	background-image: url("/images/fr_FR/onglet_on_temp_ISMM.png");
}
div#onglet_outils_d_administration_fr_FR {
	position: absolute;
	top :121px;
	left: 267px;
}
div#onglet_outils_d_administration_fr_FR a {
	display: block;
	width: 354px;
	height: 16px;
	background-image: url("/images/fr_FR/onglet_off_outils_d_administration.png");
	font-size: 0px;
}
div#onglet_outils_d_administration_fr_FR a:hover { 
	background-image: url("/images/fr_FR/onglet_on_outils_d_administration.png");
}

div#onglet_accueil_fr_FR {
	position: absolute;
	top :121px;
	left: 267px;
}
div#onglet_accueil_fr_FR a {
	display: block;
	width: 354px;
	height: 16px;
	background-image: url("/images/fr_FR/onglet_off_Accueil.png");
	font-size: 0px;
}
div#onglet_accueil_fr_FR a:hover { 
	background-image: url("/images/fr_FR/onglet_on_Accueil.png");
}

/*** Encart au dessus de menu droit ***/
div#entete_cadre_outils {
	text-align: center;
	width: 250px;
	height: 19px;
	line-height: 19px;
	position: absolute;
	top: 137px;
	left: 744px;
}

ul#lister_outils_front_end {
	list-style-type: none;
}
ul#lister_outils_front_end li {
	float: right;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 1px;
}

ul#lister_outils_front_end a#contact {
	display: block;
	width: 17px;
	height: 17px;
	background-image: url("/images/contact_off.png");
	text-decoration : none;
}
ul#lister_outils_front_end a#contact span {
	position       :  absolute;
    top            :  -5000px;
    left           :  -5000px;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
}
ul#lister_outils_front_end a#contact:hover {
	background-image: url("/images/contact_on.png");
	border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}
ul#lister_outils_front_end a#contact:hover span{
	top        :  0px;
    left       :  2px;
    width      :  155px;
    overflow   :  visible;
	text-align: left;
}

ul#lister_outils_front_end a#site_map {
	display: block;
	width: 26px;
	height: 17px;
	background-image: url("/images/site_map_off.png");
	text-decoration : none;
}
ul#lister_outils_front_end a#site_map span {
	position       :  absolute;
    top            :  -5000px;
    left           :  -5000px;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
}
ul#lister_outils_front_end a#site_map:hover {
	background-image: url("/images/site_map_on.png");
	border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}
ul#lister_outils_front_end a#site_map:hover span {
	top        :  0px;
    left       :  2px;
    width      :  155px;
    overflow   :  visible;
	text-align: left;
}

ul#lister_outils_front_end a#envoyer_page {
	display: block;
	width: 18px;
	height: 17px;
	background-image: url("/images/envoyer_page_off.png");
	text-decoration : none;
}
ul#lister_outils_front_end a#envoyer_page span{
	position       :  absolute;
    top            :  -5000px;
    left           :  -5000px;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
}
ul#lister_outils_front_end a#envoyer_page:hover {
	background-image: url("/images/envoyer_page_on.png");
	border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}
ul#lister_outils_front_end a#envoyer_page:hover span {
	top        :  0px;
    left       :  2px;
    width      :  155px;
    overflow   :  visible;
	text-align: left;
}

div#entete_cadre_outils span {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 10px;
}

/*** Date ***/
div#entete_date {
	text-align: center;
	width: 141px;
	height: 19px;
	line-height: 19px;
	position: absolute;
	top: 137px;
	left: 0px;
}
div#entete_date p {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 10px;
	font-weight: bold;
}

/****************************************/
/********** Divers (factorisation)  **********/
/****************************************/
.invisible {
	display: none;
}
.separation {
	width: 0px !important;
	height: 0px !important;
	line-height: 0px !important;
	border: 0px !important;
	padding: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}
.warning, .warning_right {
	color: rgb(241, 89, 89) !important;/* Rouge */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	font-size: 11px !important;
}

.warning_right {
	float: right;
}

.couleur_Accueil {
	color: rgb(50, 111, 185) !important;/* Bleu foncé: */
}
.couleur_AMF {
	color: rgb(76, 167, 21) !important;/* Vert: */
}
.couleur_ISMM {
	color: rgb(210, 90, 49) !important;/* Orange: */
}

h2#titre_page_Accueil {
	font-size: 18px;
	color: rgb(50, 111, 185);/* Bleu foncé: */
	line-height: 1.2em;
}
h2#titre_page_AMF {
	font-size: 18px;
	color: rgb(76, 167, 21);/* Vert: */
	line-height: 1.2em;
}
h2#titre_page_ISMM {
	font-size: 18px;
	color: rgb(210, 90, 49);/* Orange: */
	line-height: 1.2em;
}

span#menu_titre_ISMM, span#menu_titre_AMF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(55, 55, 55);/* Gris très foncé: */
	padding : 4px;
}
span#sous_menu_titre_ISMM, span#sous_menu_titre_AMF{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: rgb(85, 85, 85);/* Gris  foncé: */
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	background-color: rgb(245, 245, 245); /*  Gris très très clair: */
}
span#menu_titre_ISMM{
	background-image: url("/images/fond_menu_ISMM.png");
}
span#menu_titre_AMF{
	background-image: url("/images/fond_menu_AMF.png");
}
span#sous_menu_titre_ISMM{
	border-color: rgb(210, 90, 49); /* Orange: */ 
}
span#sous_menu_titre_AMF {
	border-color: rgb(76, 167, 21); /* Vert: */ 
}

p#titre_page_info{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(150, 150, 150);/* Gris: */
	margin-top: -1px;
	margin-left: 2px;
}

/*** Page de contenu (factorisation) ***/

div.contenu_show{	
	line-height: 1.6em;
}

/* Pour l'éditeur par moi */

.mce_size_text_taille_22  {font-size: 22px !important;}
.mce_size_text_taille_20  {font-size: 20px !important;}
.mce_size_text_taille_18  {font-size: 18px !important;}
.mce_size_text_taille_16  {font-size: 16px !important;}
.mce_size_text_taille_14  {font-size: 14px !important;}
.mce_size_text_taille_12  {font-size: 12px !important;}
.mce_size_text_taille_11  {font-size: 11px !important;}
.mce_size_text_taille_10  {font-size: 10px !important;}
.mce_size_text_taille_8  {font-size: 8px !important;}

.contenu_show h1 {font-size: 22px !important;}
.contenu_show h2 {font-size: 20px !important;}
.contenu_show h3 {font-size: 18px !important;}
.contenu_show h4 {font-size: 16px !important;}
.contenu_show h5 {font-size: 14px !important;}
.contenu_show h6 {font-size: 12px !important;}
.contenu_show h6 {font-size: 10px !important;}

.contenu_show h1, .contenu_show h2, .contenu_show h3, .contenu_show h4, .contenu_show h5, .contenu_show h6  {margin:  0 0 15px 0 !important;}
.contenu_show ul, .contenu_show ol {margin: 10px 0 0 0 !important; padding: 0 0 0 30px !important;}

.contenu_show ul {list-style-type: disc !important;}
.contenu_show ol {list-style-type: decimal !important;}

.contenu_show li {margin: 6px 0 0 0 !important; padding: 0 0 0 0 !important;}

li.liste_numerique_grand {font-size: 16px !important;}
li.liste_numerique_moyenne {font-size: 12px !important;}
li.liste_numerique_petite {font-size: 10px !important;}

li.liste_puce_noire {list-style-image: url("/images/puce_02.png");}
li.liste_puce_orange {list-style-image: url("/images/puce_03.png");}
li.liste_puce_verte {list-style-image: url("/images/puce_04.png");}
li.liste_puce_bleue {list-style-image: url("/images/puce_05.png");}
li.liste_puce_grise {list-style-image: url("/images/puce_06.png");}

span.lettrine {
float: left !important;
font-size: 36px !important;
margin-right: 8px !important;
padding-top: 10px !important;
padding-bottom: 5px !important;
}

.contenu_show a {
    color: inherit !important;
}
.contenu_show a:hover {
    color: inherit !important;
}

.contenu_show a { color: expression(this.parentNode.currentStyle.color); } /* pour IE */
.contenu_show a:hover { color: expression(this.parentNode.currentStyle.color); } /* pour IE */

/*** Encart (factorisation) ***/
div.encart_fonce, div.encart_clair {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	margin-bottom: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.encart_fonce {
	background-color: rgb(245, 245, 245);/* Gris tres tres clair: */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}
div.encart_clair {
	background-color:  rgb(249, 250, 251); /* Blanc grisé très clair: */
	border-color: rgb(158, 196, 233);/* Bleu clair: */
}

div.encart_marquage_proprietaire_AMF {
	border-left-width: 5px !important;
	border-left-color:  rgb(76, 167, 21) !important; /* Vert: */
}

div.encart_marquage_proprietaire_ISMM{
	border-left-width: 5px !important;
	border-left-color:  rgb(210, 90, 49) !important; /* Orange: */
}

div.encart_fonce img, div.encart_clair img {
	float: left;
	margin-top: 0px;
}
div.encart_fonce a, div.encart_clair a {
	color: rgb(50, 111, 185); /* Bleu foncé:  */
}
div.encart_titre_fonce, div.encart_titre_clair {
	margin-left: 10px;
	margin-right: 10px;
}

div.encart_titre_fonce h4, div.encart_titre_clair h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border-width: 0px;
	border-bottom: 1px;
	border-style: solid;
}

div.encart_titre_fonce  strong, div.encart_titre_clair  strong {
	float: right;
    margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.encart_titre_clair  strong {
	color: rgb(50, 111, 185);/* Bleu foncé: */
}
div.encart_titre_fonce  strong {
	color: rgb(85, 85, 85);/* Gris foncé: */
}

div.encart_titre_fonce  a, div.encart_titre_clair  a {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;
}

div.encart_titre_fonce  img, div.encart_titre_clair  img {
	float: right;
	margin-left: 5px;
	height: 12px;
	width: 17px;
}

div.encart_titre_fonce p, div.encart_titre_clair p {
	color: rgb(150, 150, 150);/* Gris: */
	margin-top: 0px;
	font-size: 10px;
}
div.encart_titre_clair h4 {
	color: rgb(50, 111, 185);/* Bleu foncé: */
	border-color: rgb(221,238, 255); /* Bleu très claire: */ 
}
div.encart_titre_fonce h4 {
	color: rgb(85, 85, 85);/* Gris foncé: */
	border-color:  rgb(225, 225, 225); /* Gris très clair:  */
}
div.encart_contenu  {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
}

a.lien_encart_01 {
	margin-left: 5px;
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
a.lien_encart_01:hover {
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
}
	
a.lien_encart_02 {	
	margin-left: 10px;
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	font-weight: bold;
}
a.lien_encart_02:hover {	
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
}
	
/*** Menu  pied page, en tete et encart (factorisation) ***/

div#en_tete_navigation_conteneur  {
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(150, 150, 150);/* Gris :*/
	font-size: 12px;
}
div#en_tete_navigation_conteneur p  {
	font-size: 11px;
}

div#pied_page_navigation , div#en_tete_navigation, div.encart_navigation_fonce, div.encart_navigation_clair {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border: 0px;
	text-align: center;
	font-size: 12px; 
}
div#en_tete_navigation {
	border-bottom: 2px;
	border-style: solid;
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */
}
div#pied_page_navigation {	
	border-top: 2px;
	margin-top: 20px;
	border-style: solid;
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */
	padding-bottom: 5px; /* Pour rattraper la hauteur de ce div qui cache le input submit lorsqu'il y a un lien  <a> a sa droit */ 
}
div.encart_navigation_fonce, div.encart_navigation_clair {
	border-width: 1px;
	border-bottom: 0px;
	border-style: solid;
	padding-left: 1px;
	padding-right: 1px;
}
div.encart_navigation_fonce {
	background-color: rgb(245, 245, 245); /* Gris très très clair: */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}
div.encart_navigation_clair {
	background-color:  rgb(249, 250, 251);	/* Blanc grisé très clair: */
	border-color: rgb(158, 196, 233);/* Bleu clair: */
}
div.encart_navigation_fonce a {
	background-color: rgb(245, 245, 245);/* Gris très très clair: */
	border-color: rgb(225, 225, 225);/* Gris très clair:  */
}
div.encart_navigation_clair a {
	background-color:  rgb(249, 250, 251);	/* Blanc grisé très clair: */
	border-color: rgb(221,238, 255);/* Bleu très claire: */
}
div.encart_navigation_fonce a:hover {
	background-color: rgb(225,225, 225);/* Gris très claire: */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}
div.encart_navigation_clair a:hover {
	background-color: rgb(221,238, 255);/* Bleu très claire: */
	border-color: rgb(158, 196, 233);/* Bleu clair: */
}
div.navigation_right , div.encart_navigation_right {
	float: right;
	padding-top: 1px;
	padding-bottom: 1px;
}
div.navigation_left , div.encart_navigation_left {
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
}
div.navigation_center , div.encart_navigation_center {
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	padding-bottom: 1px;
}
.navigation_right input  , .navigation_left input , div.navigation_left a , div.navigation_right a , div.navigation_center a , div.encart_navigation_right a , div.encart_navigation_left a , div.encart_navigation_center a {
	display: block;
	text-align: center;
	color: rgb(150, 150, 150);/* Gris:*/
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}
.navigation_right input:hover  , .navigation_left input:hover , div.navigation_left a:hover , div.navigation_right a:hover , div.navigation_center a:hover {
	color: rgb(85, 85, 85);/* Gris  très fonce:*/
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */
	background-color: rgb(158, 196, 233);/* Bleu clair: */
	text-decoration: none;
}	
.lien_navigation {
	font-size: 11px;
	display: block;
	float: left;
	margin: 10px;
	color: rgb(50, 111, 185);/* Bleu foncé: */
}
div.encart_navigation_right a:hover , div.encart_navigation_center a:hover , div.encart_navigation_left a:hover {
	color: rgb(55, 55, 55);/* Gris  très fonce:*/
	text-decoration: none;
}
.navigation_right input  , .navigation_left input , div.navigation_left a , div.navigation_right a , div.navigation_center a {
	padding: 3px;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	background-color: rgb(221, 238, 255);/* Bleu très claire: */
}
.navigation_right input  , .navigation_left input {
	padding-top: 0px; /* Pour rattraper les largeurs des input submit par rapport aux balises a  */
	padding-bottom: 2px;
	_padding-bottom: 0px;
}

/*** Diaporama ***/
div.diaporama_conteneur  {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 300px;
}
div.diaporama_description{
	/*border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: 	 rgb(225, 225, 225);/* Gris très clair: */
	background-color: 	 rgb(225, 225, 225);/* Gris très clair: */
	padding-bottom: 5px;
	padding-top: 2px;
	margin-top: 2px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(150, 150, 150);/* Gris: */
}

div.diaporama_navigation{
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	padding-bottom: 2px;
	padding-top: 2px;
	border-color: 	 rgb(225, 225, 225);/* Gris très clair: */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(150, 150, 150);/* Gris: */
}
span.lien_diaporama_navigation, span.courant_diaporama_navigation {
	margin-left: 3px;
	margin-right: 3px;
}
span.courant_diaporama_navigation {
	color: rgb(150, 150, 150);/* Gris:  */
	font-size: 11px;
}
span.lien_diaporama_navigation {
	color: rgb(50, 111, 185);/* Bleu fonce:  */
	font-size: 12px;
	cursor: pointer;
}

div.media_navigation_ordre { /* La hauteur du div est definit dans listSuccess.php - les marges */
	float: right;
	border: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: 	 rgb(225, 225, 225);/* Gris très clair: */
	width: 80px;
	margin-top:	3px;
	margin-bottom: 3px;
}
.up_clair {
	background-image: url("/images/up_clair_off.gif");
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}
a.up_clair:hover{
	background-image: url("/images/up_clair_on.gif");
}
.down_clair {
	background-image: url("/images/down_clair_off.gif");
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}
a.down_clair:hover{
	background-image: url("/images/down_clair_on.gif");
}
.up_fonce {
	background-image: url("/images/up_fonce_off.gif");
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}
a.up_fonce:hover{
	background-image: url("/images/up_fonce_on.gif");
}
.down_fonce {
	background-image: url("/images/down_fonce_off.gif");
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}
a.down_fonce:hover{
	background-image: url("/images/down_fonce_on.gif");
}
div.media_navigation_texte {
	border: 0px;
	border-bottom: 1px;
	border-top: 1px;
	border-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	border-color: 	 rgb(225, 225, 225);/* Gris très clair: */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(150, 150, 150);/* Gris: */
	line-height: 18px;
	height: 18px;
}

/*** Sous liste info masqué roll over (factorisation) ***/
ul.sous_liste_info_clair, ul.sous_liste_info_fonce {
	display: none;
	top: 20px;
	left: 0px;
	border-width: 1px;
	border-style: solid;
	margin-top: 5px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	list-style-type: none;
}

/*** Liste  d'information (factorisation) ***/

h3.titre_conteneur {
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 	 rgb(150, 150, 150);/* Gris très clair: */
	border-color: 	 rgb(225, 225, 225);/* Gris très clair: */
}

div.liste_info_conteneur {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
ul.liste_info_clair, ul.liste_info_fonce {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 11px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.liste_info_clair a, ul.liste_info_fonce a {
	color: rgb(50, 111, 185); /* Bleu foncé */
}
ul.liste_info_clair li, ul.liste_info_fonce li {	
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-style: dotted;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
ul.liste_info_clair li {
	border-color: rgb(50, 111, 185);/* Bleu foncé: */
}
ul.liste_info_fonce li {
	border-color: rgb(55, 55, 55);/* Gris très foncé: */
}
ul.liste_info_clair strong {
	color: rgb(50, 111, 185);/* Bleu foncé: */
}
ul.liste_info_fonce strong {
	color: rgb(85, 85, 85);/* Gris foncé: */
}

/*** Formulaire général  (factorisation) ***/
.form_error, .form_error_right {
	color: rgb(241, 89, 89) !important;/* Rouge */
	text-align: center;
	font-weight: normal;
}
.form_error_right {
	float: right;
}

.form {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form fieldset div {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	margin-top: 10px;
	/*background-color:  rgb(249, 250, 50);*/
}
.form fieldset div span{
	font-size: 10px;
	color: rgb(150, 150, 150);/* Gris: */
	margin-left: 5px;
	text-align: left;
	white-space: pre;	
}

/* Fieldset , legend */
.form fieldset {
	background-color: rgb(245, 245, 245);/* Gris très très clair: */
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	position: relative;
}
.form fieldset img  { /* juste pour l'image du cadenas */
	display: block;
	float: right;
	margin : 5px;
	
}
.form fieldset legend {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	font-size: 14px;
	color: rgb(150, 150, 150);/* Gris: */
}

/* Label */
.form fieldset label  {
/*	background-color: rgb(158, 196, 233);/* Bleu clair: */
	background-color: rgb(225, 225, 225); /* Gris très clair: */
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	padding-right: 5px;
	margin-left: 5px;
	text-align: right;
	letter-spacing: 1px;
	font-size: 11px;
	margin-bottom: 5px;
}

/* Textarea */
.form fieldset textarea  {
	margin-right: auto; /*  Pour IE pour centrer le textarea avec son width = 99.5% */
	margin-left: auto;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	width: 100%;
	_width: 99.5%; /* Pour IE pour que le textarea ne deborde pas a cause de l'ascenceur*/
	height: 500px;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: rgb(85, 85, 85);/* Gris foncé: */
	line-height: 1.5em;
}

/* Input */
.form fieldset input, .form fieldset select {
	border-width: 1px;
	border-style: solid;
	margin-left: 5px;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.titre_Accueil, input.titre_AMF, input.titre_ISMM {
	margin-right: auto !important; /*  Pour IE pour centrer le textarea avec son width = 99.5% */
	margin-left: auto !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgb(158, 196, 233) !important;/* Bleu clair: */
	width: 100% !important;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 18px !important;
	font-weight: bold;
	color: rgb(50, 111, 185) !important;/* Bleu foncé: */
}

input.titre_Accueil {
	color: rgb(50, 111, 185) !important;/* Bleu foncé: */
}
input.titre_AMF {
	color: rgb(76, 167, 21) !important;/* Vert: */
}
input.titre_ISMM {
	color: rgb(210, 90, 49) !important;/* Orange: */
}

input.complement_titre, input.complement_titre_date_lieu {
	padding-bottom: 2px !important;
	padding-top: 2px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgb(158, 196, 233) !important;/* Bleu clair: */
	font-size: 11px !important;
	color: rgb(150, 150, 150) !important;/* Gris foncé: */
}

input.complement_titre {
	margin-right: auto !important; /*  Pour IE pour centrer le textarea avec son width = 99.5% */
	margin-left: auto !important;
	width: 100% !important;
}

input.file {
	width: 350px !important;
	_margin-left: 10px !important; /*  Pour IE pour s'aligner avec le label */ 
}

.form fieldset textarea:hover , .form fieldset textarea:focus  , .form fieldset input:hover, .form fieldset input:focus, .form fieldset select:focus, .form fieldset select:hover {
	background-color: rgb(221,238, 255);/* Bleu très claire: */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}
/*#form_signin .form_input_day_month {
	width: 3%;
}
#form_signin .form_input_year {
	width: 6%;
}
*/

/* Case checkbox passer en paramètre la class dans checkbox_tag() */
.checkbox {
	width: 50px !important;
	border-width: 0px !important;
}

/* Case radio passer en paramètre la class dans radiobutton_tag() */
.radio {
	width: 50px !important;
	border-width: 0px !important;
}

/* Bouton submit (voir pied_page_navigation) */

/*** Formulaire criteres recherche général  (factorisation) ***/
.form_critere_recherche {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*margin-left: 5px;
	margin-right: 5px;*/
	margin-bottom: 5px;
}
.form_critere_recherche fieldset div {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	margin-top: 0px;
	/*background-color:  rgb(249, 250, 50);*/
}

/* Fieldset , legend */
.form_critere_recherche fieldset {
	margin-bottom: 5px;
	border-width: 0px;
	position: relative;
}

/* Label */
.form_critere_recherche_label {
/*	background-color: rgb(158, 196, 233);/* Bleu clair: */
	background-color: rgb(158, 196, 233);/* Bleu clair: */
	display: block;
	padding-top: 2px;
	padding-bottom: 2px; 
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	/*width: 200px;*/
}

.form_critere_recherche_text, .form_critere_recherche_select {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 236px;
	/*padding-left: 5px;*/
	margin-left: 5px;
}

.form_critere_recherche_select {
	width: 240px;
}
.form_critere_recherche_text {
	padding-top: 1px;
	padding-bottom: 1px;
}

.form_critere_recherche_text:hover, .form_critere_recherche_text:focus, .form_critere_recherche_select:focus, .form_critere_recherche_select:hover {
	background-color: rgb(221,238, 255);/* Bleu très claire: */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}

/* Case radio passer en paramètre la class dans radiobutton_tag() */
.radio_critere_recherche_hor {
	float: left;
	_margin-top: -4px;
	margin-right: 15px;
}

.radio_critere_recherche_label_hor  {
	display: block;
	float: left;
	/*letter-spacing: 1px;*/
	font-size: 11px;
	margin-left: 5px;
	_margin-left: 3px;
	margin-right: 2px;
	_margin-right: -2px;
}

.radio_critere_recherche_ver {
	float: right;
	margin-right: 5px;
	_margin-top: -2px;
}

.radio_critere_recherche_label_ver, .radio_critere_recherche_label_ver_up , .radio_critere_recherche_label_ver_down {
	display: block;
	float: left;
	/*letter-spacing: 1px;*/
	font-size: 11px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.radio_critere_recherche_label_ver_up  {
	background-image: url("/images/asc.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}

.radio_critere_recherche_label_ver_down  {
	background-image: url("/images/des.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}

/* Submit */
div#submit_pied_page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border: 0px;
	border-top: 1px;
	margin-top: 10px;
	border-style: solid;
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */
}

div.submit_critere_recherche  input { 
	font-size: 11px;
	float: left;
	display: block;
	text-align: center;
	color: rgb(150, 150, 150);/* Gris:*/
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	background-color: rgb(221, 238, 255);/* Bleu très claire: */
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 0px; /* Pour rattraper les largeurs des input submit par rapport aux balises a  */
	padding-bottom: 2px;
	_padding-bottom: 0px;
	margin-top: 1px;
	margin-left: 5px;
}

div.submit_critere_recherche input:hover  {
	color: rgb(85, 85, 85);/* Gris  très fonce:*/
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */
	background-color: rgb(158, 196, 233);/* Bleu clair: */
	text-decoration: none;
}	
/*******************************/
/********** Cardre gauche **********/
/*******************************/
div#AMI_fr_FR {
}

div#AMI_fr_FR a {
	display: block;
	width: 138px;
	height: 80px;
	background-image: url("/images/fr_FR/AMI_off.png");
	margin: 1px 1px 1px 0px;
}
div#AMI_fr_FR a:hover { 
	background-image: url("/images/fr_FR/AMI_on.png");
}

div#titre_gauche {
	float: right;
	margin-right: 2px;

}
	
/*******************************************/
/********** Contenu post_it ( cardre droit) **********/
/*******************************************/
div#cadre_droit {
  /*background-color:  rgb(24, 250, 150);*/
	width: 250px;
	float: right;
}
div.cadre_post_it {
	background-image: url("/images/degrade_bleu_post_it.png");
	background-repeat:  repeat-y;
	margin-bottom: 5px;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	margin-right: 0px;
}

div.encart_navigation_clair_post_it {
	border-bottom: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	margin-bottom: 2px;
}

h3.titre_post_it {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: rgb(158, 196, 233);/* Bleu clair: */
	color: rgb(34, 34, 34);/* Gris très très foncé: */
	font-weight: bold;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	letter-spacing: 1.3px;
	padding-top: 4px;
	padding-bottom: 2px;
	/*line-height: 20px;*/
	/*width: 248px;*/
}

h3.titre_post_it span {
	display: block;
	color: rgb(85, 85, 85);/* Gris: */
	margin-top: -3px;
	margin-left: 27px;
	font-size: 9px;
}

h3.titre_post_it img {
	margin-top: 3px;
	margin-left: 8px;
	margin-right: 8px;
	float: left;
}

/*** Liste info critère recherche utilisateur ***/
ul.liste_info_recherche_utilisateurs {
	float: left;
	width: 105px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 20px;
	padding-bottom: 10px;
}
ul.sous_liste_info_recherche_utilisateurs {
	width: 100px;
	background-color: rgb(221,238, 255);/* Bleu très claire: */
	border-color: rgb(158, 196, 233);/* Bleu clair: */
}

/*** Cadre outils post-it ***/
div#cadre_outils_vide { /* Pour IE, pour qu'il prenne en compte la margin-bottom et elle seule lorsque le cadre est vide */
	margin-bottom: 5px;
	height: 0px;
	overflow:hidden
}
div#cadre_outils {
	background-color: rgb(50, 111, 185);/* Bleu foncé: */
	margin-bottom: 5px;
	/*text-align: center;*/
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	margin-top: 1px;
}

/*** Cadre outils connection post-it ***/
ul#lister_outils_profile {
	font-size: 11px;
	list-style-type: none;
	padding-top: 3px;
}
ul#lister_outils_profile li {
	float: left;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
ul#lister_outils_profile a {
	color: rgb(158, 196, 233);/* Bleu clair: */
	line-height: 15px;
}
ul#lister_outils_profile img {
	float: left;
	margin-right: 1px;
}
/*** Cadre lister menu front end post-it ***/
ul#lister_menu_post_it {
	list-style-type: none;
}
ul#lister_menu_post_it li {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	border: 0px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */

}
ul#lister_menu_post_it a {
	display: block;
	height: 20px;
	line-height: 20px;
	color: rgb(85, 85, 85);/* Gris très très foncé: */
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.3px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	background-image: url("/images/fond_menu_post_it_off.png");
	text-decoration: none;
}
ul#lister_menu_post_it a:hover {
	color: rgb(50, 111, 185);/* Bleu foncé: */
	background-image: url("/images/fond_menu_post_it_on.png");
}


/*** Cadre lister outils  administration post-it ***/
ul#lister_outils_post_it {
	font-size: 11px;
	list-style-type: none;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}
ul#lister_outils_post_it li {
	padding-bottom: 8px;
}
ul#lister_outils_post_it a {
	color: rgb(50, 111, 185);/* Bleu foncé: */
	line-height: 30px;
}
ul#lister_outils_post_it span {
	color: rgb(150, 150, 150);/* Gris: */
	line-height: 30px;
}
ul#lister_outils_post_it img {
	float: left;
	margin-right: 5px;
}


/*******************************************************/
/********** Menu entete, pied de page et encart navigation **********/
/*******************************************************/
div.encart_navigation_trois_right, div.encart_navigation_trois_left , div.encart_navigation_trois_center {
	width: 120px;
}
div.encart_navigation_cinq_right, div.encart_navigation_cinq_left  {
	width: 110px;
}
div.encart_navigation_cinq_right  {
	margin-left: 2px;
}
div.encart_navigation_deux_right, div.encart_navigation_deux_left  {
	width: 278px;
}


div.encart_navigation_un_left_accueil, div.encart_navigation_un_right_accueil  {
	width: 276px;
}
div.encart_navigation_un_left_post_it, div.encart_navigation_un_right_post_it  {
	width: 246px;
}

div.encart_navigation_activer a {
	background-image: url("/images/inactif.gif");
	background-repeat:  no-repeat;
}
div.encart_navigation_activer a:hover {
	background-image: url("/images/actif.gif");
	background-repeat:  no-repeat;
}
div.encart_navigation_desactiver a {
	background-image: url("/images/actif.gif");
	background-repeat:  no-repeat;
}
div.encart_navigation_desactiver a:hover {
	background-image: url("/images/inactif.gif");
	background-repeat:  no-repeat;
}

div.navigation_trois_right , div.navigation_trois_right input  {
	width: 80px;
}
div.navigation_trois_left  , div.navigation_trois_left input {
	width: 80px;
}
div.navigation_trois_center {
	width: 80px;
}

div.navigation_cinq_right input  {
	width: 110px;
}
div.navigation_cinq_right  {
	width: 110px;
	padding-left: 3px;
}
div.navigation_cinq_left {
	width: 110px;

}
div.navigation_cinq_center {
	width: 105px;
}

div.en_tete_navigation_right {
	width: auto;
}
div.en_tete_navigation_left  {
	width: auto;
}
div.en_tete_navigation_center {
	width: auto;
}

/*********************************/
/********** Pager navigation **********/
/*********************************/
div#pager_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border: 0px;
	border-top: 2px;
	border-style: solid;
	border-color: rgb(50, 111, 185);/* Bleu fonce:  */
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
}
div#pager_navigation span, div#pager_navigation a {
	margin-left: 6px;
	margin-right: 6px;
}
div#pager_navigation span {
	color: rgb(150, 150, 150);/* Gris:  */
	font-size: 11px;
}
div#pager_navigation a {
	color: rgb(50, 111, 185);/* Bleu fonce:  */
}

div#pager_navigation  a.pager_navigation_suivant_precedent , div#pager_navigation  a.pager_navigation_debut_fin {
	font-size: 12px;
}
div#pager_navigation  a.pager_navigation_debut_fin {
	color: rgb(158, 196, 233);/* Bleu clair: */
	margin-left: 0px;
	margin-right: 0px;
}
div#pager_navigation  a.pager_navigation_debut_fin:hover {
	color: rgb(50, 111, 185);/* Bleu fonce:  */
}
div#pager_navigation  a.pager_navigation_suivant_precedent {
	color: rgb(50, 111, 185);/* Bleu fonce:  */
	margin-left: 10px;
	margin-right: 10px;
}
/********************************/
/********** Lister Outils **********/
/********************************/
ul#lister_outils {
	font-size: 11px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#lister_outils li {
	float: left;
	margin-bottom: 50px;
	margin-left: 10px;
	text-align: center;
}
#lister_outils a {
	display: block;
	color: rgb(50, 111, 185);/* Bleu foncé: */
	text-align: center;
	width: 120px;
	height: 45px;
}
#lister_outils p {
	display: block;
	color: rgb(150, 150, 150);/* Gris: */
	text-align: center;
	width: 120px;
	height: 45px;
}
/************************************/
/**********  Formulaire signin ************/
/************************************/

/* Label */
.form_signin fieldset label {
	width: 200px;
}

/* Input */
.form_signin fieldset input {
	width: 200px;
}

/* Restriction accès */
#restriction_acces {
	background-color: rgb(245, 245, 245);/* Gris très très clair: */
	padding-top: 10px;
	padding-bottom: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
	text-align: center;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
}
#restriction_acces p {
	font-size: 18px;
	color: rgb(50, 111, 185);/* Bleu foncé: */
	padding-top: 10px;
}
#restriction_acces img {
	float: right;
	/* margin-top: 15px;*/
	margin-right: 15px;
}

/**************************************/
/********** Gestion page d'accueil **********/
/**************************************/
div#contenu_principal_page_accueil {
  /*background-color:  rgb(24, 25, 100);*/
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	width: 592px;   /* lageur du contenu */
	padding-top: 0px;
	padding-bottom: 0px;
}

div.accueil_ligne_bottom_01 {
	height: 15px;
	border-width: 0px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-style: solid;
	margin-top: -15px;
	/*color: rgb(196, 196, 196);/* Gris clair:  */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}
div.accueil_ligne_top_01 {
	height: 15px;
	border-width: 0px;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-style: solid;
	margin-bottom: -15px;
	/*color: rgb(196, 196, 196);/* Gris clair:  */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}

div.accueil_ligne_01 {
	height: 1px;
	border: 0;
	margin-bottom: 10px;
	color: rgb(196, 196, 196);/* Gris clair:  */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
	background-color: rgb(196, 196, 196);/* Gris clair:  */
}
br.accueil_sans_ligne_01, br.accueil_sans_ligne_02 {
	height: 10px !important;
	line-height: 10px !important;
	border: 0px !important;
	padding: 0px !important;
	clear: both !important;
	visibility: hidden !important;
}

br.accueil_sans_ligne_02 {
	height: 5px !important;
	line-height: 5px !important;
}

div.encart_accueil_fonce, div.encart_accueil_clair, div.encart_accueil_clair_agenda, div.encart_accueil_clair_articles {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border-width: 1px;
	border-style: solid;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.encart_accueil_fonce {
	padding: 2px;
	background-color: rgb(245, 245, 245);/* Gris tres tres clair: */
	border-color: rgb(196, 196, 196);/* Gris clair:  */
}
div.encart_accueil_clair, div.encart_accueil_clair_agenda, div.encart_accueil_clair_articles {
	border: 0px;
	background-color:  rgb(249, 250, 251); /* Blanc grisé très clair: */
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}

div.encart_accueil_clair_agenda, div.encart_accueil_clair_articles {
	margin: 0px 0px 20px 0px;
}

div.encart_navigation_clair_accueil {
	border-bottom: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair: */
}
div.encart_navigation_clair_accueil div, div.encart_navigation_clair_accueil div {
	width: 279px;
}

div.encart_accueil_court_left, div.encart_accueil_court_right, div.encart_accueil_long_left, div.encart_accueil_long_right {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	margin-top: 6px;
	margin-bottom: 0px;
}
div.encart_accueil_court_left {
	width: 283px;
	float: left;
}
div.encart_accueil_court_right {
	width: 283px;
	float: right; 	
}

div.encart_titre_encart {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border-width: 1px;
	border-style: solid;
	
	/*background-color: rgb(225, 225, 225);/* Gris tres tres clair: */
	border-color: rgb(150, 150, 150);/* Gris: */
	
	/*background-color: rgb(158, 196, 233);/* Bleu clair: */
	/*border-color: rgb(50, 111, 185);/* Bleu foncé: */
	
	/*background-color: rgb(221,238, 255);/*Bleu très claire: */
	/*border-color: rgb(158, 196, 233);/* Bleu clair: */

	background-color: rgb(245, 245, 245);/* Gris tres tres clair: */
	/*border-color: rgb(196, 196, 196);/* Gris clair:  */
	margin-bottom: 0px;
	padding: 1px 2px 1px 2px;
}
h3.titre_encart {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	
	color: rgb(150, 150, 150); /* Gris: */

	font-weight: bolder;
	letter-spacing: 4px;
	float: left;
}

div.encart_accueil_fonce img, div.encart_accueil_clair img {
	float: left;
	margin-right: 10px;
}

object#encart_accueil_video {
	float: left;
	margin-right: 10px; /* marge un peu arbitraire valable pour les encarts, les shows et l'accueil à la place de la marge pour img*/
}

.img_accueil_agenda {
	/*width: 100px; /* voir app.yml */
	margin-top: 0px;
}
.img_accueil_articles {
	/*width: 100px; /* voir app.yml */
	margin-top: 0px;
}
.img_accueil_lien {
	/*width: 100px; /* voir app.yml */
	margin-top: 0px;
}
.img_accueil_biographie {
	/*width: 150px; /* voir app.yml */
	margin-top: 0px;
}

.img_accueil_proprieatire {
	margin-top: 18px;
}

a.lien_accueil_01 {
	margin-left: 5px;
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
a.lien_accueil_01:hover {
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
}
a.lien_accueil_02 {	
	margin-left: 10px;
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	font-weight: bold;
}
a.lien_accueil_02:hover {	
	color: rgb(50, 111, 185) !important; /* Bleu foncé:  */
}

div.encart_accueil_titre_fonce, div.encart_accueil_titre_clair {
}

div.encart_accueil_titre_fonce h4, div.encart_accueil_titre_clair h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border-width: 0px;
	border-bottom: 1px;
	border-style: solid;
	margin-bottom: 5px;
}
div.encart_accueil_titre_clair h4 {
	color: rgb(50, 111, 185);/* Bleu foncé: */
	border-color: rgb(221,238, 255); /* Bleu très claire: */ 
}
div.encart_accueil_titre_fonce h4 {
	color: rgb(85, 85, 85);/* Gris foncé: */
	border-color:  rgb(225, 225, 225); /* Gris très clair:  */
}
div.encart_accueil_titre_fonce p, div.encart_accueil_titre_clair p {
	color: rgb(150, 150, 150);/* Gris: */
	margin-bottom: 5px;
	margin-top: -5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.encart_accueil_contenu  {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 11px;
}

ul.liste_info_accueil_left_clair, ul.liste_info_accueil_right_clair, ul.liste_info_accueil_left_fonce, ul.liste_info_accueil_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}

div.lister_ecoles_nouvelles_accueil  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
}
div.lister_ecoles_nouvelles_accueil h5  {
	font-size: 11px !important;
}
div.lister_ecoles_nouvelles_accueil ul {
	margin: 5px 0 0 0 !important; 
	padding: 0 0 0 20px !important;
}
div.lister_ecoles_nouvelles_accueil ul li {
	list-style-image: url("/images/puce_05.png");
	margin: 2px 0 0 0 !important;
}
div.lister_ecoles_nouvelles_accueil ul li a {
	color: rgb(50, 111, 185) !important;/* Bleu foncé: */
}


/* Label */
.form_accueil_liaison_module fieldset label {
	width: 200px;
}
/* Input */
.form_accueil_liaison_module fieldset  input {
	width: 200px;
}
.form_accueil_liaison_module input.titre_Accueil {
	font-size: 12px !important;
}
.form_accueil_liaison_module input.complement_titre, .form_accueil_liaison_module input.complement_titre_date_lieu {
	font-size: 10px !important;
}

/**********************************/
/********** Gestion post-its **********/
/*********************************/
div#contenu_principal_page_post_it {
  /*background-color:  rgb(24, 25, 100);*/
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	width: 592px;   /* lageur du contenu */
	padding-top: 0px;
	padding-bottom: 0px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

ul.liste_info_post_it_left_clair, ul.liste_info_post_it_right_clair, ul.liste_info_post_it_left_fonce, ul.liste_info_post_it_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}

/*** Cadre lister outils  post-it ***/
ul.lister_agenda_post_it, ul.lister_articles_post_it, ul.lister_publications_post_it, ul.lister_bibliographie_post_it  {
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 0px;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair:  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}
ul.lister_agenda_post_it li, ul.lister_articles_post_it li, ul.lister_publications_post_it li, ul.lister_bibliographie_post_it li {
	padding-bottom: 4px;
	padding-top: 4px;
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border: 0px;
	border-top: 1px;
	border-style: solid;
	border-color: rgb(158, 196, 233);/* Bleu clair:  */
}

ul.lister_agenda_post_it h4, ul.lister_articles_post_it h4, ul.lister_publications_post_it h4, ul.lister_bibliographie_post_it h4 {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 11px;
}

ul.lister_agenda_post_it p, ul.lister_articles_post_it p {
	font-size: 10px;
	color: rgb(150, 150, 150);/* Gris: */
}


.lister_agenda_post_it_hover_AMF a, .lister_articles_post_it_hover_AMF a, .lister_publications_post_it_hover_AMF a, .lister_bibliographie_post_it_hover_AMF a {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 11px;
}
.lister_agenda_post_it_hover_ISMM a, .lister_articles_post_it_hover_ISMM a, .lister_publications_post_it_hover_ISMM a, .lister_bibliographie_post_it_hover_ISMM a {
	color: rgb(85, 85, 85);/* Gris foncé: */
	font-size: 11px;
}
.lister_agenda_post_it_hover_AMF a:hover, .lister_articles_post_it_hover_AMF a:hover, .lister_publications_post_it_hover_AMF a:hover, .lister_bibliographie_post_it_hover_AMF a:hover {
	color: rgb(76, 167, 21);/* Vert:  */
}
.lister_agenda_post_it_hover_ISMM a:hover, .lister_articles_post_it_hover_ISMM a:hover, .lister_publications_post_it_hover_ISMM a:hover, .lister_bibliographie_post_it_hover_ISMM a:hover {
	color: rgb(210, 90, 49);/* Orange:  */
}
ul.lister_agenda_post_it p, ul.lister_articles_post_it p {
	font-size: 10px;
	color: rgb(150, 150, 150);/* Gris: */
}
ul.lister_agenda_post_it img, ul.lister_articles_post_it img, ul.lister_publications_post_it img, ul.lister_bibliographie_post_it img  {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	/*_margin-top: 8px;*/
}

ul.lister_publications_post_it ul, ul.lister_bibliographie_post_it ul {
	/*list-style-type: none;*/
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*font-weight: bold;*/
	font-size: 10px;
	color: rgb(150, 150, 150);/* Gris: */
}
ul.lister_publications_post_it ul li, ul.lister_bibliographie_post_it ul li {
	margin-bottom: 5px;
	padding-bottom: 1px;
}

ul.lister_publications_post_it_AMF li, ul.lister_bibliographie_post_it_AMF li, ul.lister_publications_post_it_ISMM li, ul.lister_bibliographie_post_it_ISMM li {
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-style: dotted;
	border-color: rgb(50, 111, 185);/* Bleu foncé: */
}
ul.lister_publications_post_it_AMF li, ul.lister_bibliographie_post_it_AMF li {
	border-color: rgb(76, 167, 21);/* Vert:  */
}
ul.lister_publications_post_it_ISMM li, ul.lister_bibliographie_post_it_ISMM li {
	border-color: rgb(210, 90, 49);/* Orange:  */
}


ul.lister_publications_post_it_court_left, ul.lister_bibliographie_post_it_court_left {
	width: 160px;
	float: left !important;
}

ul.lister_publications_post_it_court_right, ul.lister_bibliographie_post_it_court_right {
	width: 160px;
	float: right !important;
}

.img_post_it_publications_left, .img_post_it_bibliographie_left {
	float: left !important;
	margin-right: 5px !important;
	margin-top: 5px !important;
	width: 65px;
}
.img_post_it_publications_right, .img_post_it_bibliographie_right {
	float: right !important;
	margin-right: 0px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	width: 65px;
}

/* Label */
.form_post_it_liaison_module_contenu fieldset label {
	width: 220px;
}
/* Input */
.form_post_it_liaison_module_contenu fieldset  input {
	width: 180px;
}

/***********************************************************************/
/********** Gestion du pied de page et configuration envoi courriel  surcharge ... **********/
/**********************************************************************/
ul.liste_info_proprietaire_left_clair, ul.liste_info_proprietaire_right_clair, ul.liste_info_proprietaire_left_fonce, ul.liste_info_proprietaire_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}

/* Label */
.form_proprietaire fieldset label {
	width: 230px;
}
/* Input */
.form_proprietaire fieldset  input {
	width: 200px;
}
/* Textarea */
.form_proprietaire fieldset textarea  {
	height: 200px;
}

/************************************************/
/********** Gestion des Meta Tags  surcharge ... **********/
/***********************************************/
ul.liste_info_meta_tags_left_clair, ul.liste_info_meta_tags_right_clair, ul.liste_info_meta_tags_left_fonce, ul.liste_info_meta_tags_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}

/* Label */
.form_meta_tags fieldset label {
	width: 230px;
}
/* Input */
.form_meta_tags fieldset  input {
	width: 200px;
}
/* Textarea */
.form_meta_tags fieldset textarea  {
	height: 200px;
}

/*************************************************************************/
/**********  Utilisateurs surcharge de "encart", "liste_info" , "sous_liste_info" ...  **********/
/************************************************************************/
div.encart_utilisateurs_fonce img, div.encart_utilisateurs_clair img {
	width: 65px;
}
ul.liste_info_utilisateurs_clair, ul.liste_info_utilisateurs_fonce {
	float: left;
	width: 210px;
	margin-left: 22px;
	padding-top: 5px;
	padding-bottom: 3px;
}
ul.sous_liste_info_utilisateurs_fonce , ul.sous_liste_info_utilisateurs_clair {
	width: 120px !important;
	margin-left: 45px;
}
ul.sous_liste_info_utilisateurs_fonce {
	background-color:  rgb(225, 225, 225); /* Gris clair:  */
	border-color: rgb(150, 150, 150); /* Gris:  */
}
ul.sous_liste_info_utilisateurs_clair {
	background-color: rgb(221,238, 255);/* Bleu très claire: */
	border-color: rgb(158, 196, 233);/* Bleu clair: */
}

div.liste_info_utilisateurs_conteneur {
	float: left;
	margin-bottom: 20px;
}
div.liste_info_utilisateurs_conteneur img {
	float: left;
	margin-right: 40px;
	width: 120px;
}
div.liste_info_droit_utilisateurs_conteneur  {
	/*width: 120px;*/
	float: right;
	margin-bottom: 20px;
}

ul.liste_info_utilisateurs_show {
	float: left;
	width: 220px;
	margin-left: 2px;
}
ul.liste_info_droit_utilisateurs_show {
	width: 120px;
	margin-left: 0px;
}
ul.liste_info_utilisateurs_show li, ul.liste_info_droit_utilisateurs_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_utilisateurs fieldset label {
	width: 200px;
}

/* Input */
.form_utilisateurs fieldset  input {
	width: 200px;
}

/******************************************************/
/**********  Agenda surcharge de "encart", "liste_info" ... *********/
/*****************************************************/
div.encart_agenda_fonce img, div.encart_agenda_clair img {
	/*width: 110px;*/ /* voir app.yml */
	margin-right: 5px;
}

object#encart_agenda_video {
	float: left;
	margin-right: 5px; /* marge un peu arbitraire valable pour les encarts, les shows et l'accueil à la place de la marge pour img*/
}

ul.liste_info_agenda_left_clair, ul.liste_info_agenda_right_clair, ul.liste_info_agenda_left_fonce, ul.liste_info_agenda_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_agenda_left_fonce , ul.liste_info_agenda_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_agenda_right_fonce, ul.liste_info_agenda_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/* Label */
.form_agenda fieldset label {
	width: 250px;
}

/* Input */
.form_agenda fieldset  input {
	width: 200px;
}

.form_agenda_description_simple  {
	height: 50px !important;
	font-size: 11px !important;
}

/******************************************************/
/**********  Articles surcharge de "encart", "liste_info"  ... *********/
/*****************************************************/
div.encart_articles_fonce img, div.encart_articles_clair img {
	/*width: 110px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_articles_left_clair, ul.liste_info_articles_right_clair, ul.liste_info_articles_left_fonce, ul.liste_info_articles_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_articles_left_fonce , ul.liste_info_articles_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_articles_right_fonce, ul.liste_info_articles_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/* Label */
.form_articles fieldset label {
	width: 200px;
}

/* Input */
.form_articles fieldset  input {
	width: 200px;
}

/**************************************************************/
/**********  Diaporama surcharge de "encart", "liste_info" et form ... *********/
/*************************************************************/

/*** list ***/
div.encart_diaporama_fonce img, div.encart_diaporama_clair img {
	width: 150px;
	margin-right: 5px;
}
div.encart_titre_diaporama_fonce, div.encart_titre_diaporama_clair {
	float: left;
}
div.encart_titre_diaporama_fonce h4, div.encart_titre_diaporama_clair h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 280px; /* Et pas 300px comme la photo car il y a 10px de marge left et right la class de base encart_titre_ ... */
}
div.encart_contenu_diaporama{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(150, 150, 150);
	width: 280px; /* Et pas 300px comme la photo car il y a 10px de marge left et right la class de base encart_contenu_ ... */
	float: left;
}

/*** show ***/
div.liste_info_diaporama_conteneur {
	float: right;
	margin-bottom: 20px;
}
ul.liste_info_diaporama_show {
	width: 150px;
	margin-left: 2px;
}

ul.liste_info_diaporama_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/*** edit ***/
/* Textarea */
textarea.description_photo{
	height: 80px !important;
	width: 300px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: rgb(150, 150, 150) !important;/* Gris foncé: */
	margin-left: 5px !important;
}
/* Input */
input.titre_photo {
	width: 300px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: 	 rgb(150, 150, 150) !important;/* Gris très clair: */
}
/* Label */
.form_diaporama fieldset label {
	width: 200px;
}

/**************************************/
/**********  Upload surcharge form ...*********/
/*************************************/

/*** list ***/
div.encart_upload_clair div{
border-color: rgb(158, 196, 233);/* Bleu clair: */
}
div.encart_upload_fonce div{
border-color: rgb(196, 196, 196);/* Gris clair:  */
}

div.info_type_upload, div.info_cree_upload,div.info_taille_upload, div.info_intitule_upload {
	height: 25px; 
	color: rgb(150, 150, 150);/* Gris foncé: */
	border: 0px;
	border-right: 1px;
	border-style: dotted;
	float: left;
	line-height: 25px;
	text-align: center;
}
div.info_intitule_upload {
	width: 355px;
	border: 0px;
}
div.info_taille_upload {
	width: 65px;
}
div.info_cree_upload {
	width: 80px;
}
div.info_type_upload {
	width: 55px;
}

div#entrees_tableau_ulpload { 
	overflow: hidden; /* Pour retablir le flux malgré les floattant contenus */
	height: 1%;       /* idem */
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	margin-top: 30px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 	 rgb(150, 150, 150);/* Gris très clair: */
	border-color: 	 rgb(225, 225, 225);/* Gris très clair: */
}

div#entree_intitule, div#entree_taille, div#entree_cree, div#entree_type {
	float: left;
	border: 0px;
	border-right: 1px;
	border-style: dotted;
	float: left;
	text-align: center;
	height: 14px;
}

div#entree_intitule {
	border: 0px;
	width: 356px;
}
div#entree_taille {
	width: 65px;
}
div#entree_cree {
	width: 80px;
}
div#entree_type {
	width: 57px;
}

/*** edit ***/
/* Input */
input.intitule_fichier {
	width: 300px !important;
	font-size: 11px !important;
	padding-bottom: 1px !important;
	padding-top: 1px !important;
	color: 	 rgb(150, 150, 150) !important;/* Gris très clair: */
}
/* Label */
.form_upload fieldset label {
	width: 200px;
}

/************************************************************/
/**********  page_modele_01 surcharge de "encart", "liste_info " ... *********/
/************************************************************/
div.encart_page_modele_01_fonce img, div.encart_page_modele_01_clair img {
	/*width: 110px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_page_modele_01_left_clair, ul.liste_info_page_modele_01_right_clair, ul.liste_info_page_modele_01_left_fonce, ul.liste_info_page_modele_01_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_page_modele_01_left_fonce , ul.liste_info_page_modele_01_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_page_modele_01_right_fonce, ul.liste_info_page_modele_01_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/* Label */
.form_page_modele_01 fieldset label {
	width: 200px;
}

/* Input */
.form_page_modele_01 fieldset  input {
	width: 200px;
}

/********************************************************************/
/**********  ecoles surcharge de "encart", "liste_info" et "sous_liste_info" ...  **********/
/********************************************************************/
ul.liste_info_ecoles_left_clair, ul.liste_info_ecoles_right_clair, ul.liste_info_ecoles_left_fonce, ul.liste_info_ecoles_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_ecoles_left_fonce , ul.liste_info_ecoles_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_ecoles_right_fonce, ul.liste_info_ecoles_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

ul.liste_info_ecoles_clair_01, ul.liste_info_ecoles_fonce_01 {
	float: left;
/*	width: 230px;*/
	margin-left: 25px;
	_margin-left: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
	/*background-color: rgb(158, 196, 233);/* Bleu clair: */
}

ul.liste_info_ecoles_clair_02, ul.liste_info_ecoles_fonce_02 {
	float: right;
/*	width: 250px;*/
	margin-right: 25px;
	_margin-right: 12px;
	margin-top: 5px;
	margin-bottom: 2px;
	/*background-color: rgb(158, 196, 233);/* Bleu clair: */
}

/*** show ***/
div.liste_info_ecoles_conteneur {
	float: right;
	margin-bottom: 20px;
	width: 220px;
	clear: right;
	margin-left: 15px;
}
ul.liste_info_ecoles_show {
	width: 220px;
}

ul.liste_info_ecoles_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_ecoles fieldset label {
	width: 255px;
}

/* Input */
.form_ecoles fieldset  input {
	width: 200px;
}

/*************************************************/
/**********  AdressesUtiles surcharge de "encart" ... *********/
/*************************************************/

ul.liste_info_adresses_utiles_left_clair, ul.liste_info_adresses_utiles_right_clair, ul.liste_info_adresses_utiles_left_fonce, ul.liste_info_adresses_utiles_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}

ul.liste_info_adresses_utiles_clair, ul.liste_info_adresses_utiles_fonce {
	float: right;
	/*width: 250px;*/
	margin-right: 25px;
	_margin-right: 12px;
	margin-left: 22px;
	padding-top: 5px;
	padding-bottom: 3px;
}

ul.liste_info_adresses_utiles_left_fonce , ul.liste_info_adresses_utiles_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_adresses_utiles_right_fonce, ul.liste_info_adresses_utiles_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/* Label */
.form_adresses_utiles fieldset label {
	width: 230px;
}

/* Input */
.form_adresses_utiles fieldset  input {
	width: 200px;
	font-size: 12px !important;
}

.form_adresses_utiles fieldset  textarea {
	height: 50px;
	font-size: 11px;
}

/*********************************************************/
/**********  Publications surcharge de "encart", "liste_info" ... *********/
/********************************************************/
div.encart_publications_fonce img, div.encart_publications_clair img {
	/*width: 65px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_publications_left_clair, ul.liste_info_publications_right_clair, ul.liste_info_publications_left_fonce, ul.liste_info_publications_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_publications_left_fonce , ul.liste_info_publications_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_publications_right_fonce, ul.liste_info_publications_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/*** show ***/
div.liste_info_publications_conteneur {
	float: right;
	margin-bottom: 20px;
	width: 220px;
	clear: right;
	margin-left: 15px;
}
ul.liste_info_publications_show {
	width: 220px;

}

ul.liste_info_publications_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_publications fieldset label {
	width: 200px;
}

/* Input */
.form_publications fieldset  input {
	width: 200px;
}

/****************************************************/
/**********  Lien surcharge de "encart", "liste_info" ... *********/
/***************************************************/
div.encart_lien_fonce img, div.encart_lien_clair img {
	/*width: 65px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_lien_left_clair, ul.liste_info_lien_right_clair, ul.liste_info_lien_left_fonce, ul.liste_info_lien_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_lien_left_fonce , ul.liste_info_lien_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_lien_right_fonce, ul.liste_info_lien_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/* Label */
.form_lien fieldset label {
	width: 200px;
}

/* Input */
.form_lien fieldset  input {
	width: 200px;
}

/**********************************************************/
/**********  Bibliographie surcharge de "encart", "liste_info" ... *********/
/*********************************************************/
div.encart_bibliographie_fonce img, div.encart_bibliographie_clair img {
	/*width: 65px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_bibliographie_left_clair, ul.liste_info_bibliographie_right_clair, ul.liste_info_bibliographie_left_fonce, ul.liste_info_bibliographie_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_bibliographie_left_fonce , ul.liste_info_bibliographie_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_bibliographie_right_fonce, ul.liste_info_bibliographie_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/*** show ***/
div.liste_info_bibliographie_conteneur {
	float: right;
	margin-bottom: 20px;
	width: 220px;
	clear: right;
	margin-left: 15px;
}
ul.liste_info_bibliographie_show {
	width: 220px;

}

ul.liste_info_bibliographie_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_bibliographie fieldset label {
	width: 200px;
}

/* Input */
.form_bibliographie fieldset  input {
	width: 200px;
}

/**********************************************************/
/**********  Offres Emploi surcharge de "encart", "liste_info" ... *********/
/*********************************************************/
div.encart_offres_emploi_fonce img, div.encart_offres_emploi_clair img {
	/*width: 110px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_offres_emploi_left_clair, ul.liste_info_offres_emploi_right_clair, ul.liste_info_offres_emploi_left_fonce, ul.liste_info_offres_emploi_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_offres_emploi_left_fonce , ul.liste_info_offres_emploi_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_offres_emploi_right_fonce, ul.liste_info_offres_emploi_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/*** show ***/
div.liste_info_offres_emploi_conteneur {
	float: right;
	margin-bottom: 20px;
	width: 220px;
	clear: right;
	margin-left: 15px;
}
ul.liste_info_offres_emploi_show {
	width: 220px;
}

ul.liste_info_offres_emploi_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_offres_emploi fieldset label {
	width: 255px;
}

/* Input */
.form_offres_emploi fieldset  input, .form_offres_emploi fieldset  select {
	width: 200px;
}

/************************************************************/
/**********  Demandes Emploi surcharge de "encart", "liste_info" ... *********/
/************************************************************/
div.encart_demandes_emploi_fonce img, div.encart_demandes_emploi_clair img {
	/*width: 110px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_demandes_emploi_left_clair, ul.liste_info_demandes_emploi_right_clair, ul.liste_info_demandes_emploi_left_fonce, ul.liste_info_demandes_emploi_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_demandes_emploi_left_fonce , ul.liste_info_demandes_emploi_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_demandes_emploi_right_fonce, ul.liste_info_demandes_emploi_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/*** show ***/
div.liste_info_demandes_emploi_conteneur {
	float: right;
	margin-bottom: 20px;
	width: 220px;
	clear: right;
	margin-left: 15px;
}
ul.liste_info_demandes_emploi_show {
	width: 220px;
}

ul.liste_info_demandes_emploi_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_demandes_emploi fieldset label {
	width: 255px;
}

/* Input */
.form_demandes_emploi fieldset  input {
	width: 200px;
}

/********************************************************/
/**********  Annonce surcharge de "encart", "liste_info" ... **********/
/********************************************************/
div.encart_annonce_fonce img, div.encart_annonce_clair img {
	/*width: 110px;*/ /* voir app.yml */
	margin-right: 5px;
}
ul.liste_info_annonce_left_clair, ul.liste_info_annonce_right_clair, ul.liste_info_annonce_left_fonce, ul.liste_info_annonce_right_fonce {
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	float: left;
}
ul.liste_info_annonce_left_fonce , ul.liste_info_annonce_left_clair {
	width: 220px;
	/*_width: 230px;*/
}
ul.liste_info_annonce_right_fonce, ul.liste_info_annonce_right_clair {
	width: 100px;
	/*_width: 80px;*/
}

/*** show ***/
div.liste_info_annonce_conteneur {
	float: right;
	margin-bottom: 20px;
	width: 220px;
	clear: right;
	margin-left: 15px;
}
ul.liste_info_annonce_show {
	width: 220px;
}

ul.liste_info_annonce_show li {
	/*margin-bottom: 10px;
	padding-bottom: 5px;*/
}

/* Label */
.form_annonce fieldset label {
	width: 255px;
}

/* Input */
.form_annonce fieldset  input {
	width: 200px;
}

/************************************************/
/**********  Courriel  et Envoyer page surcharge ... *********/
/************************************************/

/* Label */
.form_courriel fieldset label {
	width: 230px;
}

/* Input */
.form_courriel fieldset  input {
	width: 250px;
}

.form_courriel textarea  {
	height: 150px !important;
	font-size: 12px !important;
}

/***************************/
/**********  Site Map *********/
/***************************/
div#site_map ul {
	margin: 10px 0 10px 0 !important; 
	padding: 0 0 0 30px !important;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
div#site_map ul li{
	margin: 5px 0 0 0 !important; 
	padding: 0 0 0 0 !important;
}

ul.site_map_hierarchie_1_Accueil li {
	list-style-image: url("/images/puce_05.png"); /* puce bleu */
}
ul.site_map_hierarchie_1_AMF li {
	list-style-image: url("/images/puce_04.png"); /* puce verte */
}
ul.site_map_hierarchie_1_ISMM li {
	list-style-image: url("/images/puce_03.png"); /* puce orange */
}
ul.site_map_hierarchie_1_Accueil li a{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.3px;
	/*color: rgb(50, 111, 185);/* Bleu foncé: */
	color: rgb(55, 55, 55);/* Gris très foncé: */
}
ul.site_map_hierarchie_1_Accueil li a:hover{
	color: rgb(50, 111, 185);/* Bleu foncé: */
}
ul.site_map_hierarchie_1_AMF li a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.3px;
	color: rgb(76, 167, 21);/* Vert: */
}
ul.site_map_hierarchie_1_ISMM li a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.3px;
	color: rgb(210, 90, 49);/* Orange: */
}

ul.site_map_hierarchie_1_AMF ul li, ul.site_map_hierarchie_1_ISMM ul li  {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.3px;
	color: rgb(55, 55, 55);/* Gris très foncé: */
}
ul.site_map_hierarchie_1_ISMM ul li  {
	list-style-image: url("/images/puce_03.png"); /* puce orange */
}
ul.site_map_hierarchie_1_AMF ul li  {
	list-style-image: url("/images/puce_04.png"); /* puce verte */
}

ul.site_map_hierarchie_1_AMF ul ul li, ul.site_map_hierarchie_1_ISMM ul ul li {
	list-style-image: url("/images/puce_06.png"); /* puce grise */
}
ul.site_map_hierarchie_1_AMF ul ul li a, ul.site_map_hierarchie_1_ISMM ul ul li a {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1.3px;
	color: rgb(85, 85, 85);/* Gris foncé: */
}
ul.site_map_hierarchie_1_AMF ul ul li a:hover {
	color: rgb(76, 167, 21);/* Vert: */
}
ul.site_map_hierarchie_1_ISMM ul ul li a:hover {
	color: rgb(210, 90, 49);/* Orange: */
}