/* #### définitions pour l'ensemble des pages #### */

body {
	padding:0px;
	margin:0px;
	font-family:tahoma;
	text-align:justify;
	scrollbar-DarkShadow-Color:#556B2F;
	scrollbar-3dLight-Color:#FFFFB4;
	scrollbar-Arrow-Color:green;
	scrollbar-Face-Color:#CCCC99;
	scrollbar-Highlight-Color:#F0E68C;
	scrollbar-Shadow-Color:#ECFFA0;
	scrollbar-Track-Color:#ECFFA0;}
.centre {
	text-align:center;
	vertical-align:center;}
.paragraphe{
	text-indent:0.5cm;
	text-align:justify;
	vertical-align:top;
	padding-top:10px;}
a img{
	border:0px;}
td {
	padding:3px;
	font-size:11pt;}

/* #### page bannière #### */
#banniere {
	background-image:url("../images/bordu_haut.jpg");}
#logo{
	text-align:center;
	width:180px;}
td.titre {
	text-align:center;
	font-size:30pt;
	font-weight:bold;
	font-style:italic;
	padding-top:0px;
	width:100%;}
		
/* #### page de menu #### */
#menu {
	background-image:url("../images/bordu_gauche.jpg");/* image de fond */
	padding-top:30px;}
div.elmenu{		/* titres des sections || elmenu-->élément de menu*/
	font-size:12pt;
	font-weight:bold;
	padding-left:30px;
	padding-top:3px;
	margin-top:15px;
	background-image:url("../images/flechedroite.gif");
	background-repeat:no-repeat;
	padding-bottom:-5px;}
div.elmenu img{
	padding-left:0px;
	display:none;
	padding-bottom:-5px;}
div.elmenu span {	/* au passage de la souris */
	cursor:pointer;}
div.elmenu a{	/* style des liens */
	text-decoration:none;
	color:black;}
div.elmenu img {	/* style du curseur sur les images */
	cursor:normal;}
div.elelmenu {	/* sous-titre des sections || elelmenu-->élément d'élément de menu*/
	font-size:10pt;
	background-image:url("../images/menu.jpg");
	display:none;
	padding-top:20px;
	margin-left:-22px;
	padding-left:-15px;
	padding-bottom:-5px;
	text-align:center;
	width:170px;}
div.elelmenu a:hover {
	color:red;
	font-weight:bold;}
div.elelmenu a{
	text-decoration:none;
	font-size:12pt;
	font-weight:normal;
	color:blue;}


/* #### page d'accueil #### */
#accueil {
	font-size: 16pt;
	padding: 20px;
	text-indent:1cm; }
marquee {
	font-size:14pt;
	font-variant:small-caps;}
#mail{
	border:none;}

/* #### style des titres et sous titres de section dans la page #### */
div.section {
	background-image:url("../images/tresse.jpg");
	width:584px;
	height:88px;
	background-repeat:no-repeat;
	font-size:18pt;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:30px;
	margin-top:20px;
	margin-bottom:10px;}
.sous-titre {
	font-size:13pt;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:0px;
	line-height:14pt;
	text-indent:1cm;
	text-align:justify;}

/* #### les éléménts des contrepeteries et des monsieurs madame #### */
div.famille {
	margin-bottom:3px;
	cursor:pointer;
	border-bottom:solid 2px #969696;}
div.parents {
	padding:8px;
	padding-left:20px;
	padding-top:10px;
	color:#006996;}
div.enfants {
	visibility:hidden;
	font-weight:bold;
	padding-left:40px;
	padding-bottom:5px;}
		
/* #### page des monsieur madame #### */
#mrmme_menu_horiz{
	padding-bottom:3px;
	border-bottom:solid 2px #969696;}
#mrmme_menu_horiz1 {
	padding-top:10px;
	width:623px;}
#mrmme_menu_horiz1 span{
	color:black;
	font-weight:bold;
	background-image:url("../images/onglet_noselect2.jpg");
	background-repeat:no-repeat;
	padding:6px;
	padding-left:9px;
	border-bottom:solid 2px #969696;
	width:148px;
	text-align:center;
	cursor:pointer;
	padding-bottom:5px;}
#mrmme_dif{
	display:none;}
	
/* #### page des contrepeteries #### */
#contrep_menu_horiz{
	padding-bottom:3px;
	border-bottom:solid 2px #969696;}
#contrep_menu_horiz1 {
	padding-top:10px;
	width:623px;}
#contrep_menu_horiz1 span{
	color:black;
	font-weight:bold;
	background-image:url("../images/onglet_noselect2.jpg");
	background-repeat:no-repeat;
	padding:6px;
	padding-left:9px;
	border-bottom:solid 2px #969696;
	width:148px;
	text-align:center;
	cursor:pointer;
	padding-bottom:5px;}
#contrep_dif{
	display:none;}


div.adroite {
	text-align:right;}

/* #### pages des perles de hotline #### */
table.perles{
	margin:15px;}
td.titre_perle{
	background-color:#005A43;
	color:white;
	font-weight:bold;
	text-align:center;
	font-size:13pt;}
td.interloc{
	font-style:italic;
	vertical-align:top;
	width:100px;}

/* #### pages des photos #### */
body.diaporama{
	background-color:black;
	text-align:center;}
#photo{
	margin-top:20px;
	height:400px;
	border:solid 2px grey;}

/* #### page des liens #### */
div.section_liens{
	color:#E6FFF5;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:40px;
	margin-right:40px;
	width:60%;
	background-color:#00A058;
	border:solid 2px #004600;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	padding:3px;}
select.liens{
	margin-left:20px;
	width:300px;}
select.liens option{
	text-align:center;}
	
/* #### pages des jeux #### */
td.cell_image{
	background-color:black;
	text-align:center;}
td.jeu{
	text-align:center;
	vertical-align:middle;
	background-color:darkred;
	color:white;
	font-weight:bold;
	width:100%;
	height:35px;}
object {
	width:470px;
	height:650px;
	margin-top:50px;}
/* #### page des jeux SDL #### */
div.info_jeu{
	color:darkblue;
	font-weight:bold;
	vertical-align:middle;}

div.info_jeu a{
	text-decoration:none;
	color:darkred;}
	
div.info_jeu a:hover{
	color:red;
	text-decoration:underline;}

/* #### page de contact #### */
#form_email td {
	vertical-align:top;
	text-align:right;
	color:darkblue;
	font-variant:small-caps;
}
#form_email select {
	width:320px;
}
#form_email textarea {
	width:320px;
}
#form_email input {
	width:320px;
}
.alerte {
	font-weight:bold;
	color:red;
	font-style:italic;
}