@media print {
	body { width: 95% !important; }
	div.print {
		display: block !important;
		position: absolute;
	}

	div.print2 {
		display: block !important;
		position: relative;
		text-align: center;
		font-variant: small-caps;
		padding: 30px 2px 2px 130px;
	}

	div.footerprint {
	  margin-top: 20px;
		display: block !important;
		font-size: 0.8em;
		font-weight: bold;
		color: #777;
		border: #0099CC 1px solid;
		border-left: 0;
		border-right: 0;
		text-align: center;
	}
	#corps { margin: 0 !important; padding: 0 !important; }
	#entete, #chemin, #pseudo, #utils, .menu, #footer, #chargement { display: none; }
	
}

div.footerprint { display: none; }

html {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Tahoma, Verdana, Arial;
  font-size: 85%;
}
body {
  background: #FFF;
  padding: 0;
  margin: 0;
}

#chargement { display: none; position: absolute; padding: 0.3em; right: 3px; text-align: center; background: rgb(255,255,102); color: #005BAD; font-size: 1em; font-weight: bold; margin: 0 auto 0 auto; }

#logo { position: absolute; }
#logo img { border: 0; margin-right: 15px; }

#entete { padding: 0; margin: 0; height: 117px; background: url(images/entete-bg.jpg) repeat-x; }
#entete #img_right { float: right; padding: 0; margin: 0; }
#entete #img_left { float: left; padding: 0; margin: 0; }
#entete #img_left img { border: 0; margin:0; padding: 0; position: relative; top: -1px; }

#recherche {margin: 0 0 0 .3em; }
#recherche input { font-size: 0.8em; }
#recherche input[type=text] { width: 10em; }
#recherche .recherche {	width: 10em; }



#chemin { font-size: 0.8em; padding: 0 .5em 0 .5em; line-height: 20px; font-weight: bold; color: #005BAD; margin-bottom: 3px; }
#chemin a, #chemin a:visited { color: #005BAD; text-decoration: none; }
#chemin a:hover, #chemin a:focus { color: #000; text-decoration: underline; }



input.txtUtils { border: 0; font-weight: bold; color: #777; text-align: right; margin-bottom: .3em; width: 20em; }

#utils { display: none; text-align: right; position: absolute; right: 0; font-weight: bold; color: #777; font-size: .8em; padding: 2px .5em 2px 2px; }
#utils a, #utils a:visited { color: #777; text-decoration: none; }
#utils a:hover, #utils a:focus { color: #0099CC; text-decoration: underline; }
#utils img { vertical-align: baseline; border: 0; margin: 0; padding: 0 !important; }



a { color: blue; text-decoration: none; }
a:hover { color: blue; text-decoration: underline; }
a img { padding: 0 !important; margin: 1px !important; }



.actu_sep { height: 0; margin: 0; padding: 0; }
.actu_titre { left: 0em; position: relative; font-weight: bold; font-size: 1.1em; margin-bottom: 0.5em; background: url(images/sep_gris.gif) repeat-x 1.3em; }
.actu_titre img { vertical-align: middle; position: relative; left: -0.3em }
.actu_titre:first-letter { color: #777; }
.actu_date { display: block; text-align: right; font-weight: normal; font-size: .7em; color: #777; margin: 0; padding: .5em .5em 0 0; }
.actu_contenu {  }
.actu_lbl_sources { text-decoration: underline; }
.actu_sources { text-align: right; }
.actu_lbl_liens { text-decoration: underline; }
.actu_liens {  }


#footer { clear: both; font-size: 0.8em; font-weight: bold; color: #777; text-align: center; padding: 1.5em 0 0 0; margin: 1em 105px 0 105px; }
#footer a, #footer a:visited { color: #0099CC; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #777; text-decoration: underline; }
#footer #infospage { font-size: 0.9em; font-weight: bold; color: #CCCCDD; margin-top: .5em; }
#footer #infospage a { color: #CCCCDD; text-decoration: underline; }
#footer #infospage a:hover, #footer #infospage a:focus { color: #777; text-decoration: underline; }

h1 #L { font-size: 1.3em; }
h1 #E { font-size: 1.3em; }
h1 #R { font-size: 1.3em; }

h1 #Lorraine { color: #27a22d; }
h1 #Energies { color: #ef9c19; }
h1 #Renouvelables { color: #006ab3; }

h1 { font-size: 23px; line-height: 26px;   margin: 0; padding: 10px 0 0 0; font-weight: normal; font-style: italic; }
h2 { font-size: 1.5em; clear: both;}
h3 { font-size: 1.2em; clear: both; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: .9em; }


ul { margin: 0; padding: 0 0 0 3em; }
ul li { list-style: square outside; }
ol li { margin: .5em auto .5em auto; }


.clear { clear: both; padding: 0; margin: 0; height: 0; }

#menu_admin { background: url(images/bgf_menu_gris.gif); border-right: #666 3px solid; margin: 0 5px 0 0; position:absolute; left:0; width: 12.6em; }

#menu_right { width: 12.6em; position:absolute; right: 0; margin: 0; padding: 0; }
#menu_left  { width: 12.6em; position:absolute; left: 0; margin: 0; padding: 0; }

#menu_gris   { background: url(images/bgf_menu_gris.gif); border-left: #666 3px solid; margin: 0 0 0 5px; width: 12.6em; position:absolute; right: 0; padding: 0; }
#menu_bleu   { background: url(images/bgf_menu_bleu.gif); border-right: #666 3px solid; margin: 0 5px 0 0;}
#menu_orange { background: url(images/bgf_menu_orange.gif); border-right: #666 3px solid; margin: 1em 5px 0 0;}
#menu_vert   { background: url(images/bgf_menu_vert.gif); border-right: #666 3px solid; margin: 1em 5px 0 0;}

#menu_gris h3:first-letter    { color: #000; }
#menu_bleu h3:first-letter    { color: #005BAD; }
#menu_orange h3:first-letter  { color: #ef9c19; }
#menu_vert h3:first-letter    { color: #00A452; }

.menu { width: 100%; background-repeat: repeat-y; padding-bottom: 7px; border-bottom: #666 1px solid; border-top: #666 1px solid; }
.menu h3 { font-family: Georgia; font-variant: small-caps; font-size: 1.05em; color: #666; margin: 0; padding: 1.3em 0 1em .4em; }
.menu h3#menufirst { padding-top: .3em; }
.menu #user { padding: 1.3em 0 1em .4em; font-size: .9em; font-weight: bold; color: #666; }

.menu ul { margin: 0; padding: 0; }
.menu ul li { list-style: none; padding: 0; margin: 0; display: inline; }
.menu ul li div { font-size: .9em; padding: 1px .3em 2px .3em; }
.menu ul li a { font-size: .9em; background: no-repeat bottom right; display: block; padding: 1px .3em 2px .3em; }
.menu ul li a:hover { display: block; text-decoration: none; }
.menu ul li input { font-size: .9em; width: 10em; }
.menu ul li input.btn { width: 2em !important; }
.menu ul li.actif { font-weight: bold; font-variant: small-caps; }

.menu ul li.orange a { background-image: url(images/bg_menu_orange.gif); color: #666; border-color: #ef9c19; }
.menu ul li.bleu a { background-image: url(images/bg_menu_bleu.gif); color: #666; border-color: #005BAD; }
.menu ul li.vert a { background-image: url(images/bg_menu_vert.gif); color: #666; border-color: #00A452; }
.menu ul li.gris a { background-image: url(images/bg_menu_gris.gif); color: #666; border-color: #666; }

.menu ul li.orange a:hover { color: #FFF; border-color: #FFF; background-color: #ef9c19; background-image: none; }
.menu ul li.bleu a:hover { color: #FFF; border-color: #FFF; background-color: #005BAD; background-image: none; }
.menu ul li.vert a:hover { color: #FFF; border-color: #FFF; background-color: #00A452; background-image: none; }
.menu ul li.gris a:hover { color: #FFF; border-color: #FFF; background-color: #666; background-image: none; }



#corps { margin: 0; padding: 0em 15.5em 4em 15.5em; text-align: justify; font-size: 0.9em;  }
#corps h2 { font-family: Georgia; border-bottom: #444 1px solid; margin-bottom: 1em; color: #777; }
#corps h2:first-letter { color: #444; }
#corps h3 { margin-bottom: 1em; }
#corps h3:first-letter { color: #666; }
#corps h3.titre_separe { border-top: #666 1px dashed; padding-top: 0.5em; }
#corps h4 { margin-bottom: 1em; }
#corps h4:first-letter { color: #666; }
#corps img { padding: .5em; }

#corps .orange { color: #ef9c19 !important; }
#corps .page-orange a { color: #ef9c19 !important; }
#corps .page-orange h2 { border-color: #ef9c19 !important; }
#corps .page-orange h2:first-letter { color: #ef9c19 !important; }
#corps .page-orange h3:first-letter { color: #ef9c19 !important; }
#corps .page-orange h3.titre_separe { border-color: #ef9c19 !important; }
#corps .page-orange h4:first-letter { color: #ef9c19 !important; }

#corps .bleu { color: #005BAD !important; }
#corps .page-bleu a { color: #005BAD !important; }
#corps .page-bleu h2 { border-color: #005BAD !important; }
#corps .page-bleu h2:first-letter { color: #005BAD !important; }
#corps .page-bleu h3:first-letter { color: #005BAD !important; }
#corps .page-bleu h3.titre_separe { border-color: #005BAD !important; }
#corps .page-bleu h4:first-letter { color: #005BAD !important; }

#corps .vert { color: #00A452 !important; }
#corps .page-vert a { color: #00A452 !important; }
#corps .page-vert h2 { border-color: #00A452 !important; }
#corps .page-vert h2:first-letter { color: #00A452 !important; }
#corps .page-vert h3:first-letter { color: #00A452 !important; }
#corps .page-vert h3.titre_separe { border-color: #00A452 !important; }
#corps .page-vert h4:first-letter { color: #00A452 !important; }

#corps .gris { color: #666 !important; }
#corps .page-gris a { color: #666 !important; }
#corps .page-gris h2 { border-color: #666 !important; }
#corps .page-gris h2:first-letter { color: #666 !important; }
#corps .page-gris h3:first-letter { color: #666 !important; }
#corps .page-gris h3.titre_separe { border-color: #666 !important; }
#corps .page-gris h4:first-letter { color: #666 !important; }



th
{
    text-align:center;
    background-color: rgb(255,204,0);
}


/* PROPRIETES DES FORMULAIRES */
.contact { margin: auto; width: 35em; }
.contact label { float: left; text-align: right; width: 8em; padding: 0 .5em 0 0; }
.contact textarea, .contact input { width: 25em; }
.contact input.submit { width: auto; }


blockquote { margin: 0 0 0 2em; }

.resultatRecherche h4 { font-size: 1.1em; margin: 0; padding: 0; }
.resultatRecherche p.description { margin: 0; padding: 0; }
.resultatRecherche p.url { font-size: .9em; margin: 0 0 1.5em 0; padding: 0; color: #00A452; }
.resultatRecherche p.url a { color: #00A452; }

.spanResultatRecherche { background: #BBF2CF; }



.tcenter { text-align: center; }
.tright { text-align: right; }
.fright { float: right; }
.fleft { float: left; }

.small { font-size: .8em; font-weight: bold; color: #777; }

.barre { text-decoration: line-through; }



/* PROPRIETES D'AFFICHAGE DES COORDONNEES */
dl.coordonnees { margin: 0 .5em 2em .5em; padding: 0; width: 25em; }
dl.coordonnees dt { position: relative; float: left; left: 0; top: .6em; padding: 0 0 0 .5em; width: 8em; font-weight: bold; }
dl.coordonnees dd { border-left: 1px solid #000; margin: 0 0 0 9em; padding: 0 .5em 0 .5em; }


#calendrier { color: #777; text-align: center; margin: auto; width: 12.5em; }
#calendrier th { font-size: .9em; font-weight: bold; color: #0099CC; }
#calendrier td { font-size: .9em; }
#calendrier td.itemSelected { color: #0099CC; font-weight: bold; }
#calendrier caption, #calendrier a { font-size: .9em; margin: auto; font-weight: bold; color: #777; text-decoration: none; }
#calendrier a:hover, #calendrier a:focus { font-weight: bold; color: #0099CC; text-decoration: underline; }



a.bouton { background: #FFF; color: #321D4E; border: 1px solid #321D4E; text-decoration: none; padding: 2px; font-size: 1em; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }
a.bouton:hover { background: #FFCC33; color: #A67306; border: 1px solid #A67306; text-decoration: none; padding: 2px; font-size: 1em; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }

a.petitbouton { background: #FFF; color: #321D4E; border: 1px solid #321D4E; text-decoration: none; padding: 2px; font-size: 10px; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }
a.petitbouton:hover { background: #FFCC33; color: #A67306; border: 1px solid #A67306; text-decoration: none; padding: 2px; font-size: 10px; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }

fieldset { border: 0; padding: 0; margin: 0; }
form { margin: 0; padding: 0; border: 0; }

input, textarea, select { border: 1px solid #aaa; font-size: 1em; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }
input[type], textarea[name] { background: #FFF; }
input[type=checkbox] { border: 0; }
input[type=submit], input[type=reset] { background: #FFF; color: #000; }
input.submit, input.reset { background: #FFF; color: #000; }
input.checkbox, input.radio { border: 0; }

optgroup, .optgroup { font-weight: bold; font-style: italic; }


form.avecLabel label { float: left; width: 14em; text-align: right; vertical-align: top; padding: 0 .5em 0 .5em; }
form.avecLabel .noStyle { float: none; width: auto; text-align: left; }
form.avecLabel fieldset { border: 1px solid #321D4E; padding: .5em; margin: 0 0 1em 0; }


div#liste_groupes { position: relative; padding: 2px; width: auto; border: 1px #321D4E solid; }
div#liste_groupes div.col1 { line-height: 1.1em; }
div#liste_groupes div.col2 { position: absolute; right: 2px; width: 260px; line-height: 1.1em; }

div#liste_users { position: relative; padding: 2px; width: auto; border: 1px #321D4E solid; }
div#liste_users div.col1 { line-height: 1.1em; }
div#liste_users div.col2 { position: absolute; right: 2px; width: 260px; line-height: 1.1em; }


div.plan-rub { margin: 0 0 0 20px; padding: .3em 0 0 0; font-variant: small-caps; }
div.plan-rub ul { font-variant: normal; border-left: 1px solid; padding: 0; margin: .5em 0 .5em 1em; }
div.plan-rub ul li { margin: 0 0 0 1em; list-style: none !important; }

div.plan-rub .orange a { color: #ef9c19; }
div.plan-rub .bleu a { color: #005BAD; }
div.plan-rub .vert a { color: #00A452; }
div.plan-rub .gris a { color: #666; }

div.plan-rub ul.plan_orange { border-color: #ef9c19; }
div.plan-rub ul.plan_bleu { border-color: #005BAD; }
div.plan-rub ul.plan_vert { border-color: #00A452; }