#content{
	position: relative;
	
}
IMG {
margin: 0px;
padding: 0px;
}
#content p {
  /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
  font-family: Verdana, sans-serif;
	font-size: 12px;
	/* font-weight:bold; */
}
p.italic {
  font-style: italic; 
}
p.focus_orange {
	color: #EA641A;
}
p.focus_jaune {
	color: #ffcc00;
}
p.focus_marron {
	color: #3e1e11;
}
span.focus_orange {
	color: #EA641A;
}
span.focus_jaune {
	color: #ffcc00;
}
span.focus_noir {
	color: #000000;
}
span.focus_marron {
	color: #3e1d10;
}
.display_off {
	display:none;
}
.display_on {
	display:block;
}
.clear {
	clear: both;
}

/* box commun */
div.box_commun {	
  padding: 0px;
  margin: 0px;
  margin-left: 80px;
  margin-right: 15px;
  /*background-color: red;*/
	float: left;
	text-align: left;
}
div.box_commun p {	
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
  margin-right: 20px;
	text-align: left;
}

/* page projet - notre concept */
div.box_concept_left {	
  padding: 0px;
  margin: 0px;
  margin-left: 80px;
    margin-right: 15px;
  /*background-color: red;*/
	float: left;
	width: 380px;
	text-align: right;
}
div.box_concept_left p {	
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
  margin-right: 20px;
	width: 300px;
	text-align: left;
	float: right;
}

div.box_concept_right {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 480px;
	text-align: left;
}
div.box_concept_right img {
  padding: 0px;
  margin: 0px;
  padding-bottom: 15px;
}

/* page projet - notre vision */

div.box_vision_left {	
  padding: 0px;
  margin: 0px;
  margin-left: 80px;
  /*background-color: red;*/
	float: left;
	width: 494px;
	text-align: right;
}
div.box_vision_left p {	
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-right: 15px;
	width: 450px;
	text-align: left;
}

div.box_vision_right {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 280px;
	text-align: left;
}
div.box_vision_right img {
  padding: 0px;
  margin: 0px;
}
div.box_vision_orange {
  padding: 0px;
  margin: 0px;
  background-image:url("../images/site/projet_vision_box.jpg"); 
	background-repeat:no-repeat;
	width: 268px;
	height: 108px;		
}
div.box_vision_orange p {
  padding: 12px;
  margin: 0px;  
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold; 
	color: #34211D;
}

/* page projet - notre mission */
div#projet_mission {
 padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
  background-image:url("../images/site/projet_mission_viera2.jpg"); 
	background-repeat:no-repeat;
	min-height:507px;
	height: 507px;
}
div#projet_mission_en {
 padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
  background-image:url("../images/site/en/projet_mission_viera2.jpg"); 
	background-repeat:no-repeat;
	min-height:507px;
	height: 507px;
}

/* page projet - nos objectifs */
div.box_objectif_left {	
  padding: 0px;
  margin: 0px;
  margin-top: 35px;
  margin-left: 30px;
  /*background-color: red; */
	float: left;
	width: 397px;
	text-align: right;
}
div.box_objectif_left img {
  padding: 0px;
  margin: 0px;
}
div.box_objectif_orange {
  padding: 0px;
  margin: 0px;
  background-image:url("../images/site/projet_objectif_box.jpg"); 
	background-repeat:no-repeat;
	float: right;
	width: 332px;
	height: 141px;			
}
div.box_objectif_orange p {
  padding: 25px;
  margin: 0px;    
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold; 
	color: #ffffff;
}
div.box_objectif_right {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 500px;
	text-align: left;
}
div.box_objectif_right img {
  padding: 0px;
  margin: 0px;
}
div.box_objectif_right p {	
  padding: 5px;
  margin: 0px;
  margin-top: 10px;
  margin-left: 15px;
	width: 450px;
	text-align: left;
}

/* page projet - nos valeurs */
div#projet_valeur {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
	min-height:507px;
	height: 507px;
	text-align: center;
}

/* page projet - nos valeurs charte */
div#projet_valeur_charte {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;    
	min-height: 1175px;
	height: 1175px;		
	text-align: center;
  background-image:url("../images/site/projet_charte_bg.jpg"); 
	background-repeat:no-repeat;
	background-position: top right;
}
div#charte_retour {
	position: absolute;
	top: 40px;
	left: 100px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}
div#charte_retour a, div#charte_retour a:hover {
  color: #000000;
	text-decoration: none;
}
div#charte_preambule {
  padding: 0px;
  margin: 0px;
  padding-left: 315px;
	width: 90%;
	clear: both;
	text-align: left;
	position: relative;
}
div#charte_preambule_frame {
  padding: 0px;
  margin: 0px;
	width: 335px;	
	text-align: center;
}
div#charte_preambule h3 {
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}
div#charte_preambule p {
	text-align: justify;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}
div#charte_reglement {
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	position: absolute;
	top: 488px;
	left: 0px;
}
div#charte_reglement_left {
  margin: 0px;
  padding: 0px;
  padding-left: 50px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	float: left;
	width: 370px;
}
div#charte_reglement_right {
  margin: 0px;
  padding: 0px;
  padding-left: 50px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	float: left;
	width: 450px;
}
div#charte_reglement h3 {
  margin: 0px;
  padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background-color: #F8D2BB;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
}
div#charte_reglement p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
	text-align: justify;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}

div#charte_reglement p.indent {
  text-indent: 30px;
}

/* page projet contacts */ 
div#projet_contacts {
  margin: 0px;
  padding: 0px;
  min-height: 550px;
  height: 550px;
}
div#projet_contacts IMG#titre {
  margin: 0px;
  padding: 0px;
  position: absolute;
	top: 90px;
	left: 470px;
}
div#contacts_adresse {
  padding: 0px;
  margin: 0px;
	position: absolute;
	top: 130px;
	left: 90px;
	z-index: 10;
}
div#contacts_form {
  padding: 20px;
  margin: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	position: absolute;
	top: 130px;
	left: 400px;
	border: 1px solid #000000;
	height: 350px;
	width: 500px;
}

/* page projet - soutenir */
div#projet_soutenir {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 964px;
	min-height:507px;
	height: 507px;
	text-align: center;	
}

div.projet_soutenir_box {
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
  /*background-color: red; */
  clear: both;
}

div.col_left {
  padding: 0px;
  margin: 0px;
  margin-right: 10px;
  float:left;
  width: 300px;
  font-family: Verdana, sans-serif;
	font-size: 14px;
	text-align: right;
	font-weight: bold; 

}
div.col_center {
  padding: 0px;
  margin: 0px;
  float:left;
  width:500px;
	text-align: left;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #EA641A;
}
div.col_right {
  padding: 0px;
  margin: 0px;
  float: right;
}

/* page hommes equipes */
div#hommes_equipes {
	width:907px; 
	height:510px; 
	background-image:url('../images/site/hommes_monde.png'); 
	position:relative;

}
div#hommes_equipes p { 
  margin:0px;
  padding:0px;
  position: absolute;
	width: 192px; 
	height:86px;
	top:360px;
	left:25px;
} 

div#hommes_equipes div { 
	position:absolute; 
	cursor:pointer; 
	background-repeat:no-repeat;
}

#canada { 
	width: 80px; 
	height:40px;
	background-image:url('../images/site/bonhomme_canada_off.png');  
	top:145px;
	left:200px;
	background-position:left top;
	border:0px solid #000000;
} 
#canada:hover { 
	width: 550px; 
	height:152px; 
	background-image:url('../images/site/bonhomme_canada_on.png');  
	top:90px;
	left:140px;
	z-index: 10;
	background-position:left top;
}

#guyane { 
	width: 80px; 
	height:40px;
	background-image:url('../images/site/bonhomme_guyane_off.png');  
	top:250px;
	left:240px;
	background-position:left center;
	border:0px solid #000000;
} 
#guyane:hover { 
	width: 550px; 
	height:282px; 
	background-image:url('../images/site/bonhomme_guyane_on.png');  
	top:130px;
	left:140px;
	z-index: 10;
	background-position:left top;
}
#norvege { 
	width: 80px; 
	height:40px;
	background-image:url('../images/site/bonhomme_norvege_off.png');  
	top:70px;
	left:435px;
	background-position:left top;
	border:0px solid #000000;
} 

#norvege:hover { 
	width: 520px; 
	height:410px; 
	background-image:url('../images/site/bonhomme_norvege_on.png');  
	top:60px;
	left:330px;
	background-position:left top;
}

#gb { 
	width: 80px; 
	height:40px;
	background-image:url('../images/site/bonhomme_gb_off.png');  
	top:110px;
	left:385px;
	background-position:left top;
	border:0px solid #000000;
} 

#gb:hover { 
	width: 520px; 
	height:410px; 
	background-image:url('../images/site/bonhomme_gb_on.png');  
	top:100px;
	left:330px;
	background-position:left top;
}

#france { 
	width: 80px; 
	height:40px;
	background-image:url('../images/site/bonhomme_france_off.png');  
	top:135px;
	left:410px;
	background-position:left top;
	border:0px solid #000000;
} 

#france:hover { 
	width: 520px; 
	height:410px; 
	background-image:url('../images/site/bonhomme_france_on.png');  
	top:135px;
	left:330px;
	background-position:left top;
}

#senegal { 
	width: 80px; 
	height:40px;
	background-image:url('../images/site/bonhomme_senegal_off.png');  
	top:240px;
	left:375px;
	background-position:left center;
	border:0px solid #000000;
} 

#senegal:hover { 
	width: 550px; 
	height:410px; 
	background-image:url('../images/site/bonhomme_senegal_on.png');  
	top:120px;
	left:330px;
	background-position:top center;
	border:0px solid #000000;
}

#afriquedusud { 
	width: 80px; 
	height:40px; 
	background-image:url('../images/site/bonhomme_afriquedusud_off.png');  
	top:380px;
	left:450px;
	background-position:left bottom;
} 

#afriquedusud:hover { 
	width: 520px; 
	height:410px; 
	background-image:url('../images/site/bonhomme_afriquedusud_on.png');  
	top:5px;
	left:330px;
	background-position:left bottom;
} 

/* page hommes partenaires */
div#hommes_partenaires {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 964px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
}
#hommes_partenaires img.titre {
	cursor:help;	
}
#hommes_partenaires img.logo {
	margin:0 15px 15px 0;	
	/*cursor:pointer;	*/
}
#hommes_partenaires p#particuliers {
  padding: 15px;
  padding-left: 40px;	
  /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
  font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #3e1e11;	
	/* font-weight:bold; */
}
#hommes_partenaires p#anciens {
  font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #3e1e11;	
}


/* page actions */
div#action {
  padding: 0px;
  margin: 0px;
	float: left;
	text-align: center;
	position: relative;
}

div#action_left {
  padding: 0px;
  margin: 0px;
  width: 560px;
	float: left;
	text-align: center;
}
div#marques {
  padding: 0px;
  margin: 10px;
	float: left;
  width: 530px;
  background-image:url("../images/site/action_hub2.png"); 
	background-repeat:no-repeat;	
	height: 310px;	
	text-align: center;
	position: relative;
}
div#marque_stadesup {
  padding: 0px;
  margin: 0px;
  position:absolute;
  top:148px;
  left:	6px;
  width: 186px;
  height: 154px;
  border: 0px solid transparent;
  cursor: pointer;
}
div#marque_stadesup.active {
  border: 0px solid yellow;
  background-image:url("../images/site/action_hub_stadesup.png"); 
	background-repeat:no-repeat;	
}
div#marque_satellite {
  padding: 0px;
  margin: 0px;
  position:absolute;
  top:149px;
  left:176px;
  width: 178px;
  height: 155px;
  border: 0px solid transparent;
  cursor: pointer;
}
div#marque_satellite.active {
/*background-color: red;*/
  border: 0px solid yellow;
  background-image:url("../images/site/action_hub_satellite.png"); 
	background-repeat:no-repeat;	
}
div#marque_baobab {
  padding: 0px;
  margin: 0px;
  position:absolute;
  top:149px;
  left:337px;
  width: 185px;
  height: 153px;
  border: 0px solid transparent;
  cursor: pointer;
}
div#marque_baobab.active {
/*background-color: red;*/
  border: 0px solid yellow;
  background-image:url("../images/site/action_hub_baobab.png"); 
	background-repeat:no-repeat;	
}
div#marque_instituts {
  padding: 0px;
  margin: 0px;
  position:absolute;
  top: 5px;
  left:	7px;
  width: 187px;
  height: 156px;
  border: 0px solid transparent;
  cursor: pointer;
}
div#marque_instituts.active {
  border: 0px solid yellow;
  background-image:url("../images/site/action_hub_instituts.png"); 
	background-repeat:no-repeat;	
}
div#marque_hubfoot {
  padding: 0px;
  margin: 0px;
  position:absolute;
  top:4px;
  left:	176px;
  width: 179px;
  height: 155px;
  border: 0px solid transparent;
  cursor: pointer;
}
div#marque_hubfoot.active {
  border: 0px solid yellow;
  background-image:url("../images/site/action_hub_hubfoot.png"); 
	background-repeat:no-repeat;	
}
div#marque_campus {
  padding: 0px;
  margin: 0px;
  position:absolute;
  top:7px;
  left:337px;
  width: 185px;
  height: 153px;
  border: 0px solid transparent;
  cursor: pointer;
}
div#marque_campus.active {
/*background-color: red;*/
  border: 0px solid yellow;
  background-image:url("../images/site/action_hub_campus.png"); 
	background-repeat:no-repeat;	
}
div#action_right {
  padding: 0px;
  margin: 0px;
  margin-top: 50px;
  width: 385px;
	float: left;
	/*position: absolute;
	left: 650px;
	  top: 50px;
	*/
	text-align: left;
}
div#action_right p {
/*
  padding: 0px;
  margin: 0px;
  */
  font-family: Verdana, sans-serif;
	font-size: 12px;
}
div#action_right ul {
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

/* page dates */
div#dates {
  padding: 0px;
  margin: 0px;
	float: left;
	text-align: center;
	position: relative;
}

div#dates_left {
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
	float: left;
	text-align: left;
}

div.timeline {
  padding: 0px;
  margin: 0px;
  height: 170px;
  border-top: 4px solid #000;
   border-right: 2px solid #000;
  border-bottom: 4px solid #000;
   border-left: 2px solid #000;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
}
div.timeline img {
  padding: 0px;
  margin: 0px;
}

div#intro{
	min-height: 500px;
	background-color:#1e1207;
	color : #e95d0f;
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size: 29px;
}

div#intro img{
	margin-right:10px;
}

/* page hommes - fondateurs */
div#hommes_fondateurs {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
  background-image:url("../images/site/hommes_fondateurs_bg.jpg"); 
	background-repeat:no-repeat;	
	min-height: 502px;
	height: 502px;	
	text-align: center;
	position: relative;
}

div#fondateurs {
  font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bolder; 	
	color: #EA641A;
	position: absolute;
	left: 0px;
	top: 320px;	
	width: 100%;
	cursor: help;	
}
div#fondateur_jimmy {
	position: absolute;
	left: 50px;
	top: 0px;	
}
div#fondateur_seck {
	position: absolute;
	left: 300px;
	top: 0px;	
}
div#fondateur_lama {
	position: absolute;
	left: 520px;
	top: 0px;	
}
div#fondateur_viera {
	position: absolute;
	left: 750px;
	top: 0px;	
}
/*
div#fondateurs {
  font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold; 
	color: #EA641A;
	position: absolute;
	left: 0px;
	top: 320px;	
	width: 100%;
	background-color:red;
		cursor:pointer;	
}
*/

#products img {
	margin:0 20px 10px 0;	
	cursor:pointer;	
}

div.fondateur_description {
	/*background-color:#ffffff;*/
	background-image:url("../images/site/hommes_fondateurs_shadow.png"); 
	border:1px solid #c0c0c0;	
	width:200px;
	min-height:140px;
	margin-top:17px;
	-moz-border-radius:4px;
	padding:10px 10px;
	text-align: left;
	position: absolute;
}

div#fondateur_jimmy_description {
	width:300px;
	min-height:120px;
	top: 325px;
	left: 10px;
	font-family: Verdana, sans-serif;
}
div#fondateur_jimmy_description p {
	font-size: 10px;
}
div#fondateur_jimmy_description h3 {
	font-size: 10px;
	font-weight: bold; 
}

div#fondateur_seck_description {
	width:300px;
	min-height:120px;
	top: 325px;
	left: 190px;
	font-family: Verdana, sans-serif;	
}
div#fondateur_seck_description p {
	font-size: 10px;
}
div#fondateur_seck_description h3 {
	font-size: 10px;
}

div#fondateur_lama_description {
	width:300px;
	min-height:120px;
	top: 325px;
	left: 390px;
	font-family: Verdana, sans-serif;
}
div#fondateur_lama_description p {
	font-size: 10px;
}
div#fondateur_lama_description h3 {
	font-size: 10px;
}

div#fondateur_viera_description {
	width:310px;
	min-height:120px;
	top: 325px;
	left: 620px;
	font-family: Verdana, sans-serif;
}
div#fondateur_viera_description p {
	font-size: 10px;
}
div#fondateur_viera_description h3 {
	font-size: 10px;
}


/* page vie-avenir - hub foot et baobab */
div#vieavenir_baobab {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
	min-height:1200px;
	height: 1200px;
	text-align: center;
}
img#sportif {
 	padding: 0px;
  margin: 0px;
  position: absolute;
  top: -20px;
  left: 55px;
}
img#culturel {
 	padding: 0px;
  margin: 0px;
  position: absolute;
  top: -20px;
   left: 85px;
}
div#vieavenir_baobab div#baobab_frame {
  padding: 0px;
  padding-bottom: 30px;
  margin: 0px;
	float: left;
  width: 960px;
	text-align: left;
	clear: both;
}
div#vieavenir_baobab div#baobab_frame P {
  padding: 10px;
  padding-left: 40px;
  margin: 0px;  
}
div#vieavenir_baobab div#baobab_zoom {
  padding: 0px;
  margin: 0px;
  width: 960px;
  height: 820px;
	text-align: left;
	position: relative;
	clear: both;
}
div#vieavenir_baobab div#baobab_left {
  padding: 10px;
  padding-left: 40px;
  margin: 0px;
  width: 350px;
  height: 820px;
  background-color: #3E1E11;
	text-align: center;
	color: #ffffff;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 0px;
	left: 45px;
	/* font-weight: bolder; */	
}

div#vieavenir_baobab div#baobab_zoom p.titre {
  padding: 0px;
  padding-top: 15px;
  margin: 0px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
}

div#vieavenir_baobab div#baobab_right {
  padding: 10px;
  padding-left: 10px;
  margin: 0px;
  width: 420px;
  height: 820px;
  background-color: #3E1E11;
	text-align: center;
	color: #ffffff;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 0px;
	left: 495px;
	/* font-weight: bolder; */	
}

div#vieavenir_baobab div#baobab_mozaik {
  padding: 0px;
  margin: 0px;
  width: 242px;
  height: 760px;
  background-color: #3E1E11;
	text-align: center;
	color: #ffffff;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 80px;
	left: 350px;
	z-index:10;
	background-image:url("../images/site/vieavenir-baobab-bg.jpg"); 
		background-repeat:no-repeat;	
	/* font-weight: bolder; */	
}

div#vieavenir_baobab div#baobab_zoom div.description {
  padding: 0px; 
  margin: 0px;
  width: 250px;
  text-align: left;
  /*background-color: green;*/
  position: absolute;
  top: 100px;
  left: 30px;  
}
div#vieavenir_baobab div#baobab_right div.description {
  padding: 0px; 
  margin: 0px;
  width: 270px;
  text-align: left;
  /*background-color: green;*/
  position: absolute;
  top: 100px;
  left: 130px;  
}
div#vieavenir_baobab div#baobab_zoom div.description h3 {
  padding: 0px;
  padding-bottom: 5px;
  margin: 0px;
  text-align: left;
  border-bottom: 1px solid #ffffff;	
}
div#vieavenir_baobab div#baobab_zoom div.description p {
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	/* font-weight: 300; */
}

div#vieavenir_hubfoot {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
	min-height:960px;
	height: 960px;
	text-align: center;	
	background-image:url("../images/site/vieavenir-hubfoot-bg.jpg"); 
	background-repeat:no-repeat;
	background-position: top left;
}

div#vieavenir_hubfoot div#hubfoot_bulle {
	padding: 0px;
  margin: 0px;
  position: absolute;
  top: 510px;
  left: 305px;
  width: 190px;
  height: 200px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bolder; 	
}

div#vieavenir_hubfoot div#hubfoot_encart {
	padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
  position: absolute;
  top: 658px;
  left: 0px;
	text-align: center;
}

/* page vie-avenir - apres diambars */
div#vieavenir_apresdiambars {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
	min-height:550px;
	height: 550px;
	text-align: center;
}
div#vieavenir_apresdiambars img {
  padding: 0px;
  margin: 0px;
}
div#vieavenir_apresdiambars img.bonhomme {
  padding: 0px;
  margin: 0px;
  margin-left: -10px;
  margin-right: 2px;
}
div#box_apresdiambars_left {	
  padding: 0px;
  margin: 0px;
  /*background-color: red; */
	float: left;
	width: 270px;
	text-align: left;
}
div#apres_left_titre {
  padding: 0px;
  margin: 0px;  
	width: 270px;
	height: 108px;
	text-align: center;
}
div#apres_left_titre img {
  padding: 0px;
  margin: 0px;  
	padding-top: 35px;
}
div#apres_left_ecole {
  padding: 0px;
  margin: 0px;
	width: 270px;
	height: 175px;
}
div#box_apresdiambars_left div.description {
  padding: 0px;
  margin: 0px;
	float: right;
	width: 100%;
	height: 218px;		
}
div#box_apresdiambars_left div.description p {
  padding: 25px;
  padding-top: 50px;
  margin: 0px;   
  width: 220px; 
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #E95D0F;
}
div.box_apresdiambars_center {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 423px;
  height: 503px;
	text-align: center;
}
div.box_apresdiambars_center div.visuel {
  padding: 0px;
  margin: 0px;
  height: 283px;
}
div.box_apresdiambars_center div.description {
  padding: 0px;
  margin: 0px;  
	background-color: #E95D0F;
	height: 220px;	
	text-align: left;
}
div.box_apresdiambars_center div.description p {
  padding: 25px;
  padding-top: 50px;
  margin: 0px;  
	width: 370px;
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
div.box_apresdiambars_right {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 263px;
	text-align: left;
}
div.box_apresdiambars_center div.visuel {
  padding: 0px;
  margin: 0px;
}
div.box_apresdiambars_right div.description {
  padding: 0px;
  margin: 0px;
	height: 218px;
}
div.box_apresdiambars_right p {	
  padding: 25px;
  margin: 0px;
  margin-top: 20px;

	width: 210px;
	text-align: left;
	color: #3E1E11;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

/* Page La vie, l'avenir > Les jeunes de l'institut et de satellite*/
div#vieavenir_institut {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;	
	text-align: center;	
	
}
div#vieavenir_institut div#institut_frame {
  padding: 0px;
  padding-bottom: 70px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:1050px;
  height: 1050px;
  text-align: left;
  clear: both;
}

div#vieavenir_institut div#institut_frame_fond_01 {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:325px;
  height: 325px;
  text-align: center;
  clear: both;
  background-image:url("../images/site/vieavenir-institut-promotions-bg01.png"); 
  background-repeat:no-repeat;
  background-position: top center;
}

div#vieavenir_institut div#institut_frame_fond_02 {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:325px;
  height: 325px;
  text-align: center;
  clear: both;
  background-image:url("../images/site/vieavenir-institut-promotions-bg02.png"); 
  background-repeat:no-repeat;
  background-position: top center;
}

div#vieavenir_institut div#institut_frame_fond_03 {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:325px;
  height: 325px;
  text-align: center;
  clear: both;
  background-image:url("../images/site/vieavenir-institut-promotions-bg03.png"); 
  background-repeat:no-repeat;
  background-position: top center;
}

div#vieavenir_institut P {
	padding: 0px;
	margin: 0px;  
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#3e1e11;
}

div#vieavenir_institut div#institut_promo_01 {
	padding: 0px;
  margin: 0px;
	position: absolute;
	top: 458px;
	left: 30px;
	width: 415px;
	height: 20px;	
}

div#vieavenir_institut div#institut_promo_02 {
	padding: 0px;
  margin: 0px;
	position: absolute;
	top: 458px;
	left: 485px;
	width: 410px;
	height: 20px;	
}

div#vieavenir_institut div#institut_promo_03 {
	padding: 0px;
  margin: 0px;
	position: absolute;
	top: 783px;
	left: 30px;
	width: 414px;
	height: 20px;
}

div#vieavenir_institut div#institut_promo_04 {
	padding: 0px;
  margin: 0px;
	position: absolute;
	top: 783px;
	left: 485px;
	width: 410px;
	height: 20px;
}

div#vieavenir_institut div#institut_promo_05 {
	padding: 0px;
  margin: 0px;
	position: absolute;
	top: 1108px;
	left: 30px;
	width: 414px;
	height: 20px;
}

div#vieavenir_institut div#institut_promo_06 {
	padding: 0px;
  margin: 0px;
	position: absolute;
	top: 810px;
	left: 485px;
	width: 410px;
	height: 20px;
}

div#vieavenir_institut div#detection_frame {
  padding: 0px;
  padding-bottom: 30px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:600px;
  height: 600px;
  text-align: left;
  clear: both;
}

div#vieavenir_institut div#detection_frame_fond {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:550px;
  height: 550px;
  text-align: center;
  clear: both;
  background-image:url("../images/site/vieavenir-institut-detections-bg.png"); 
  background-repeat:no-repeat;
  background-position: bottom center;
}

div#vieavenir_institut div#detection_content {
	padding: 0px;
	margin: 0px;  
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#3e1e11;
	position: absolute;
	top: 1280px;
	left: 390px;
	width: 520px;
	height: 400px;
}

div#vieavenir_institut .txt_white {
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#ffffff;
	font-weight:bold
}

/* Page La vie, l'avenir > Satellite */
div#vieavenir_satellite {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;	
	text-align: center;	
	color:#3e1e11;	
}

div#vieavenir_satellite div#infrastructure {
  padding: 0px;
  padding-bottom: 20px;
  margin: 0px;
  float: left;
  width: 960px;
  text-align: left;
  clear: both;
}
div#vieavenir_satellite div#infrastructure P {
  margin-left: 160px;
  font-weight: bold;
}
div#vieavenir_satellite div#infrastructure UL {
  margin-left: 200px;
  font-weight: normal;
}
div#vieavenir_satellite div#schema {
  padding: 0px;
  margin: 0px;
    padding-bottom: 20px;

}
/* Page La vie, l'avenir > CAMPUS*/
div#vieavenir_campus {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;	
	text-align: center;	
	color:#3e1e11;	
}

div#vieavenir_campus div#campus_frame {
  padding: 0px;
  padding-bottom: 50px;
  margin: 0px;
  float: left;
  width: 960px;
  text-align: left;
  clear: both;  
}

div#vieavenir_campus div#campus_frame P {
  margin-left : 160px;
  font-weight:bold;
}

div#vieavenir_campus div#journee_campus_frame {
  padding: 0px;
  padding-bottom: 50px;
  margin: 0px;
  margin-bottom: 50px;
  float: left;
  width: 960px;
  min-height:855px;
  height: 855px;
  text-align: left;
  clear: both;
  background-image:url("../images/site/vieavenir-stages-journee-campus-bg.jpg"); 
  background-repeat:no-repeat;
  background-position: bottom center;
}

div#vieavenir_campus div#journee_campus_frame_en {
  padding: 0px;
  padding-bottom: 50px;
  margin: 0px;
  margin-bottom: 50px;
  float: left;
  width: 960px;
  min-height:855px;
  height: 855px;
  text-align: left;
  clear: both;
  background-image:url("../images/site/en/vieavenir-stages-journee-campus-bg.jpg"); 
  background-repeat:no-repeat;
  background-position: bottom center;

}
div#vieavenir_campus div#journee_campus_content_01 {
  	padding: 0px;
	margin: 0px;  
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#3e1e11;
	position: absolute;
	top: 245px;
	left: 350px;
	width: 400px;
}

div#vieavenir_campus div#journee_campus_content_02 {
	padding: 0px;
	margin: 0px;  
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#3e1e11;
	position: absolute;
	top: 750px;
	left: 160px;
	width: 440px;
}

div#vieavenir_campus div#journee_diambars_frame {
  padding: 0px;
  padding-bottom: 50px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:388px;
  height: 388px;
  text-align: left;
  clear: both;
  background-image:url("../images/site/vieavenir-stages-journee-diambars-bg.png"); 
  background-repeat:no-repeat;
  background-position: bottom center;
}

div#vieavenir_campus div#journee_diambars_content_01 {
    padding: 0px;
	margin: 0px;  
	color:#3e1e11;
	position: absolute;
	top: 1280px;
	left: 40px;
	width: 200px;
}

div#vieavenir_campus div#journee_diambars_content_02 {
    padding: 0px;
	margin: 0px;  
	color:#3e1e11;
	position: absolute;
	top: 1280px;
	left: 262px;
	width: 210px;
}

div#vieavenir_campus div#journee_diambars_content_03 {
    padding: 0px;
	margin: 0px;  
	color:#3e1e11;
	position: absolute;
	top: 1280px;
	left: 485px;
	width: 210px;
}

div#vieavenir_campus div#journee_diambars_content_04 {
    padding: 0px;
	margin: 0px;  
	color:#3e1e11;
	position: absolute;
	top: 1280px;
	left: 710px;
	width: 210px;
}

div#vieavenir_campus h1{
	font-size: 20px;
	font-family: verdana, sans-serif; ; 
	text-align:justify;
	font-weight:bolder;
	margin:0;
	padding:0;
	border:0;
}

div#vieavenir_campus h2{
	font-size: 13px;
	font-family: arial, sans-serif; ; 
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:15px;
}

div#vieavenir_campus .txt_white {
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#ffffff;
}
	
div#vieavenir_campus .txt_orange {
	font-size: 13px;
	font-family: Arial, sans-serif; 
	text-align:justify;
	color:#e95d0e;
	font-weight:bold
}

/* Page La vie, l'avenir > STADE SUP */
div#vieavenir_stadesup {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;	
	text-align: center;	
	color:#3e1e11;	
}

div#vieavenir_stadesup div#stadesup_frame {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 960px;
  min-height:600px;
  height: 600px;
  text-align: left;
  clear: both;
  background-image:url("../images/site/vieavenir-stages-journee-stadesup-bg.jpg"); 
  background-repeat:no-repeat;
  background-position: bottom center;
}

div#vieavenir_stadesup div#campus_frame P {
  margin-left : 160px;
  font-weight:bold;
}
div#vieavenir_stadesup div#stadesup_zoomsur {
  padding: 0px;
	margin: 0px;  
	position: absolute;
	top: 612px;
	left: 0px;
	width: 170px;
}
div#vieavenir_stadesup div#stadesup_bulle {
  	padding: 0px;
	margin: 0px;  
	position: absolute;
	top: 515px;
	left: 570px;
	width: 170px;
	font-family: Verdana, sans-serif;
	text-align:center;
}

div#vieavenir_stadesup div#stadesup_bulle h1 {
  	color:#e95d0e;
	font-size:14px;
	font-weight:bolder;
	padding: 0px;
	margin: 0px;
}

div#vieavenir_stadesup div#stadesup_bulle h2 {
  	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}

div#vieavenir_stadesup div#stadesup_bulle ul {
  	padding: 0px;
	margin: 0px;
}

div#vieavenir_stadesup div#stadesup_bulle li {
  	padding: 0px;
	margin: 0px;
}
div#vieavenir_stadesup div#journee_campus_frame {
  padding: 0px;
  padding-bottom: 50px;
  margin: 0px;
  margin-bottom: 50px;
  float: left;
  width: 960px;
  min-height:855px;
  height: 855px;
  text-align: left;
  clear: both;
  background-image:url("../images/site/vieavenir-stages-journee-campus-bg.png"); 
  background-repeat:no-repeat;
  background-position: bottom center;
}


div#vieavenir_stadesup div#stadesup_frame_details {
	padding: 0px;
	margin: 0px;
	margin-left:5px;
	float: left;
  	width: 960px;
	font-family: Verdana, sans-serif;
	text-align:center;
}
	
div#vieavenir_stadesup div#stadesup_frame_details_gauche{
	padding: 0px;
	margin: 0px;
	float: left;
  	width: 410px;
	min-height:600px;
  	height: 600px;
	background-image:url("../images/site/vieavenir-stadesup-interview-bg.jpg"); 
  	background-repeat:no-repeat;
  	background-position: bottom center;
	text-align:center;
}

div#vieavenir_stadesup div#stadesup_frame_details_gauche div#txt_orange{
	color:#e95d0e;
	font-size:14px;
	padding: 0px;
	margin: 0px;
	width:250px;
	text-align:justify;
	margin-left:70px;
}

div#vieavenir_stadesup div#stadesup_frame_details_droite{
	padding: 0px;
	margin: 0px;
	float: left;
  	width: 540px;
	min-height:600px;
  	height: 600px;
	background-color:#e8e4e3;
	text-align:justify;
}

div#vieavenir_stadesup div#stadesup_frame_details_droite ul {
	color:#3e1e11;
	font-size:12px;
	width:430px;
}

div#vieavenir_stadesup div#stadesup_frame_details_droite li {
	margin-bottom:20px;
}

div#vieavenir_stadesup div#stadesup_frame_details .titre {
	padding: 0px;
	margin: 0px;  
	position: absolute;
	top: 750px;
	left: 400px;
}

/* presse - revue */
div#presse_revue {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;  
	min-height:1420px;
	height: 1420px;	
	text-align: center;
	background-image:url("../images/site/presse-revue-bgorangemotif.png"); 
  background-repeat: repeat;
}
div#presse_revue_header {
  padding: 0px;
  margin: 0px;
}

div#presse_revue h3 {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
  text-align: left;   
}
div#presse_revue h3.marron {
  color: #ab6318;
}
div#presse_revue p {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
  text-align: left; 
}
div#presse_revue p.marron {
  color: #ab6318;
}
div#presse_revue_layout_last {
  padding: 0px;
  margin: 0px;
  margin-left: 150px;
	float: left;
	clear: both;
	text-align: left;	
	width: 673px;
	height: 281px;
  background-image:url("../images/site/presse-revue-layout-last.png"); 
  background-repeat:no-repeat;
  background-position: top left;
}
div#presse_revue_layout_last .content{
  padding: 5px;
  margin: 0px;
  margin-top: 20px;
	text-align: left;	
	width: 640px;
	height: 245px;
  background-color: none;
}
div#presse_revue_layout_last div#zoom {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 200px; 
  background-color: none;
}
div#presse_revue_layout_last div#articles {
  padding: 5px;
  margin: 0px;
  margin-top: 10px;
  float: left;
  width: 430px; 
  background-color: none;
}
div#presse_revue_layout_2009 {
  padding: 0px;
  margin: 0px;
  margin-left: 150px;
	float: left;
	clear: both;
	text-align: left;	
	width: 673px;
	height: 307px;
  background-image:url("../images/site/presse-revue-layout-2009.png"); 
  background-repeat:no-repeat;
  background-position: top left;
}
div#presse_revue_layout_2009 .content{
  padding: 15px;
  margin: 0px;
  margin-top: 20px;
	text-align: left;	
	width: 610px;
	height: 255px;
  background-color: none;
}
div#presse_revue_layout_2003 {
  padding: 0px;
  margin: 0px;
  margin-left: 150px;
	float: left;
	clear: both;
	text-align: left;	
	width: 673px;
	height: 542px;
  background-image:url("../images/site/presse-revue-layout-2003.png"); 
  background-repeat:no-repeat;
  background-position: top left;
}
div#presse_revue_layout_2003 .content{
  padding: 15px;
  margin: 0px;
  margin-top: 20px;
	text-align: left;	
	width: 605px;
	height: 490px;
  background-color: none;
}
/* presse - actualités */
div#presse_actualites {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;  
	min-height:1160px;
	height: 1160px;	
	text-align: center;	
}
div#presse_actualites div#vignettes {
  padding: 0px;
  margin: 0px;
  border: 0px solid #ffffff;
  margin-left: 15px;
  margin-right: 5px;
  /*background-color: #ff0000;*/
  width: 398px;
  height: 880px;
  float: left;  
}
div#presse_actualites .vignette {
  padding: 0px;
  margin: 4px;
  width: 191px;
  height: 163px;  
  background-color: #3e1e11;
  color: #ffffff;
  font-size: 11px;
  font-family: verdana;
  font-weight: normal;    
  float: left;
}
div#presse_actualites .vignette_height_big {
  height: 190px; 
}

div#presse_actualites .active {
  background-color: #e95d0f;
  font-weight: bold;  
}
div#presse_actualites div#contenu {
  padding: 30px;
  margin: 2px;
  border: 1px solid #e95d0f;  
  width: 460px;
  height: 815px;
  float: left;  
}
div#presse_actualites div#contenu h3 {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #e95d0f;
	font-weight: bold;
  text-align: left;   
}
div#presse_actualites div#contenu h2 {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #e95d0f;
	font-weight: bold;
  text-align: left;   
}
div#presse_actualites div#contenu p {
  font-family: Verdana, sans-serif;
	font-size: 12px;
  text-align: justify; 
}
div#presse_actualites div#contenu p.focus_marron {
	color: #ab6318;
}
div#presse_actualites img.buttonall {
	margin: 0px;
	padding: 0px;
  margin-left: 18px;
	margin-top: 20px;
	float: left;
	text-align:left;
}
div#presse_actualites img.tv {
	margin: 0px;
	padding: 0px;
  margin-left: 15px;
	margin-top: 10px;
	float: left;
	text-align:left;
}

/* presse - grands rendez-vous */
div#presse_rdv {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
  /*
	min-height:960px;
	height: 960px;
	*/
	text-align: center;	
}
div#rdv_left {
  margin: 0px;
  padding: 0px;
	width: 315px;
	text-align: left;
	float: left;
	clear: both;
}
div#rdv_liste {
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  padding-right: 10px;
  width: 305px;
  /*background-color: #ff0000;*/
  text-align: left;	
  float: left;
}
div#rdv_liste h3 {
  margin: 0px;
  padding: 0px;
	color: #EA641A;
	font-size: 14px;
	font-weight: bold;
}
div#rdv_liste p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
}
div#rdv_right {
  margin: 0px;
  padding: 0px;
	width: 315px;
	text-align: left;
	float: right;
}

/* presse - conférence de presse */
div#presse_conference {
  padding: 0px;
  margin: 0px;
	float: left;
  width: 960px;
  /*
	min-height:960px;
	height: 960px;
	*/
	text-align: center;	
}
div#conference_date {
  margin: 0px;
  margin-left: 60px;
  padding: 15px;
  margin-top: 150px;
	width: 230px;
	height: 50px;
	text-align: center;
	float: left;
	border: 1px solid #000000;
	border-right: 0px;
	background-color: #ffffff;
	color: #3e1e11;
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;	
}
div#conference_joueurs {
  margin: 0px;
  padding: 0px;
	float: left;
	width: 290px;
	height: 390px;
}
div#conference_reportage {
  margin: 0px;
  padding: 0px;
	float: left;
	width: 210px;
	height: 390px;
}
div#conference_reportage p {
  margin: 0px;
  padding: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
	width: 190px;
	text-align: left;
}