/* CSS Document */


body{
	text-align: center;
	margin: 0;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#b57a53;
	font-family:Arial;
	font-size:14px;
}

#Global{
	position:relative;
	margin-left: auto;
    margin-right: auto;
    width: 1024px;
    height: auto;
	border:1px #8e1c5f solid;
}

#logo{
background:url(../Images/logo.png);
}
#liens{
background:url(../Images/liens.png);
}
#blanc{
background:#FFFFFF;
}
#bordure{
background:url(../Images/bordure.png);
}
#menu{
background-color:#240026;
}

#centre{
	position:relative;
	width:1024px;
	height:571px;
}

.Titre1{
	font-weight:bold;
	color:#8e1c5f;
	font-size:14px;
	padding-bottom:100px;
	
}

.Paragraphe1{
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:35px;
	color:#240026;
}

div#mulhouse{
	position:absolute;
	left: 105px;
    top: 99px;
	width:214px;
	height:76px;
	
}



div#alsace{
	position:absolute;
	left: 380px;
    top: 130px;
	width:191px;
	height:45px;
	
}

a.lien{
	display: block;
    width: 100%;    
	height: 100%;
	outline: none;
}

div#s2i{
	position:absolute;
	left: 620px;
    top: 60px;
	width:131px;
	height:115px;
	
}


div#rtl{
	position:absolute;
	left: 805px;
    top: 49px;
	width:114px;
	height:126px;
	
}


div#Forcecom{
	position:absolute;
	left: 105px;
    top: 229px;
	width:140px;
	height:112px;
	
}



div#dreyeckland{
	position:absolute;
	left: 380px;
    top: 270px;
	width:215px;
	height:72px;
	
}



div#credit{
	position:absolute;
	left: 686px;
    top: 284px;
	width:227px;
	height:57px;
	
}



#Paragraphe2{
	margin:0px;
	padding:0px;
	padding-top:50px;
	padding-left:70px;
	font-weight:bold;
	color:#000000;
}	
.Titre2{
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
}
.Titre3{
	margin:0px;
	padding:0px;
	padding-top:15px;
	padding-left:95px;
	color:#FFFFFF;
}

#Paragraphe3{
	position:absolute;
	top:35px;
	left:65px;
	width:345px;
	padding-top:20px;
	height:auto;
	color:#000000;
}

.Titre4{
	margin-left:15px;
	font-weight:bold;
	color:#aaca3f;
	font-size:16px;
}

.Titre5{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-left:25px;
	margin-bottom:20px;
	color:#FFFFFF;
}

#Paragraphe4{
	position:absolute;
	top:150px;
	left:630px;
	width:345px;
	padding-top:15px;
	height:auto;
	color:#000000;
}

.Titre6{
	margin-left:15px;
	font-weight:bold;
	color:#8e1c5f;
	font-size:16px;
}

.Titre7{
	margin:0px;
	padding:0px;
	margin-top:0px;
	margin-left:25px;
	margin-right:10px;
	margin-bottom:10px;
	color:#240026;
}

#TabEmail{
position:absolute;
top:30px;
left:60px;
	text-align:center;
}
.Information{
	font-weight:bold;
	color:#dc011b;
	font-size:12px;

}
.TexteEmail{
font-weight:bold;
	color:#240026;
	font-size:14px;
	font-weight:lighter;
}

.T1{
font-weight:bold;
	color:#8e1c5f;
	font-size:16px;
}
.T2{
	color:#FFFFFF;
	font-size:14px;
	margin-left:5px;
}

#tableau{
	position:absolute;
	top:40px;
	left:55px;
	text-align:left;
}

div.ZoneLienPdf{
width:100%;
height:25px;
}

div.ZoneLienPdf a{
	display: block;
    width: 100%;    
	height: 100%;
}

div#Fruit{
	position:absolute;
	left: 105px;
    top:60px;
	width:137px;
	height:83px;

}


div#Textile{
	position:absolute;
	left: 182px;
    top:170px;
	width:120px;
	height:83px;

}


div#Halle{
	position:absolute;
	left: 160px;
    top:285px;
	width:90px;
	height:90px;

}




.LienArchive{
	color:#240026;
}

div#fruits{
	position:absolute;
	left: 230px;
	top: 142px;
	width:120px;
	height:20px;

}

div#atelier{
	position:absolute;
	left: 892px;
	top: 142px;
	width:120px;
	height:20px;

}

div#textile{
	position:absolute;
	left: 366px;
	top: 142px;
	width:50px;
	height:20px;

}



div#halle{
	position:absolute;
	left: 430px;
	top: 142px;
	width:70px;
	height:20px;
}


div#recherche{
	position:absolute;
	left: 510px;
	top: 142px;
	width:90px;
	height:20px;
}


div#forcecom{
	position:absolute;
	left: 935px;
	top: 743px;
	width:85px;
	height:20px;
	

}


div#anglais{
	position:absolute;
	left: 651px;
	top: 743px;
	width:87px;
	height:20px;


}


div#allemand{
	position:absolute;
	left: 783px;
	top: 743px;
	width:102px;
	height:20px;
	

}


div#formCommerces{
	position:absolute;
	top:20px;
	left:300px;
}

div#comite{
position:absolute;
left:426px;
top:37px;
}

div#accueil{
position:absolute;
left:0px;
top:0px;
}

.texte_page{
font-family:Arial;
font-size:14px;
color:#240026;
font-weight:bolder;

}

.texte_pageBleu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#183A8D;
}

.texte_marches{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#000099;
}

.texte_commerces_gauche{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bolder;
	
}

.texte_commerces_droit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bolder;
	color: #FF6600;	
	
}

.chargement
{
	position:absolute;
	top:230px;
	left:250px;
	visibility:hidden;
}

#photo
{
	position:absolute;
	top:0px;
	left:220px;
	width:100px;
	height:50px;
	background-color:#FFFFFF;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	visibility:hidden;
	z-index:100;
	border:2px #666666 solid;
	cursor:pointer;
}

#entetePhoto{
	background-color:#240026;
	width:auto;
	height:23px;
}

#laphoto
{
	float:left;
}

#fermerPhoto1
{
	float:left;
}
#fermerPhoto2
{
	float:right;
}


.closePhoto
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:7px;
	margin:0px;

}

.voirPhoto
{
	margin-top:20px;
	text-decoration:none;
	color:#8e1c5f;
	
}

#Paragraphe5{
	position:absolute;
	top:30px;
	left:120px;
	width:345px;
	margin:0px;
	padding-top:0px;
	height:auto;
	font-weight:bold;
}

#Paragraphe5 p#top{
	padding-top:15px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.txt1{
	color:#8e1c5f;
	font-size:16px;
}

.txt2{
	color:#240026;
	font-size:14px;
	font-weight:lighter;
}

.txt3{
	color:#8e1c5f;
	font-size:14px;
	font-weight:lighter;
}

#Paragraphe6{
	padding-top:5px;
	margin-top:0px;
	padding-bottom:10px;
	margin-bottom:0px;
}

#Paragraphe7{
	color:#8e1c5f;
	font-weight:normal;
	font-family:Arial;
	font-size:17px;
	width:400px;
	left:120px;
}

#Paragraphe8{
	position:absolute;
	top:345px;
	left:100px;
	font-weight:normal;
	font-family:Arial;
	font-size:14px;
}

#Paragraphe8 a:active{
	color:#240026;
}

#Paragraphe8 a:visited{
	color:#240026;
}

#Paragraphe8 a:link{
	color:#240026;
}

#Paragraphe8 a:hover{
	color:#240026;
}

#inscription{
	position:absolute;
	top:45px;
	font-weight:bold;
	font-family:Arial;
	font-size:14px;
	left:790px;
	height:40px;
	width:130px;
	color:#8e1c5f;
}

#Info{
	padding:6px;
	padding:6px 15px 6px 15px;
	font-size:12px;
}

#enteteAtelier{
	background-color:#240026;
	width:100%;
	height:20px;
}

#fermerInfoAtelierCuisine1
{
	float:left;
}
#fermerInfoAtelierCuisine2
{
	float:right;
	cursor:pointer;
}

.closeInfoAtelierCuisine
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
	padding:2px;
	padding-left:15px;
	padding-right:9px;
	margin:0px;
}


#InfoAtelierCuisine{
	position:absolute;
	left:200px;
	top:0px;
	height:412px;
	width:676px;
	background-color:#FFFFFF;
	border:1px #240026 solid;
	visibility:hidden;
}

#formulaireAtelierCuisine{
	position:absolute;
	top:35px;
	left:550px;
}

#boutonsInscriptionAtelier{
	position:absolute;
	top:375px;
	left:765px;
	width:185px;
	height:40px;
}

.FormAtelier{
	background-color:#f0e4dd;
	border:1px #788ca0 solid;
	font-size:14px;
	width:140px;
}

.FormAtelierMessage{
	background-color:#f0e4dd;
	border:1px #788ca0 solid;
	font-size:14px;
	width:230px;
}

.FormDoc{
	border:1px #788ca0 solid;
	font-size:14px;
	width:140px;
}



#lienBlog{
	position:absolute;
	top:385px;
	left:450px;
	width:280px;
	height:25px;
}


div#membre{
	position:absolute;
	left: 190px;
	top: 53px;
	width:120px;
	height:35px;
	

}

div#doc{
	position:absolute;
	left: 252px;
	top: 99px;
	width:160px;
	height:35px;
	
}

#identifiant{
	position:absolute;
	top:76px;
	left:405px;
	text-align:left;
}

#champ{
	position:absolute;
	top:415px;
	left:820px;
	color:#240026;
}

#PhraseLog{
	position:absolute;
	left:420px;
	top:30px;
}

#PhraseLog p{
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	color:#8e1c5f;
	padding-top:0px;
	margin-top:0px;
}

.StyleRouge{
	color: #CC0033;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#courrier{
	position:absolute;
	left:570px;
	top:180px;
}

.texte_confirme{
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	margin-left:38px;
}

.texte_confirme2{
	font-weight:bold;
	color:#8e1c5f;
	font-size:15px;
	margin-left:0px;
	padding-left:0px;
}