/**
 * @Author: tito
 * @Date:   2019-01-18T10:46:09+01:00
 * @Last modified by:   tito
 * @Last modified time: 2019-01-18T17:50:39+01:00
 */



/* Premiers �l�ments de personnalisation des styles transversaux */

a, a:link, a:visited, a.actif, a.actif:visited {text-decoration:none;color:#cc2b2b}
a:hover  {text-decoration:none !important;color:#a0231e}


/*
a.actif,
a.actif:visited 	{ font-weight:bold; color:#7F3677;}
*/

a img  				{ border:none;}

table 				{ border-collapse:collapse;}
form 				{ display:inline;}

label 				{ display:block;}
label.l80 { text-align:right; width:80px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l100 { text-align:right; width:100px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l110 { text-align:right; width:110px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l120 { text-align:right; width:120px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l130 { text-align:right; width:130px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l140 { text-align:right; width:140px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l150 { text-align:right; width:150px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l175 { text-align:right; width:175px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l200 { text-align:right; width:200px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}
label.l250 { text-align:right; width:250px; float:left; margin:0 0.2em; padding:0.1em 0.2em;}

label.obli { color:#CD0916; }


span.clearr { display:block;clear:right; }

.erreur 		{ color:red;}
.info 			{ color:green;}
.invisible 		{ display:none; padding:0; margin:0;}
HR.invisible		{ visibility:hidden; padding:0; margin:0; width:100%; clear:both;}
.obligatoire 		{ font-weight:normal;  color:#f1523e;}
.verbose 		{ font-family: arial,helvetica,sans-serif; color: #FF0000; display: block;}
.center {text-align:center; }
.red { color:#F22; }



th { background-color:#eee; }
tr.unsur2 { background-color:#f0f0ff; }

p.warn, div.warn { display:block; margin:0 0 0.8em 0; padding:0.8em; background-color:#fee; border-left:5px solid #c20; font-size:1.2em; }
p.warn2  { display:block; margin:0 0 0.8em 0; padding:0.8em; background-color:#fee; border-left:5px solid #c20; }

div.warn ul , div.warn ul li { list-style:disc; color:#222; }

div.invisible              { display:none; }

/* ------------------------------ TOTO ------------------------------ */
INPUT.input_int { width:40px; }
INPUT.input_heure { width:50px; }
.field	    { float:left; width:100%; margin-top:1em; padding:1em; background-color:#f3f3f3; border-bottom:1px solid #879EAC; }
.coingauche { background-image:url(/images/communes/habillage/coin_fondbleu.gif); background-repeat:no-repeat; background-position: top left; }


/* ------------------------------ FIN TOTO ------------------------------ */


@media aural {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}



/* ----------------------  SSO -------------------- */
.encadre_simple { border-bottom:1px solid #ff9900; margin:0px; padding:10px; width:50%; }
#sso_entete  {
		float:right;
		font-size:80%;
		color:#ff9900;
		text-align:right;
		margin:0.2em 2em;
		clear:right;
		background:url('/images/communes/fond_sso_entete.gif') no-repeat center right;
		padding:0 2.4em 0 0;
}
#sso_entete A  { padding:0; margin:0; color:#ffffff; padding-left:2em; display:block; }
#sso_login, #sso_monemail, #sso_avantmail { width:350px; }

div#sso_formulaire {
		margin:10px 0 0 0;
		float:left;
		clear:none;
		width:520px;
		padding:0;
}


#onglets 	{
		 width:100%;   padding:0; margin:0;
		float:left;
		clear:both;
		line-height:normal;
		background:url('/images/communes/onglet_filet_bas.gif') bottom repeat-x;
}

#onglets_contenu  {
		float:left;
		width:100%;
		clear:both;
		margin:0;
		border-right:1px solid #879EAC;
		border-bottom:1px solid #879EAC;
		border-left:1px solid #879EAC;
		background:#FFF;
		padding:1em 0 0 0;
		}
div.fsso div#onglets  {  width:540px; }
div.fsso div#onglets_contenu {  width:528px; padding:1em 0 1em 1em;  }

div#onglets_contenu img { border:none; }

#onglets ul {
		list-style-type:none;
		margin:0;
		padding:0;
}
#onglets li {
		list-style-type:none;
		float:left;
		margin:0 1px 0 0;
		padding:0;
		background:url('/images/communes/onglet_hd.gif') top right no-repeat;
}
#onglets li.actif {
		background:url('/images/communes/onglet_hd_actif.gif') top right no-repeat;
}
#onglets a 	{
		display:block;
		background:url('/images/communes/onglet_hg.gif') top left no-repeat;
		padding:0.3em 1.5em 0.2em;
		font-weight:normal;
		white-space:nowrap;
		color:#000000;
}
#onglets li.actif a			{
		padding:0.3em 1.5em 0.3em;
		background:url('/images/communes/onglet_hg_actif.gif') top left no-repeat;
		font-weight:bold;
}
#onglets a:hover 	{ text-decoration:none;   background:url('/images/communes/onglet_hg_actif.gif') top left no-repeat; }
#onglets li:hover {   background:url('/images/communes/onglet_hd_actif.gif') top right no-repeat; }




.align_center {	text-align:center;}
.aligncenter {	text-align:center;}
.align_right  { text-align:right;}
.alignright  { text-align:right;}




ul.magikbareNG { margin:0.5em 0 3em 0; padding:0 0 0 2em;  }
ul.magikbareNG li { display:inline; margin:0.2em; padding:0.2em 0.5em; border:2px solid #aae; background-color:#eee; font-size:1.1em; }
ul.magikbareNG li.none { border:none; padding:0; background-color:#fff; margin:0 0.5em;  }
ul.magikbareNG li.none img, ul.magikbareNG li img  { display:inline;   }
ul.magikbareNG li a { padding:0.2em;}
ul.magikbareNG li:hover{ border-color:#f60; }
ul.magikbareNG li.actif  { background-color:#fea; border-color:#f90; }
ul.magikbareNG li a:hover { text-decoration:none; }






/********************************************************************************************************************************************/

TABLE.article_adm_tableau {
		float:left;
		width:100%;
		border:1px solid #c1c1c1;
		}
TABLE.article_adm_tableau TH {
		background:url('/images/communes/fond_th.gif') center left repeat-x;
		text-align:center;
		text-transform:capitalize;
		padding:0.2em;
		border-right:1px solid #c5c5c5;
		border-bottom:0.2em solid #ff9900;
}
TABLE.article_adm_tableau TD {
		vertical-align:middle;
		padding:1px;
		border-width:1px 0;
		border-style:solid;
		border-color:#c1c1c1;
}
TABLE.article_adm_tableau TD p {
		min-height: 2em;
		line-height:2em;
}
TABLE.article_adm_tableau TD li {
		list-style-type:none;
		color:#4F679D;
		margin:0;
		padding:0;
		min-height: 2em;
}

TABLE.article_adm_tableau TR:hover { background-color:#cfb;  }

TABLE.tableau_td_center TD { text-align:center; }




a.bouton_ng, a.bouton_ng:visited {border:none; background:#c33; color:#fff; padding:0.5em 1em; margin:0.5em 1em 1em 1em;
             font-weight:bold; font-size:1.1em; width:auto;
	     text-align:center;
	     display:block;
	     border-radius:1em;
	     }
a.minibouton_ng, a.minibouton_ng:visited  {border:none; background:#c33; color:#fff; padding:0.2em 1em; margin:1em 0;
             font-weight:bold; font-size:1.1em;   text-align:center; line-height:2em;
	     border-radius:1em;
	     }
a.bouton_ng:hover { background:#f90; text-decoration:none !important; color:#fff; }
a.minibouton_ng:hover { background:#f90; text-decoration:none !important; color:#fff; }
a.minibouton_ng.actif { background:#f90;font-weight:bold; }

a.bouton_ng:visited {  color:#fff; }
a.bouton_ng:link {  color:#fff; }

.radius {  border-radius:1em; }
a.linkmedia img { vertical-align:middle }
a.linkmedia {padding:0.5em 0.5em 0.5em 0; margin:0.5em 1em 0 0; line-height:2em;}
.input_calendar{cursor:pointer}