@charset "utf-8";
/* CSS Document */

/* ACCUEIL_______________________*/
html, body {
	margin:0;
	padding:0;
	/*height: 100%;
	width: 100%;*/
	background-color:#CCC;
}

#fond {
	width : 100%;
	height: 100%;
	position:absolute;
}

#logo {
	width:223px ;
	height:63px;
	margin-top:60px;
	margin-left:80px;
	position:absolute;
}

#menu{
	width:170px ;
	height:243px;
	margin-top:200px;
	margin-left:80px;
	position:absolute;
}

#bouton{
	width:170px;
	height:28px;
	margin-bottom:15px;
}
#bouton a{
	text-align:center;
	font-family: "Britannic Bold", "Arial Black";
	font-size:24px;
	color:#999;
	text-decoration:none;
}
#bouton a:hover{
	text-align:center;
	font-family: "Britannic Bold", "Arial Black";
	font-size:24px;
	color:#FFF;
	background-image:url(images/fond_btn.jpg);
	background-repeat:repeat-x;
}

#bouton_produits{
	width:170px;
	height:28px;
	margin-bottom:15px;
}
#bouton_produits a{
	text-align:center;
	font-family: "Britannic Bold", "Arial Black";
	font-size:24px;
	color:#333;
	text-decoration:none;
}
#bouton_produits a:hover{
	text-align:center;
	font-family: "Britannic Bold", "Arial Black";
	font-size:24px;
	color:#FFF;
	background-image:url(images/fond_btn.jpg);
	background-repeat:repeat-x;
}

#bienvenue {
	width:470px ;
	height:200px;
	margin-top:180px;
	margin-left:550px;
	position:absolute;
	font-family: "Arial Narrow", "Arial";
	font-size:40px;
	color:#BBB;
}


/*PRESENTATION_________________________________*/
#encart_presentation {
	width:600px ;
	height:358px;
	margin-top:100px;
	margin-left:40%;
	position:absolute;
	background-image:url(images/encart_presentation.png);
	background-repeat:none;
}

#encart_presentation_int {
	width:550px ;
	height:308px;
	margin:25px 20px 25px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #666;
}


/*PRESTATION_____________________________________________________________*/
h1 {
	font-family: "Arial", "Arial Black";
	font-weight:bold;
	font-size:18px;
	color: #666;
}

#encart_prestation1 {
	width:600px ;
	height:484px;
	margin-top:80px;
	margin-left:30%;
	position:absolute;
	background-image:url(images/encart_prestation1.png);
	background-repeat:none;
}

#encart_prestation_int1 {
	width:550px ;
	height:338px;
	margin:35px 20px 25px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #666;
}

#encart_prestation_int1 ul{
	margin:0;
}


/*REFERENCE*/
#encart_reference {
	width:361px;
	height:198px;
	margin-top:100px;
	margin-left:60%;
	position:absolute;
	background-image:url(images/encart_reference.png);
	background-repeat:none;
}

#encart_reference_int {
	width:311px;
	height:108px;
	margin:25px 0px 10px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #666;
}

#ref01 {
	width:368px;
	height:507px;
	margin-top:100px;
	margin-left:24%;
	position:absolute;
	background-image:url(images/ref01.png);
	background-repeat:none;
}

#ref02 {
	width:368px;
	height:219px;
	margin-top:350px;
	margin-left:60%;
	position:absolute;
	background-image:url(images/ref02.png);
	background-repeat:none;
}


/*FORMULAIRE _____________________________________________________________*/

#encart_formulaire {
	width:417px;
	height:545px;
	margin-top:50px;
	margin-left:50%;
	position:absolute;
	background-image:url(images/encart_formulaire.png);
	background-repeat:none;
}

#formulaire{
	height:500px;
	width:400px;
	float:left;
}

#form{
	height:450px;
	margin-top:30px;
}
label{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.9em;
	display:block;
	float:left;
	text-align:right;
	width:100px;
	margin-right:20px;
	margin-top:10px;
	line-height:18px;
}

input{
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size:0.9em;
	display:block;
	float:left;
	width:250px;
	margin-top:10px;
}

br{
	clear:left;
}

textarea {
	width:250px;
	height:200px;
	overflow:auto;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size:0.9em;
}

.bouton1{
	width:120px;
	margin:10px 5px 0 120px;
}

.bouton2{
	width:120px;
	margin:10px 0 0 5px;
}

#encart_contact {
	width:197px;
	height:545px;
	margin-top:50px;
	margin-left:30%;
	position:absolute;
	background-image:url(images/encart_contact.png);
	background-repeat:none;
}

#encart_contact_int {
	width:157px;
	height:450px;
	margin:34px 0px 10px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:16px;
	color: #666;
}

#text_contact {
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:12px;
	color: #666;
}

#logo_contact {
	width:120px;
	height:62px;
	margin-top:30px;
	margin-left:33px;
	background-image:url(images/logo_classic.png);
	background-repeat:none;
}


/*PRODUITS*/
#bloc_menu_produit {
	width:150px ;
	height:121px;
	position:absolute;
	margin-top:200px;
	margin-left:300px;
}


#bloc_lien_produit {
	width:150px ;
	height:30px;
	float:left;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color:#666;
}

#bloc_lien_produit a {
	text-align:left;
	font-family: "Britannic Bold", "Arial Black";
	font-size:22px;
	color:#333;
	text-decoration:none;
}

#bloc_lien_produit a:hover {
	text-align:left;
	font-family: "Britannic Bold", "Arial Black";
	font-size:22px;
	color:#FFF;
	background-image:url(images/fond_btn.jpg);
	background-repeat:repeat-x;
}

#bloc_vidéo {
	width:644px ;
	height:384px;
	position:absolute;
	margin-top:170px;
	margin-left:35%;
	background-image:url(images/encart_video.png);
}

#bloc_vidéo_int {
	width:600px ;
	height:338px;
	margin-top:15px;
	margin-left:15px;
}


/*IPTV*/
#encart_IPTV01 {
	width:777px;
	height:309px;
	margin-top:130px;
	margin-left:35%;
	position:absolute;
	background-image:url(images/encart_IPT00.png);
	background-repeat:none;
}

#encart_IPTV01_int {
	width:720px;
	height:190px;
	margin:20px 0px 10px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #666;
}

#btn_IPTV01 {
	width:48px;
	height:48px;
	margin-top:0px;
	margin-left:590px;
	position:absolute;
}

#btn_IPTV01 a{
	width:48px;
	height:48px;
	background-image:url(images/btn_avant_down.png);
	text-decoration:none;
	display:block;
}

#btn_IPTV01 a:hover{
	width:48px;
	height:48px;
	background-image:url(images/btn_avant_up.png);
	text-decoration:none;
	display:block;
}

#conteneur_IPTV {
	width:760px;
	height:382px;
	margin-top:130px;
	margin-left:35%;
	position:absolute;
	
}
#encart_IPTV02 {
	width:258px;
	height:382px;
	margin-top:0px;
	margin-left:0;
	float: left;
	background-image:url(images/encart_IPTV01.png);
	background-repeat:none;
}

#encart_IPTV02_int {
	width:215px;
	height:250px;
	margin:20px 0px 10px 15px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #666;
}

#img_IPTV {
	width:460px;
	height:259px;
	margin-top:50px;
	margin-left:40px;
	float: left;
}

#btn_retour_IPTV {
	width:100px;
	height:28px;
	margin-top:320px;
	margin-left:300px;
	position:absolute;
}

#btn_retour_IPTV a {
	text-align:center;
	font-family: "Arial Narrow", "Arial";
	font-size:15px;
	color: #333;
	text-decoration:none;
}

#btn_retour_IPTV a:hover {
	text-decoration:underline;
}

#btn_avant {
	width:48px;
	height:48px;
	margin-top:5px;
	margin-left:20px;
	float:left;
}

#btn_avant a{
	width:48px;
	height:48px;
	background-image:url(images/btn_avant_down.png);
	text-decoration:none;
	display:block;
}

#btn_avant a:hover{
	width:48px;
	height:48px;
	background-image:url(images/btn_avant_up.png);
	text-decoration:none;
	display:block;
}

#btn_arriere {
	width:48px;
	height:48px;
	margin-top:5px;
	margin-left:65px;
	float:left;
}

#btn_arriere a{
	width:48px;
	height:48px;
	background-image:url(images/btn_arr_down.png);
	text-decoration:none;
	display:block;
}

#btn_arriere a:hover{
	width:48px;
	height:48px;
	background-image:url(images/btn_arr_up.png);
	text-decoration:none;
	display:block;
}

#conteneur_IPTV2 {
	height:538px;
	width:704px;
	position: absolute;
	margin-top:80px;
	margin-left:35%;
	background-image:url(images/encart_IPTV.png);
}

#btn_contIPTV_av{
	height:50px;
	width:50px;
	margin:30px 0 0 40px;
	float:left;
}

#btn_contIPTV_av a{
	width:48px;
	height:48px;
	background-image:url(images/btn_avant_down.png);
	text-decoration:none;
	display:block;
}

#btn_contIPTV_av a:hover{
	width:48px;
	height:48px;
	background-image:url(images/btn_avant_up.png);
	text-decoration:none;
	display:block;
}
#btn_contIPTV_ar{
	height:50px;
	width:50px;
	margin:30px 0 0 230px;
	float:left;
}

#btn_contIPTV_ar a{
	width:48px;
	height:48px;
	background-image:url(images/btn_arr_down.png);
	text-decoration:none;
	display:block;
}

#btn_contIPTV_ar a:hover{
	width:48px;
	height:48px;
	background-image:url(images/btn_arr_up.png);
	text-decoration:none;
	display:block;
}

/*slide*/
.container { width:600px; height:393px; overflow:hidden; position:relative; cursor:pointer; margin-top:25px; }
		div.slides { position:absolute; top:0; left:0; }
		ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		div.slides div,ul.slides li { position:absolute; top:0; width:600px; display:none; padding:0; margin:0; }
#loopedSlider,#newsSlider { margin:0 auto; width:600px; position:relative; clear:both; }
		ul.pagination { list-style:none; padding:0; margin:0; }
		ul.pagination li  { float:left; }
		ul.pagination li a { padding:2px 4px; }
		ul.pagination li.active a { background:blue; color:white; }



/*LOEWE*/
#conteneur_LOEWE {
	height:540px;
	width:700px;
	position: absolute;
	margin-top:100px;
	margin-left:35%;
}


h3{ margin: 10px 10px 0 10px; color:#333; font:18pt Britannic Bold, sans-serif;  }
			
			.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin-top:0px;
				margin-bottom:15px;
				margin-right:10px; 
				float:left; 
				
				background-image:url(images/icone_up.png);
				border: solid 1px #666; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#444; 
					font-weight:bold; 
					font:15pt "Arial Narrow", Arial, sans-serif; 
				}
				
				.boxgrid a{ 
					color:#fff; 
					font:12pt "Arial Narrow", Arial, sans-serif;
					text-decoration:none;
				}
				
				.boxgrid a:hover { 
					text-decoration:underline;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
		/*vignette_____________________________________*/		


#conteneur_vignette {
	height:540px;
	width:700px;
	position: absolute;
	margin-top:180px;
	margin-left:460px;
}

h6{ margin: 10px 10px 0 10px; color:#fff; font:15pt Britannic Bold, sans-serif;  }
.boxgridp{ 
				width: 150px; 
				height: 100px; 
				margin-top:0px;
				margin-bottom:15px;
				margin-right:10px; 
				float:left; 
				
				background-image: url(Loewe/image/vignette%20grande/fond_vignette_grande.png);
				border: solid 1px #666; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgridp img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgridp p{ 
					padding: 0 10px; 
					color:#444; 
					font-weight:bold; 
					font:15pt "Arial Narrow", Arial, sans-serif; 
				}
				
				.boxgridp a{ 
					color:#fff; 
					font:12pt "Arial Narrow", Arial, sans-serif;
					text-decoration:none;
				}
				
				.boxgridp a:hover { 
					text-decoration:underline;
				}
				
#btn_retour_LOEWE {
	height:48px;
	width:48px;
	float:left;
	margin-top:20px;
	margin-left:25px;
}

#btn_retour_LOEWE a{
	height:48px;
	width:48px;
	display:block;
	background-image:url(images/btn_arr_down.png);
}

#btn_retour_LOEWE a:hover{
	height:48px;
	width:48px;
	display:block;
	background-image:url(images/btn_arr_up.png);
}


/*petite vignette*/
#conteneur_petite_vignette {
	height:540px;
	width:700px;
	position: absolute;
	margin-top:180px;
	margin-left:460px;
}

#conteneur_petite_vignette img {
	float:left;
	margin: 0 10px 20px 0;
}

#conteneur_petite_vignette a img{
	border: solid 1px #666;
}

#conteneur_petite_vignette a:hover img{
	border: solid 1px #000;
}

#titre_produit {
	height:80px;
	width:350px;
	position: absolute;
	margin-top:70px;
	margin-left:460px;
	font:18pt Britannic Bold, sans-serif;
	color:#333;
}

#titre_produit a {
	color: #666; 
	font:12pt "Arial Narrow", Arial, sans-serif;
	text-decoration:none;
}
#titre_produit a:hover {
	text-decoration:underline;
	color:#FFF;
}

#texte_produit {
	color: #666; 
	font:10pt "Arial Narrow", Arial, sans-serif;
}