﻿



/******************
---link	---
*****************/


#sous_menu a {
color:white;
}

#sous_menu_s02 a{
color:#FFCC99;
}


a :inline{
color:#6ae9ea;
}

a :link {
color:#6ae9ea;
}

a :visited {
color:#999999;
}

a {
margin-left:2px;
margin-bottom:2px;
margin-top:2px;
color:red;
text-decoration:underline;
}


a:hover{
color:#ff7200;
text-decoration:none;
}

/******************
---cadre_arrondi---presentation
*****************/
.contenu{
	width:940px;
	height:100%;
	margin-top:55px;
	padding-left:5px;
	color:white;	
	margin-left:auto;
	margin-right:auto;
}

.contenu_2{
	width:740px;
	height:100%;
	margin-top:-35px;
	padding-left:5px;
	color:white;	
	margin-left:auto;
	margin-right:auto;
}


#contenu_gauche{
	height:1200px;
	z-index:-20;
}


#title_page{
height:50px;
width:160px;
color:white;
font-size:21px;
float:left;
position:absolute;
margin-left:-20px;
margin-top:-20px;
padding-top:15px;
text-align:center;
z-index:0;
font-family: Arial;

}

#contenu_droit{
	position:absolute;
	top:453px;
	z-index:0;
	margin-left:700px;
}

#contenu_droit_s02{
	position:absolute;
	top:321px;
	z-index:0;
	margin-left:700px;
}


#gamebox{
	float:right;
}


#box_free{
	float:right;
	margin-top:90px;
	margin-left:20px;
}

#box_sale{
	float:right;
	margin-top:60px;
	margin-left:20px;
}

.affiliates_ul{
	margin-left:50px;
}

.affiliates_img{
	margin:10px;
}


.image_presentation{
width:200px;
height:150px;
cursor:pointer;
}



.td_cadre{
margin-top:-120px;
}

.texte_cadre_presentation{
width:380px;
}











.haut, .haut2, .haut3, .haut_s02{
	background-image:url(../img/cadre_haut.jpg)
}

.bas, .bas2, .bas3, .bas_s02{
	background-image:url(../img/cadre_bas.jpg)
}

.gauche, .gauche2, .gauche3, .gauche_s02{
	background-image:url(../img/cadre_gauche.jpg);
	
}

.droite, .droite2, .droite3, .droite_s02{
	background-image:url(../img/cadre_droite.jpg)
}



.cadre_arrondi{
	width: 700px;
	height: 500px;
	margin-bottom: 10px;
}




.cadre_arrondi div { float: left; }

.hg, .gauche, .bg { clear: left; }
                        
.hg, .hd, .bg, .bd {
        width: 40px;
        height: 50px;
}
                
.haut, .bas {
        width:620px;
        height:50px;
}
                        
.gauche, .droite {
        width:40px;
		height:4250px;
}

 
.contenu_cadre{
	width:620px;
	/*height:1835px;*/
	background-color:black;
	padding-top:-5px;
}


 #video_press
 {
 width:480px;
 text-align:center;
 margin-left:70px;
 margin-top:25px;
 margin-bottom:40px;
 }
 
  #video_press_2
 {
 width:640px;
 text-align:center;
 margin-left:-10px;
 margin-top:25px;
 margin-bottom:40px;
 }

	p.press_communicate
	{
	font-family:arial;
	
	text-align:justify;
	padding-left:50px;
	padding-right:50px;
	margin-bottom:-10px;
	}

	
		img.jaquette
		{
		margin-bottom:50px;
		margin-top:40px;
		margin-left:55px;
		width:400px;
		}
/* PRESS */

.cadre_arrondi_press{
	margin-top:-50px;
	width: 930px;
	height: 550px;
	margin-bottom: 10px;
}




.cadre_arrondi_press div { float: left; }

.cadre_arrondi_press div.hg, .cadre_arrondi_press div.gauche, .cadre_arrondi_press div.bg { clear: left; }
                        
.cadre_arrondi_press div.hg, .cadre_arrondi_press div.hd, .cadre_arrondi_press div.bg, .cadre_arrondi_press div.bd {
        width: 40px;
        height: 50px;
}
                
.cadre_arrondi_press div.haut, .cadre_arrondi_press div.bas {
        width: 850px;
        height: 50px;
}
                        
.cadre_arrondi_press div.gauche, .cadre_arrondi_press div.droite {
        width: 40px;
		/*height:450px;*/
}

 
.cadre_arrondi_press div.contenu_cadre{
	color:white;
	width: 850px;
	/*height:385px;*/
	background-color:black;
	padding-top:65px;
	overflow:auto;
}

#press_communicate
{
margin-bottom:20px;
text-align:center;
}


#img_planet{
	float:left;
	position:absolute;
	margin-top:-75px;
	margin-left:260px;
	z-index:0;
}



.hg { background-image: url(../img/hgauche.gif); z-index:0; }
.hd { background-image: url(../img/hdroite.gif); }
.bg { background-image: url(../img/bgauche.gif); }
.bd { background-image: url(../img/bdroite.gif); }
                        
.haut, .bas, .droite, .gauche {z-index:0; }

/* IMAGES CONTENU JEU */
#screen_game
{
width:140px;
height:2990px;
float:right;
}

	#screen_game center
	{
	margin-top:50px;
	}

/*          PRESENTATION           */

#presentation
{
width:480px;
margin-left:-10px;
}

#En_resume
{
text-align:justify;
}

	#En_resume li
	{
	margin-top:10px;
	margin-left:50px;
	}

#Interface
{
text-align:justify;
}

	#Interface li
	{
	margin-top:10px;
	margin-left:50px;
	}

#GPS
{
text-align:justify;
}

	#GPS li
	{
	margin-top:10px;
	margin-left:50px;
	}


/*          SIMULATION          */

#simul
{
width:480px;
margin-left:-10px;
}

#la_mapmonde
{
text-align:justify;
}

	#la_mapmonde li
	{
	margin-top:10px;
	margin-left:50px;
	}

#m_environnement
{
text-align:justify;
}

	#m_environnement li
	{
	margin-top:10px;
	margin-left:50px;
	}
	
#nations
{
text-align:justify;
}

	#nations li
	{
	margin-top:10px;
	margin-left:50px;
	}

#b_perso
{
text-align:justify;
}

#organisations
{
text-align:justify;
}

#b_eco
{
text-align:justify;
}

#b_scenarios
{
text-align:justify;
}

#b_historique
{
text-align:justify;
}





/********************
   --page_secondaire--
*******************/
#contenu_gauche_s02{
	height:1050px;
	z-index:-20;
	font-size:14px;
}

.cadre_arrondi_s02{
	height: 1150px;
	margin-bottom: 10px;
}

.cadre_arrondi_s02 div { float: left; }

.hg, .gauche_s02, .bg { clear: left; }

.haut_s02, .bas_s02 {
        width: 620px;
        height: 50px;
}
                        
.gauche_s02, .droite_s02 {
        width: 40px;
		height:3600px;
}

 
#nslt
{
margin-bottom:50px;
width:640px;
float:left;
}
 
.contenu_cadre_s02{
	width: 620px;
	height:3600px;
	background-color:black;
	padding-top:-10px;
}


	.contenu_cadre_s02 ul.newsletter li{
	display:inline;
	padding:5px;
	}

	.contenu_cadre_s02 ul li.mail{
	list-style-image:url(../img/mail.png);
	margin-left:35px;
	}

.contenu_cadre_s02_mt_pop{
	width:815px;
	margin:20px;
	background-color:black;
	color:white;
}

#fin_inscription
{
width:500px;
float:left;
}

#fin_desinscription
{
width:500px;
float:left;
}
	
	
/************/

.cadre_arrondi2 div { float: left; }

.gauche2{ clear: left; }

.cadre_arrondi2{
	margin-top:-13px;/*-17px*/
	margin-left:15px;
	width: 220px;
	height: 340px;

}

.haut2, .bas2 {
        width: 140px;
        height: 50px;
}
                        
.gauche2, .droite2 {
    width: 40px;
    height: 600px;
}

.contenu_cadre2{
	width: 140px;
	height: 600px;
	background-color:black;
}

.contenu_cadre2 object{
	width: 120px;
	height: 600px;
	margin-left:10px;
	background-color:black;
}

.haut2, .bas2, .droite2, .gauche2 {  }


/****************
------pub-------
***************/
.cadre_arrondi3 div { float: left;z-index:-1 }

.gauche3{ clear: left; }

.cadre_arrondi3{
	margin-top:20px;
	margin-left:15px;
	width: 220px;
	height: 600px;
	
}

.haut3, .bas3 {
        width: 140px;
        height: 50px;
}
                        
.gauche3, .droite3 {
       width: 40px;
	   
       /*    hauteur du cadre   */height: 40px;
}

.contenu_cadre3  img{
	margin-left:0px;
	margin-top:-15px;
	
}
.contenu_cadre3{
background-color:black;
/*margin-left:-10px;
margin-right:10px;*/
width: 140px;

/*    hauteur du cadre   */height:40px;
}

.haut3, .bas3, .droite3, .gauche3 {  }

.img_pub{
z-index:0;

}



/********************
   --page_buy--
*******************/

#contenu_gauche_s03{
	height:1500px;
	z-index:-20;
	font-size:14px;
}

.cadre_arrondi_s03{
	height: 1500px;
	margin-bottom: 10px;
}

.cadre_arrondi_s03 div { float: left; }

.hg, .gauche_s03, .bg { clear: left; }

.haut_s03, .bas_s03 {
        width: 620px;
        height: 50px;
}
                        
.gauche_s03, .droite_s03 {
        width: 40px;
		height:2800px;
}

 
.contenu_cadre_s03{
	width: 620px;
	height:1600px;
	background-color:black;
	padding-top:-10px;
}





.haut_s03{
	background-image:url(../img/cadre_haut.jpg)
}

.bas_s03{
	background-image:url(../img/cadre_bas.jpg)
}

.gauche_s03{
	background-image:url(../img/cadre_gauche.jpg);
}

.droite_s03{
	background-image:url(../img/cadre_droite.jpg)
}


/* SUPPORT */

ul.support
{
margin-left:25px;
margin-top:15px;
}

	ul.support ul
	{
	margin-top:10px;
	margin-left:25px;
	}
	
		ul.support ul li
		{
		margin-left:25px;
		}


		
		
/**********************
***WHICH_LEADER***
*********************/

.leader_right
{
float:right;
}

.description_leader
{
margin-top:60px;
}

.texte_leader
{
width:558px;
margin-right:40px;
}

.texte_leader p
{
font-size:16px;
text-align:justify;
}

.img_leader img
{
width:250px;
}

.img_leader p
{
width:250px;
text-align:center;
font-size:14px;
font-weight:bold;
color:yellow;
margin-bottom:20px;
}



/***********************
***MODDING_TOOL***
**********************/

.mod span
{
color:#bfbfbf;
width:620px;
}

.nb_mod
{
font-weight:bold;
font-size:16pt;
}

.modding_infos
{
width:620px;
}

.modding_img
{
width:92px;
height:92px;
margin-right:15px;
margin-bottom:10px;
margin-top:5px;
border:#bfbfbf;
border-style:solid;
border-width:thin;
}

.modding_titre
{
color:orange;
font-size:16pt;
font-weight:bold;
}

.modding_auteur
{
color:red;
}

.modding_infos_right_ie6
{
text-align:right;
float:right;
margin-top:20px;
}

.modding_infos_right_ie7
{
text-align:right;
float:right;
margin-top:20px;
}

.modding_infos_right_ie8
{
display:block;
text-align:right;
position:relative;
right:-85px;
margin-top:20px;
width:200px;
}

.modding_infos_right_firefox
{
display:block;
text-align:right;
position:relative;
right:-83px;
padding-top:20px;
}

.modding_infos_right_ie6 div
{
float:right;
}

.modding_infos_right_ie7 div
{
float:right;
}

.modding_infos_right_ie8 div
{
float:right;
}

.modding_infos_right_firefox div
{
float:right;
}

.modding_description p
{
text-align:justify;
}

.ligne
{
margin:30px 20px;
width:580px;
border:#000000;
border-top:#ffffff;
border-style:solid;
border-width:thin;
}

#saisie_user
{
width:300px;
height:145px;
background-image:url(../img/saisie_user_bg.gif);
}

#saisie_user table
{
margin-left:5px;
margin-top:10px;
}

#modding_head
{
margin-bottom:40px;
}

#modding_head img
{
float:left;
margin-right:50px;
}

#modding_head h2
{
font-size:26px;
}



/***********************
***        MANUELS        ***
**********************/

#lien_manuel_ron {
margin-top:65px;
}

#lien_manuel_mt {
margin-top:105px;
}

#img_manuels {
margin-top:10px;
}

#img_manuels img {
margin-left:100px;
margin-right:20px;
margin-bottom:20px;
}


















