{behavior: url(csshover.htc);}

@font-face {
    font-family: "Edwardian"; /*Edwardian Script ITC*/
    src: url(../font/3309-font.ttf);
}



body
{
	background-image:-webkit-linear-gradient(top, #E155C3 0%, #92D050 100%);
	background-image: linear-gradient(top, #E155C3 0%, #92D050 100%);
	/*background-color: #C9A0DC; */
	background-attachment:fixed;
	color: black; 
   Font-size: 1.2em;
   Font-family: Comic Sans MS, arial;
   height: 100%;
   }
   
   
#table_ideaux{
	width:80%;
	align:left;
	text-align:center;
}
 
	
/*================= COOKIES ================*/
.cookie-alert {
   position: fixed;
   align: center;
   top: 200px;
   margin-left:25%;
    margin-right:25%;
   border-radius: 20px;
   border: 5px solid indigo;
   background: #C9A0DC;
   opacity:  0.8;
   color: indigo;
   padding: 10px 15px;
   width:50%;
   z-index: 1000;
}
.cookie-alert a { 
   display:block;
   text-align: center;
   align: center:
   Font-size: 1em;
   
   padding:5px 10px;
	margin:8px auto 0 auto;
   border-radius: 10px;
   background:transparent;
   border: 2px solid indigo;
   color: indigo;
   transition: all .3s ease;
}
.cookie-alert a:hover {
      background: indigo;
      color:#ffffff;
	  Font-size: 1.2em;
   }
   
#loading {
        width: 50%;
        height: 50%;
        background-color: #000;
        opacity: 0.8;
        filter:alpha(opacity=80);
        position:fixed;
		top: 25%;
		
		left:25%;
	
        text-align: center;
        color:#FFF;
    }
	
	
/*********************************************************
          para movil pantalla maximun de 340px
************************************************************/
@media only screen and (max-width: 340px) and (min-width: 5px){
	


body {
		
		width: auto;
		margin: 0;
		padding: 0;
		Font-size: .6em;
	}

img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}

}	   

/*********************************************************
          para movil pantalla maximun de 680px
************************************************************/
@media only screen and (max-width: 680px) and (min-width: 341px){
	


body {
		
		width: auto;
		margin: 0;
		padding: 0;
		Font-size: .8em;
	}

img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}

}	   

/*********************************************************
          para movil pantalla maximun de 1020px
************************************************************/
@media only screen and (max-width: 1020px) and (min-width: 681px){
	


body {
		
		width: auto;
		margin: 0;
		padding: 0;
		Font-size: 1em;
	}

img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}

}