/* CSS Document */
body {
	background-color : #d8e9ec; /* Bleu-vert */
	text-align : center; /* centrage IE6 */
}

.all {
	margin : auto;
	text-align:center;
	width : 938px; /* Largeur Image background */
	height : 730px; /* Hauteur Image Background */
	background-image : url('/images/cadre01_ordinateur.png');
	background-repeat : no-repeat;
	background-position : top center; /* Haut verticalement, milieu horizontalement */

	border : 1px solid  #d8e9ec;
}

.etiquettes{
	margin-left : 96px; /* Mise en place horizontalement */
	margin-top : 10px;

	width : 727px;
	height : 37px;

	line-height : 37px;
	font-size : 1px;
	text-align : center;
}

.etiquettes img, .etiquettes a{
	border : 0px;
	text-decoration : none;
}

.center {
	width : 690px;
	height : 37px;

	margin : auto;
	text-align : center;
}

.left {
	float : left;
}

.right {
	float : right;
}

.ecran{
	margin-top : 3px;
	margin-left : 96px; /* Mise en place horizontalement */
	margin-bottom : 5px;
	
	width : 727px;
	height : 537px;
	
	text-align : center;  /* centrage du texte */
	line-height : 30px;
	font-family : Arial, Verdana, Serif;
	font-size : 1.2em;
	color : #e8a2a1;
}

.bulle1 {
	float : left;
	margin : 0;
	padding : 0;

	background-image : url('/images/bulle-gauche.png');
	background-repeat : no-repeat;
	background-position : center center; /* Haut verticalement, milieu horizontalement */
	
	width : 355px;
	height : 247px;
}

.bulle2 {
	float : right;
	margin : 0;
	padding : 0;

	background-image : url('/images/bulle-droit.png');
	background-repeat : no-repeat;
	background-position : center center; /* Haut verticalement, milieu horizontalement */
	
	width : 355px;
	height : 247px;
}

.bulle1 a, .bulle2 a {
	display : block;
	margin : 0;
	margin-top : 21px;
	margin-right : 8px;
	margin-left : 8px;
	padding : 0;
	
	height : 177px;
	line-height : 177px;

	font-size : 1.3em;
	font-weight : bolder;
	color : #6f6a70;
	text-decoration : none;
}

.bulle1 a:hover, .bulle2 a:hover {
	text-decoration : none;
	color : #000;
}

.tete {
	clear : right;
	background-image : url('/images/tete2.jpg');
	background-repeat : no-repeat;
	background-position : bottom;
	width : 271px;
	height : 290px;
	margin : auto;
	padding-top : 1px;
	text-align : center;
}


.navigateur {
	margin-left : 85px; /* Mise en place horizontalement */
	margin-top : 10px;

	width : 727px;
	height : 38px;
	
	line-height : 38px;
	text-align : center; /* IE 6 */
}

.navigateur span {
	margin : 0;
	padding : 0;
	font-size : 0.7em;
	font-family : Verdana, Arial, serif;
	font-style : italic;
	color : #FFF;
	font-weight : bolder;
}

.mentionsLegales{
	margin-left : 321px; /* Mise en place horizontalement */
	margin-top : 47px;

	width : 727px;
	height : 38px;
	
	line-height : 38px;
	text-align : center; /* IE 6 */
}

.mentionsLegales a{
	text-decoration : none;
	color : #AAA;
	font-size : 0.6em;
	font-family : verdana, arial, serif;
}

.mentionsLegales a:hover{
	text-decoration : none;
	color : #FFF;
}

.partenaires {
	margin : auto;
	
	width : 727px;
	
	border : 0;
	border-top : 1px dotted #999;
	border-bottom : 1px dotted #999;
	
	text-align : center;
	line-height : 35px;
}

.partenaires span {
	margin : 0;
	padding : 0;
	font-size : 0.7em;
	font-family : Verdana, Arial, serif;
	font-style : italic;
	color : #999;
	font-weight : bolder;
}

.partenaires a {
	color : #777;
	text-decoration : underline;
}

.partenaires  a:hover {
	color : #111;
	text-decoration : overline;
}

.mentions-text{
	font-size : 0.5em;
	font-family : verdana, arial, serif;
	color : black;
	line-height : 15px;
	text-align : justify;
	margin : 0px 10px 0px 10px;
	padding : 10px;
}

.mentions-text a{
	text-decoration : none;
	color : black;
	font-weight : bold;
}

.mentions-text a:hover{
	text-decoration : underline;
	color : #555;
}

.mentions-title{
	font-size : 1.3em;
	font-weight : bolder;
	color : #e8a2a1;
	text-decoration : none;
}

.Hadopi2{
	text-align : center;
	font-size : 0.6em;
	font-family : verdana, arial, serif;
	font-weight : bold;
	color : black;
}

.Hadopi2 a{
	color : #777;
	text-decoration : underline;
}

.Hadopi2 a:hover{
	color : #111;
	text-decoration : overline;
}