/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: */
  font-family: Arial, Helvetica, FreeSans, sans-serif;  
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background: #cccccc url('images/body-bg.jpg'); 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
color:#383838;
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 

 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: none; 
  font-weight:bold; 
} 
a:link { 
  color: #ff3333;
  
} 
a:visited { 
 font-style:italic;
 color:#ff3333;
} 
a:hover, a:focus, a:active { 
  color: #0066cc; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

a.important{
background:url('images/bg_important.jpg') no-repeat;
display:block;
width:230px;
height:30px;
padding-top:10px;
padding-left:70px;
color:#0066cc;
}

#wrapper{
width:1000px;
margin:0 auto;
padding:0;
min-height:500px;

}

#header{
background:url('images/bg_entete.png') no-repeat;
height:250px;
margin:0;
width:1000px;
behavior: url(iepngfix/iepngfix.php);
}
#logo{
float:left;
height:68px;
margin:0;
padding-left:21px;
padding-top:64px;
width:550px;
}
#content{
float:left;
margin:0 auto 0 2px;
min-height:400px;
width:997px;
background:#ffffff;
padding-top:15px;

}
* html #content {
 float:left;
margin:0 auto 0 1px;
min-height:400px;
width:997px;
background:#ffffff;
}
#navigation{
float:left;
height:46px;
padding-top:46px;
width:1000px;
}
* html #navigation{
padding-top:42px;
} 
#navigation ul{
height:46px;
list-style-type:none;
margin:0 auto;
text-align:center;
width:960px;
}

#navigation li{

	
float:left;
height:46px;

text-align:center;

width:190px;

}

#navigation li a{
	
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	display:block;
	height:30px;
	padding-top:11px;
	behavior: url(iepngfix/iepngfix.php);
	width:190px;
	cursor:pointer;
}

#navigation li a:hover{
	background:url('images/li_hover.png') no-repeat 0 10%;
	font-size:18px;
	color:#0066cc;
	behavior: url(iepngfix/iepngfix.php);
	height:50px;

	width:190px;
	text-decoration:none;
	font-weight:bold;

	cursor:pointer;
}

#navigation li.selected a{
color:#ffff33;
}
#navigation li.selected a:hover{
color:#0066cc;
}
* html #navigation li a:hover{
background:url('images/li_hover.gif') no-repeat 0 10%;
}
#banner{
float:right;
padding-right:30px;
padding-top:147px;
}

#banner h1{
color:#000000;
font-size:30px;
text-align:right;
}

#main{
margin:0 auto;
width:990px;
color:#383838;

}

#main h1{
color:#0066cc;
font-size:20px;
padding-bottom:14px;
padding-left:28px;
padding-top:14px;
text-align:center;


}

#main h1.titre{
background:url('images/bg_titre.jpg') no-repeat 53%;
height:40px;
padding-top:26px;
color:#0066cc;
font-style:italic;

margin:0 auto;
}

#main_left{
float:left;
height:530px;
padding-left:10px;
padding-right:10px;
width:290px;
margin-top:30px;

background:#cccccc url('images/main_left2.jpg') no-repeat;
	behavior: url(iepngfix/iepngfix.php);
}

a.left{
color:#993333;
font-size:16px;
}

a.left:hover{
color:#000;
}
#main_left2{
float:left;
height:530px;
padding-left:10px;
padding-right:10px;
width:290px;
background:#cccccc url('images/main_left2.jpg') no-repeat;
	behavior: url(iepngfix/iepngfix.php);
	margin-top:59px;
}
#info{
height:80px;
margin:0 auto;
padding-left:5px;
padding-right:12px;
padding-top:1px;
text-align:justify;
width:268px;
background:transparent url('images/bg_info.png') no-repeat;
	behavior: url(iepngfix/iepngfix.php);
margin-top:20px;
}
#main_left h2{
color:#000000;
padding-left:0;
text-align:center;
font-size:20px;
line-height:40px;

}
#main_right p{
text-align:justify;
font-size:16px;
padding-left:15px;
padding-right:10px;
}

#main_right{
float:left;
padding-left:10px;
padding-top:0px;
width:660px;
}

#main_image{
float:right;
overflow:hidden;
width:476px;
margin-left:10px;
margin-top:0px;
}
h2.sstitre{
background:url('images/bg_sstitre.jpg') no-repeat;
height:29px;
padding-left:33px;
padding-top:8px;
color:#ff3333;
}
#depannage{
width:300px;
margin:0 auto;
background:url('images/bg_depannage.jpg') no-repeat;
text-align:center;
height:125px;
padding-top:15px;
float:left;
margin-top:8px;
}
#depannage h3{
color:#FFCC99;
font-size:19px;
line-height:35px;
}

#coord{
width:300px;
float:right;
}
#footer{
height:50px;
margin:0 auto;
width:1000px;
background:url('images/bg_footer.png') no-repeat;
text-align:center;
float:left;
padding-top:20px;
	behavior: url(iepngfix/iepngfix.php);
}

#footer p{

	color:#383838;
	margin-top:0;
	padding-top:15px;
}

#footer a{

	color:#cc0000;
	margin-top:0;
	padding-top:15px;
}
#footer a:hover{
	color:#000000;
}

div.produit{
border:1px solid #383838;
float:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
padding:10px;
text-align:justify;
width:447px;
background:url('images/bg_prod.jpg') no-repeat bottom;
}

div.produit img{
float:left;
height:100px;
margin-right:20px;
}

/* formz */

fieldset {
border:0 none;
float:left;
margin:10px;
width:475px;
	background:#993333 url('images/bg_fieldset.jpg') repeat-y;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;
	color:#ffffff;
}
legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #ffff00;
	background:#993333 url('images/bg_fieldset.jpg') repeat-y !important;
	background-color: none;
}
label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #ffff33;
	color:#ffffff;
}
.radioCheck {
	margin: 0 1em 0 0.25em;	
}
input.text,
textarea {
	width: 40%;
	background-color: #fff;
	border: 0;
	margin-right: 0.25em;	

}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}
hr {
	visibility: visible;
	margin-top:15px;
	margin-bottom:15px;
	clear: both;
}
span.note {
	font-size: 0.75em;
}
span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #ffff00;
}
#connaitre{
margin-top:93px;
}
#decor_cinema{
	width:660px;
	height:400px;
	background:url('images/decor_cinema.jpg') no-repeat;
}

#decor_cinema h2{
color:#000000;
font-size:16px;
text-align:center;
}
div.film{
float:left;

margin-left:20px;
margin-top:20px;
width:163px;
}
#footer p{
	float:left;
	margin-left:20px;
}
#footer ul{
	list-style-type:none;

	float:right;
	margin-right:20px;
}

#footer ul li{
	list-style-type:none;
	float:left;
	margin-right:10px;
}