/* CSS Document */

body {
margin: 0;
padding: 0;
}

div#corps { 
position:absolute;
left: 50%;
top: 50%;
width: 700px;
height: 400px;
margin-top: -238px; /* moitié de la hauteur */
margin-left: -360px; /* moitié de la largeur */
}	



/* ------------------------------------------------------------ */

/* Layout de la partie gauche                                   */

/* ------------------------------------------------------------ */


#bandeau {

	position:relative;

	top:-6px;

	height:92px;

	padding-right:150px;

	background-position:left top;

	background-repeat:no-repeat;

}

#bas {
height:20px;
background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-bord_bas.png) no-repeat;
position:relative;
text-decoration:none;
top:-6px;
}

#bastexte {
margin-left: 163px;
position:absolute;
margin-top: 3px;
color: #A4A1A1;
font:9px Arial;
}

#contenu {

	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-bord_gauche.png) repeat-y;

	height:328px;

	width:650px;

	position:relative;

	top:-6px;

}


#contenugauche, #contenudroite {

	position:relative;

	top:0px;

	float:left;

	height:260px;
	}
	
#contenudroite {
position:absolute;
height:308px;
left:183px;
}

#csss
{

width : 120;
margin-top : -6px;
Margin-left : 10px;

text-align:center;
position:relative;
float:left;

	}
	
#flash
{
text-align:center;
	}

div.blocgauche {

	left:21px;

	width:150px;

	padding-right:10px;

}

div.blocdroit {

	left:20px;

	width:430px;
	overflow:auto;

	padding:10px;

}


/* ------------------------------------------------------------ */

/* Drapeaux                                                     */

/* ------------------------------------------------------------ */

#hauttexte {
display : block;
position:absolute;
left: 60px;
top: 12px;
padding-right:60px;
color: #A4A1A1;
font:9px Arial;
text-decoration: none;
}

#logo {
position:absolute;

	top:26px;
left: 45px;
	


}


#flags {

	/* top: -3px;
	position:relative; */
	
	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-bord_haut.png) no-repeat;

	padding-right:40px;

}

#flags1 {
position:absolute;
right: 3px;
padding-right:60px;
top: 12px;
text-align: left;
font:12px Arial;
text-decoration: none;
}



/* ------------------------------------------------------------ */

/* General                                                      */

/* ------------------------------------------------------------ */

body {

	margin:0;

	padding:0;

}


div.gauche {

	float:left;

}


#container {

	width:650px;
	margin:10px auto; 


}
a.postit {
vertical-align: middle;
display: -moz-inline-box;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_cdrom_bas.gif'); 
background-repeat: no-repeat;
} 
a.postit:hover {
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_cdrom_haut.gif'); 
background-repeat: no-repeat;
} 
a.postitv {
vertical-align: middle;
display: -moz-inline-box;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_siteweb_bas.gif'); 
background-repeat: no-repeat;
} 
a.postitv:hover {
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_siteweb_haut.gif'); 
background-repeat: no-repeat;
} 
a.postitvi {
vertical-align: middle;
display: -moz-inline-box;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_video_bas.gif'); 
background-repeat: no-repeat;
} 
a.postitvi:hover {
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_video_haut.gif'); 
background-repeat: no-repeat;
} 
a.postitg {
vertical-align: middle;
display: -moz-inline-box;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_games_bas.gif'); 
background-repeat: no-repeat;
} 
a.postitg:hover {
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_games_haut.gif'); 
background-repeat: no-repeat;
}