@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:175px ;
	height:79px;
	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:#7e7a74;
	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:39%;
	position:absolute;
	font-family: "Arial Narrow", "Arial";
	font-size:40px;
	color:#7e7a74;
}


/*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: #6a6565;
}


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

#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: #6a6565;
}

#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: #6a6565;
}

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

#ref02 {
	width:369px;
	height:218px;
	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:#6a6565;
	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: #6a6565;
	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: #6a6565;
	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: #6a6565;
}

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

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


/*PRODUIT*/
#encart_produitTV {
	width:739px ;
	height:527px;
	margin-top:70px;
	margin-left:35%;
	position:absolute;
	background-image:url(images/encart_produit_TV.png);
	background-repeat:none;
}

#encart_produitTV_int1 {
	width:690px ;
	height:500px;
	margin:25px 20px 25px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #6a6565;
}

#encart_produitTV a{
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #6a6565;
	font-style:italic;
	text-decoration:none;
}

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

#btn_retour_TV {
	width:100px;
	height:28px;
	position:absolute;
	margin-top:200px;
	margin-left:300px;

}

#btn_retour_TV a {
	text-align:center;
	font-family: "Arial Narrow", "Arial";
	font-size:15px;
	color:#6a6565;
	text-decoration:none;
	font-style:italic;
}

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

#encart_produitacc {
	width:655px ;
	height:500px;
	margin-top:70px;
	margin-left:35%;
	position:absolute;
	background-image:url(images/encart_produit_acc.png);
	background-repeat:none;
}

#encart_produitacc_int1 {
	width:600px ;
	height:400px;
	margin:25px 20px 25px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #6a6565;
}

#encart_produitacc a{
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #6a6565;
	font-style:italic;
	text-decoration:none;
}

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

#encart_produitcoffre {
	width:658px ;
	height:516px;
	margin-top:75px;
	margin-left:35%;
	position:absolute;
	background-image:url(images/encart_produit_coffre.png);
	background-repeat:none;
}

#encart_produitcoffre_int1 {
	width:600px ;
	height:500px;
	margin:25px 20px 25px 20px;
	text-align:justify;
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #6a6565;
}

#encart_produitcoffre a{
	font-family: "Arial Narrow", "Arial";
	font-size:18px;
	color: #6a6565;
	font-style:italic;
	text-decoration:none;
}

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




/*SLIDE*/
#conteneur_PRODUIT {
	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;
 				}
				

/*SLIDE*/
#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; }