/*
http://www.red-team-design.com/css3-jquery-folder-tabs
http://www.red-team-design.com/css3-tabs-with-beveled-corners
*/
.accueil {
	width: 800px;
	margin: 10px auto;
    	color: #000;
}

ul.tabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.tabs li
{
    margin: 0;
    padding: 0;
    float: left;
}

ul.tabs a
{
    -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #ad1c1c;
    background:    -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background:         linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #fff;
    float: left;
    font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
    height: 35px;
    padding: 0 30px;
    text-decoration: none;
}

ul.tabs a:hover
{
    background: #c93434;
    background:    -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background:         linear-gradient(220deg, transparent 10px, #c93434 10px);
}

ul.tabs a:focus
{
    outline: 0;
}

ul.tabs li.active a
{
    background: #fff;
    background:    -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #fff 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #fff 10px);
    background:         linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;
    color: #333;
}

.tab_container {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D3E5A8));
    background-image: -webkit-linear-gradient(top, #fff, #D3E5A8);
    background-image:    -moz-linear-gradient(top, #fff, #D3E5A8);
    background-image:     -ms-linear-gradient(top, #fff, #D3E5A8);
    background-image:      -o-linear-gradient(top, #fff, #D3E5A8);
    background-image:         linear-gradient(top, #fff, #D3E5A8);
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: -2 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    box-shadow: 1px 3px 2px #000, 0 -1px 0 #fff inset;
    padding: 30px;
}

.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

.tab_content .rounded {
	height: 110px;
	margin: 10px;
	padding: 2px;
	background: #6fb2e5;

	-webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
	-moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
	box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
}

.rounded {
	height: 110px;
	margin: 10px;
	padding: 2px;
	background: #6fb2e5;

	-webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
	-moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
	box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
}