* {
	margin:0;
	padding:0;
}

html {
	width:100%;
	height:100%;
}

img, div { behavior: url(iepngfix.htc) }
img, div, a, input { behavior: url(/style_iepngfix.htc) }



body { 
	margin:10; padding:10; 
	font-family:trebuchet MS; 
	font-size:13px; 
	background:url(/images/fond_nuageux.jpg) center top no-repeat;
	width:100%;
	height:100%;}

p {margin-top: 10px; }

div, span, a, td, form { margin:0; padding:0;  }
span {font-size:10px}

a {color: #1F3757;}
a:hover {color: #D31706;}
h1 { 
	text-transform: uppercase;
	font-size:28px; 
	border: solid 0px red; 
	font-weight: strong; 
	color: #EE1805;
	padding-top: 6px; 
	padding-bottom: 15px;
	margin-right: 50px;
	padding-left : 0px;
}
h2 {padding: 10px 0 10px 0;}

input, textarea {width: 300px; font-family:trebuchet MS; font-size:14px; border: solid 1px #1F3757 }
textarea {height: 120px; margin-top: 4px;}
select {color: #1F3757; font-weight: normal; font-family:trebuchet MS; font-size:14px; border: solid 1px #1F3757}
input[type=submit] {font-weight: bold; margin-top: 4px;}
input[type=file] {border: solid 0px black;}
.legende {font-size: 11px;}


td { border-bottom: solid 0px red; margin:0; padding: 0px 0px 0px 0px; }

table {width: 570px; border: solid 0px #8E2422;}



/* SQUELETTE */

#page {
	width:878px;
	margin:0px auto;
	padding:0px;
	background-color:white;
	border: solid 0px grey;
}
#bandeau-nav {
	width: 879px;
	border: solid 0px red;
	background-color:#1F3757;
	text-align: center;
}
	#nav_haut {
		width: 877px;
		border: solid 0px yellow;
		color: #FFFEFF;
		padding-top: 0px;
		padding-bottom: 3px;
		text-transform: uppercase;
		text-align: center;
		
	}
	
	#nav_haut ul {
		margin:0px;
		padding:0px;
		list-style-type:none;
		text-align:center;
		z-index: 100;
		font-weight: normal;
		font-size: 11px;
		border: solid 0px red;
	}
	#nav_haut li {
		display:inline;
		list-style-image : none;
		/*float:left;*/
		margin:auto;
		border: solid 0px gold;
		text-align: center;
	}
	#nav_haut li a {
		/*display:block;*/
		color:white;
		text-decoration:none;
		padding: 2px 23px 3px 23px;
	}
	
	
	#nav_haut li a:hover {
		text-decoration: none;
		color: #C0C8D1;
	}
	
	
	
	#bandeau {
		margin: 0px;
		padding: 0px;
		border: solid 0px red;
	}
	
	
	
	#nav {
		width: 875px;
		border: solid 0px black;
		color: #FFFEFF;
		padding: 6px;
		margin: 0px;
		border: solid 0px red;
	}
	#nav ul {
		margin:0;
		padding: 0px;
		list-style-type:none;
		text-align:center;
		text-transform: uppercase;
		font-weight: BOLD;
		font-size: 13px;
		border: solid 0px red;
		padding: 0px;
	}
	#nav li {
		display:inline;
		list-style-image : none;
		/*float:left;*/
		margin:0px;
		
		padding: 6px 14px 6px 14px;
		border: solid 0px gold;
		text-align: center;
	}
	#nav li a {
		/*display:block;*/
		color:white;
		text-decoration:none;
		border-right: solid 0px white;
		
	}
	#nav li a:hover {
		text-decoration: none;
		color: #EE1805;
	}
	
	
	.notthelast_ON {
		background:url(/images/fd_nav_notthelast_ON.gif) right top no-repeat;
	}
	.thelast_ON {
		background:url(/images/fd_nav_thelast_ON.gif) right top no-repeat;
	}
	.notthelast_OFF {
		background:url(/images/fd_nav_notthelast_OFF.gif) right top no-repeat;
	}
	.thelast_OFF {
		background:url(/images/fd_nav_thelast_OFF.gif) right top no-repeat;
	}
	
	


#contenu {
	padding-left:0px;
	padding-top:0px;
	width: 875px;
	border: solid 0px yellow;
	background:url(/images/fond_logo-geant.gif) left top repeat-y;
	
}



#bloc_video_gallery { 
	width: 170px; 
	float: left; 
	background-color: #B6C1D2; 
	border: 0px; 
	padding: 6px;
	margin: 6px;
}

#ela_sur_mesure {border: solid 0px black;}
#ela_sur_mesure .theme_list {border: solid 0px red; padding: 0px; margin: 0px; display: block;}

#ela_sur_mesure .theme {
border: solid 0px white; padding: 5px; margin: 5px 0 0px 0; 
background:url(/images/fd_item_ela.gif) left top repeat-x;

text-transform: uppercase; font-weight: bold;
}
#ela_sur_mesure a {color: #fff;}
#ela_sur_mesure .prod_list {
	height: 300px; overflow:auto; 
	border: solid 1px #B6C1D2; 
	background-color: #B6C1D2;  
	margin: 0 0 10px 0; display: none; color: #1C1B1B; font-weight: normal; text-transform: none;}
#ela_sur_mesure .produit {border: solid 1px #FFF; padding: 10px; margin: 10px;}
#ela_sur_mesure #total {
	padding: 5px; margin: 15px 0 15px 0; 
	background-color: #B6C1D2;
	color: #000;
	border: solid 1px black;
	text-transform: uppercase; font-weight: bold;
}

#ela_sur_mesure .visuel{margin-right: 10px; margin-bottom: 3px; padding: 0px; border: solid 1px grey;}
#ela_sur_mesure input {text-align: right; width: 90px; margin-left: 10px; margin-right: 10px; padding-right: 5px; border: solid 1px black; font-weight: bold;}
#ela_sur_mesure input[type=radio] {margin: 0px; margin-right: 10px; margin-bottom: 55px; width: 15px; border: solid 0px black;}
#ela_sur_mesure input[type=submit] {text-align: center; margin: 0px; margin-right: 0px; margin-top: 20px; width: 80px; border: solid 1px black;}
#ela_sur_mesure input[type=checkbox] {margin: 0px; padding-right: 5px;  padding-top: 2px; width: 20px; border: solid 0px black;}
#ela_sur_mesure #email {margin: 0px; text-align:left; padding-right: 0px;  padding-top: 0px; width: 140px; border: solid 1px black;}
#ela_sur_mesure .appareil {font-size: 14px; font-weight: bold; color: #D31706; padding-bottom: 15px;}

#ela_sur_mesure #appareil_detail img { border: solid 1px #1F3757; padding: 0; margin: 0 0 10px 0; }

#ico_video_preview {}

#ico_video_preview  img{border: solid 1px #000; padding-bottom: 0px; width: 170px; height: 90px; }

#video_legende {
	font-size: 9px;
	width: 170px;
	height: 25px;
}
img {border: 0; padding-bottom: 2px;}

#pj ul {
	margin:0;
	padding: 0px;
	border: solid 0px red;
}
#pj li {
	
	list-style-image: URL(/images/icone_pdf.gif);
	background-repeat: no-repeat; 
	/*float:left;*/
	margin-bottom: 0px;
	border: solid 0px gold;
}
#pj li a {
	color: #EE1805;
	text-decoration:underline;
	border: solid 0px red;
	padding: 0px;
}
#pj li a:hover {
	text-decoration: none;
}

	#visuel_rub {
		float:left;
		width:190px;
		border: solid 0px red;
		margin-left: 0px;
	}
	
	.logo_snav {margin-top:-10px;padding-left: 50px; padding-bottom: 15px; display: none;}
	
	#sousnav {margin-top: 35px; padding-top: 6px; padding-bottom: 6px; border-right: solid 1px #344E72; padding-left: 5px; width: 180px;}
	#item_sousnav {font-size: 12px; border: solid 0px red; width:150px; text-align: right; margin-left: 10px; margin-top: 5px; text-transform: uppercase;}
	#item_sousnav a {font-size: 12px; text-decoration: none; font-weight: bold;}
	#item_sousnav a:hover {font-size: 12px; text-decoration: underline; font-weight: bold; color: #D31706;}
	#item_sousnav_on {font-size: 12px; border: solid 0px red; width:150px; text-align: right; margin-left: 10px; margin-top: 5px; text-transform: uppercase;}
	#item_sousnav_on a {font-size: 12px; text-decoration: underline; font-weight: bold; color: #000;}
	
	
	
	
	/* 
	###########################################
	AFFICHAGE SOUS NAV EN LIGNE SOUS LE BANDEAU 
	*/
	#visuel_rub {
		float:none;
		width:100%;
		border: solid 0px red;
		margin: 0px;
		margin-right: 0px;
		padding: 0px 3px 0px 0px ;
		height: 27px;
		background-color: #E7E7E7;
	}
	
	.logo_snav {margin-top:-10px; padding-left: 50px; padding-bottom: 15px; display: none;}
	
	#sousnav {width: 100%; padding: 5px 0px 0px 5px; margin: 0px; border-right: solid 0px #344E72; }
	
	#item_sousnav {display:inline; font-size: 12px; border: solid 0px red; width:150px; text-align: right; margin-left: 10px; margin-top: 5px; text-transform: uppercase;}
	
	#item_sousnav_on {display:inline; font-size: 12px; border: solid 0px red; width:150px; text-align: right; margin-left: 10px; margin-top: 5px; text-transform: uppercase;}
	
	#item_sousnav a {font-size: 12px; text-decoration: none; font-weight: bold; color: #D31706;}
	#item_sousnav a:hover {font-size: 12px; text-decoration: underline; font-weight: bold; color: grey;}
	#item_sousnav_on a {font-size: 12px; text-decoration: underline; font-weight: bold; color: #000;}
	
	
	h1 { 
		text-transform: uppercase;
		font-size:28px; 
		border: solid 0px red; 
		font-weight: strong; 
		color: #000;
		padding-top: 6px; 
		
		text-align: center;
		background-color: #fff;
		
		margin-bottom: 15px;
		padding-bottom: 0px;
		
		margin-top: 5px;
		padding-top: 0px;

		
		margin-right: 0px;
		padding-left : 0px;
		
		border-top: solid 1px #000;
		border-bottom: solid 1px #000;
		width: 845px;
	}
	
	#contenu_cms {font-size:15px; padding: 0 30px 0 30px;}
	
	/* 	
	###########################################
	*/
	
	
	
	
	
	
	
	#contenu_hp {
		width: 877px;
		padding: 0px 0px 0px 0px;
		padding-top:0px;
		padding-right:0px;
		text-align: center;
		border: solid 0px purple;
	}
	
	#titre_hp {
		padding:5px 0px 0px 0px; 
		text-transform: uppercase; 
		font-size: 20px; 
		margin: 0;
		border:solid 0px red; 
		width: auto;
		color:#CF1808;
	}
	
	#item_nav_bas a{
		text-decoration: none;
	}
	
	#video_hp {
		margin:0px auto;
		border: solid 4px black;
		width: 520px;
	}
	
	#post_content_hp {
		width: 650px;
		margin:0px auto;
		font-size: 16px;
		padding-bottom: 30px;
	}
	#liste_cartouche {
		width: 800px;
		margin:0px auto;
	}
	
	#cartouche { width:100%; float: left; margin: 0px 0px 0px 0px; }
	#head {color:#fff; padding:5px ; margin: 0px; background-color: #AA1F16; background:url(/images/top_cartouche_bg.png) left top no-repeat;font-size:13px; }
	#main {padding:2px 5px 5px 5px; margin: 1px; background-color: #fff; text-align: left;font-size:13px; }
	
	#cartouche img { }
	
	#contenu_rub {
		float:left;
		
		border: solid 0px red;
		padding-top:10px;
		margin-left:15px;
		margin-right:15px;
		
	}
	
	#contenu_cms img {}
	#contenu_cms {font-size:15px; }
	
	#contenu_rub ul {
		padding-left: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	#contenu_rub ul li {
		padding-bottom: 4px;
	}
	
	
	#footer {	
		text-align: center;
		width: 878px;
		margin-left: 0px;
		border: solid 0px blue;
	}
	#footer img {padding-top: 0px;}
		#nav_bas {
			width: 877px;
			border: solid 0px yellow;
			color: #324C71;
			padding-top: 5px;
			padding-bottom: 10px;
			font-weight: bold;
		}
		#item_nav_bas, #item_nav_bas a {
			
			display: inline;
			text-decoration: none;
			color: #324C71;
			font-size: 11px;
		}
		#item_nav_bas a:hover {
			text-decoration: underline;
		}
		.footer_text {
			font-size: 11px;
			color: #324C71;
			padding: 5px 30px 30px 30px;
			
		}

/* ================= */



.error {
	font-size:11px;
	color: red;
	padding : 2px;
	background-color:#ffffff;
	border: solid 1 px red;
}
#error {
	font-size:11px;
	color: red;
	padding : 2px;
	background-color:#ffffff;
	border: solid 1 px red;
	width: 75%;
	margin-bottom: 5px;
}
#result_mail {
	
	color: red;
	padding : 2px;
	background-color:#ffffff;
	border: solid 1 px red;
	width: 75%;
	margin-bottom: 5px;
}


#docs_prive_updt {border: solid 0px red; width: 485px;}







#video {
	padding: 10px 0 0 0;
	border:solid 0px grey;
	width: 100%;
}
#video ul { list-style: none; padding: 0px; margin: 0px  0px 0px 0px;}
#video ul li { display: inline; padding: 0px 5px 5px 0px;  }
#video ul img {
	border: 5px solid #B6C1D2;
	margin-bottom : 5px;
	border-width: 5px 5px 20px 5px;
}
#video ul a:hover img {
	border: 5px solid #ccc;
	border-width: 5px 5px 20px 5px;;
	color: #fff;
}
#video ul a:hover { color: #fff; }



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:5px 30px 30px 30px;
  background-color:#fff;
  border: solid 1px #000;
  width: 640px;
}


#boxes img {float: right; }






#gallery {
	
	padding: 10px 0 0 0;
	border:solid 0px grey;
	width: 100%;
}
#gallery ul { list-style: none; padding: 0px; margin: 0px  0px 0px 0px;}
#gallery ul li { display: inline; padding: 0px 5px 5px 0px;  }
#gallery ul img {
	border: 5px solid #B6C1D2;
	margin-bottom : 5px;
	border-width: 5px 5px 20px 5px;
	padding: 0;
}
#gallery ul a:hover img {
	border: 5px solid #ccc;
	border-width: 5px 5px 20px 5px;;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }