@charset "utf-8";
/* CSS Document */

*{ font-family:Verdana, Arial, Helvetica, sans-serif;}

body{
	background:url(images/fond.png) repeat;
	font-size:12px;
	color:#333333;
}

#haut{
	background: url(images/fond_haut.png);
	width:1000px;
	height:200px;

}

#menu{
	text-align:center;
	display:inline;
	height:100px;
	margin-top:30px;
}

#contenu{
	text-align:right;
	padding-top:20px;
	width:1000px;	
}
#cadeau{
	background:url(images/exclu.png);
	text-align:center;
	width:210px;
	height:160px;

	
}
#sortie{
	background:url(images/sortie.png);
	width:210px;
	height:310px;
	vertical-align:bottom;



}
#ami{
	background: url(images/ami.png);
	width:210px;
	height:160px;
	vertical-align:bottom;
	float:left;
}
#exclu{
	font-size:18px;
}

#page{
	text-align:right;
	width:780px;
	float:right;
	vertical-align:top;
}
#pied{
	text-align:right;
}
.p1{
	text-align:left;
	margin-top:45px;
	padding-left:5px;
	width:150px;
	float:left;
}
.p2{
	text-align:center;
	padding-top:35px;
}
.p3{
	height:250px;
	vertical-align:middle;
	padding-top:25px;
	margin-right:10px;
}
.p4{
	color:#FFFFFF;
	font-weight:bold;
	margin-top:120px;
	text-align:center;

}
.marge{
	padding:10px;
	margin:3px;
	border-spacing:0px;
}


.spartie{
	font-weight:bold;
	font-family:arial;
	font-size:18px;
	color: #668CB3;
}
.barre_spartie{
	background: #006699;
	width:400px;
	text-align:left;
}


input.text{
border:1px solid;
width:255px;
margin-top:3px;
padding:3px 0px 4px 3px;
border-color: #336699;
}

.select_formu{
width:260px;
border:1px solid;
margin-top:3px;
padding:3px 0px 4px 0px;
font-size:12px;
font-family:verdana;
font-weight:normal;
border-color:#336699;
}

.lien{
	color:#33CCCC;
	font-size:18px;
}
.lien_actif{
	color: #FF6600;
	font-weight:bold;
	font-size:18px;
}

a {
text-decoration: none;
font-weight:bold; /* définition du lien qui affichera le "calque" */
color:#000000;
}
a:hover {
background: none; /* correction d'un bug IE */
}
a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 200px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 100px;
width: 200px;
height: 100px;
background: green;
text-align: center;
color: white;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
/* ================ */ 	
/* Style Mathilde M */
/* ================ */ 
/* ================ */ 

.tabCont{ background:#FFFFFF; width:780px;}

table.formu td{
	padding:2px 10px 4px 10px;
}

.wdcol2{ padding-left:30px; width:120px;}
.wd108{width:108px;}
.wd625{ width:645px; padding:10px; margin-left:37px;}

.wd625 h2{ color:#ec6909; font-size:13px; margin-top:20px;}
.wd625 p{font-size:12px;}
.boxesResa{ background-color:#f6f6f6; border-bottom:#39beb3 thin dashed; border-top:#39beb3 thin dashed;}

.lhg_1{line-height:1.5em;}
.tabresa{font-size:12px; line-height:2.3em;}
.tabresa strong, .tabresa span{font-size:11px;}
.tabresa td{vertical-align:top;}


.mg_tp15{margin-top:15px;}

/* Effets textes */
/* ================ */ 
.txt_C{text-align:center;}
.txt_R{text-align:right;}
.txt_I{ font-style:italic;}

.txt_orange{ color:#ec6909;}

/* Effets images */
/* ================ */ 
.brd{border:0px;}
ul #myGallery { margin-top:45px;}


/* Formulaires */
/* ================ */ 
#btnenvoie{
	border:0px;
	width:155px;
	height:50px;
	background:url(images/bouton/btn_envoyer.png) no-repeat left top;
	cursor:pointer;
	margin-top:30px;
}