/* Design créé par Rémi Mayer - Transénergie */

body 
{
	padding: 30px;
	font-family: Verdana, Geneva, sans-serif;
}

#boite
{
	width: 784px;
	background: white url(fond.jpg) no-repeat;
	background-position: center bottom;
	font-size: 12px;
	text-align: justify;
	min-height: 570px;
	position:relative;
	top: 46px;
}

#contenu_boite
{
	padding: 30px;
	padding-top: 10px;
}


#global
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#en_tete 
{
	height: 80px;
	width: 1000px;
	position:relative;
}

#centre 
{
	position: relative;
	left: 30px;
	width: 784px;
	margin-left: 15%;
}

#boite_menu_horizontal
{
	position: absolute;
	width:784px;
}

#boite_menu_gauche
{
	position: absolute;
	top:90px;
	left:-4%;
	width: 220px;
}
#boite_menu_droit
{
	position: absolute;
	top:100px;
	right:-4%;
	width: 220px;
}

#pied_de_page
{
	position: relative;
	top: 30px;
	text-align: center;
	font-size: 10px;
	margin-bottom: 50px;
}
#bas_de_page
{
	position: absolute;
	left:18%;
	width:500px;
	bottom:20px;
}


#miniature
{
	font-size: 10px;
}

.moteur_recherche
{
	border-color: red;
}

#mini_cligno
{
 text-decoration: blink;
 color: #79CC41;
 font-size: 10px;
 font-weight: bold;
}

#schema
#ovale { 
    width:200px; 
	height: 50px;  
    background: #436FD8; 
    -moz-border-radius: 800px ;  
    -webkit-border-radius: 800px ;  
    -khtml-border-radius: 800px ;  
    border-radius: 800px ;  
	

}


.ombre
{
	opacity: 0.5;
}
.ombre:hover, .ombre:focus, .ombre:active 
{
	opacity: 1;
}

/* Images */

img
{
	margin: 10px;
	background:url('loader.gif') no-repeat center;
}

img.sansloader
{
	background:none;
}


#sunsim img
{
	margin: 0px;
}

img.sansmarge
{
	margin: 0;
}

img.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imageflottantedroite
{
	float:right;
}

.imageflottantegauche
{
	float:left;
}

.english
{
	text-align:center;
	width: 200px;
}



/*Bouton inscription*/
a.inscription_on, a.inscription_off
{
	display:block;
	width: 180px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}

.inscription_on
{
background-image: url('images-formations\inscription_ON.png');
}
.inscription_on:hover, .inscription_off
{
background-image: url('images-formations\inscription_OFF.png');
}

/* Bouton de SunSim dans le menu gauche */

a.on, a.off
{
	display:block;
	width: 180px;
	height: 164px;
	margin-right: auto;
	margin-left: auto;
}

.on
{
	background-image: url('SunSimBouton_ON.png');
}

.on:hover, .off
{
	background-image: url('SunSimBouton_OFF.png');
}

#logo
{
	float:left;
	width:400px;
	margin-top: -30px;
	margin-left: -30px;
}

#actus 
{
	float:right;
	text-align: right;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	width: 500px;
	margin-right: 5%;
	margin-top:2%;
}

/* Titres */

h1
{
   font-size: 22px;
   color: #79CC41;
   text-align:center;
   margin-bottom:30px;
}

h2
{
	color: #ffffff;
	background:#b4b4b4;
	padding-left:5px;
	padding-right:5px;
}

h3 
{
	color: #ffffff;
	background:#ccc8c3;
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
}
h3.formation
{
width: 425px;
}

h4
{
	color:#79CC41;
	font-size: 14px;
}

h5
{
	color:#79CC41;
	font-size: 11px;
}

h6
{
	color: #ffffff;
	background:#ccc8c3;
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
}

/* Tableau */



td, th, table
{
	border: 1px solid black;
	margin: auto;
}



th
{
	background-color:#b4b4b4;
}

td.formation, tr.formation, table.formation
{
	border-style: none;
}
td.MDE
{
border-style: none;
font-size: 10px;
}
/* Spoiler */

.ascenseur
{
	cursor: pointer;
}

/* Liens */

a 
{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:focus
{
	color:#79CC41;
}



.bordure
{
	border: 1px solid black;
	padding: 20px;
	margin-bottom:10px;
}

.texte_centree
{
	text-align: center;
}

/* Listes */

ul
{
	list-style-image: url("puce.png");
	text-align: left;
}

ul ul 
{
	list-style-image: url("puce2.png");
	text-align: left;
	display: none; 
	position: relative;

	
}
li.niveau1
{ 
width:310px;
}
li.niveau1bis
{ 
width:380px;
}

li .niveau2
{
 list-style-type: none;
 position: relative;
 width: 160px;
 background-color: #E0E0E0
 }
 
 li.niveau3
{
 list-style-type: none;
 position: relative;
 width: 460px;
}
 
li:hover ul.niveau2 
{
display: block

}
li:hover ul.niveau3
{
display: block
}

ul ul ul
{
	list-style-image: url("puce3.png");
	
}

/* Ombres sur les images */

.alpha-shadow
{
	background: url(shadow.gif) no-repeat bottom right;
	margin: 14px 0 0 17px !important;
	margin: 14px 0 0 8px;
	clear: both;
	float:right;
}

.alpha-shadow div
{
	background: url(shadow2.png) no-repeat left top !important;
	background: url(shadow2.gif) no-repeat left top;
	padding: 0px 6px 6px 0px;
	float: left;
}

.alpha-shadow img
{
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
}

.dessous
{
   clear: both;
}

.pdf
{
	position:relative;
	left:87%;
	clear: both;
	width: 66px;
}

.legende
{
	font-size: 10px;
}

/* Messages d'avertissement */

.info, .success, .warning, .error, .validation, .oui, .non, .imprimante, .generationpdf
 {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.imprimante
 {
	background-image: url('imprimante.jpg');
	border: none;
	width:200px;
	margin: auto;
	margin-bottom:20px;
	padding-left:100px;
}

.generationpdf
 {
	background-image: url('LogoPDF.gif');
	border: none;
	width:300px;
	margin: auto;
	padding-left:100px;
	text-align: center;
}

.info
 {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('info.png');
}

.warning 
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('warning.png');
}

.question
 {
 	border: 1px dashed;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 1% 15%;
	background-image: url('question.PNG');
}

.success, .oui
{
	color: #4F8A10;
	background-color: #DFF2BF;
}

.success
 {
	background-image:url('success.png');
}
.oui
 {
	background-image: url('oui.png');
}

.error, .non
{
	color: #D8000C;
	background-color: #FFBABA;
}

.error
 {
	background-image: url('error.png');
}

.non
 {
	background-image: url('non.png');
}

/* -----CSS pour la page photovoltaique.php----- */
.bipv, .centrale, .pvi,.data
{
	margin: 20px 0px;
	padding:20px 10px 10px 100px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color:#79CC41;
	width: 50%;
	height:35px;
	font-weight: bold;
	font-size: 20px;
	display: block;
	text-decoration:none;
}

a.bipv:visited, a.centrale:visited, a.pvi:visited,a.data:visited
{
	color:#79CC41;
}

.bipv
{
	background-image: url('images/IconBIPV/IconPV-BATI.jpg');
}

.centrale 
{
	background-image: url('images/IconBIPV/IconPV-SOL.jpg');
}

 .pvi
{
	background-image: url('images/IconBIPV/IconPV-SOL.jpg');
}

.data
{
	background-image: url('images/IconBIPV/IconDATA.jpg');
}

.position_bas
{
 position: relative;
 bottom: 45px;

}