/* Met en évidence les abréviations (ayant un attribut title) */
* {
	margin:0;
	padding:0;
}
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* Met en �vidence les citations */
blockquote {
  margin: .75em 0 .75em 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #ddd;
}
q, cite {
  font-style: italic;
}
q cite, q q {
  font-style: normal
}
.logo_bandeau_portal {
	position:absolute;
	right:0;
	top:15px;
}
.visible {
	display:block;
}
.invisible {
	display:none;
}
/* Supprime les guillemets automatiques (citations courtes) */
q {
  quotes: none;
}
q:before, q:after {
  content: ""; /* N�cessaire pour Safari/Chrome */
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
  margin: .5em 0;
}

/* Styles de base pour les listes de d�finition */
dl {
  margin: .75em 0;
}
dt {
  margin: .75em 0 0 0;
  font-weight: bold;
}
dd {
  margin: .25em 0 .25em 32px;
}

/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  border: 1px solid gray; /* Pas de bordure = "none". */
  border-collapse: collapse; /* Valeur par d�faut: "separate". */
  border-spacing: 0;
}
table td, table th {
  padding: 4px; /* Pas de retrait autour du texte = "0". */
  border: 1px solid #ccc; /* Pas de bordure = "none". */
  vertical-align: top; /* Valeur par d�faut: "middle" */
}

/* Conteneurs s�mantiques de HTML 5 */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
  display: block;
}
#header_wrapper {
	background: #FFFFFF;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 49%, #848484 51%, #848484 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(51%,#848484), color-stop(100%,#848484)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 49%,#848484 51%,#848484 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%,#ffffff 49%,#848484 51%,#848484 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 49%,#848484 51%,#848484 100%); /* IE10+ */
	background: linear-gradient(to right, #ffffff 0%,#ffffff 49%,#848484 51%,#848484 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#848484',GradientType=1 ); /* IE6-9 */
	height:100px;
	width:100%;
}
#header {
	height:100px;
	width:910px;
	margin:0 auto;
	position:relative;
	background: #848484 url('../images/fond_header.png') no-repeat 0 0;
}
#container {
	margin-top:60px;
}
#connexion {
	/*width: 400px;
	margin: 0 auto;
	height: 200px;
	border: 6 px solid #595959;
	padding: 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 5px 5px 35px #999;
	-webkit-box-shadow: 5px 5px 35px #999;
	box-shadow: 5px 5px 35px #999;
	margin-top:90px;*/
	padding-top: 40px;
	width: 600px;
	margin: 0 auto;
	margin-top:250px;
	text-align: center;
}
#connexion label {
	float:left;
	width:120px;
	margin-right:20px;
	margin-bottom:15px;
}
.login_form {
	height:160px;
}
.accueil #wrapper {
	margin:0 auto;
	min-height:607px;
}
.accueil #container {
	height:310px;
}
#wrapper {
	margin:0 auto;
	min-height:607px;
}
.accueil #wrapper, .menu #wrapper {
	/*background: transparent url('../images/accueil_solar2.png') no-repeat 0 0;*/ 
}
body.accueil {
	background: #848484 url('../images/accueil_solar2.png') no-repeat center 160px;
}
body.menu {
	background: #848484;
}
.accueil input {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #848484;
	width: 205px;
	background: none;
	border: 0;
}
.accueil ul li.field {
	background: url(../images/fond_input.png) 0 0 no-repeat;
	height: 25px;
	line-height: 21px;
	width: 211px;
	padding: 5px 0 0 5px;
}
.accueil ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
	text-align: left;
}

.accueil h2					{background-image: none; height:35px; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #B4C4C6;}
.accueil h2 span {display: block; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;font-size: 28px;
  font-weight: normal; margin-bottom: 15px;}
.accueil h2.register			{background:url(../images/register-title.gif) center 0 no-repeat;}

.accueil ul li.btn				{margin-right:0;}
.accueil ul li.field input		{font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#7b9ac3; width:205px; background:none; border:0;}

.accueil ul li.submit			{margin-right:0; padding-left:210px; padding-top:10px;}
.accueil ul li.btn input[type="submit"],	.accueil ul li.submit input[type="submit"]	{
		display:block;
        background:url(../images/connexion_up.png) no-repeat; 
        border:0; 
        height:30px; 
        width:137px;
        padding:0; 
		text-indent:-5000px;
        cursor:pointer;
}
.accueil ul li.btn input[type="submit"]:hover,	.accueil ul li.submit input[type="submit"]:hover	{
        background:url(../images/connexion_down.png) no-repeat; 
}
.accueil .selection			{line-height:18px; padding-top:5px;}
#footer {
	text-align: center;
	color:#ffffff;
}

.logo_bandeau {
	float:left;
	margin-top:15px;
}
.user_area {
	position:absolute;
	right:0;
	bottom:0;
}
.user_area span {
	float:left;
}
.user_area a {
	float:left;
	margin-left:15px;
	display:block;
    background:url(../images/deconnexion_up.png) no-repeat; 
    border:0; 
    height:20px; 
    width:87px;
    padding:0; 
	text-indent:-5000px;
    cursor:pointer;
}
.user_area a:hover {
	background:url(../images/deconnexion_down.png) no-repeat; 
}
.clear {
	clear:both;
}
#gauche {
	width:210px;
	min-height:500px;
	background: #515051;
	padding: 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float:left;
}
#droite {
	margin-left:270px;
	min-height:500px;
	background: #333;
	padding: 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:white;
}
#liens_footer a {
	color:#515051;
}
/* Liens */
#liens_footer a {
  text-decoration: underline;
}
#liens_footer a:link {
  color: #fff;
}
#liens_footer a:visited {
  color: #fff;
}
#installation {
	width:200px;
}
#bloc_installation {
	margin-bottom:50px;
}
#bloc_choix_graph ul {
	padding-left:0px;
}
#bloc_choix_graph ul li {
	margin-bottom:10px;
	list-style:none;
	border-bottom:1px dashed #b0adad;
}
#bloc_choix_graph ul li a {
	color:#b0adad;
	text-decoration:none;
	font-size:1.2em;
}
#bloc_choix_graph ul li a:hover {
	color:white;
}
#bloc_choix_graph .active a {
	color:white;
}
.user_area {
	color:#373737;
}
#content_chart {
	width:69%;
	float:left;
}
#bloc_economie img {
	float:left;	
}
#bloc_economie .une_donnee {
	width: 330px;
	float:left;
}
#bloc_economie .une_donnee.premiere {
	margin-top:60px;
}
#bloc_economie .une_donnee div {
	width: 180px;
	height:60px;
	float:left;
	position:relative;
}
#bloc_economie .une_donnee div p{
	display:block;
	width:210px;
	height:60px;
	margin-top:45px;
}
.section_configuration {
	height:120px;
	width:50%;
	border:0;
	margin:0;
	padding:0;
	float:left; 
}
.section_configuration ul {
	list-style:none;
	padding:0;
	margin-left:25px;
}
.navig_chart {
	height:33px;
}
.navig_chart ul {
	list-style:none;
	border-bottom:1px solid black;
	width:100%;
	height:32px;
}
.navig_chart ul li a {
	float: left;
	font-size: 13px;
	display: block;
	padding: 5px 30px;
	text-decoration: none;
	border: 1px solid #666;
	border-bottom: 0px;
	height: 20px;
	background-color: #EFEFEF;
	color: #777;
	margin-right: 2px;
	position: relative;
	top: 1px;
	outline: 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	cursor:pointer;
}
.navig_chart ul li a.active{
	background:white;
	border-bottom:1px solid white;
}
.titre_contenu h1 {
	margin-top:0px;
}
#wrapper_infos {
	border:1px solid #666;
	border-top:0px;
	margin:0;
}
#tableau_production_onduleurs {
	padding:10px;
}
#tableau_production_onduleurs table {
	width:100%;
}
.date-picker{
	text-align:center;
}
#content_bottom {
	text-align:center;
	margin-bottom:10px;
}
#bloc_date {
	display:inline-block;
}
.date-picker.month .ui-datepicker-calendar, .date-picker.year .ui-datepicker-calendar {
	display:none;
}
.date-picker.year .ui-datepicker-month {
	display:none;
}
#content_chart_gauche {
	width:46%;
	padding:2%;
	float:left;
}
#content_chart_droite {
	width:46%;
	padding:2%;
	float:right;
}
#ul_conditions {
	list-style-type:decimal;
	margin:1em;
	padding:3em;
}
#ul_conditions li {
	margin-top:2em;	
}