@import url('theme_Basique_btn.css');

body {
	background: #3399FF;
}

footer {    
	/* Fond */
    background-color: #FF9900;
    background: linear-gradient(to bottom, #FFFFCC, #FF9900);
    
    /* Ombre */
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}

.bloc{
	/* Fond */
	background-color: #FFFFFF;
	
	/* Ombre */
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
	0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; 
}

h1 {
	/* Fond */
    background-color: #FF9900;
    background: linear-gradient(to bottom, #FFFFCC, #FF9900);
    
	/* Ombre */
    text-shadow: #FF9900 0 1px 0;
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}

h2 {
	/* Fond */
    background-color: #FF9900;
    background: linear-gradient(to bottom, #FFFFCC, #FF9900);
    
	/* Ombre */
    text-shadow: #FF9900 0 1px 0;
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}

h3, .h3 {
	/* Fond */
    background-color: #FF9900;
    background: linear-gradient(to bottom, #FFFFCC, #FF9900);
    
	/* Ombre */
    text-shadow: #FF9900 0 1px 0;
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}

h4 {
	/* Fond */
    background-color: #FFFFCC;
    
	/* Ombre */
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}

h6 {
	/* Fond */
    background-color: #FF9900;
    
	/* Ombre */
    text-shadow: #FF9900 0 1px 0;
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}

.hlien:hover, .hlienIcone:hover, .hlienactif {
	/* Bordure */
	border: solid red;
	border-width: 0px 0px 0px 5px;
	
  	/* Police */
  	color: red;	

  	/* Ombre */
  	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5),
  	2px 2px 2px 2px rgba(255, 255, 255, 0.5) inset;
}

.barre {
	/* Fond */
	background:url(../images/fond/barre_v1.0.jpg);
}

a:link {color: #000000;}
a:visited {color: #000000;}
a:active {color: #FF0000;}
a:hover {color: #FF0000;}

div.contenu {	
	/* Fond */
    background: #FFFFCC;
    
	/* Ombre */
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
	0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; 
}

div.case{	
	/* Fond */
	background-color: #FFFFCC;
	
	/* Ombre */
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
	0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; 
}

div.cas1{
	/* Fond */
	background-color: #B0E0E6;
}
div.cas2{
	/* Fond */
	background-color: #FFFF66;
}

.cas1_lien:hover{
    /* Fond */
	background-color: #66CCFF;
	
	/* Police */
	color: red;	
	
	/* Ombre */
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5),
	2px 2px 2px 2px rgba(255, 255, 255, 0.5) inset;
}
.cas2_lien:hover{
	/* Fond */
    background-color: #FFCC00;
    
    /* Police */
	color: red;	
	
	/* Ombre */
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5),
	2px 2px 2px 2px rgba(255, 255, 255, 0.5) inset;
}

#FilAriane, #Action {
	/* Fond */
    background-color: #FF9900;
    background: linear-gradient(to bottom, #FFFFCC, #FF9900);
    
	/* Ombre */
    text-shadow: #FF9900 0 1px 0;
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
}


/* PAGINATION */
    #pagination li.lien, #pagination li.active{                     
      /* Format */
      border:solid 1px #FF9900;
             
      /* Fond */    
      background-color:#FFFF66;
    }       
    #pagination li.lien:hover{
      /* Fond */
      background-color:#FFCC00;
    }   
    #pagination li.active{
      /* Fond */
      background-color:#FFCC00;
    }
    
    
/* COLLECTION */
	.collection .entete, .entete{
		background-color: #FFFFCC;
		border: solid 3px #FF9900;
	}	
	.item {
	    background-color: #FFFFCC;
	    border: dashed 1px #FF9900;
	}
	    
    
/* AVIS */
	.avis_OK .entete{
		background-color: #FFFFCC;
	}
	.avis_KO .entete{
		background-color: #FFFFCC;
	}
	
	
/* NOUVEAU */
	.img_nouveau1 {
		/* Fond */
		background:url(../images/nouveau_v1.0.png) no-repeat;
	}
	.img_nouveau2 {
		/* Fond */
		background:url(../images/nouveau_v2.0.png) no-repeat;
	}