/* CSS Document */

/*			STYLE GENERAL	 	   */
/*			HABILLAGE PAGE 		   */
/*			HOME			 	   */
/*			PAGE			 	   */
/*			MENU			 	   */
/*			PIED PAGE		 	   */
/*			AUTRE			 	   */
/*			FORM		 		   */
 


/*********** STYLE GENERAL *********/


/*** lien ***/

a:focus

{ /* enleve le focus sur les liens dans FF */
	outline: none;/**/
}



a  {
	color: #FF80C6;
	text-decoration: none;
	position:relative;
}

a:hover {
	color: #FF59B4;
}

.lien2
{
	color:#CA0E1D;
}
.lien2:hover
{
	color:#7D7666;
}
.imgborder
{
	border:#999 1px solid;
}
/*** TITRE ***/
.titre
{
	color:#e8298f;
	font-size:150%;
	margin:1em 10px;
	text-align:right;
}
.stitre
{
	font-size:130%;
	color:#c3c3c3; /* B05737 7A715C */
	margin:0.8em 10px;
	text-align:right;
}
#bloc .stitre
{
	text-align:left;
}
.sstitre
{
	color:#e8298f;
	font-size:110%;
	margin:0.3em 0;
	font-weight:normal;
}
h3.sstitre
{
	font-size:140%;
}

/*** LISTE ***/
dl
{
	margin:1em 0 1em 20px;
}
dl dt
{
	color:#e8298f;
	margin-bottom:0.3em;
}
dl dd,
.puce
{
	margin:0.6em 0;
	text-align:justify;
}
.puce
{
	background:url(../img/picto/right.gif) no-repeat left 0.6em;
	padding-left:10px;
}


/*** float left et right ***/
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}




/* navigation pied */
.navig
{
	float:right;
	list-style:none;
	margin:0.3em 0;
}
.navig li
{
	text-align:right;
	margin:0.5em 0.6em;
	display:inline;
}
.navig a
{
	background:url(../img/picto/puce.gif) no-repeat left 0.4em;
	padding-left:11px;
}
.navig .top a,
.navig .bottom a,
.navig .left a,
.navig .right a
.navig .print a
{
	background:url(../img/picto/top.gif) no-repeat left 0.55em;
	padding-left:11px;
}
.navig .bottom a
{
	background:url(../img/picto/bottom.gif) no-repeat left 0.55em;
}
.navig .left a,
.navig .right a
{
	background:url(../img/picto/left.gif) no-repeat left 0.6em;
	padding-left:10px;
}
.navig .right a
{
	background:url(../img/picto/right.gif) no-repeat right 0.6em;
	padding-right:10px;
	padding-left:0;
}
.navig .print a
{
	background:url(../img/picto/print.gif) no-repeat left 0.35em;
	padding-left:14px;
}


/***** HEADER *****/



/********** Acces rapide Contenu haut page *****************/
/*** positionnement du menu acces dans style.css ***/

#accesmenu
{
}
#accesmenu li
{
	position:relative;
	list-style:none;
	float:left;
	color:#555;
}
#accesmenu li a
{
	color:#777;
	margin: 0 0.5em 0 0.5em;
	font-size:81%;
	text-decoration:none;
}
#accesmenu li a:hover,
#accesmenu li a:hover strong
{
	color:#999;
}
#accesmenu .current a, #accesmenu .current a:hover,
#accesmenu .current a strong, #accesmenu .current a:hover strong
{
	color: #999;
	font-weight:bold;
}
#accesmenu li  a strong
{
	font-size:110%;
	color: #999;
	font-weight:bold;
}

.coul1, .coul2
{
	position:absolute;
	display:block;
	height:3px;
	width:100%;
	font-size:1px; /* ie6 */
	background:url(../img/fond.menu.jpg) repeat left top;
}

.coul1 { background:url(../img/fond.menu.jpg) repeat left top; }
.coul2 { background:url(../img/fond.menu.jpg) repeat left bottom; }

#coul1, #coul2
{
	position:fixed;
	right:0px;
	bottom:0px;
	width:100px;
}
#coul2
{
	right:100px;
}

/********		PAGE	***********/
#rub
{ /* ie6.css ie7.css */
	
	margin-top:84px;
}
#thumbs
{
	list-style:none;
	text-align:right;
}
#thumbs img
{
	/*width:70px;
	height:70px;*/
}
#thumbs li
{
	display:inline;
}

#thumbs a
{
	display:inline-block;
	padding:3px;
	outline:none;
}
#thumbs a:hover		{ background:#fff; }
#thumbs a:focus		{ background:#ccc; }
#thumbs a.active	{ background:#E82B8F; }

#contenu #viewer
{
	width:354px;
	height:354px;
	margin:auto;
	text-align:center;
	background:#fff;
}
#contenu #viewer img
{
	border:#999 2px solid;
	/*width:350px;
	height:350px;*/
}

#contenu #viewer img[src*="loader"]
{
	position:absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -15px;
	border:0;
}

.bloctxt
{
	display:block;
}
#bloctxt01
{
	display:block;
}

/******* PIED PAGE ********/

/* Style pied page */
#footer { /* positionnement dans style.css */
	text-align: center;
	line-height: 20px;
	color: #999;
	font-size: 85%;
}
#footer a {
	font-size: 1em;
	color: #999;
	font-weight: normal;
	text-decoration: none;
	Padding: 5px 0 5px 0;
}
#footer a:hover {
	color: #ccc;
}





/********** MENU ***********/

/********* MENU HOME *********/
#mhhome ul
{
	list-style:none;
	text-align:center;
}
#mhhome ul li
{
	display:inline;
}
#mhhome a
{
	display:inline-block;
	background-color:#fff;
	cursor:pointer;
}
#mhhome a span
{
	display:inline-block;
	width:188px;
	height:297px;
	opacity:0.5;
	filter: alpha(opacity=50);/**/
}

#mhhome a:hover span
{
	opacity:1;
	filter: alpha(opacity=100);/**/
}

#mhh01 a span { background:url(../img/m.mariage.jpg) no-repeat left top;}
#mhh02 a span { background:url(../img/m.reception.jpg) no-repeat left top;}
#mhh03 a span { background:url(../img/m.boutique.jpg) no-repeat left top;}
#mhh04 a span { background:url(../img/m.atelier-chefs.jpg) no-repeat left top;}


#mhhome a,
#mh a
{
	width:188px;
	text-transform:uppercase;
}


/********** MENU HAUT ***********/
#mh ul
{
	list-style:none;
	text-align:center;
	line-height:30px;
}
#mh ul li
{
	display:inline;
	color:#fff;
	line-height:30px;
	margin:0px 0px 0 0px;
}
#mh a
{
	padding:0 0px 0 0px;
	display:inline-block;
	color:#fff;
	background:url(../img/fond.menu.jpg) repeat left top;
	font-size:80%;
	font-weight:bold;
	letter-spacing:0.6px;
	border-top:#000 3px solid;
}
#mh a span
{
}
#mh a:hover
{
	color:#fff;
	background:url(../img/fond.menu.jpg) repeat left bottom;
}
#mh .current a, #mh .current a:hover
{
	color:#eee;
	background:url(../img/fond.menu.jpg) repeat left bottom;
}

/********** MENU BAS ***********/
#mb ul
{
	list-style:none;
	text-align:center;
	line-height:20px;
	margin-top:3px;
}
#mb ul li
{
	display:inline;
	color:#fff;
	margin:0px 0px 0 0px;
}
#mb a
{
	padding:0 0px 0 0px;
	display:inline-block;
	color:#fff;
	background:url(../img/fond.menu.jpg) repeat left top;
	font-size:75%;
	font-weight:bold;
	letter-spacing:0.6px;
	width:150px;
	text-transform:uppercase;
}
#mb a span
{
}
#mb a:hover
{
	color:#fff;
	background:url(../img/fond.menu.jpg) repeat left bottom;
}
#mb .current a, #mb .current a:hover
{
	color:#eee;
	background:url(../img/fond.menu.jpg) repeat left bottom;
}



/***** CONTACT *****/



/* generique */
.espace
{
	display:inline-block;
	width:200px;
	color:#E8298F;/**/
	font-weight:bold;
}

.champ_text,
.champ_textarea,
.champ_password,
.champ_select,
.champ_date
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fafafa;
	border: #ccc 1px solid;
	font-weight: bold;
	font-size:90%;
	width:250px;
}
.champ_text:focus,
.champ_text:hover,
.champ_textarea:focus,
.champ_textarea:hover,
.champ_password:focus,
.champ_password:hover,
.champ_select:focus,
.champ_select:hover,
.champ_date:focus,
.champ_date:hover
{
	background: #fff;
	/*color: #c00;*/
	border: #E8298F 2px solid;
	color:#E8298F;
	margin:0 0;
	padding-left: 3px;
}
.champ_textarea
{
	width:80%;
	height:100px;
}
.remarque .champ_textarea
{
	width:80%;
	height:100px;
}

.champ_radio,
.champ_checkbox
{
	background:none;
	margin:0.2em 0.3em 0.1em 0.2em;
}

.champ_submit,
.btimprimer
{
	width:200px;
	height:25px;
	display:block;
	float:right;
	border:0;
	color: #fff;
	font-weight:bold;
	background:url(../img/bt.gif) no-repeat left top;
}
.champ_submit:hover,
.btimprimer:hover
{
	background-position: left bottom;
}




#formcontact, .formcontact
{
	/*position:relative;
	top:0;
	left:0;
	height:1%;*/
}
#titretd1, #titretd2
{
	width:12em;
}
.donnes1, .donnes2
{
	/*position:relative;*/
	margin:auto;
	margin-bottom:0.5em;
}
.donnes1
{ /* positionnement données form gauche */
	/* float:left; */
	left:0em;

}
.donnes2
{ /* positionnement données form droite */
	/* float:right; */
	right:0em;
	/*margin-right:-3em;*/
	/*padding-left:0.7em;*/
}


.donnes1 table, .donnes2 table
{
	/*margin:auto; /* margin:auto fait planté ie 6 dans certain cas */
}

#formcontact, .formcontact
{
	margin-left:0px;
	margin:auto;
	border:#E8298F 1px solid;
}
#formcontact legend, .formcontact legend
{
	padding-left:0;
	margin-bottom:0.5em;
	color:#E8298F;
	font-size:130%;
}
.obli
{ /* *obligatoire */
	color:#E8298F;
	font-weight:bold;
}
#formcontact label,
.formcontact label
{ /* *obligatoire */
	display:inline-block;
	padding:0 2px;
}

.submit
{
	width:250px;
	height:26px;
	display:inline-block;
	/*border:0;
	color: #fff;
	background:url(../img/bt2.gif) no-repeat left top;*/
	margin-right:0px;
}
.submit:hover
{
	/*background-position: left bottom;*/
}

/* contact */

input.normal, input.focus,
textarea.normal, textarea.focus
{
	width:300px;
}

.checkboxform, .inputform
{ /* config txt dans .txt dans form plus bas*/
	line-height:2em;
	font-weight:bold;
}
.checkboxform span
{
	display:block;
	float:left;
	width:17em;
}
.inputform .spanform
{
	display:block;
	float:left;
	width:21em;
}



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

form {
	margin:0;
}
select, textarea, input, .normal, input.case,
select.normal, textarea.normal {		/*** configuration general ***/
	color: #666;
	background-color: #fafafa;
	font-weight: bold;
	font-size:90%;
}
input.case {		/*** configuration case a coché ***/
	background-color: transparent;
}

.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
	background: #fff;
	/*color: #c00;*/
	border: #B05737 2px solid;
	color:#B05737;
	margin:0 0;
	padding-left: 3px;
}
textarea, input, .normal, select,
.search, .fpart, .fpart2 {	/*** Retour à  l'état normal aprés l'utilisation - onblur="this.className='normal';" ***/
	padding-left: 3px;
	font-weight: bold;
	margin:1px 1px;
}
.normal, .focus {	/*** taille des champs ***/
	/*width: 180px;*/
}
.normal {	/*** bordure des champs ***/
	border: #A6A08F 1px solid;
}

select.normal, select.focus, .submit { /*** taille select ***/
	/*width: 187px;*/
}
textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
	/*font-size:100%;*/
	height:8em;
}