@charset "utf-8";

.texte-titre {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #C63;
	-moz-text-shadow: 0 1px 0 #656565;
	-webkit-text-shadow: 0 1px 0 #656565;
	text-shadow: 0 2px 2px #656565;
	padding-top:30px;

}


nav {
	margin:0 0 10px;
	padding:0;
	height:60px;
	text-align:center;
	background: url(../img/bkg-nav.png) repeat-x top left;
	   -moz-box-shadow: 0 3px 5px rgba(0,0,0, 0.7);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.7);
			box-shadow: 0 3px 5px rgba(0,0,0, 0.7);
}

h2 { 
	color:#FFFFFF;
	font-family: sans-serif;
	font-size:30px;
	margin:0;
	padding: 10px 0 0;
	text-shadow:0 1px 0 #CCCCCC, 
	  			0 2px 0 #C9C9C9, 
				0 5px 1px rgba(0, 0, 0, 0.1), 
				0 0 5px rgba(0, 0, 0, 0.1), 
				0 1px 3px rgba(0, 0, 0, 0.3), 
				0 3px 5px rgba(0, 0, 0, 0.2), 
				0 5px 10px rgba(0, 0, 0, 0.25), 
				0 15px 15px rgba(0, 0, 0, 0.15)
}

/* La zone de l'étiquette */
/* Son contenant */
.content {
	position:relative;
	margin:10px auto;
	width:600px;
	background-color:#efefef;
	overflow:hidden; /* Cache tout ce qui sort du bloc */
}

/* le corps de l'étiquette */
.etiquette {
   width: 310px;
   position: absolute;
   top: 25px;
   right: -110px;
   text-align: center;
   font-family: sans-serif;
   
   /* Créer un dégradé de couleur pour notre étiquette */
   background-color: #ff3333;
   background: #f9f9f9;    
   background: -moz-linear-gradient(top,  #ff3333 0%, #df2d2d 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#df2d2d));
   background: -webkit-linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
   background: -o-linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
   background: -ms-linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
   background: linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3333', endColorstr='#df2d2d', GradientType=0); 
	
	/* La rotation de notre étiquette */
      -moz-transform:rotate(45deg); 
   -webkit-transform:rotate(45deg);
     	-o-transform:rotate(45deg);
  		   transform:rotate(45deg);
		   
	/* créer un effet d'ombre pour notre étiquette */
   -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
      -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
  		   box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.etiquette h1 {
	margin:0;
	padding: 8px 0;
	font-size: 18px;
	font-weight:normal;
	color: #ffffff;
	-moz-text-shadow: 1px 1px 0 #777;
	-webkit-text-shadow: 1px 1px 0 #777;
	text-shadow: 1px 1px 0 #777;
}

.bordure-top {
   margin-top: 2px;
   border-top: 1px dashed rgba(255, 255, 255, 0.7);
}

.bordure-bottom {
   margin-bottom: 2px;
   border-top: 1px dashed rgba(255, 255, 255, 0.7);
}

/* ------------------------------- */
/* -------------------------------
  	L'autre étiquette en CSS 
----------------------------------
*/
.content-corner {
	width: 550px;
	height: 25px;
	background: #efefef;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

/* 
-------------------------------------
	L'ombre du coté gauche du ruban 
-------------------------------------
*/
.cornertop { 
	z-index: 1;
	height: 0px;
	width: 0px;
	position: absolute;
	left: -5px;
    top: 0px;	
	border-style: solid;
	border-color: transparent #ca0000 transparent transparent;
    border-width: 7px 5px 0 0;
}

.cornerright { 
	z-index: 1;
	height: 0px;
	width: 0px;
	position: absolute;
	right: -5px;
    top: 0px;	
	border-style: solid;
	border-color: transparent transparent transparent #ca0000 ;
    border-width: 7px 0 0 5px;
}

.corner {
	display: block;
	margin: 0;
	background-color: #ff3333;
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #ff3333 0%, #df2d2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#df2d2d));
	background: -webkit-linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
	background: -o-linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
	background: -ms-linear-gradient(top,  #ff3333 0%,#df2d2d 100%);
	background: linear-gradient(top,  #ff3333 0%,#df2d2d 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3333', endColorstr='#df2d2d', GradientType=0); 
	width: 550px;
	height: 30px;
	position: absolute;
	top: 7px;
	left: -5px;
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5); /* Effet de lueur autour de l'étiquette */
}

.texte-corner {
	font-size: 14px;
	font-weight: normal;
	font-family: sans-serif;
	color: #ffffff;
	position: absolute;
	top: 15px;
	left: 22px;
	-moz-text-shadow: 0 1px 0 #656565;
	-webkit-text-shadow: 0 1px 0 #656565;
	text-shadow: 0 1px 0 #656565;
}