/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS des contenus du site
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Contact
// Evenements
// Nos partenaires
// Détail photo
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
h2{
	padding:0 0 0 20px;
	font:normal 16px Verdana, Arial, Helvetica, sans-serif; color:#88226C;
}
ul.ulNormal{
	margin:0px 0 20px 20px; padding:0;
	list-style:none;
}
ul.ulNormal li{
	font:normal 13px Arial, Helvetica, sans-serif; color:#000;
	padding-left:15px;
	background:url(../images/picto/carre-violet.gif) no-repeat 0 3px;
}
h3{
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#88226C;
}
img.imgAlignGauche5{
	float:left;
	padding:0 2px 0 0;
}
img.imgAlignGauche10{
	float:left;
	padding:0 10px 0 0;
}
img.imgAlignGauche15{
	float:left;
	padding:0 14px 0 0;
}
img.imgAlignGauche20{
	float:left;
	padding:0 20px 0 0;
}
img.margeGauche{
	margin-left:90px;
}
span.violet-1{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#88226C;
}
a:link, a:visited{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#88226C; text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Contact
///////////////////////////////////////////////////////////////////////////////////*/
table#tableContact{
	margin:10px 0 0 40px;
	width:450px;
	border:0;
}
input.inputContact{
	width:250px; height:18px !important; height:20px;
	border:1px solid #88226C;
	color:#88226C;
}
table#tableContact textarea.textareaContact{
	width:250px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;
	border:1px solid #88226C;
}
table#tableContact td.tdTexteChamp{
	font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left;
}
table#tableContact td.tdTexteChamp sup{
	font:italic normal 10px Arial, Helvetica, sans-serif; color:#fff;
}
table#tableConnexion a:link, table#tableConnexion a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#EBA301; text-align:center;
}
table#tableConnexion a:hover, table#tableConnexion a:active{
	text-decoration:none;
}
p.pInfoCompte{
	font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;
}
span.spanTexte{
	font:normal 13px Arial, Helvetica, sans-serif; color:#000;
}
p.pChampsOblig{
	font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-align:center;
}
div.formContact{
	background-color:#9B8D80;
	height:320px; width:540px;
	border: 1px dotted #88226C;
	
}
/*///////////////////////////////////////////////////////////////////////////////////
// Evenements
///////////////////////////////////////////////////////////////////////////////////*/
div#divInvitation{
	clear:both;
	margin:0 0 0 20px;
	padding:28px 5px 2px 5px;
	background:#88226C url(../images/background/back-invitation.png) no-repeat 0 0;
}
table#tableReponse{
	margin-left:5px;
}
table#tableReponse td.tdTexte{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:left;
}
table#tableReponse td.tdTexte sup{
	font:italic normal 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:left;
}
table#tableReponse td.tdTexte2{
	font:italic normal 10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:center;
}
table#tableReponse td.tdTitre{
	font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:left; text-transform:uppercase;
}
input.input1, input.input2{
	width:138px; height:12px !important; height:14px;
	border:1px solid #88226C;
	font-size:11px; color:#88226C;
}
input.input2{
	width:400px;
}
select{border:1px solid #88226C;
	font-size:11px; color:#88226C;}
img.imgInvit{
	border-top:1px solid #88226C; border-left:1px solid #88226C; border-right:1px solid #88226C; border-bottom:1px solid #88226C;
}
div#programme{
	margin:0 0 0 20px;
	padding:5px 0 0 2px;
	border-top:1px solid #88226C; border-left:1px solid #88226C; border-right:1px solid #88226C; border-bottom:1px solid #88226C;
}
div.programme1,div.programme2,div.programme3,div.programme4,div.programme5,div.programme6,div.programme7,div.programme8,div.programme9{
	position:relative;
	float:left;
	height:38px; width:272px;
	background:url(../images/interface/samedi-25.png) no-repeat 0 0;
}
div.programme2{background:url(../images/interface/dimanche-26.png) no-repeat 0 0;}
div.programme3{background:url(../images/interface/lundi-27.png) no-repeat 0 0;}
div.programme4{background:url(../images/interface/mardi-28.png) no-repeat 0 0;}
div.programme5{background:url(../images/interface/mercredi-29.png) no-repeat 0 0;}
div.programme6{background:url(../images/interface/jeudi-30.png) no-repeat 0 0;}
div.programme7{background:url(../images/interface/vendredi-1.png) no-repeat 0 0;}
div.programme8{background:url(../images/interface/samedi-2.png) no-repeat 0 0;}
div.programme9{background:url(../images/interface/dimanche-3.png) no-repeat 0 0;}

div.programme1 img,div.programme2 img,div.programme3 img,div.programme4 img,div.programme5 img,div.programme6 img,div.programme7 img,div.programme8 img,div.programme9 img{
	position:absolute;
	bottom:0; right:0;
}
img.flyer{
	position:absolute;
	top:70px; left:20px;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Nos partenaires
///////////////////////////////////////////////////////////////////////////////////*/
div.logoLeicht{
	float:left;
	width:180px;
 	margin:20px 0 0 100px;	
}
div.logoLeicht img{
	margin-left:30px;	
}
div.logoLago{
	float:left;
	width:180px;
 	margin:20px 0 0 30px;	
}
div.logoLago img{
	margin-left:30px;	
}
/*///////////////////////////////////////////////////////////////////////////////////
// Détail photo
///////////////////////////////////////////////////////////////////////////////////*/
img#imgDetail{
	margin-left:20px;
}
div#divPhoto{
	position:relative;
}
div#divRetour{
	width:100px; height:20px;
	position:absolute;
	top:0; right:-16px;
	padding:5px 0 0 10px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#452913; text-align:left; text-transform:uppercase;
	background:url(../images/background/back-retour.png) no-repeat 0 0;
}