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

body{
	background-color:grey;
}

#menu{
	background-image:url(../images/redline.jpg);
 	background-repeat:repeat-x;
	background-position:center;
	width:735px;
	height:23px;
}

#covers{
	background-image:url(../images/redline.jpg);
 	background-repeat:repeat-x;
	background-position:center;
	width:735px;
	height:150px;
}
	

#content{
	width:735px;
	margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   padding:20px;
   background-color:black;
   font-family:Arial, Helvetica, sans-serif;
   border:solid 1px white;
   box-shadow: 8px 8px 12px #000;
-webkit-box-shadow: 8px 8px 12px #000;
-moz-box-shadow: 8px 8px 12px #000;
}
   
#header{
   width: 735px;
   height: 176px;
   background-image:url(../images/logobannerSummer.jpg);
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
 
li {
 float:left; /*pour IE*/
 margin-right:11px;
 margin-left:11px;
 background-image:url(../images/redline.jpg);
 background-repeat:repeat-x;
 }
 
ul li a {
 display:block;
 float:left;   
 width:124px;
 line-height:23px; /*hauteur de l'image de fond*/
 background:url(../images/menu.gif) no-repeat;
 color:white;
 text-decoration:none;
 text-align:center;
 }
 
ul li a:hover {
 background:url(../images/menu1.jpg) no-repeat;
 color:black;
 text-decoration:none;
 }  

p {
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	color:#FFF;
}

hr {
	width:735px;
	height:3px;
	color:#e83018;
}

img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:#e83018 thin solid;
}

.img2 {
	border:none;
	float:none;
}
	
.img3 {
	border:#e83018 thin solid;
	float:none;
}

.img4 {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

a {
	color:#e83018;
	font-size:12px;
}

a:hover {
	color:grey;
	font-weight:bold;
} 

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e83018;
	font-weight:bold;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#footer{
   width: 735px;
   height: 105px;
   background-image:url(../images/line-tourette.jpg);
   background-repeat: no-repeat;
   margin-top: 10px;
}

form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#paypal{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	border:#FFF thin solid;
	width:165px;
	padding:10px;
	margin-right:10px;
}

#paypal2{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	border:#FFF thin solid;
	width:225px;
	padding:10px;
	margin-right:10px;
}

.orange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e83018;
	font-weight:bold;
}

.white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

#content p strong em {
	font-style: normal;
}

#php{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	border:#FFF thin solid;
	width:250px;
	padding:10px;
	margin-right:10px;
}