@charset "utf-8";
#apDiv1 {
	position:absolute;
	width:244px;
	height:33px;
	z-index:1;
	left: 202px;
	top: 81px;
}
#apDiv2 {
	position:absolute;
	width:230px;
	height:115px;
	z-index:2;
	left: 202px;
	top: 117px;
}
#apDiv3 {
	position:absolute;
	width:228px;
	height:115px;
	z-index:3;
	left: 203px;
	top: 234px;
}
.Style21 {color: #FFFFFF}
#logo {
	position:absolute;
	width:184px;
	height:189px;
	z-index:1;
	left: 102px;
	top: -40px;
}
#menu {
	position:absolute;
	width:430px;
	height:88px;
	z-index:2;
	left: 16px;
	top: 208px;
	visibility: visible;
	background-color: #FFFFFF;
}
#apDiv4 {
	position:absolute;
	width:321px;
	height:36px;
	z-index:1;
	left: 537px;
	top: 55px;
	visibility: visible;
}
#apDiv5 {
	position:absolute;
	width:442px;
	height:89px;
	z-index:2;
	left: -17px;
	top: 207px;
}
#apDiv6 {
	position:absolute;
	width:561px;
	height:40px;
	z-index:3;
	left: 431px;
	top: 300px;
	background-color: #262321;
}
.Style116 {color: #990000;
	font-weight: bold;
}
.Style118 {	color: #CBB90C;
	font-size: 14px;
	font-weight: bold;
	font-family: Komix;
}
.Style123 {font-size: 8px}
.Style2 {font-size: 11px}
.Style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.Style45 {color: #000000}
.Style54 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.Style60 {font-size: 12px}
.Style62 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Style65 {	color: #0000CC;
	font-weight: bold;
}
a:link {
	color: #999999;
}
a:visited {
	color: #FFFF00;
}
a:hover {
	color: #FFFF00;
}
a:active {
	color: #FF9900;
}
.Style125 {	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.Style36 {font-size: 36px;
	font-weight: bold;
}
.Style6 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.Style126 {color: #990000}
.Style127 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #990000; }


.alignleft2 {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
	line-height: 15px;
	height: auto;
	width: auto;
}

.cBL1 {
	height: 21px;
	width: 450px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(GRAPHISME/conteneur/cadreG_03_r1_c1.gif);
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
.cbl2 {
	background-image: url(GRAPHISME/conteneur/cadreG_03_r2_c1.gif);
	background-repeat: repeat-y;
	width: 270px;
	padding: 0px;
	text-align: left;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 178px;
}
.cBL3 {
	background-image: url(GRAPHISME/conteneur/cadreG_03_r3_c1.gif);
	height: 32px;
	width: 450px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0;
}
/* CSS Document */



.menugauche {
	list-style-type: none;
	margin: 0;
	width: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.menugauche li {
	filter:alpha(opacity=64);
	-moz-opacity:0.64;
	opacity: 0.64;
	width: 100%;
	margin: 2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.menugauche a {
	display:block;
	border: 1px none #f2edcf;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(GRAPHISME/BOUTON/bouton.gif);
}
.menugauche a:hover {
	color: #000000;
	background-color:#FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(GRAPHISME/BOUTON/bouton2.gif);
}
    body  {
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-color: #000000;
	background-image: url(GRAPHISME/fond/fondg1.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-attachment: fixed;
    }
	.thrColFixHdr #container1 {
	width: 1100px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 0px none #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
    } 
    .thrColFixHdr #container {
	width: 1100px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px none #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
    } 
    .thrColFixHdr #header {
	background-color: #333333;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(animation/bandeau4.jpg);
	width: auto;
	background-repeat: no-repeat;
    } 
    .thrColFixHdr #header h1 {
	margin: 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }
    .thrColFixHdr #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 170px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	background-color: #EBEBEB;
	background-image: url(GRAPHISME/fond/fondg1.gif);
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
    }
    .thrColFixHdr #sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 170px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	background-color: #333333;
	background-image: url(GRAPHISME/fond/fondg1.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
    }
    .thrColFixHdr #mainContent {
	background-color: #262321;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;
	width: 700px;
	margin-left: 180px;
	height: auto;
    } 
    .thrColFixHdr #footer {
	background-color: #333333;
	width: 1000px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
    } 
    .thrColFixHdr #footer p {
	margin: 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
    }
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.Style10 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.Style11 {
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Style20 {color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.menucentre {
	list-style-type: none;
	margin: 0;
	width: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.menucentre {
	filter:alpha(opacity=64);
	-moz-opacity:0.64;
	opacity: 0.64;
	width: 100%;
	margin: 2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.menucentre a {
	display:block;
	border: 1px none #f2edcf;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(GRAPHISME/BOUTON/bouton.gif);
}
.menucentre a:hover {
	color: #000000;
	background-color:#FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(GRAPHISME/BOUTON/bouton2.gif);
}
.c1 {
	height: 22px;
	width: 300px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(GRAPHISME/conteneur/CA1.gif);
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
.c2 {
	background-image: url(GRAPHISME/conteneur/cAB.gif);
	background-repeat: repeat-y;
	width: 300px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: auto;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	float: none;
}
.c3 {
	background-image: url(GRAPHISME/conteneur/CA3.gif);
	height: 32px;
	width: 300px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0;
}
.boite {
	list-style-type: none;
	width: 279px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	float: right;
	background-image: url(GRAPHISME/images/ciel.gif);
	margin-top: 0;
	margin-right: 7%;
	margin-bottom: 0;
	height: 175px;
	margin-left: 5%;
}
.boiteG {
	list-style-type: none;
	width: 320px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200;
}
.menuequipe {
	list-style-type: none;
	margin: 0;
	width: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.menuequipe {
	filter:alpha(opacity=64);
	-moz-opacity:0.64;
	opacity: 0.64;
	width: 100%;
	margin: 2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.menuequipe a {
	display:block;
	border: 1px none #f2edcf;
	padding: 5px;
	color: #262321;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFF00;
}
.menuequipe a:hover {
	color: #FFFFFF;
	background-color:#262321;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.menuavoir {
	list-style-type: none;
	margin: 0;
	width: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 11px;
}
.menuavoir a {
	display:block;
	border: 1px none #f2edcf;
	padding: 5px;
	text-decoration: none;
}
.menuavoir a:hover {
	font-size: 11px;
	font-weight: bold;
}
#form1 {
	width: 140px;
	background-color: #262321;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-top-style: none;
}
.c1a {
	height: 22px;
	width: 620px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #504A3C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
}
.c2A {
	background-repeat: repeat-y;
	width: 618px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	float: none;
	background-color: #504A3C;
	color: #FFFFCC;
}
.Style130 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; }

.Style6 {color: #666666}

.c3A {
	height: 32px;
	width: 630px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0;
	background-color: #504A3C;
}
.thrColFixHdr #containertrombi {
	width: 500px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #333333;
	background-image: url(trominoscope/fondtrombi.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
}
.thrColFixHdr #containertrombia {
	border: 1px solid #000000;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	background-image: url(trominoscope/fondtrombi.jpg);
}
.alignleft4 {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
	line-height: 15px;
	height: auto;
	width: auto;
	background-image: url(GRAPHISME/images/ciel.png);
}
.thrColFixHdr #mainContenta {
	background-color: #262321;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;
	width: 730px;
	margin-left: 180px;
	height: auto;
}