/* 
fichier CSS
commande l'aspect graphique du site et une partie de la mise en page
ne pas modifier sauf par personne expérimentée
                                 __________________ 
________________________________/pour tout le site \___*/
body{
	background-image: url('../no/bgtout.jpg');
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/*                                         ________ 
__________________________________________/polices \____*/
.reg{
	color: white;
	font-size: 12px;
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
	text-align: justify;
	line-height:15px;
	font-weight: 600;
}
a.reg{
	color: lightblue;
	font-size: 12px;
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
	text-align: justify;
	line-height:15px;
	text-decoration: none;
	font-weight: 600;
}
a.reg:hover{
	color: white;
	font-size: 12px;
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
	text-align: justify;
	line-height:15px;
	text-decoration: underline;
	font-weight: 600;
}
.titre{
	font-family: Verdana, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
color: white;
}
.medium{
	color: white;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.small{
	color: white;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.small{
	color: white;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.small:hover{
	color: lightblue;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.bouton{
	width: 180px;
	background-image: url('../no/bouton.jpg');
	background-position: top left;
	font-family: Verdana, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	color:white;
	border-top: 1px solid lightblue;
	border-left: 1px solid lightblue;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding-left: 25px;
	padding-right: 10px;
	text-decoration :none;
}
a.bouton:hover{
	width: 180px;
	background-image: url('../no/bouton.jpg');
	background-position: top left;
	font-family: Verdana, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	color: lightblue;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid lightblue;
	border-right: 1px solid black;
	padding-left: 25px;
	padding-right: 10px;
	text-decoration :none;
}
/*                                         _______________________
__________________________________________/structure toutes pages \____*/

.logo{
	background-image:url('../no/logo.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 370px;
	padding-left: 15px;
	font-family: Verdana, arial, sans-serif;
	font-size: 17px;
	color:white;
	width: 225px; /* largeur réelle de la cellule 240px à modifier selon padding-left */
	height: 180px; /* hauteur réelle de la cellule 550px à modifier selon padding-top */
	vertical-align: top;
	border: 0;
}
.gauchemenu{
	background-image:url('../no/gauchemenu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	overflow:hidden;
	width: 294px;
	height: 71px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	border: 0;
}
.diapo{
	vertical-align: top;
	background-image: url('../no/diapo.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 640px;
	height: 110px;
	padding-left: 120px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	border: 0;
	text-align: right;
}

.contenu{
	background-image: url('../no/contenu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 100px;
	padding-top: 0;
	padding-right: 20px;
	width: 640px; /* largeur réelle de la cellule 760px à modifier selon padding-left et right */
	height: 354px; /* hauteur réelle de la cellule 369px à modifier selon padding-top */
	vertical-align: top;
	border: 0;
	text-align: justify;
}
.footer{
	width: 1000px;
	background: transparent;
	color: white;
	text-align: center;
	padding: 4px 0;
	font-family: Verdana, arial, sans-serif;
	font-size: 10px;
	margin-top: 15px;
	margin-bottom: 100px;
}
.modulac {
width: 100%;
border: 0 solid white;
text-align: justify;
margin: 0;
}
td {
vertical-align: top;
}
/*                                         ________________________
__________________________________________/roll-over menu supérieur\____*/

a.accueil { z-index: 0; position: relative; border: 0; float: left;}
a.accueil span { z-index: 0; display: none;}
a.accueil:hover {z-index: 500; text-decoration: none; background: none;  border: 0; /* correction d'un bug IE */ }
a.accueil:hover span {top:0; left:0px; display: block; position: absolute;  border: 0; z-index:500;}

a.mariages { z-index: 0; position: relative; border: 0; float: left;}
a.mariages span { z-index: 0; display: none;}
a.mariages:hover {z-index: 500; text-decoration: none; background: none;  border: 0; /* correction d'un bug IE */ }
a.mariages:hover span {top:0; left:0px; display: block; position: absolute;  border: 0; z-index:500;}

a.anniv { z-index: 0; position: relative; border: 0; float: left;}
a.anniv span { z-index: 0; display: none;}
a.anniv:hover {z-index: 500; text-decoration: none; background: none;  border: 0; /* correction d'un bug IE */ }
a.anniv:hover span {top:0; left:0px; display: block; position: absolute;  border: 0; z-index:500;}

/*                                         ______________________
__________________________________________/pré-accueil seulement \____*/

.precontent{
	float:left;
	width: 95%;
	background-image: url('../no/index.jpg');
	background-repeat: no-repeat;
	height: 600px;
	margin-top: 0;
	position: absolute;
	top: 0;
}
.preleft{
	height: 530px;
	width: 450px;
	text-align: center;
	color: white;
	vertical-align: bottom;
	font-family: Georgia, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 70px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}
.preright{
	text-align: left;
	color: white;
	font-family: Verdana, arial, sans-serif;
	font-size: 15px;
	line-height: 25px;
	vertical-align: middle;
	height: 600px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	margin-top: 0;
}
/*                                         ____________________
__________________________________________/polices pré-accueil \____*/
.menu1{
	color: lightblue;
	font-size: 15px;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}
a.menu1:hover{
	color: white;
	font-size: 15px;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.menubig{
	color: #336699;
	background-color: lightblue;
	font-size: 20px;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height:20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-left: 4px;
}
a.menubig:hover {
	color: #336699;
	font-size: 20px;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
	background: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	line-height:20px;
	margin-left: 4px;
}
.big{
	color: white;
	font-size: 20px;
	font-family: georgia, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/*                                         _______
__________________________________________/images \____*/
.imgleft{
	float: left;
	vertical-align: text-top;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 0;
}
.imgright{

	vertical-align: text-top;
	float: right;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	clear:left;
	border: 0;
}