body
{
width : 1024px;
margin : auto;
margin-bottom: 20px;
background : #192432;
color : white;
font-family: arial,sans-serif,verdana;   
font-size : 11px;
}

#barre_haut
{
width : 1024px;
height : 40px;
background : url("barre_dessus.png") no-repeat;
margin-left : 1px;
margin-right : 1px;
}

.barre_haut2
{
font-family: arial,sans-serif,verdana; 
font-size : 12px;
padding-left : 20px;
padding-right : 20px;
padding-top : 8px;
text-align : center;
}

#barre_haut form
{
padding : 0px;
margin : 0px;
display : inline;
}

#barre_haut label
{
font-family: arial,sans-serif,verdana; 
font-size : 12px;
}

#barre_haut input[type=text]
{
font-family: arial,sans-serif,verdana; 
font-size : 10px;
height : 11px;
}

#barre_haut input[type=password]
{
font-family: arial,sans-serif,verdana; 
font-size : 10px;
height : 11px;
}

#barre_haut input[type=checkbox]
{
margin : 0px;
padding : 0px;
height : 11px;
}

#barre_haut a
{
color: white;
font-size:12px;
text-decoration: none;
outline : none;
}

#barre_haut a:hover
{
color: #4279c6;
font-size:12px;
text-decoration: none;
outline : none;
}

#barre_haut a:active
{
color: white;
font-size:12px;
text-decoration: none;
outline : none;
}

#barre_haut a:visited
{
color: white;
font-size:12px;
text-decoration: none;
outline : none;
}

/* bannière */

#banniere
{
background : url("logo.png") no-repeat;
width : 1024px;
height : 139px;
}

/* ensemble du "dessous" pour qu'un fond se répète correctement */

#tout
{
width : 1024px;
background : url("fond_a_repeter.png") repeat-y;
}

/* Menu, tel quel */

#menu
{
width : 218px;
float: left;
margin : 0px;
margin-left : 0px;
}

#haut_menu
{
width : 218px;
height : 26px;
background-image : url("haut_menu.png");
background-repeat: no-repeat;
}

#milieu_menu
{
width : 218px;
background : url("milieu_menu.png") repeat-y;
color : white;
}

#bas_menu
{
width : 218px;
height : 26px;
background-image : url("bas_menu.png");
background-repeat: no-repeat;
}

/* tableau du menu */

.table_menu
{
border : none;
background : none;
width : 218px;
border-collapse : collapse;
}

.td_menu1
{
width : 218px;
height : 34px;
border : none;
background : url("titre_menu.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_menu2
{
width : 218px;
height : 31px;
border : none;
background : url("case_menu1.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_menu2:hover
{
width : 218px;
height : 31px;
border : none;
background : url("case_menu1_hover.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_menu3
{
width : 218px;
height : 31px;
border : none;
background : url("case_menu2.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_menu3:hover
{
width : 218px;
height : 31px;
border : none;
background : url("case_menu2_hover.png") no-repeat;
margin : 0px;
padding : 0px;
}

/* lunes */

.td_lune1
{
width : 218px;
height : 31px;
border : none;
background : url("case_lune1.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_lune1:hover
{
width : 218px;
height : 31px;
border : none;
background : url("case_lune1_hover.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_lune2
{
width : 218px;
height : 31px;
border : none;
background : url("case_lune2.png") no-repeat;
margin : 0px;
padding : 0px;
}

.td_lune2:hover
{
width : 218px;
height : 31px;
border : none;
background : url("case_lune2_hover.png") no-repeat;
margin : 0px;
padding : 0px;
}

/* vide entre boutons et titre de sous-menu */

.td_menu_vide
{
width : 218px;
height : 10px;
background : none;
border : none;
}

/* titres des menus */

.titre1
{
color : white;
font-family : arial,sans-serif,verdana;  
font-size : 12px;
padding-left : 160px;
font-weight : normal;
}

.titre2
{
color : white;
font-family : arial,sans-serif,verdana;  
font-size : 12px;
padding-left : 165px;
font-weight : normal;
}

.titre3
{
color : white;
font-family : arial,sans-serif,verdana;  
font-size : 12px;
padding-left : 160px;
font-weight : normal;
}

.titre4
{
color : white;
font-family : arial,sans-serif,verdana;  
font-size : 12px;
padding-left : 118px;
font-weight : normal;
}

.titre5
{
color : white;
font-family : arial,sans-serif,verdana;  
font-size : 12px;
padding-left : 125px;
font-weight : normal;
}

/* liens du menu */

.table_menu a
{
color: white;
font-size:12px;
text-decoration: none;
padding-left : 50px;
outline : none;
}

.table_menu a:hover
{
color: white;
font-size:12px;
font-weight : bold;
text-decoration: none;
padding-left : 50px;
outline : none;
}

.table_menu a:active
{
color: white;
font-size:12px;
text-decoration: none;
padding-left : 50px;
outline : none;
}

.table_menu a:visited
{
color: white;
font-size:12px;
text-decoration: none;
padding-left : 50px;
outline : none;
}

/* Le corps, tel quel */

#corps
{
width : 805px;
float: right;
}

#haut_corps
{
width : 805px;
height : 26px;
background-image : url("haut_corps.png");
background-repeat: no-repeat;
margin-left : -1px;
}

#milieu_corps
{
width : 805px;
color : white;
}

#bas_corps
{
clear : both;
overflow : hidden;
display : block;
width : 1023px;
height : 26px;
background-image : url("bas_corps.png");
background-repeat : no-repeat;
margin-right : 1px;
}

/* et pour finir, un footer */

#footer
{
width : 1024px;
text-align : center;
font-size:12px;
margin-top : 12px;
}

#footer a
{
color: #4279c6;
font-size:12px;
text-decoration: none;
outline : none;
}

#footer a:hover
{
color: white;
font-size:12px;
text-decoration: none;
outline : none;
}

#footer a:active
{
color: #4279c6;
font-size:12px;
text-decoration: none;
outline : none;
}

#footer a:visited
{
color: #4279c6;
font-size:12px;
text-decoration: none;
outline : none;
}

/* intérieur du corps : le texte, bien sûr */

.corps2
{
margin-right : 18px;
margin-left : 13px;
margin-top : 0px;
margin-bottom : 0px;
}

/* police d'écriture, titres, etc. */

p
{
font-family: arial,sans-serif,verdana; 
font-size : 11px;
margin-bottom : 0px;
padding-bottom : 5px;
}

.p_tutoriel
{
font-family: arial,sans-serif,verdana; 
font-size : 11px;
margin-top : 0px;
padding-top : 10px;
}

h3
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
margin-top : 0px;
padding-top : 0px;
}

.h3_special
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
margin-top : 0px;
padding-top : 0px;
}

.h3_special_centre
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
margin-top : 0px;
padding-top : 0px;
text-align : center;
}

.h3_centre
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
text-align : center;
}

input,select
{
font-size : 11px;
}

label
{
color : white;
font-size : 11px;
}

.rouge
{
color : red;
font-size : 11px;
}

.centre
{
text-align: center;
}

.droite
{
text-align: right;
}

.hfofo
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
font-weight : bold;
margin-top : 0px;
padding-top : 0px;
}

.hfofo_centre
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
font-weight : bold;
margin-top : 0px;
padding-top : 0px;
text-align: center;
}

.hfofo_droite
{
font-family: arial,sans-serif,verdana; 
font-size : 13px;
font-weight : bold;
margin-top : 0px;
padding-top : 0px;
text-align: right;
}

img 
{
  border:none;
}

/* liens */

a
{
color: #00baff;
font-size:11px;
text-decoration: none;
}

a:hover
{
color: white;
font-size : 11px;
text-decoration: none;
}

a:active
{
color: #00baff;
font-size : 11px;
text-decoration: none;
}

a:visited
{
color: #00baff;
font-size : 11px;
text-decoration: none;
}

.lienrouge
{
color: rgb(255,0,0);
font-size:11px;
text-decoration: none;
}

.lienrouge:hover
{
color: rgb(255,180,0);
font-size : 11px;
text-decoration: none;
}

.lienrouge:active
{
color: rgb(255,0,0);
font-size : 11px;
text-decoration: none;
}

.lienrouge:visited
{
color: rgb(255,0,0);
font-size : 11px;
text-decoration: none;
}

/* tableaux (!) */

table
{
width : 766px;
border-collapse : collapse;
}

/* fonds (dégradés) */

.tr1
{
background : url("fond_tableau2.png") center no-repeat;
}

.tr2
{
background : url("fond_tableau1.png") center no-repeat;
}

.tr1_1
{
background : url("fond_tableau2.png") center no-repeat;
}

.tr2_1
{
background : url("fond_tableau1.png") center no-repeat;
}

.tr_rien
{
border : none;
background : none;
}

/* tableaux pour le haut de la page bâtiments et de l'observatoire */

.table_rien_bats
{
margin : auto;
width : 706px;
border : none;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
border-collapse : collapse;
}

.table_observatoire
{
width : 500px;
border-collapse : collapse;
margin : auto;
}

.table_classement
{
width : 500px;
border-collapse : collapse;
}

.table_scan
{
width : 450px;
border-collapse : collapse;
border : 1px solid white;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
}

/* cellules du bas des tableaux de l'observatoire */

.td_rien_obs
{
border : none;
background : none;
height : 10px;
}

.td_rien_obs_gauche
{
border : none;
background : none;
text-align : left;
}

.td_rien_obs_centre
{
border : none;
background : none;
text-align : center;
}

.td_rien_obs_droite
{
border : none;
background : none;
text-align : right;
}

/* cellules des tableaux des batiments */

.td_rien_bats
{
border : none;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
padding : 0px;
vertical-align : top;
}

.td_rien_bats strong
{
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
}

.td_rien_bats1
{
border : none;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
padding : 0px;
width : 142px;
vertical-align : top;
}

.td_rien_bats2
{
border : none;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
padding : 0px;
width : 706px;
vertical-align : top;
text-align : center;
}

.td_rien_bats1 strong
{
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
}

.td_rien_bats2 strong
{
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
}

.td_bats_vide
{
border : none;
background : none;
height : 5px;
}

/* cellules scan */

.th_scan
{
width : 150px;
border : 1px solid white;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
text-align : center;
}

.td_scan
{
width : 150px;
border : 1px solid white;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
}

.td_scan_large
{
width : 450px;
border : 1px solid white;
background : none;
font-size: 11px;
font-family: arial,sans-serif,verdana; 
color : white;
text-align : center;
font-weight : bold;
}

/* th habituel */

th
{
background-color : none;
color: white;
font-size: 10px;
font-weight: bold;
font-family: arial,sans-serif,verdana; 
border : 1px solid #7fbcd5;
text-align : center;
}

/* td habituel */

td
{
background-color : none;
color: white;
font-size: 10px;
font-family: arial,sans-serif,verdana; 
border : 1px solid #7fbcd5;
padding-left : 2px;
padding-right : 2px;
padding-top : 2px;
padding-bottom : 2px;
}

td a
{
color: #00baff;
font-size:10px;
text-decoration: none;
}

td a:hover
{
color: white;
font-size : 10px;
text-decoration: none;
}

td a:active
{
color: #00baff;
font-size : 10px;
text-decoration: none;
}

td a:visited
{
color: #00baff;
font-size : 10px;
text-decoration: none;
}

td strong
{
font-size : 10px;
color : #abbfd6;
}

.avatar
{
margin-left : -1px;
margin-bottom : -1px;
border : none;
}

img
{
border : none;
}

/* tableaux des forums */

.tableforum
{
width : 806px;
margin-left : -1px;
border-collapse : collapse;
margin-bottom : 0px;
background : url("milieu_tableau.png") repeat-y;
}

.thforum1
{
background : none;
border : none;
width : 158px;
height : 27px;
padding-top : 4px;
}

.thforum2
{
background : none;
border : none;
width : 654px;
height : 27px;
padding-top : 4px;
}

.td_head_forum
{
width : 806px;
height : 48px;
background : url("haut_tableau.png") no-repeat;
border : none;
}

/* haut du tableau (titres des cellules; modif' un peu spéciale car sinon il faudrait rappeler le designer ...) */

.table_haut_forum
{
width : 804px;
height : 46px;
margin : 0px;
border : none;
background : none;
}

.th_haut_forum1
{
width : 157px;
background : none;
border : none;
text-align : center;
}

.th_haut_forum2
{
width : 653px;
background : none;
border : none;
text-align : center;
}

/* cellules normales */

.tdforum1
{
width : 158px;
background : none;
border : none;
vertical-align : top;
}

.tdforum2
{
width : 654px;
background : none;
border : none;
color : black;
font-size : 11px;
font-family : arial,sans-serif,verdana;  
}

.tdforum2 strong
{
color: black;
font-size : 11px;
font-weight : bold;
}

.int_tdforum1
{
padding-right : 5px;
padding-bottom : 5px;
padding-top : 5px;
padding-left : 15px;
}

.int_tdforum2
{
padding-right : 25px;
padding-bottom : 5px;
padding-top : 5px;
padding-left : 5px;
}

.td_forum_separation
{
width : 806px;
height : 11px;
background : url("separation.png") no-repeat;
margin : 0px;
border : none;
}

.td_forum_fin_tableau
{
width : 806px;
height : 20px;
background : url("bas_tableau.png") no-repeat;
margin : 0px;
border : none;
}

/* ça, ce n'était que l'ensemble ! Maintenant, le tableau qui affiche le profil du membre. */

#cadre_profil1
{
width : 142px;
height : 152px;
background : url("avatar_enligne.png") no-repeat;
margin-left : 11px;
border : none;
}

#cadre_profil2
{
width : 142px;
height : 152px;
background : url("avatar_horsligne.png") no-repeat;
margin-left : 11px;
border : none;
}

#cadre_profil_pseudo
{
width : 142px;
height : 40px;
border : none;
background : none;
}

.align_pseudo
{
color : #007dbe;
padding-top : 11px;
font-family : arial,sans-serif,verdana;  
font-size : 11px;
text-align : center;
}

#cadre_profil_conteneur_centre
{
width : 142px;
height : 82px;
background : none;
border : none;
}

#cadre_profil_avatar
{
float : left;
width : 100px;
height : 80px;
border : none;
background : none;
}

.align_avatar
{
padding-left : 33px;
padding-top : 2px;
}

#cadre_profil_liens
{
float : right;
width : 38px;
height : 80px;
margin-left : 0px;
border : none;
background : none;
}

.align_liens
{
padding-left : 13px;
padding-top : 15px;
}

#cadre_profil_rang
{
width : 142px;
height : 30px;
clear : both;
border : none;
background : none;
}

.align_rang
{
padding-left : 30px;
padding-top : 5px;
}

/* liens des forums (et quelques autres) */

.tdforum a
{
color: rgb(0,0,250);
font-family : arial,sans-serif,verdana;  
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum a:hover
{
color: rgb(0,0,150);
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum a:active
{
color: rgb(0,0,250);
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum a:visited
{
color: rgb(0,0,250);
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum2 a
{
color: rgb(0,0,250);
font-family : arial,sans-serif,verdana;  
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum2 a:hover
{
color: rgb(0,0,150);
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum2 a:active
{
color: rgb(0,0,250);
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

.tdforum2 a:visited
{
color: rgb(0,0,250);
font-size : 11px;
text-decoration: none;
padding-left : 2px;
}

/* tableau pour la liste des topics/forums */

.tablelarge
{
width : 770px;
margin-bottom : 5px;
}

.thforum
{
border: 1px solid #00a9de; 
height : 20px;
background : url("haut_tableau2.png");
color : #00b9f6;
font-size: 11px;
text-align : center;
padding-top : 0px;
}

.tdforum
{
border: 1px solid #00a9de;  
background-color: #d8eff7;
color: black;
margin: 12px 15px;
font-size : 11px;
}

.tdforum strong
{
color: black;
font-size : 11px;
font-weight : bold;
}

/* icones du forum */

.icone
{
  margin-top : 1px;
  margin-bottom : -3px;
  margin-left : 0px;
  margin-right : 5px;
  border:none;
}

/* autres tableaux */

.petittableau
{
width : 300px;
border-collapse : collapse;
}

.petittableau2
{
width : 400px;
border-collapse : collapse;
margin : auto;
}

.tablenews
{
width : 550px;
border-collapse : collapse;
}

/* tableaux des scans */

/* 1) les pirates */

.tablescanpirate
{
width : 500px;
border-collapse : collapse;
margin : auto;
border : none;
background : none;
}

/* 2) les scans normaux */

.tablescannormal
{
width : 690px;
border-collapse : collapse;
margin : auto;
border : none;
background : none;
}

.tdscan
{
border : none;
background : none;
font-size : 11px;
color : white;
vertical-align : top;
}

/* Nouveau : boutons de mise en forme ! */

.miseengras
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/gras.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.italique
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/italique.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.textesouligne
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/souligne.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.nouveaulien
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/lien.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.image
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/img.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.imgclik
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/imgclik.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.boutonquote
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/quote.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.boutonspoiler
{
width : 21px;
height : 21px;
background : url("http://www.espacesinfinis.com/spoiler.gif") no-repeat center;
background-color : #ece9d8;
margin-bottom : 5px;
}

.menuderoulant
{
margin-bottom : 5px;
margin-top : 5px;
}

.choix_coul_rouge
{
color : rgb(255,0,0);
}

.choix_coul_vert
{
color : rgb(0,255,0);
}

.choix_coul_bleu
{
color : rgb(0,0,255);
}

.choix_coul_mauve
{
color : rgb(132,0,132);
}

.choix_coul_rose
{
color : rgb(255,0,255);
}

.choix_coul_jaune
{
color : rgb(255,255,0);
}

/* citations et spoilers */

.quote
{
width : 550px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : black;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

.spoiler
{
width : 550px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : white;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

.quote .spoiler
{
width : 540px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : white;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

.spoiler .quote
{
width : 540px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : white;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

td .quote
{
width : 510px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : black;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

td .spoiler
{
width : 510px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : white;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

td .quote .spoiler
{
width : 500px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : white;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

td .spoiler .quote
{
width : 500px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
font-size : 11px;
color : white;
background-color : white;
border : 1px solid #aeaeae;
margin-bottom : -11px;
}

.select_planetes
{
font-size : 11px;
color : white;
background-color : rgb(22,53,88);
border : 1px solid white;
}

.metal
{
	color: #568CD9
}

.cristal
{
	color: #00A4FF;
}

.carbugel
{
	color: #FF7E00;
}

#batiments h2
{
	font-size: 12px;
	text-align: center;
}

.batiment
{
	width: 731px;
	height: 34px;
	background: url("img/batiment_fond.png") no-repeat;
	margin: 5px 8px;
	margin-bottom: -5px;
	padding: 9px 10px;
}

.batiment .left
{
	float: left;
	width: 500px;
	cursor: pointer;
}

.batiment .right
{	
	float: right;
	width: 190px;
	text-align: right;
}

.batiment p
{
	margin: 0;
}
.batiment .nom
{
	font-size: 13px;
	font-weight: bold;
}

.batiment_bas
{
	background: url("img/batiment_description.png") bottom;
	height: 145px;
	width: 745px;
	margin: 0 11px;
}

.batiment_bas .left
{
	float: left;
	width: 435px;
	background: url("img/barre_verticale.png") no-repeat right;
	height: 140px;
	margin: 4px;
}
.batiment_bas .right
{
	float: right;
	width: 292px;
	height: 140px;
	margin: 4px;
}

.batiment_bas .right .pollution
{
	float: left;
	width: 145px;
	height: 60px;
	margin: 0;
}

.batiment_bas .right .production
{
	float:right;
	width: 140px;
	height: 60px;
	margin: 0;
}

.batiment_img
{
	background: url("img/batiment_image.png");
	width: 135px;
	height: 137px;
	float: left;
}
.batiment_description
{
	width: 287px;
	height: 126px;
	float: left;
	overflow: hidden;
	text-align: justify;
	margin-left: 3px;
	margin-top: 2px;
}

.barre_horizontale
{
	width: 267px;
	height: 2px;
	background: url("img/barre_horizontale.png");
	margin: 5px;
}

.barre_horizontale_tech
{
	width: 217px;
	height: 2px;
	background: url("img/barre_horizontale_tech.png");
	margin: 5px 30px;
	float: left;
}

.condition
{
	margin-left: 2px;
	margin-right: 5px;
}

.no_marges
{
	margin: 0;
}

.vert
{
	color: #00FF00;
}

.rouge
{
	color: #FF0000;
}

#technologies h2
{
	font-size: 12px;
	text-align: center;
}
.technologie
{
	width: 731px;
	height: 34px;
	background: url("img/technologie.png") no-repeat;
	margin: 5px 8px;
	margin-bottom: -5px;
	padding: 9px 10px;
}


.technologie_bloque
{
	width: 731px;
	height: 34px;
	background: url("img/technologie_bloque.png") no-repeat;
	margin: 5px 8px;
	margin-bottom: -5px;
	padding: 9px 10px;
}

.technologie .left
{
	float: left;
	width: 500px;
	cursor: pointer;
}
.technologie_bloque .left
{
	float: left;
	width: 500px;
	cursor: pointer;
}

.technologie .right
{	
	float: right;
	width: 190px;
	text-align: right;
}

.technologie_bloque .right
{	
	float: right;
	width: 190px;
	text-align: right;
}

.technologie_bas
{
	background: url("img/batiment_description.png") bottom;
	height: 145px;
	width: 745px;
	margin: 0 11px;
}

.technologie .nom
{
	font-size: 13px;
	font-weight: bold;
}
.technologie_bloque .nom
{
	font-size: 13px;
	font-weight: bold;
}

.technologie_bas .left
{
	float: left;
	width: 435px;
	background: url("img/barre_verticale.png") no-repeat right;
	height: 140px;
	margin: 4px;
}


.technologie_bas .left .pollution
{
	float: left;
	width: 145px;
	margin: 5px;
}
.technologie_bas .left .conditions
{
	float: left;
	width: 145px;
	margin: 5px;
}

.technologie_bas .right
{
	float: right;
	width: 292px;
	height: 140px;
	margin: 4px;
}


.technologie_img
{
	background: url("img/batiment_image.png");
	width: 135px;
	height: 137px;
	float: left;
}

.technologie_description
{
	width: 290px;
	height: 126px;
	float: left;
	overflow: hidden;
	text-align: justify;
	margin-left: 3px;
	margin-top: 2px;
}

#ingenieurs
{
	clear: both;
	width: 700px;
	margin: auto;
}
#ingenieurs #left
{
	width: 350px;
	float: left;
}
#ingenieurs #right
{
	width: 350px;
	float: right;
}