@charset "utf-8";
/* CSS Document */

.t4 {font-size:4px;}
.t5 {font-size:5px;}
.t6 {font-size:6px;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t12 {font-size:12px;}
.t14 {font-size:14px;}
.t16 {font-size:16px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t22 {font-size:22px;} 
.t24 {font-size: 24px;font-style: italic;text-align: center;}
.t26 {font-size:26px;color: #FFFFFF;}
.t28 {font-size:28px;}
.t30 {font-size:30px;}
.Style1 {font-size: 16px; color:#FFF; text-align:center;}
.Style2 {color: #FFFFFF;}
.Style3 {font-size: 18px;color: #FFFFFF;text-align: center;}
.Style5 {font-size: 24px;color: #FFFFFF;text-align: center;}
.Style7 {font-size: 24px}
.Style8 {font-size: 30px; color:#FFFFFF; text-align:center;}
.Style9 {color: #FFFFFF;font-size: 24px;font-style: italic;}
.Style11 {color: #FF0000; font-size: 24px; }
.Style13 {color: #FFFFFF;font-size: 30px;font-style: italic;}
.Style14 {font-size: 20px;color: #000066;}
.Style21 {color: #660000}
.Style22 {font-size: 20px}	
.Style41 { color: #660000;}
.Style47 { color: #FF6600;}
.Style48 { font-size: 24px; color: #FFCC00;}
.Style49 { font-size: 48px; color: #FF9900; font-weight: bold;}
.Style51 { color: #FF9900;	font-weight: bold;}
.Style58 {	font-size: 24px; font-weight: bold;}
.Style59 {	color: #0222FD;	font-size: 24px;}
.Style122 {font-size: 18px; color: #FFFFFF; font-weight: bold;}
.Style126 {font-size: 36px; color: #FFFFFF; }
.Style128 {font-size: 28px}
.Style132 {font-size: 14px; color: #990000; }
.Style139 {font-size: 24px;color: #000033;font-weight: bold;}
.Style143 {font-size: 45px;color: #FFCC00;}
.Style146 {color: #FFFF99}
.Style149 {font-size: 30px;color: #FFFFFF;}
.Style151 {font-size: 24px;color: #FFF;font-weight: bold;}
.Style153 {color: #FFFF00}
.Style156 {color: #FFFFCC}
.Style157 {font-size: 36px;font-weight: bold;color: #FFFFFF;}
.Style158 {font-size: 36px}
.Style159 {font-size: 24px; color: #FFFFFF; font-weight: bold; }
.Style160 {font-size: 18px; color: #FFFFFF; }
.Style163 {color: #00CC00}
.Style164 {font-size: 45px;font-weight: bold;color: #FFFFFF;}

body { background-color: #003; background-image: url(images/gradient.gif);}
.bleu {	color: #0080FF;}
.blanc { color: #FFF;}
.rouge { color: #F00;}
.bbleu { color: #0222FD;}
/* pour les écrans plus petit que 980 pixels : pc */
@media screen and (max-width: 980px) {
	#id {
		display:none;
	}
}

/* pour les écrans plus petit que 840 pixels : ipad horizontal */
@media screen and (max-width: 840px) {
	#id {
		display:none;
	}
}

/* pour les écrans plus petit que 650 pixels : ipad vertical */
@media screen and (max-width: 650px) {
	#id {
		display:none;
	}
}

/* pour les écrans plus petit que 440 pixels : smartphones */
@media screen and (max-width: 440px) {
	#id {
		display:none;
	}
}

/* texte lumineux  <div id="lumineux">Edit this text</div> */
#lumineux {
color: #A7DD3C;
text-shadow: 2px 0 0px hsl(330, 100%, 25%), 3px 2px 0px hsla(330, 100%, 15%, 0.5), 3px 0 3px hsl(350, 100%, 50%), 5px 0 3px hsl(350, 100%, 25%), 6px 2px 3px hsla(350, 100%, 15%, 0.5), 6px 0 9px hsl(20, 100%, 50%), 8px 0 9px hsl(20, 100%, 25%), 9px 2px 9px hsla(20, 100%, 15%, 0.5), 9px 0 18px hsl(50, 100%, 50%), 11px 0 18px hsl(50, 100%, 25%), 12px 2px 18px hsla(50, 100%, 15%, 0.5), 12px 0 30px hsl(70, 100%, 50%), 14px 0 30px hsl(70, 100%, 25%), 15px 2px 30px hsla(70, 100%, 15%, 0.5), 15px 0 45px hsl(90, 100%, 50%), 17px 0 45px hsl(90, 100%, 25%), 17px 2px 45px hsla(90, 100%, 15%, 0.5);
}

A:hover {color: red; font-weight: bold}
.Style2 {color: #fff;font-weight: bold; font-size:110%}
.Style4 {font-size: 12; color: #FFFFFF;}
.Style5 {font-family: "Imprint MT Shadow";	font-size: 28px;color: #FFFFFF;}
.Style6 {font-family: Geneva, Arial, Helvetica, sans-serif;	font-style: italic;	color: #FFFFFF;}
.Style8 {font-family: "Imprint MT Shadow";color: #990000}
.Style11 {font-family: "Imprint MT Shadow"; color: #FFFFFF; font-size:24px }
.Style12 {color: #FFFFFF; font-size:14px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.Style18 {color: #009900}
.Style20 {font-size: 12px}
.Style23 {color: #003366}
.Style26 {color: #000099}
.Style29 {font-size: 12px;	font-weight: bold;	color: #CC9933;}
.Style33 {	font-family: "Imprint MT Shadow";	color: #CC6600;}
.Style34 {	color: #006600;	font-weight: bold;}
.Style35 {color: #003300}
.Style36 {color: #00CC66}
.Style44 {color: #FFFFFF}
.Style45 {color: #CCCCCC}
.Style46 {color: #fff; font-size:24px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif}
.Style48 {color: #CC9900}
.Style51 {color: #996699}
.Style52 {color: #CC6633}
.Style55 {color: #FF9900}
.Style56 {color: #FFCC00}
.Style58 {color: #00CCFF}
.Style62 {color: #FFCCCC}
.Style74 {color: #9966FF}
.ombre
{
	font-family: "French Script MT"; font-weight: bold; 
	text-shadow: 15px 0px 21px rgba(255,255,255,1);
	color: #418511;
	font-size: 30px;
}
.ombre1
{
	font-family: "Imprint MT Shadow"; font-weight: bold; 
	text-shadow: 5px 6px 7px (71, 210, 68, 0.72, );
	color: #FFF; font-size: 2.375em;
}
.ombre2
{
	font-family: "Imprint MT Shadow";
	font-weight: bold;
	text-shadow: 3px 4px 8px rgba(75, 214, 68, 0.72);
	color: #Fff;
	font-size: 24px;
	
}
.ombre2a
{
	font-family: "Imprint MT Shadow"; font-weight: bold; 
	text-shadow: 3px 4px 6px  rgba rgba(255,255,255,0.72)(71, 210, 68, 0.72);
	color: #FFF ;
	font-size: 2.1em;
}
.ombre2b
{
	font-family: "Imprint MT Shadow";
	font-weight: bold;
	text-shadow: 3px 4px 8px rgba(75, 214, 68, 0.72);
	color:#298807;
	font-size: 24px;
	
}
.ombre3
{
	font-family: "Old English Text MT"; font-weight: bold; 
	text-shadow: 5px 5px 7px rgba(159, 35, 35, 0.75);
	color: #FFFFFF;
	font-size: 45px;
}
.ombre4
{
	font-family: "Old English Text MT" ; font-weight: bold; 
	text-shadow: 5px 5px 7px rgba(71, 210, 68, 0.72);
	color: #FFFFFF ;
	font-size: 3.125em;
}
.ombre6
{
	font-family: "Old English Text MT" ; font-weight: bold; 
	text-shadow: 5px 5px 7px rgba(159, 35, 35, 0.75);
	color: #298807;
	font-size: 3.000em;
}
.ombre7
{
	font-family: "Old English Text MT"; font-weight: bold; 
	text-shadow: 5px 5px 7px rgba(159, 35, 35, 0.75);
	color: #FFFFFF;
	font-size: 2.375em;
}
.ombrage {
   font-family: "Old English Text MT" ; font-weight: bold;
  border: 5px solid #fff;
  -moz-box-shadow: 8px 8px 12px #aaa; 
  -webkit-box-shadow: 8px 8px 12px #aaa; 
  box-shadow: 8px 8px 12px #555; 
}
 /* ombres multiples  */

.mutltiple01 { font-family:"Old English Text MT"; font-size:36px; text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006}
	  
.mutltiple02 { font-family:"Imprint MT Shadow"; font-size:36px; text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006}
/* fin ombres multiples  */

.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}

.rowblack{width:100%;margin-bottom:20px}
.row .rowblack{width:auto;margin:0 -20px}

.rowsimple{width:100%;margin-bottom:30px}
.row .rowsimple{width:auto;margin:0 -20px}


@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c4bis,.row .row .c5,.row .row .c6,.row .row .c6bis,.row .row .c7,.row .row .c8,.row .row .c8bis,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
    
.row .row > div:last-child{margin-bottom:0 !important}
.rowsimple .rowsimple > div:last-child{margin-bottom:0 !important}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) and (orientation:portrait){
body{font-size:90%}
.row,.rowsimple,.rowblack {margin-bottom:1%!important}
.c1,.c2,.c3,.c4,.c4bis,.c5,.c6,.c6bis,.c7,.c8,.c8bis,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
}

@media (min-width:240px) and (max-width:680px) {
      width: 100%;
.fix {margin: 0 auto;max-width: 680px; width: 100%;position:relative;z-index:+100; }}

    body{background-color: none!important;}
}
    
/*-------------smartphone-----------*/
@media (min-width:240px) and (max-width:480px) {
 .rowsimple, .row {border: none!important;background:none!important;}
 .left,.right {float:none !important;margin: 0 auto;}
 .noborder{display:none ! important;}
 .big {display:none ! important;}
}