body {
 color: #000066;
 background: #656C54 ;
 }
p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003300;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.titre {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	width: auto;
	background-image: url(img/tablehaut.gif);
	background-repeat: repeat-x;
	height: 30px;
	border-top: 1px solid #89724A;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-indent: 30pt;
}
.titrebox {
	background-color: #CEDF21;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4D2345;
	font-weight: bold;
	width: 175px;
	text-align: right;
	background-image: url(img/folder3.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 29px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.titrebox2 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #663333; font-weight: bold; text-align: center;}
.cita { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333300; text-align: center; width: 100%; border: 0px; margin: 0px; padding: 0px;}
.htable {
	width: 680px;
	background-color: #4D2345;
	border: 1px solid #4D2345;
}
.tbl {background-color: #FCFCFC; padding: 0px;}
.tblover {background-color: #FCFCFC; padding: 0px;}
.tbl2 {background-color: #FCFCFC; padding: ;}
.htable1 {
	width: 175px;
	height: auto;
	margin-top: 20px;
	border: 1px solid #cefd21;
	background-color: #FDDF64;
	margin-right: 20px;
}
.tblbox {background-color: #FFFF00; padding: 0px;}
.tblboxover {background-color: #FCFCFC; padding: 0px;}
.bordure {border: 1px solid #CC3300;}
.forum {background-color: #CCCC99; padding: 5px 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #003300; text-align: center; font-weight: bold;}
.forum2 {background-color: #A6C4E0; padding: 0px 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #003300;}
.quest {background-color: #CCCC99; padding: 5px 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #003300;}
.rep {background-color: #EDEDDC; padding: 10px 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #003300;}
.bord {
	border: 1px solid #999933;
	width: 100%;
}
a {color: #blue; text-decoration: none;}
a:hover {color: #66CC66; text-decoration: none;}
a.box {
	color: #663300;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a.box:hover {color: #53553E; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

a.box12 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #663300;
	
}
a.box12:hover {
	color: #663300;
	height: 18px;
	width: 175px;
	cursor: text;
	visibility: visible;
	
}

a.box13 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	
	
}
a.box13:hover {
	color: #333300;filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}
}
td.menu {
	margin: 2px;
	text-align: center;
	padding: 4px 6px;
	left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}

a.menu {
	color: #AFD136;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin-left: 20px;
	font-weight: bold;
}

a.menu:hover {
	color: #FFFF99;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background-color: transparent;
	position: relative;
	margin-left: 20px;
	font-weight: bold;
}
hr {height: 1px; border-bottom: 1px solid #CCCC99; border-top: 0 none; border-right: 0 none; border-left: 0 none; width: 98%;}
ul, ol, li {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #003300;}
dl, dd, dt, address, dir, menu, blockquote, td {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #003300;}
H1, H2, H3, H4, H5, H6 {font-family: Arial, Helvetica, sans-serif; color: #003300;}
td.caljour {font-size: 11px; font-family: Arial, sans-serif; color: #000099; width: 14%; text-align: center;}
td.cal {font-size: 11px; font-family: Arial, sans-serif; color: ; width: 14%; text-align: center;}
td.box {color: ;
	text-indent: 4pt;
}
tr.vdev {background-color: #CCCC99;}
tr.vdevtr {background-color: #CCCC99;}
body.vdev {margin-left: 10px; font-family: Arial, sans-serif; font-size: 12px; background-color: #E7E7F7;}
body.vdevdialog {margin-left: 0px; font-family: Arial, sans-serif; font-size: 12px; background-color: #CCCC99;}
select.vdev {font-family: Arial, sans-serif; font-size: 12px; height: 22px; background-color: #CFDDEB; color: #000080;}
input.vdev {font-family: Arial, sans-serif; font-size: 12px; height: 22px; background-color: #E7E7F7; color: #663300;}
input.vdevx {font-family: Arial, sans-serif; font-size: 12px; height: 22px; background-color: #E7E7F7; color: #FF0080;}
form {margin: 3px 0;}
input.bouton {cursor: pointer; margin: 4px 0; color: #330000; border: -1px; inset #CCCC00; background-color: #F0F0F0; font-size: 11px; font-family: Trebuchet MS, Helvetica, sans-serif; }
input.texte {background-color: #FFFFFF; font-size: 11px; font-family: Trebuchet MS, Helvetica, sans-serif; color: #330000; border: -1px solid #CCCC00; margin: 2px 0;}
select {color: #330000; background-color: #F0F0F0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11px; border: -1px solid #CCCC00; margin: 4px 0;}
textarea {color: #330000; background-color: #F0F0F0; border: -1px solid #CCCC00; overflow: auto; scrollbar-base-color: #F0F0F0; scrollbar-arrow-color: #330000; margin: 4px 0;}
.clsCursor {cursor: pointer;}
.copyright		{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC6633;
	letter-spacing: -1px;
	text-align: center;
}
a.copyright		{
	color: #993300;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
a.copyright:hover {
	color: #006600;
	text-decoration: overline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
li.art {font-weight:normal; list-style-type:none; padding:0px; margin-left:4px;}
ul.art {font-weight:bold; padding:0px; margin:0px;}
.fondart {
	background-color: #DCDCB8;
}
.headmenu {
	height: 80px;
	background-image: url(ban.jpg);
	background-repeat: no-repeat;
	width: 100%;
}
.foot {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #AFD136;
	height: auto;
	width: auto;
	margin: 20px 0px;
	border: none;
background-color: #AFD136;
}
.boxphoto {
	background-color: #F0F0E1;
	height: auto;
	width: auto;
	
	padding-top: 40px;
	
}
.boxdroit{
	width: auto;
	background-color: #F0F0E1;
	height: auto;
	
}

.boxphotoart {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003300;
	width: 100%;
	height: auto;
	text-align: justify;
	border-top: none #003333;
	border-right: none #CCCC99;
	border-bottom: none #003333;
	border-left: none #003333;
	padding-top: 20px;

}
.photo		{
	background-color: #F3E8CF;
	float: left;
}
a.photo		{
	color: #999900;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #339966;
}
a.photo:hover {
	color: #990033;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.photo1		{
	background-color: #F8F1F8;
	text-align: center;
	vertical-align: middle;
	
}

.photo2		{
	top: 10px;
}

a.photo1		{
	color: #336600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.photo1:hover {
	color: #660000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
 .bord {
	border: 1px solid #709070;
	width: auto;
}
.boxgauche {
	width: 150px;
	background-color: #E2E2C5;
	margin: 10px;
	
}
.boxcentre {
	color: #990033;
	
	
	
}
.top {
	color: #990033;
	background-image: url(hbox1.jpg);
	height: 20px;
	background-repeat: repeat;
}
a.top		{
	color: #993300;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
.titreGros {font: bold 12px/13px Verdana, sans-serif; color: <?=$couleur4?>}
.titreMoyen {font: bold 10px/10px Verdana, sans-serif; color: <?=$couleur2?>}
.texteMoyen {font: normal 10px/10px Verdana, sans-serif; color: <?=$couleur3?>}

.divTitreGros {	background: <?=$couleur1?>;border: 1px solid <?=$couleur1?>;WIDTH:600px; padding: 4px;	margin-bottom: 4px;	text-align: left; }
.divTitreMoyen {background: <?=$couleur3?>;border: 1px solid <?=$couleur3?>;WIDTH:600px; padding: 4px;	margin-bottom: 2px;	text-align: left; }
.divTitrePhoto {background: <?=$couleur3?>;border: 1px solid <?=$couleur3?>;WIDTH:100px; padding: 0px;	margin-bottom: 2px;	text-align: left; }
.divPhoto {background: <?=$couleur2?>;
	border: 1px solid;
	margin: 10px;
	top: 30px;
<?=$couleur3?>; WIDTH:100px; padding: 2px;	margin-bottom: 2px;	text-align: left; }
.divPhotoCommentaire {background: <?=$couleur2?>;	border: 0px solid <?=$couleur3?>; WIDTH:100px; HEIGHT:160px; padding: 0px;	margin-bottom: 0px;	margin-top: 2px;	text-align: left; visibility: hidden; display: none; overflow: auto}


.formLink {text-decoration: none;	display: block; WIDTH:100px; padding: 2px 2px 2px 2px;}
.formLink:link, .formLink:visited {color: <?=$couleur2?>; background:<?=$couleur3?>; }
.formLink:hover {	background:<?=$couleur1?>; color: <?=$couleur4?>; }

.mini {font-size: 8px; font-family: Verdana, Arial, sans-serif; text-decoration: none;}
.mini:link, .mini:visited {font-size: 8px; font-family: Verdana, Arial, sans-serif; color: <?=$couleur3?>;}
.mini:hover {font-size: 8px; font-family: Verdana, Arial, sans-serif; color: <?=$couleur1?>; }


.inputPseudo {font-size: 10px; font-family: Verdana, Arial, sans-serif; border: 1px solid <?=$couleur3?>; 	margin-bottom: 0px; padding:1px; background: <?=$couleur2?>; color: <?=$couleur3?>; WIDTH:100%; height:16px}
.inputTexte {font-size: 10px; font-family: Verdana, Arial, sans-serif; border: 1px solid <?=$couleur3?>; 	margin-bottom: 0px; padding:1px; background: <?=$couleur2?>; color: <?=$couleur3?>; WIDTH:100%; height:60px}
.inputSubmit {background:<?=$couleur3?>; font-family: Verdana, Arial, sans-serif;font-size: 10px; border: 1px solid <?=$couleur3?>;	margin-top: 1px;	color: <?=$couleur2?>;	padding: 0px 0px 0px 0px; width: 100%; }
a.linkopacity {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}
a.linkopacity:hover {
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
}
div.transOFF {
height: 18px;
	width: 175px;
	margin-right: 0px;
	
	width: 100%;
	background-color: #CCCC99;
}
div.transON  {
height: 18px;
	width: 175px;
	margin-right: 0px;
	
	width: 100%;
	opacity:.75;
	filter: alpha(opacity=75);
	background-color: #CCCC99;
-moz-opacity: 0.75; }
div.trans25   {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75   {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
a.box11 {
	color: #330000;
	
}
a.box11:hover {
	color: #CC9900; 
-moz-opacity: 0.25; 
opacity: 0.25;}
}


.forum {background-color: <? echo $forum[0]; ?>; padding: 5px 5px; font-size: <? echo $page[2]; ?>; font-family: <? echo $page[1]; ?>; color: <? echo $texte[0]; ?>; text-align: center; font-weight: bold;}
.forum2 {background-color: <? echo $forum[0]; ?>; padding: 0px 5px; font-size: <? echo $page[2]; ?>; font-family: <? echo $page[1]; ?>; color: <? echo $texte[0]; ?>;}
.quest {background-color: <? echo $forum[1]; ?>; padding: 5px 5px; font-size: <? echo $page[2]; ?>; font-family: <? echo $page[1]; ?>; color: <? echo $texte[0]; ?>;}
.rep {background-color: <? echo $forum[2]; ?>; padding: 10px 5px; font-size: <? echo $page[2]; ?>; font-family: <? echo $page[1]; ?>; color: <? echo $texte[0]; ?>;}
.bord {border:1px solid <? echo $forum[0]; ?>;}
#ficheup{
	border: 1px solid #996600;
	width: 660px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#fichemid{
	width: 660px;
	border: 1px solid #333399;
	background-color: #EEFFCA;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
}
#fichemid1{
	background-color: #FCE2FB;
	float: left;
	width: 370px;
	border-top: #333399;
	border-bottom: #333399;
	border-left: #333399;
	
}
#fichemid2{
	background-color: #E9E9D1;
	height: 37px;
	text-align: left;
	text-indent: 10px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
#fichemid3{
	background-color: #FFffdd;
	text-align: left;
	text-indent: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 420px;
	color: #663300;
}
#fichemid4{
	background-color: #E2E2E2;
	text-align: left;
	text-indent: 30px;
	font-weight: normal;
	width: 660px;
	color: #CC9900;
	margin-top: 10px;
	margin-bottom: 10px;
}
#htable {
	margin-bottom: 8px;
	width: 680px;
	border: 1px solid #003366;
}
#ficheboite{
	border: 1px solid #009999;
	margin: 10px;
	width: 660px;
	
}
#ficheboite1{
	text-align: left;
	text-indent: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ficheboite2{
	background-color: #DEDEBE;
	text-align: left;
	text-indent: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
}
#savoir{
	background-color: #ECECFF;
	height: 48px;
	float: left;
	width: 50px;	
}
.fiches{
	width: 660px;
}
#fichejcc{
	width: 660px;
	border: 1px solid #CC0000;
	background-color: #FEF7E7;
	margin: 5px 10px;
}
#fichejcc1{
	background-color: #CCFFCC;
	float: left;
	width: 56%;
	border-top: #336600;
	border-bottom: #336600;
	border-left: #336600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333300;
	
}
#fichejcc2{
	background-color: #E9E9D1;
	height: 48px;
	text-align: left;
	text-indent: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #660000;
}
#fichejcc3{
	background-color: #DFE6DD;
	text-align: left;
	text-indent: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 56%;
	color: #990000;
	float: left;
}
#fichejcc4{
	background-color: #FDF4D5;
	text-align: left;
	text-indent: 70px;
	color: #990000;
}
#containeur{
	position: absolute;
	left: 60px;
	top: 0px;
	height: auto;
	width: 928px;
	background-color: #cedf21;
	background-image: url(img/fond-containeur2.gif);
	background-repeat: repeat-y;
}
#imagesemaine {float:right;filter:shadow(color:gray,strength:10, direction:135);}
#imagejour {float:left;filter:shadow(color:gray,strength:10, direction:135);}
#imagesituation {
	float:right;
	top:50px;
	border: 1px solid #660033;
	margin-right: 20px;
	
}
#formulairecarte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #993333;
	margin-left: 50px;
	margin-right: 50px;
}
#boxcarte1{
	width:120px;
	border: 1px solid #996600;
	background:#CCCC99;
	font-size:12px;
	text-align:center;
	margin-top: 2px;
}
#carteboxtxt{
	border: medium double;
	padding: 2px;
	background:white;
	width:122px;
	text-align: center;
	font-size:12px;
	margin: 5px;
	height: 124px;
	float: left;
}
#photo4		{
	color: #CCCC99;
	margin: 4px;
	border: 1px solid #FF9900;
	float: left;
}
#photo3		{
	font-size: 9px;
	width: 68px;
	text-align: center;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #006633;
}

.photo2		{
	vertical-align: middle;
}

a.photo1		{
	color: #336600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.photo1:hover {
	color: #660000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
td.infophoto		{
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #663300;
	background-color: #EBEBD8;
	text-indent: 20px;
}
a.infophoto		{
	color: #006600;
	text-decoration: none;
	background-color: #EAF0E8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
a.infophoto:hover {
	color: #660000;
	text-decoration: none;
	background-color: #EAF0E8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}