body {
background:#ae4ea4 url('../images/fond.jpg') repeat-x;
margin:0;
font-family:Trebuchet MS;
font-size:.8em;
color : #460e41;
}

#general {
width : 778px;
margin:0 auto;
}

#header {
background:url('../images/header.jpg') no-repeat;
width:1024px;
height:247px;
margin-left:-123px;
}

#logo_retour {
margin-top : 70px;
margin-left : 160px;
height : 110px;
width : 120px;
}

#contenu{
background: #fff url('../images/contenu.jpg') repeat-y;
width:778px;
min-height:500px;
}

#menu {
background:url('../images/fil_fond.jpg') no-repeat;
width:156px;
height:421px;
margin-left : 16px;
}

#texte_contenu {
margin-top : 50px;
}

*+ html #texte_contenu {
margin-top : 50px;
}


#menu_naissance {
width:155px;
height:77px;
}

#menu_naissance a{
background:url('../images/naissance.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}

#menu_naissance a:hover,
#menu_naissance a.selected {
background:url('../images/naissance_hover.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}


#menu_mariage {
width:155px;
height:88px;
}

#menu_mariage a {
background:url('../images/mariage.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}

#menu_mariage a:hover,
#menu_mariage a.selected {
background:url('../images/mariage_hover.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}






#menu_contact {
width:155px;
height:75px;
}

#menu_contact a{
background:url('../images/contact.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}

#menu_contact a:hover,
#menu_contact a.selected {
background:url('../images/contact_hover.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}





#menu_livre {
width:155px;
height:62px;
}

#menu_livre a{
background:url('../images/livre_or.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}

#menu_livre a:hover,
#menu_livre a.selected {
background:url('../images/livre_or_hover.png') no-repeat;
display:block;
width : 100%;
height : 100%;
}




#leftcol {
float:left;
}

#rightcol {
float:left;
width:590px;
padding-left:10px;
}


#footer {
background: url('../images/footer.jpg') no-repeat;
width: 778px;
height:61px;
margin-top : -18px;
}

#banniere {
position : relative;
top : 180px;
left : 350px;
border : 1px solid #ae4ea4;
height : 60px;
width : 468px;
}

#banniere2 {
margin-left : 50px;
border : 1px solid #f8dceb;
height : 60px;
width : 468px;
}

/**********************  TEXTE *************************/

/********* LIENS MENUS ************/
a.lien_menu {
display : block;
width : 100%;
height : 100%;
}

/******** FIN LIENS MENUS **********/


/************************* ACCUEIL ****************************/
#texte_accueil {
text-align : justify;
padding-top : 20px;
margin-right : 50px;
margin-left : 200px;
}

p#accueil {
font-wieght : bold;
font-size : 1em;
} 

div#colonne_droite {
float : left;
margin-left : 50px;
}

div#colonne_gauche {
float : left;
}

.image_accueil {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
display : block;
width : 100%;
height : 100%;

}

.image_accueil:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity:1;
}

#image_naissance {
width : 194px;
height : 201px;
}

#image_mariage {
width : 254px;
height : 125px;
}
/***********************  ACCUEIL  ******************************/


/************* TEXTE LIVRE d'OR**********/
#livre_or {
width : 530px;
height :;
}

fieldset#livredor {

width : 490px;
}
/*********** fin TEXTE LIVRE d'OR  *********/

/*********** TEXTE + LIENS FOOTER *************/
p.footer {
padding-top : 70px;
text-align : center;
font-size:1em;
color : #ffffff;
}

p.footer2 {
margin-top : -10px;
text-align : center;
font-size:0.8em;
color : #ffffff;
}

p.footer a {
color : #ffffff;
text-decoration : none;
}

p.footer2 a {
color : #ffffff;
text-decoration : none;
}

p.footer a:hover {
color : #ffffff;
text-decoration : underline;
}

p.footer2 a:hover {
color : #ffffff;
text-decoration : underline;
}

/*********** fin TEXTE + LIENS FOOTER *************/

/***************** FORMULAIRE ********************/






legend {
margin-top : -40px;
}


label{
  width:90px;
  display:block;
  float : left;
  text-align : right;
  margin-right : 10px;
}

select {
float : left;
border : 1px solid #ae4ea5;
border-left : 4px solid #ae4ea5;
}

.messagecontact{
  float:left;
  width : 530px;
  margin-top : 20px;
  
}


#formulaire input.validation-failed,  #formulaire  textarea.validation-failed {
	border: 1px solid #dd0000;
	border-left:5px solid #dd0000;
	color : #dd0000;

}


.validation-advice {
	margin: 5px 0;
	padding: 3px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:10px;
	float:right;
	margin-top:-15px;
	
	display:none;
}

input.inputText {
float : left;
border : 1px solid #ae4ea5;
border-left : 4px solid #ae4ea5;
margin-bottom : 10px;
margin-top : 1px;
margin-right : 8px;
}

input.inputText:hover,
input.inputText:focus {
border : 1px solid #ee96be;
border-left : 4px solid #ee96be;
}

textarea {
border : 1px solid #ae4ea5;
border-left : 4px solid #ae4ea5;
width : 400px;
}

textarea:hover,
textarea:focus {
border : 1px solid #ee96be;
border-left : 4px solid #ee96be;
}

#label_email {
margin-left : 60px;
}

*+html #label_email {
margin-left : 64px;
}

*+html input.inputText {
width : 137px;
}

*+html textarea {
width : 390px;
}
/******************FIN FORMULAIRE******************/

/*** LIVRE D'OR ***/
div.message1 {
background-color : #f6f6f6;
width : 500px;
padding
}

div.message2 {}

div.commentaire{   
  font-style:normal;
  width:502px;
  background:#f7f1f7;
  padding:2px;
  padding-top : 10px;
  padding-left : 10px;
  -moz-border-radius : 11px;
}

* html div.commentaire{   
  font-style:normal;
  width:502px;
  background:#fbfbfd;
  margin-right:15px;
  padding:2px;
}


div.commentairebulle{
  text-align : right; 
  padding-right : 90px;  
  padding-top : 5px;
  font-size : 0.9em;
  font-style: italic;
  height : 14px;
  width:412px;
  background:url('../images/bulle.gif') no-repeat 400px;
  margin-bottom : 35px;
}

* html div.commentairebulle{   
  padding-bottom:19px;
  margin-top:-15px;
  width:100%;
  background:url('../images/bulle.gif') no-repeat 0 100%;
 
}

.nbresultat {
	text-align: right;
	font-weight:bold;
	font-style:italic;
}


#pagination{
	text-align: left;
	width:510px;
	border:1px dotted #CCC;
	word-spacing: 5px;
	height:26px;
	color: #AAAAAA;
}

#pagination a, #pagination div{
	width:20px;
	height:18px;
	background:#FFF;
	border:1px solid #CCC;
	display:block;
	float:left;
	text-align: center;
	margin:3px;
	text-decoration: none;
	font-weight:bold;
}

#pagination a:hover, #pagination div:hover{
	background:#F4FFBF;
}

#pagination a.neutre{
	width:30px;
	height:inherit;
	background:none;
	border:0;
	display:block;
	float:left;
	margin:4px;
}

#right {
text-align : right;
margin-right : 80px;
}

/*** FIN LIVRE d'OR ***/

ul#liste_favoris {
list-style-type : none;
margin-left : 25px;
}



#liste_favoris2 {
list-style-type : none;
}

/********************** fin TEXTE *************************/

.banniere_9_sites {
text-align : center;
}

/******************** GALERIE *********************/
fieldset.galerie {
border : 0px;
border-top : 1px solid #ae4ea5;

margin-top : 40px;
min-height : 370px;
width : 530px; 
}


div.galerie {
margin-top : 15px;
margin-left : 50px;
height : 350px;
width : 480px; 
}

.bloc_image {
  float : left;
  border : 1px solid #ccc;
  width : 82px;
  height : 82px;
  margin-right : 12px;
  margin-bottom :10px;
  text-align : center;
  overflow: hidden;
  position : relative;
  border : 1px solid #AE4EA5;
}



div.bloc_image img {
  /*max-height : 75px;
  max-width : 75px;*/
  width : 150px;
  filter : alpha(opacity=70);
  -moz-opacity : 0.7;
  opacity : 0.7;  
}

div.bloc_image img:hover {
  width : 150px;
  filter : alpha(opacity=100);
  -moz-opacity : 1;
  opacity : 1;  
}

/********* GENERAL ************/
.clearer {
clear:both;
}

.right {
float : right;
margin-right:15px;
}

.center{
  text-align:center;
}

.error{
  color: #dd0000;
  font-style: italic;
}

a {
outline:none;
font-weight: bold;
color : #ae4ea4;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

a img {
text-decoration : 0;
border : 0;
}

#envoyer {
background:url('../images/envoyer.jpg') no-repeat;
width : 177px;
height : 99px;
border : none;
float : right;
margin-right : 20px;

}

#envoyer:hover {
background:url('../images/envoyer_hover.jpg') no-repeat;
width : 177px;
height : 99px;
border : none;
float : right;
cursor : pointer;
}

/********* fin GENERAL ************/