body
{
   /*background-color: #4B3E25;*/
   background-color: black;
   color: white;
   font-family: arial, verdana, serif;
   text-align: left ;
}

div#conteneur
{
	width: 770px;
	text-align: left;
	border: 0px solid none;
	background: black;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#email
{
	width: 256px;
       text-align: left;
	border: 0px solid none;
	background: ;
	padding: 0px;
	top: 0px;
	bottom: 0px;
	clip: rect(0px,auto,0px,auto);
	height: auto;
	margin: 0;
       margin-top: -29px;
	margin-left: 514px;
       color: white;
}

form {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


div#footer 
{
	text-align: center;
	font-size: 10px;
}

div#boiteconstruction 
{
	text-align: center;
}

div#archive 
{
	text-align: center;
}

div#newshow
{
	text-align: center;
}

div#boite1
{
width: 320px;
/*height: 500px;*/
padding: 25px;
margin: 20px;
text-align: justify;
border: 0px solid #EF400E;
/*border: 3px solid #EF400E;*/
/*background: #4B3E37 ;*/
font-size: 12px;
} 

div#explosion
{
   text-align: center ;
}

div#image-center
{
   text-align: center ;
}


div#boite2
{
	width: 320px;
	/*height: 500px;*/
	padding: 25px;
	margin-top: -595px;
	margin-left: 400px;
       text-align: justify;
	/*text-align: center;*/
	/*border: 0px solid #EF400E;*/
	border: 0px solid #EF400E ;
	/*background: #4B3E37 ;*/
	background: black ;
	font-size: 12px;
	text-align: center ;
	/*margin-top: -545px;*/
	/*margin-left: 350px;*/
}

div#boite2 h1 
{
text-align: center;
}

div#boite2 a 
{
text-decoration:underline;
font-weight: bold ;
font-size: 13px;
} 

div#boite2 td 
{
float= right;
}

div#galerie #gal1
{
width: 250px;
height: auto;
padding: 0px;
margin-top: 0px;
margin-left: 40px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black;
}

div#galerie #gal2
{
width: 250px;
height: auto;
padding: 0px;
margin-top: -340px;
margin-left: 280px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black;
}

div#galerie #gal3
{
width: 250px;
height: auto;
padding: 0px;
margin-top: -340px;
margin-left: 520px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black;
}


div#contact
{
   font-size: 12px;
   font-family: arial, verdana, serif;
   text-align: center ;
}

div#contact a
{
   font-size: 12px;
   font-family: arial, verdana, serif;
   color: #EF400E;
   text-align: center ;
}

div#liens
{
   font-size: 12px;
   font-family: arial, verdana, serif;
   text-align: center ;
}

div#liens a
{
   font-size: 12px;
   font-family: arial, verdana, serif;
   color: #EF400E;
   text-align: center ;
}

div#liens b
{
   font-size: 13px;
   text-decoration:underline;
}


div#radio h1, h2
{
   font-size: 25px;
   color: white;
   font-family: myriad, arial, verdana, serif;
   text-align: center ;
}

div#radio
{
   font-size: 12px;
   color: white;
   font-family: arial, verdana, serif;
   text-align: center ;
}

div#ckrl
{
   text-align: center ;
}

ul#speedbarre
{
	height: 42px;
	margin: 0 ;
       float: center;
	padding: 0 ;
	background: #EF400E repeat-x 0 -2px ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */

ul#speedbarre li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#speedbarre li a
{
	float:left;
       width: 105px ;
	/*margin: 2.1px;*/
       line-height: 40px ;
	font-size: 12px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: Black ;
	display: block ;
	text-decoration: none ;
	border: 1px solid none ;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#speedbarre li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */


ul#speedshop
{
	width: 110px;
       margin: 0 ;
       float: left;
	padding: 0 ;
	list-style-type: none ;
       font-size: 16px;
   	color: white;
   	font-family: myriad, arial, verdana, serif;
   	text-align: center ;

}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */

ul#speedshop li
{
	float: left ;
	text-align: center ;
     

}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#speedshop li a
{
	float:left;
	width: 110px;
	/*margin: 2.1px;*/
        line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: White;
	display: block;
	text-decoration: none;
	border: 1px solid black;
	background-color: #211C4F;
	/*background-repeat: repeat-x;*/
	/*background-position: 0 -2px;*/

}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */



ul#speedcritique
{
	width: 110px;
	margin: 0 ;
        float: left;
	padding: 0 ;
	background: black repeat-x 0 -2px ;
	list-style-type: none ;
   font-size: 16px;
   color: white;
   font-family: myriad, arial, verdana, serif;
   text-align: center ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */

ul#speedcritique li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#speedcritique li a
{
	float:left;
	width: 110px;
	/*margin: 2.1px;*/
        line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: White;
	display: block;
	text-decoration: none;
	border: 1px solid black;
	background-color: #211C4F;
	/*background-repeat: repeat-x;*/
	/*background-position: 0 -2px;*/

}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */



div#shop
{
width: 600px;
height: auto;
padding: 0px;
margin-top: 0px;
margin-left: 150px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black;
}


div#shop-photo
{
width: 150px;
height: auto;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black ;
}

div#shop-description 
{
width: 450px;
height: auto;
padding: 0px;
margin-top: -120px;
margin-left: 150px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black ;
font-size: 12px;
text-align: justify;
}

div#critique
{
width: 600px;
height: auto;
padding: 0px;
margin-top: 0px;
margin-left: 150px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black;
}

div#critique-photo
{
width: 150px;
height: auto;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black ;
}

div#critique-description 
{
width: 450px;
height: auto;
padding: 0px;
margin-top: -120px;
margin-left: 150px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black ;
font-size: 12px;
text-align: justify;
}

div#critique-description a
{
font-weight: bold ;
text-decoration: underline;
font-size: 13px;
text-align: justify;
}

div#critique-description z
{
font-weight: bold ;
text-decoration: underline ;
color: red ;
font-size: 13px ;
text-align: justify ;
}


div#critique-description-page
{
width: 600px;
height: auto;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
text-align: justify;
border: 0px solid #EF400E ;
background: Black ;
font-size: 12px;
text-align: justify;
}

p
{
   color: white;
   font-size: 15px;
   text-align: justify;

}

h11
{
font-size: 11px;
text-align: right;
}

h1,h2
{
   color: white;
   font-size: 20px;
   font-family: arial,coronet, serif;
}

strong
{
   font-size: 17px;
}

h3
{
color: yellow;
font-size: 16pix;
text-align: left;
}


input#zone_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
input#newsletter_submit {
	border: thin none #FFFFFF;
	height: 20px;
}