/* $VERSION: style_ciril.css 4.14.006.1.2025.04.14.15.15	 */

#identification{
	width: 100%;
	height: 100px;
	padding-top:10px;
	padding-left:10px;
	background: white url("/composants/charte/logo_identification.gif");
}

#identification p{
	margin:10px;
	vertical-align: middle
}

#identification label{
	width:120px;
	font-size:14px;
}
#identificationtitle{
	background: red;
}


/*------------------------------------------------
 *	Bandeau
 *------------------------------------------------*/

#bandeau img{
	float:left;
	}

/*------------------------------------------------
*  Navigation
*------------------------------------------------*/

#historique {

}

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

#historique li{
	list-style:none;
	float:left;
	list-style:none;
	padding-right:10px;
}
#historique a{
	font-size :120%;
	padding-top:5px;
}

/*------------------------------------------------
 *  Titre de la page
 *------------------------------------------------*/



/*------------------------------------------------
 *  Positionnement de l'entete
 *------------------------------------------------*/


/*------------------------------------------------
 *  Suppression des bords de toutes les images
 *------------------------------------------------*/
img {
	border: 0px;
	vertical-align: middle;
}

/*------------------------------------------------
 *  Les balises code et pre servent � l'affichage de code.
 *  On n'en a pas besoin pour le moment.
 *------------------------------------------------*/
code, pre {

}

ul.arbre {
	list-style : none;
}

ul.arbre ul {
	list-style : none;
	padding:2px;
	padding-left:30px;
}
ul.arbre li {
	margin-top:4px;
	margin-bottom:4px;
}

ul.arbre li.selected{
	border:1px solid black;
	background-color:yellow;
}

ul.arbre li.selected ul{
	background-color:white;
	border-top:1px solid black;
}
ul.pselected{
	margin : 10px;
	border-left:1px solid black;
}

ul.arbre li.selected li{
}

ul.arbre span:hover {
	border : 1px solid black;
	background-color: #FFFFE0;
}

/*------------------------------------------------
 *  La balise blockquote sert � afficher de courtes citations.
 *  La balise q sert � afficher de courtes citations ( mises entre guillemets).
 *  Positionnement de la couleur et mise en italiques.
 *------------------------------------------------*/
blockquote, q {
	font-style: italic;
	color: #369;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

/*------------------------------------------------
 *  La balise sert � afficher un extrait de code, d'un texte
 *  Positionnement de la couleur de fond  et de la taille.
 *------------------------------------------------*/
samp {
	font-size: small;
	color: #000;
	background-color: #E6E6FA;
}

/*------------------------------------------------
 * Suppression des espaces entre les cellules ( CELLSPACING=0)
 * Par d�faut il n'y a pas de bords	(BORDER=0)
 *------------------------------------------------*/


/*------------------------------------------------
 * La balise caption permet de d�finier le titre d'un tableau
 * Position de la couleur de fonds, de la couleur de la police,
 * et de la graisse de la police
 * marge � droite, gauche
 *------------------------------------------------*/

/*------------------------------------------------
 * Marges dans les cellules d'un tableau relative � la taille de la police int�rieurs
 *------------------------------------------------*/
td {
 padding: 0.2em;
}


/*------------------------------------------------
 *  D�finition des liens. (couleur du texte)
 *  Les liens d�ja visit�s ne sont pas marqu�s
 *  Modification de la couleur de la police et suppression du soulign� lors du survol
 *------------------------------------------------*/

/*------------------------------------------------
 * Paragraphes
 *------------------------------------------------*/


p {
    margin:0.2em;
    line-height: 150%; }
/*------------------------------------------------
 * listes
 *------------------------------------------------*/
ul li{
	line-height: 1.5;
}
/*------------------------------------------------
 * Le trait de s�paration
 *------------------------------------------------*/
hr {
	width: 75%;
	height: 1px;
        background:#333;
         border:0;
	display:block;
        margin: 1em auto;

}

/*------------------------------------------------
 * Les �lements d'un formulaire
 *------------------------------------------------*/
legend{
	/*position:absolute; top: -1em; left: .5em;
        padding:0 2px;
        margin:0;
	font-weight: normal;
        font-size:105%;*/
	/*color : #55768F;
	background:none;*/
}
fieldset
{/*
        margin:5px;


          border:1px solid #ccc;
	 margin-top:15px;
	 padding: 5px;
	 background-color: white;*/
}
fieldset.transparent
{
	border:none;
	background-color:#f9f9f9
}


#entete fieldset{
	 background-color: white;
}

fieldset p, div.identification p
{
	padding: 5px;
        margin:0.2em;

}

fieldset hr {
	width: 260px;
	height: 1px;
	color: #ccc;
}

div.fieldset{
	border:1px solid #9999CC;
	position: relative;
	padding: 25px;
	z-index:1;
}

h2.legend{
	position: absolute;
	padding-left :5px;
	padding-right :5px;
	top: -15px;
	z-index:2;
	background-color:white;
}

.legend{
	display: block;
	padding-left: 31%;
}

/*------------------------------------------------
 * En mode visualisation de formulaire, les donn�es
 * reprennent la couleur de texte des zones de saisie.
 *------------------------------------------------*/
.visu_form { color: #333399; }

/*------------------------------------------------
 * D�finition de classe pour les messsages utilisateurs
 * les couleurs sont positionn�es pour chacunne de ces classes.
 *------------------------------------------------*/
div.important, div.attention, div.erreur, div.note, div.astuce, p.attention {
	padding: 1em 0em;
}

div.attention, span.attention, p.attention {
	color: #bf2c2f;
}

div.attention_ico,div.flash_warning,div.warning, span.attention_ico, p.attention_ico, p.flash_warning,p.warning {
	margin:5px;
	padding:10px 10px 10px 40px;
	background:#FCF8E3 url(/images/icones/ico_attention.gif) no-repeat 10px 10px;
	border-color: #FAEBCC;
}
div.important, span.important {
	color: #8B0000;
}

div.erreur, span.erreur, p.erreur {
 	margin:5px;
	padding:10px 10px 10px 40px;
	background:#FCF8E3 url(/composants/images/triangle_attention.gif) no-repeat 10px 10px;
	border-color: #FAEBCC;
}

div.note, span.note {
	font-weight: 700;
	color : #55768F;
}

div.info_ico, span.info_ico, p.info_ico{
	margin:5px !important; /* les "!important" sont là pour overide le style par défaut de symfony */
	padding:10px 10px 10px 40px !important;
	background:#D9EDF7 url(/images/composants/ico_info_barre.gif)  no-repeat 10px 10px !important;
	border: 0px solid;
  	border-color: #BCE8F1;
}
div.notice,div.flash_notice, p.notice, p.flash_notice{
	margin:5px !important; /* les "!important" sont là pour overide le style par défaut de symfony */
	padding:10px 10px 10px 40px !important;
	background:#DFF0D8 url(/images/ico_valider.gif)  no-repeat 10px 10px !important;
  	border-color: #D6E9C6;
  	color: #3C763D;
}
div.error,div.flash_error, p.flash_error{
	margin:5px !important; /* les "!important" sont là pour overide le style par défaut de symfony */
	padding:10px 10px 10px 40px !important;
	background:#F2DEDE url(/images/icones/ico_erreur.gif)  no-repeat 10px 10px !important;
  	border-color: #EBCCD1;
  	color: #A94442;
}

p.disponible{
	color: green;
	font-weight: bold;
	background: url(/images/icones/ico_valide.gif) no-repeat;
	background-position:center top;
	padding-top: 1.6em;
}

p.nondisponible{
	color: red;
	font-weight: bold;
	background: url(/images/icones/ico_refus.gif) no-repeat;
	background-position:center top;
	padding-top: 1.6em;
}

#centre .flash_notice, #centre .flash_error, #centre .flash_warning{
    margin:0;
    margin-left: -5px;
}
div#form_periscolaire .flash_warning{ margin:1em; }
div.astuce, span.astuce { color: #00CED1; }

div.attente_ico, span.attente_ico {
   	padding:0px 1px 1px 17px;
	background:url(/composants/images/etats/etat_attente.gif) no-repeat top left;
}

div.supprime_ico, span.supprime_ico {
	padding:0px 1px 1px 17px;
	background:url(/composants/images/etats/etat_supprime.gif) no-repeat top left;
}

div.valide_ico, span.valide_ico {
	padding:0px 1px 1px 17px;
	background:url(/composants/images/etats/etat_valide.gif) no-repeat top left;
}

div.liste_ico, span.liste_ico {
	padding:0px 1px 1px 17px;
	background:url(/composants/images/liste.gif) no-repeat -1px -1px;
}

/*---------------------------------------
 * Gestion du calendrier
 *--------------------------------------*/
table.calendrier{
	width: 100%;
}

table.calendrier td {
	font-size: 10px;
	font-style: normal;

	text-align: center;
	padding: 0px;
	background-color:white;
	border: 1px solid #ccc;
}
table.calendrier td.nav, table.calendrier td.libelle-date{border:none;}
table.calendrier td.nav:hover{cursor:pointer; background:#eee;}
table.calendrier td.nav{width:26px;}
table.calendrier td.libelle-date {}

table.calendrier td.jour {
	width:26px;
	font-weight: bold;
	text-align: center;
	border:none;
	color:white;
	background-color:#99cc99;
	border-right:1px solid #ccc;
}

table.calendrier td.horsmois {
	background-color: #eee;
	color:#bbbbbb
}

table.calendrier td.weekend {
	background-color: #f5f4f4;
}

table.calendrier td.focus {
	background-color: #FFFF99;
	cursor:pointer;
}

#autocomplete
{
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #E1F1FF;
  color: #000;
  border: 1px solid #000;
  white-space: pre;
}

#autocomplete p {
  cursor: default;
  margin: 0;
  padding: 2px;
}

#autocomplete p.selected {
  background: #A4D7FF;
  color: #000;
}


div.assistantbarre{
	background-color:#FAFFEC;
	padding:5px;
}

div.assistantbarre img {
	/*position:absolute;
	top:5;
	width:16; */
	margin-left:6px;
	cursor:pointer;
}

div.assistanttable {
	/*position:absolute;
	top:30px;*/
	overflow-y:auto;
	background-color:#FAFFEC;
	/*border-top:3px double #663366;*/
	width:100%;
	height:100%;
}

div.assistantbarre div.img-shadow-1 {float:left;}
ul.sousmenu_assist {
	position:relative;
	margin:0;
	list-style:none;
	height:19px;
	_height:24px;
	overflow: hidden;
	background:#f0f1ef;
	border:1px solid #ccc;
	padding:0 2px 2px 2px;
}
.sousmenu_assist li{
	float:left;
	padding:0px;
	margin:0 2px 0 0;
	width:20px;
	height:20px;
	padding:1px;margin:1px;
	list-style:none;

}
.sousmenu_assist li img{position:relative; right:3px;}

.sousmenu_assist li:hover{
margin:1px;
background:url(/composants/images/bouton/ssmenu_w_bg.gif) no-repeat top center;
}
.sousmenu_assist_hover{
	margin:1px;
	background:url(/composants/images/bouton/ssmenu_w_bg.gif) no-repeat bottom ;
}
div.info_ico_assist{
	float:left;
	color: #8B0000;
	width:300px;
	height:20px;
	margin:2px;
	padding-left:20px;
	background:url(/images/composants/ico_info_barre.gif) no-repeat top left;
}

div.attention_ico_assist {
	float:left;
	color: #DC143C;
	width:320px;
	margin:2px;
	padding-left:20px;
	background:url(/composants/images/attention.gif) no-repeat top left;
}
div.assistanttable {
	/*position:absolute;
	top:30px;*/
	margin:0;
	clear:left;
	overflow-y:auto;
	background-color:#f9f9f9;
	/*border-top:3px double #663366;*/
	width:100%;
	height:100%;
}

div.assistanttable table{
	width:100%;
}

.bloc_bas input{
	float:right;
	margin:10px 16px 0 0;
	width:68px;
}

#CalcListe
{
	position:absolute;
	width:200px;
	height:277px;
	z-index:1;
	border:1px none #000000;
	visibility:hidden;
	overflow:auto;
}

.menuderoulant
{
	background-color:#F7EAC0;
	cursor:pointer;
}

.menuderoulant_dessus
{
	background-color:#F8E39D;
	cursor:pointer;
}




div.aide_prox_ico{
	background:transparent url("/composants/images/aide_prox_ico.gif") no-repeat top left;
	padding:10px 0px 5px 5px;
}

div.aide_prox_coin-dr{
	float:right;
	margin-right:-5px;
	margin-top:-2px;
	background:#f9f9f9 url("/composants/images/aide_prox_coin-dr.gif") no-repeat top right;
	background-position:0px 0px;
	width:8px;
	height:10px;
}


.aide_prox {
	padding:0 0 5px 5px;
	margin:7px 0px 0px 5px;
	border:1px solid #ff9900;
	border-top:0;
	background:#ffffcc;
}


.clear{
	float:left;
	width:98%;
}


/*Ajout adress*/
adress{
    font-style: normal;

}

/*********************************************
 *
 * Formulaire de mise � jour du mot de passe
 *
 */
body #form_update_password div label {
    width: 16em;
}

body #form_update_password i.legend {
	padding-left: 13%;
}