/*
*******************************************************************
 pour le positionnement total
*******************************************************************
*/

body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#cadreTTt {
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*height: 600px;*/
	height:565px;
	width: 800px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left: -400px;
	/*margin-top: -283px;*/
	margin-top: 0px;
}

#cadreTt {
	border: 10px solid #c7eaf2;
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*height: 580px;*/
	height: 545px;
	width: 780px;
	position:relative;
}

/*
*******************************************************************
 pour le haut
*******************************************************************
*/

#cadreHt {
	border-bottom: 10px solid #c7eaf2;
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*height: 162px;*/
	height: 127px;
	width: 780px;
	position:absolute;
	left:0;
	top:0;	
}

#photoBanner {
	border: 0px;
	border-bottom: 10px solid #c7eaf2;
	margin: 0px;
	padding: 0px;
	/*height: 117px;*/
	height:82px;
	width: 723px;
	background-image:url(images/photo_gamme1.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
}

#logo {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 49px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:49px;
	left:4px;
}

#lienIndex {
	display:block;
	padding:0;
	border:0;
	margin:0;
	height:60px;
	width:49px;
	position:absolute;
	top:0px;
	left:0px;
}

/* pour les langues */

#langues {
	position:absolute;
	right:17px;
	/*top:117px;*/
	top: 82px;
	padding:0;
	border:0;
	margin:0;
	width: 40px;
	height:10px;
}

#langueF, #langueE, #langueD, #langueI {
	display:block;
	padding:0;
	border:0;
	margin:0;
	height:10px;
	width:10px;
	position:absolute;
	top:0px;
}

#langueE {
	background-image:url(images/langue_eOut.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:36px;
}
#langueF {
	background-image:url(images/langue_fOut.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:24px;
}
#langueD {
	background-image:url(images/langue_dOut.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:12px;
}
#langueI {
	background-image:url(images/langue_iOut.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
}

/* pour le menu */

#navsite {
	position:absolute;
	left:55px;
	/*top:138px;*/
	top:103px;
	padding:0;
	border:0;
	margin:0;
	width: 200px;
	height:30px;
}

#menu_1, #menu_2, #menu_3, #menu_4, #menu_5, #menu_6, #menu_7, #menu_8 {
	display:block;
	padding:0;
	border:0;
	margin:0;
	height:13px;
	width:100px;
	top:0px;
}

/* pour le bas */

#cadreBs {
	background: #ffffff;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	height: 408px;
	width: 780px;
	position:absolute;
	left:0;
	top: 137px;
	/*top:172px;*/	
}


/* les classes de typo */

.titre {
	font-weight: bold;
	font-size:12px;
	color: #000;
}

/* les classes de lien */

a.lienBleu:link {
	color: #34b3d1;
	text-decoration: none;
}

a.lienBleu:visited {
	color: #34b3d1;
	text-decoration: none;
}

a.lienBleu:hover {	
	color: #34b3d1;
	text-decoration: none;
}

a.lienBleu:active {
	color:#34b3d1;
	text-decoration: none;
}

/* le @media pour IE Mac */

@media all {

#cadreTTt {
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*height: 600px;*/
	height:565px;
	width: 800px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -400px;
	margin-top: -283px;
}
}