* html #wrap {width:50em}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica;
	font-size:12px;
}

#wrap {
	max-width:50em;
	margin:0 auto;
}


input, select, option, textarea {font-family:"Trebuchet MS",Verdana,Arial; font-size:12pt; color:black}
form {
	margin:0;
	padding:0;
	}
dbtab {
	border-style:solid;
	border-width:1px;
	border-color:#B3A7D6;
	}


@font-face {
    font-family: 'megalopolis';
    src: url('/fonts/megalopolisextra-webfont.eot');
    src: url('/fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/megalopolisextra-webfont.woff') format('woff'),
         url('/fonts/megalopolisextra-webfont.ttf') format('truetype'),
         url('/fonts/megalopolisextra-webfont.svg#megalopolis_extraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.pub_728 {
	width:738px;
	height:100px;
	margin:auto;
	margin-top:15px;
	margin-bottom:0px;
	padding-top:5px;
	padding-left:5px;
	border:0px dashed black;
	background-image:url(/gfx/fond_pub_728.png);
	background-repeat:no-repeat;
	}

a {
	color:#613FCF;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	font-family:"Trebuchet MS",Verdana,Arial;
	}
a:visited {
	color:#613FCF;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
a:active {
	color:#613FCF;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
a:hover {
	color:#613FCF;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	}

.text1b {
	color:#fffffe;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	}
.text1 {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	}
.text1:visited {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	}
.text1:active {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	}
.text1:hover {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	}
.text2 {
	color:black;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-style:normal;
	font-size:9pt;
	text-decoration:none;
	}
.text2:visited {
	color:black;
	font-size:9pt;
	font-style:normal;
	font-family:"Trebuchet MS",Verdana,Arial;
	text-decoration:none;
	}
.text2:active {
	color:black;
	font-size:9pt;
	font-style:normal;
	font-family:"Trebuchet MS",Verdana,Arial;
	text-decoration:none;
	}
.text2:hover {
	color:black;
	font-style:normal;
	font-weight:normal;
	font-size:9pt;
	font-family:"Trebuchet MS",Verdana,Arial;
	text-decoration:underline;
	}


.actu, .actu a {
	text-align:justify;
	font-size:14px;
	}




#menu li a, #menu li a:hover, #menu_gauche a, #menu_gauche a:hover, #menu_droite a, #menu_droite a:hover, .footer a, .footer a:hover
{ text-shadow: #fff 0 1px 0; }





.nounderline {
	text-decoration:none;
	}

select, option, textarea, input{
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:10pt;
	color:black;
	background-color:#F7F7FF;
}
.formulaire {
	border-style:solid;
	border-color:#788490;
	border-width:1px;
}
.formulaire:focus {
	border-color:#33CC66;
}
.formulaire:hover {
	border-color:#75b4f2;
	cursor: pointer;
}

.bouton {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:18px;
	color: #994800;
	font-weight:bold;
	border:none;
}
.bouton:hover {
	cursor: pointer;
}


.boutonml1 {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:8pt;
	font-weight:bold;
	background-color:#B3A7D6;
	color:yellow;
	border-color:#f0f0f0;
	border-style:groove;
	width:90px;
}
.boutonml2 {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:8pt;
	font-weight:normal;
	background-color:#B3A7D6;
	color:yellow;
	border-color:#f0f0f0;
	border-style:groove;
	width:90px;
}
.bgformulaire { background-image:url(/img/bg_metalic.jpg);}
.t3 { text-align:left; }
.t3 input { background-color:transparent; }

.img-btn {
float:right;
}
.img-btn:hover {
cursor: pointer;
}


.img-shadow {
 display: block;
 padding: 0;
 margin: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left:auto;
 margin-right:auto;
 border: 6px solid white;
	box-shadow:			1px 1px 8px #555;
	-moz-box-shadow:	1px 1px 8px #888;
	-webkit-box-shadow:	1px 1px 8px #888;
	-o-box-shadow:		1px 1px 8px #888;
  }


.img-shadow_thumb {
 display: block;
 width:110px;
 padding: 0;
 margin: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left:auto;
 margin-right:auto;
 text-align: center;
 border: 6px solid white;
	box-shadow:			1px 1px 8px #777;
	-moz-box-shadow:	1px 1px 8px #aaa;
	-webkit-box-shadow:	1px 1px 8px #aaa;
	-o-box-shadow:		1px 1px 8px #aaa;
  }


.img-shadow_thumb:hover {
	box-shadow:			1px 1px 8px #000;
	-moz-box-shadow:	1px 1px 8px #333;
	-webkit-box-shadow:	1px 1px 8px #333;
	-o-box-shadow:		1px 1px 8px #333;

  }


.img-shadow_thumb img {
 clear:both;
 padding: 0;
 margin: 0;
 border: 0;
  }

.img-shadow_thumb .img_thumb {
 clear:both;
 width:110px;
 padding: 0;
 margin: 0;
 margin-left:auto;
 margin-right:auto;
 margin-bottom: 5px;
 border: 1px solid #ccc;
	}


.img-shadow img, .img-shadow table {
/*  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  margin: -6px 6px 6px -6px;
  padding: 4px;
 */
  }
.img-shadow table, .img-shadow object { padding:0px; }
/*
.img-shadow table td { padding:5px; }
*/

.gal_thumb:hover {
  border: 1px solid #c00000;
  }


.clear {
	clear: both;
	visibility: hidden;
}

.texte_accueil, .texte_accueil a {
	color:#000000;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	font-family:"Trebuchet MS",Verdana,Arial;
}
.texte_accueil a:hover {
	text-decoration:underline;
	}

h1 {
margin: 0px;
margin-right:3px;
padding: 0px;
font-family:"Trebuchet MS",Verdana,Arial;
font-size:12px;
font-weight:bold;
font-style:normal;
text-decoration:none;
display: inline;
}

NOBR {
margin: 0px;
padding: 0px;
}

.NoJS { width:520px; text-align:center; font-size:20px; font-weight:bold; color:red; border:2px dashed red; margin:5px auto; }
.JSactive { display:none; }


.tablefontselector:hover {
background-color: #99CCFF;
cursor: pointer;
padding:0px;
margin:0px;
}

a.bulle {
font-weight:bold;
color: #000000;
position: relative;
text-decoration: none;
}

a.bulle span {
display: none;
background-image:url(/img/bullemoyenne.png);
background-repeat:no-repeat;
padding-top:40px;
padding-left:12px;
padding-right:40px;
vertical-align: middle;
font-family: "Trebuchet MS",Verdana,Arial;
font-size:14px;
}
/*
a.bulle:hover {
background: none; /* correction d'un bug IE *
z-index: 500;
cursor: help;
}
*/

a.bulle:hover span {
display: block;
position: absolute;
top: 1em;
left: 1em;
text-align: justify;
color: #000000;
width:250px;
height:160px;
}

/*
#sponsorAdDiv {
	background-color: #F0FFF0;
	border:2px solid #009900;
	position:absolute;
	top:50%;
	left:50%;
	width:600px;
	text-align:center;
	margin-top:-20px;
	margin-left:-90px;
	z-index:1000;
	}

#sponsorAdPub { margin:25px; }
#sponsorAdPub img { border:1px dashed #009900; }

#sponsorAdDiv2 {
	float: left;
	background-color: #aaaaaa;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	border:0px;
	position:absolute;
	height:300%;
	width:100%;
	top:0;
	left:0;
	z-index:999;
	}

#sponsorAdFermer {
	position: absolute;
	top:0;
	left:0;
	background-color:white;
	border-top:0px solid #009900;
	border-bottom:2px solid #009900;
	border-left:0px solid #009900;
	border-right:2px solid #009900;
	width:60px;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:11px;
	font-weight:normal;
	cursor:pointer;
	text-align:center;
	padding:0px;
	}
#sponsorAdFermer:hover {color:red;}
#sponsorAdFooter {
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:10px;
	font-weight:normal;
	position:relative;
	width:100px;
	height:13px;
	margin:auto;
	padding:0px;
	top:6px;
	left:0;
	}
*/

#Style_Selector { text-align:center; margin-top:1px; }
#Style_Selector form { display:inline;margin:2px;padding:0; }
#Style_Selector input { width:20px;height:15px;border:1px solid #84BD63; }

.hr {
	width:80%;
	height:3px;
	padding:0;
	margin:0;
	border:0;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background-image: url(/img/hr.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	}

.hr_gallery {
	color:#bbbbbb;
	height:1px;
	border:none;
	border-top-style:dotted;
	padding:0;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	}


.table_gallery {

	}

.table_gallery td {
	border:1px dashed #bbbbbb;
	padding:5px;
	margin-top:20px;
	text-align:center;
	}

/*
.table_gallery td:hover {
	border:1px dashed #555555;
	padding:5px;
	margin-top:20px;
	}
*/


.FeteDuJour {
	padding:5px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	}



.pub		{ width:500px; background-color:#ffffff; border:none; }
.pub728		{ width:770px; background-color:#ffffff; border:none; }
.formu		{ width:575px; margin:15px; background-color:#ffffff; border:none; }

.carte_papier
	{
	margin-top:30px;
	width:696px;
	height:1800px;
	margin-left: auto;
	margin-right: auto;
	}

.card
	{
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	width:650px;
	border:none;
	margin:auto;
	border:1px solid #bbbbbb;
	padding:10px;

	box-shadow:			1px 1px 8px #555;
	-moz-box-shadow:	1px 1px 8px #aaa;
	-webkit-box-shadow:	1px 1px 8px #aaa;
	-o-box-shadow:		1px 1px 8px #aaa;

	border-radius:			15px 15px 15px 15px;
	-moz-border-radius:		15px 15px 15px 15px;
	-webkit-border-radius:	15px 15px 15px 15px;
	-o-border-radius:		15px 15px 15px 15px;
	}

.logo { float:left; position:relative; padding:0px; margin:10px; }
.pub_haut { float:right; position:relative; width:530px; text-align:center; font-size:16px; font-weight:bold; margin-top: 10px; }


.cadre { border-color:#bbbbbb; background-color:#ffffff; }

.entete { width:980px; margin: 0 auto; text-align:center; margin-bottom:3px; }
.entete a { font-weight:bold; color:#000000; }




.header, .footer {
	clear:			both;
	position:		relative;
	z-index:		999;
	padding:		10px;
	margin:			0;
	margin-top:		0px;
	margin-bottom:	15px;
	border-radius:			8px 8px 8px 8px;
	-moz-border-radius:		8px 8px 8px 8px;
	-webkit-border-radius:	8px 8px 8px 8px;
	-o-border-radius:		8px 8px 8px 8px;
	}

.header { width: 960px; height: 125px; }
.footer { width: 980px; height:  40px; }

.header, .footer, .menu1, .menu2 {
	box-shadow:			1px 1px 8px #777;
	-moz-box-shadow:	1px 1px 8px #aaa;
	-webkit-box-shadow:	1px 1px 8px #aaa;
	-o-box-shadow:		1px 1px 8px #aaa;
	}



.header h1 {
	margin:			0;
	padding:		0;
	color:			#777;
	font-family:	megalopolis,"Trebuchet MS",Verdana,Arial;
	background:		none;
	}

.menu1 { width: 180px; }
.menu2 { width: 230px; }

.menu1, .menu2 {
	clear:			both;
	padding:		10px;
	margin-top:		0px;
	margin-bottom:	15px;
	border-radius:			8px 8px 8px 8px;
	-moz-border-radius:		8px 8px 8px 8px;
	-webkit-border-radius:	8px 8px 8px 8px;
	-o-border-radius:		8px 8px 8px 8px;
	}

.menu1 h1, .menu2 h1 {
	position:			relative;
	display:			block;
	left:				0px;
	top:				0px;
	padding:			0px;
	padding-top:		4px;
	padding-bottom:		4px;
	margin:				0px;
	margin-top:			0px;
	margin-bottom:		8px;
	height:				20px;
	background-color:	#ffffff;
	background-image:	url(/img/design_bg_h1.png);
	background-repeat:	repeat-x;
	background-position:0 50%;
	font:				14px megalopolis,"Trebuchet MS",Verdana,Arial;
	text-align:			center;
	text-shadow:		1px 1px 6px #888;
	z-index:			500;
}

.menu1_in, .menu2_in, .footer_in {
	padding:			2px;
	margin:				0;

	border-radius:			8px 8px 8px 8px;
	-moz-border-radius:		8px 8px 8px 8px;
	-webkit-border-radius:	8px 8px 8px 8px;
	-o-border-radius:		8px 8px 8px 8px;
	}

.footer_in { margin:10px; }

.arrondi_ombre {
	box-shadow:			1px 1px 8px #555;
	-moz-box-shadow:	1px 1px 8px #aaa;
	-webkit-box-shadow:	1px 1px 8px #aaa;
	-o-box-shadow:		1px 1px 8px #aaa;

	border-radius:			15px 15px 0 0;
	-moz-border-radius:		15px 15px 0 0;
	-webkit-border-radius:	15px 15px 0 0;
	-o-border-radius:		15px 15px 0 0;
	}



.contenu {
			width:505px;
			position:relative;
			float:left;
			left:1px;
			top:0px;
			margin:0px;
			margin-top:0px;
			margin-left:9px;
			padding:0;
			vertical-align:top;
			background:transparent;
			z-index:500;
			}


.contenu .cadre a { font-family:"Trebuchet MS",Verdana,Arial; }

.contenu .cadre h1 {
	position:relative;
	display:block;
	margin-top: 6px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-top:   0px;
	padding-bottom:3px;
	height:22px;
	background-color:#efece6;
	background:#efece6;
	color:#455bc4;
	font:16px megalopolis,"Trebuchet MS",Verdana,Arial;
	text-align:center;
	border-top   :1px dashed #bbbbbb;
	border-bottom:1px dashed #bbbbbb;
	text-shadow: 1px 1px 6px #666;
	z-index:500;
	}

.contenu .cadre h2 {
	font:bold 12px megalopolis,"Trebuchet MS",Verdana,Arial;
	display: inline;
	}

.contenu .cadre {
	width:460px;
	position:relative;
	display:block;
	padding:12px;
	margin-top:15px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background:#ffffff;
	text-align:justify;
	}



.footer			{ color:#000000; text-align:center; clear:both; padding:0; margin:0; }
.footer span	{ border:0; border-left:1px solid #828282; margin-right:10px; padding-left:10px; }
.footer a, .footer a:visited, .footer a:active
				{ color:#828282; font-weight:bold; }
.footer a:hover	{ color:#444444; font-weight:bold; }



#menu_gauche			{ width:202px; position:relative; clear:both; float:left; margin:0; padding:0; background:transparent; }
#menu_gauche a			{  }
#menu_gauche a:hover	{ text-decoration:underline; }
#menu_gauche p			{ margin:0px; padding:0px; }
.menu_gauche_version	{ text-align:center; font-size:10px; color:#C8D4C8; margin:0; padding:0px; }



#menu_droite			{ width:250px; margin:0; padding:0; position:relative; float:right; background:transparent; }
#menu_droite a			{  }
#menu_droite a:hover	{ text-decoration:underline; }
#menu_droite p			{ margin:1px; }






/*
.contenu .cadre a { font-family:"Trebuchet MS",Verdana,Arial; }

.contenu .cadre h1 {
	background:#efece6;
	color:#455bc4;
	font:bold 16px "Trebuchet MS",Verdana,Arial;
	text-align:center;
	border-top   :1px dashed #bbbbbb;
	border-bottom:1px dashed #bbbbbb;
	z-index:500;
	}

.contenu .cadre h2 {
	font:bold 12px "Trebuchet MS",Verdana,Arial;
	display: inline;
	}

.contenu .cadre {
	position:relative;
	width:495px;
	padding:4px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	}


*/



.contenu .cgrand {
	width:680px;
	}

/*
.cadre .bt { height:17px; margin:0 0 0 18px; }
.cadre .bt div { left:-18px; width:18px; height:17px; }
.cadre .bb { height:17px; margin:0 0 0 18px; }
.cadre .bb div { left:-18px; width:18px; height:17px; }
.cadre .i1 { padding:0 0 0 12px; }
.cadre .i2 { padding:0 12px 0 0; }
.cadre .i3 { border:0; padding:0 3px; background:#ffffff; color:#000000; }
*/

.CadreIcones { float:left;text-align:center;margin:16px; }
.CadreIcones img { padding:0px;padding-top:0;margin:0;margin-bottom:8px;border:1px dashed transparent; }
.CadreIcones img:hover { border:1px dashed #bbbbbb; }
.CadreIcones a { font-family:"Trebuchet MS",Verdana,Arial; }
.CadreIcones a:hover { text-decoration:none; }

.descrip, .descrip p a, .descrip a,
.descrip a:visited,
.descrip a:active,
.descrip a:hover { font-size:10px; color:#000000; }

#menu_droite a, #menu_gauche a,
a, a:hover, a:active, a:visited { color:#c00000; }

#Style_Selector input {  border-color:#bbbbbb; }
#Style_Selector input:hover { border-color:#c00000; }





dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
dl { margin-left:7px; }
#menu {
position: relative;
width: 160px;
margin-left:auto; margin-right:auto;
}
#menu dt, #menu dt a, #menu dt a:hover {
/*cursor: pointer;*/
line-height: 16px;
border: 0px solid gray;
background: transparent;
}
#menu dt { height:20px; margin-bottom:2px; margin-top:2px; padding-top:4px; font-weight:bold; font-size:14px; background: url('/img/barre_categorie.png') no-repeat left center; }
#menu dt:hover, dt a:hover {}
#menu dd {
margin-left:0px;
margin-bottom: 5px;
padding-bottom: 0px;
}
#menu li {
border: 0px solid gray;
text-align: left;
height:16px;
}

#menu li a {

background-image: url('/img/puce_ronde_grise.gif');
background-repeat: no-repeat;
background-position: left center;
height: 100%;

padding-left: 14px;
font-weight:bold;
color:#555;
}

#menu li a:hover, #menu li a:focus {

background-image: url('/img/puce_ronde.gif');
background-repeat: no-repeat;
background-position: left center;

color:#613FCF;
}

.puce_ronde {
padding-top: 0px;
text-align: middle;
}


.rotate{
    -webkit-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    transition-duration: 1.0s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.rotate:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}   



.top0 {
display: inline;
position:relative;
vertical-align:middle;
margin-top:7px;
margin-bottom:7px;
z-index:1000;
}

.top1 {
display: inline;
position:relative;
vertical-align:middle;
margin-top:7px;
margin-bottom:7px;
margin-left:10px;
z-index:1000;
}

.top2 {
display: inline;
position:relative;
vertical-align:middle;
margin-top:7px;
margin-bottom:7px;
margin-left:10px;
z-index:1000;
}

.top3 {
display: inline;
position:relative;
vertical-align:middle;
margin-top:7px;
margin-bottom:7px;
margin-left:10px;
z-index:1000;
}

.gpub { width:440px; margin-left:20px; border:0px solid black; }
.gpub img, .gpub a { margin:1px; vertical-align:middle; }
.gpub a, .gpub a:visited, .gpub a:active, .gpub a:hover { font-size:14px; font-weight:bold; }


.Nav_Link {
border-top:1px dashed #bbbbbb;
background-color:#efece6;
border-bottom:1px dashed #bbbbbb;
margin-top:10px;
margin-bottom:15px;
padding-top:3px;
padding-bottom:1px;
}

.SoundPlayer { width:170px; margin-bottom:1px; border:none; }


.header_title1,.header_title2,.header_title3 {
padding:		0px;
margin:			0px;
font-weight:	normal;
text-shadow:	1px 1px 12px #999;
}

.header_title1 { font-size:22px; }
.header_title2 { font-size:18px; }
.header_title3 { font-size:12px; }


.puce {
border:none;
margin:0;
padding:0;
margin-top:2px;
text-align:left;
vertical-align:middle;
width:111px;
height:15px;
margin-left:auto;
margin-right:auto;
}

.puce img {
display:block;
clear:left;
float:left;
margin:0;
padding:0;
}

.puce_nouv {
color:#84BD63;
font-size:10px;
font-weight:bold;
vertical-align:top;
font-family:Verdana,Arial;
line-height:1;
display:block;
float:left;
}

.puce_anim {
color:#7BB5EF;
font-size:10px;
font-weight:bold;
vertical-align:top;
font-family:Verdana,Arial;
line-height:1;
display:block;
float:left;
}

.puce_postale {
color:#878787;
font-size:10px;
font-weight:bold;
vertical-align:top;
font-family:Verdana,Arial;
line-height:1;
display:block;
float:left;
}


.ImgEx { cursor:pointer; width:110px;height:50px;border:1px solid #bbbbbb; margin:1px; }


.ListePrenoms, .ListePrenoms a, .ListePrenoms a:visited, .ListePrenoms a:active, .ListePrenoms a:hover { font-size:12px; }



/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li { margin-left:1em; }