body {
	font-family: Arial;
	font-size:12px;
	color: #000;
	margin: 0; /* pour éviter les marges */ 
   text-align: center; /* pour corriger le bug de centrage IE */
   background-color: #1b232a;

}


#global {
	z-index:0;
 position: relative; /* on positionne le conteneur */ 
  margin-left: auto; 
  margin-right: auto; 
  width:930px;
  height:100%;
  text-align: justify; 
background-color:#41464c;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
-webkit-box-shadow: 2px 2px 8px 0px #000000;
-moz-box-shadow: 2px 2px 8px 0px #000000;
box-shadow: 2px 2px 8px 0px #000000; 
}

#content {
z-index:-5;
position:relative;
top:-80px;
margin-top:30px;
margin-left:30px;
margin-right:30px;
background-color:#e5e5e5;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 2px 2px 8px 0px #000000;
-moz-box-shadow: 2px 2px 8px 0px #000000;
box-shadow: 2px 2px 8px 0px #000000; 
}

#tampon {
	z-index:0;

}

#boutons {
	padding:12px;
	position:relative;
	left:-5px;
	top:-5px;
margin:7px;
width:200px;
height:20px;
color:#fff;
font-size:12px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 4px 0px #000000;
-moz-box-shadow: 2px 2px 4px 0px #000000;
box-shadow: 2px 2px 4px 0px #000000; 
background: #ff3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #ff3d3d 0%, #ff0004 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3d3d), color-stop(100%,#ff0004)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* W3C */
}



#boutons:hover {
	padding:12px;
	position:relative;
	left:-5px;
	top:-5px;
margin:7px;
width:200px;
height:20px;
color:#fff;
font-size:12px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 2px 0px #000000;
-moz-box-shadow: 1px 1px 2px 0px #000000;
box-shadow: 1px 1px 2px 0px #000000; 
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ff3019 0%,#cf0404 100%); /* W3C */
}


#carres {
position:relative;
left:50px;
top:10px;	
	
}


#selection {
position:relative;
left:220px;
width:500px;
height:0px;
}

#txtindex2 {

margin-left:20px;	

}
a
{
	color: #e2001a;
}
a:hover
{
	color: #b72b2b;
}

.titrepageRouge {
	font-size: 18px;
	font-weight: 800;
	font-family: Arial, Helvetica, sans-serif;
	color: #e2001a;
}

.titrepage {
	font-size: 18px;
	font-weight: 800;
	font-family: Arial, Helvetica, sans-serif;
	color: #191F25;
}

.tableRecherche {
	padding-top: 10px;
	color: #000000;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 20px;
}
#recherche {
	padding:20px;
	text-align:center;
	position:relative;
	left:300px;
	width:500px;
	top:-30px;
	color:#fff;
	font-weight:bold;
background-color:#e5e5e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 2px 2px 8px 0px #000000;
-moz-box-shadow: 2px 2px 8px 0px #000000;
box-shadow: 2px 2px 8px 0px #000000; 
background: #ff3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #ff3d3d 0%, #ff0004 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3d3d), color-stop(100%,#ff0004)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* W3C */
}

#rechercheindex2 {
	padding:20px;
	text-align:center;
	position:relative;
	left:0px;
	width:500px;
	top:0px;
	color:#fff;
	font-weight:bold;
background-color:#e5e5e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 2px 2px 8px 0px #000000;
-moz-box-shadow: 2px 2px 8px 0px #000000;
box-shadow: 2px 2px 8px 0px #000000; 
background: #ff3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #ff3d3d 0%, #ff0004 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3d3d), color-stop(100%,#ff0004)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ff3d3d 0%,#ff0004 100%); /* W3C */
}

#container {
	width:402px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:402px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:400px;
	height:300px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:402px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:400px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-22px;
	width:24px;
	height:43px;
	display:block;
	z-index:151;
}

#slides .next {
	left:400px;
}

/*
	Pagination
*/

.pagination {
	margin:10px auto 0;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0px;
	height:35px;
	padding:5px 5px 0 5px;
	background:#000;
	background:rgba(0,0,0,.8);
	width:400px;
	font-size:14px;
	line-height:16px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	font-weight: bold;
	}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}