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

HTML, BODY {
  font-family: verdana,arial;
  font-size:11px;
  margin: 0;padding: 0;
  width: 100%;height: 100%;
  background-color:#000000;
  background-image:url(../images/degrade.gif);
  background-repeat:repeat-x;
}
IMG{border:none;}
H2{padding:0px;margin:0px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

A.white{color:#FFFFFF;text-decoration:none;}
A.white:hover{color:#FFFFFF;text-decoration:underline;}

A.whitebig{color:#FFFFFF;text-decoration:none;font-weight:bold;font-size:14px;}
A.whitebig:hover{text-decoration:underline;}

A.black{color:#771419;text-decoration:none;}
A.black:hover{text-decoration:underline;}

A.blackbig{color:#771419;text-decoration:none;font-weight:bold;font-size:12px;}
A.blackbig:hover{text-decoration:underline;}

P{
  color:#000000;
  font-family: verdana,arial;
  font-size:11px;
}

h6{padding:0px;margin:0px;}

DIV.msg2{
  position:absolute;
  width:800px;
  margin-left:-400px;
  left:50%;
  color:#FEE8D7;
  font-weight:bold;
  text-align:center;
 /* border:#00FF00 1px solid;*/
}

.msgcol1{
  position:absolute;
  left:0px;
  text-align:center;
  color:#FEE8D7;
  font-weight:bold;
 /* border:1px solid #000000;*/
}

.msgcol2{
  position:absolute;
  right:0px;
  text-align:center;
  color:#FEE8D7;
  font-weight:bold;
 /*border:1px solid #000000;*/
}


#main{position: relative;height: 100%;}

#top{
  position:absolute;
  top:0px;
  width:100%;
  height:69px;
  background-color:#FFFFCD;
}

#content{padding-bottom: 100px;} 
 
#bottom{
  position:absolute;
  bottom:0px;
  width:100%;
  height:100px;
  background-image:url("../images/degrade_bottom.gif");
  background-repeat:repeat-x;
}
  
  
#logo{position:absolute;top:86px;left:50%;
  height:108px;
  width:272px;
  margin-left:-136px;
}

P.msg{
  position:relative;
  text-align:center;
  color:#FEE8D7;
  font-weight:bold;
    font-family: verdana,arial;
  font-size:11px;
}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #363F01;
	background-color: #EAEAC8;
	border-style: solid;
	border-width: 1px;
	border-color: #993333;
}

/*Page d'accueil*/
.boite{
  position:absolute;
  text-align:center;
  border-style: double;padding: 10px;
  border-color:#993333;
  z-index:2;
  background-color:#FFFFCC;
}

#exposant.boite{
  width:325px;height:400px;
  left:50%;top:295px;
  margin-left:-350px;
  z-index:5;
}

#media.boite{
  width:325px;height:250px;
  left:50%;top:525px;
  margin-left:-350px;
  z-index:5;
  
}

#visiteur.boite{
  width:325px;height:480px;
  left:50%;top:295px;
  margin-left:5px;
  z-index:5;
}

.msgright{
  position:absolute;
  left:50%;top:805px;
  width:325px;
  margin-right:0px;
  z-index:10;
  color:#FFFFFF;
  text-align:right
}



/*Fin page d'accueil*/

/*Page de formulaire*/
.page{
  position:absolute;
  width:700px;
  padding:10px;
  left:50%;top:285px;
  margin-left:-360px;
  visibility:visible;
  text-align:center;
}
.formulaire{
  border-style: double;
  border-color:#993333;
  background-color:#FFFFCC;
  position:relative;width:700px;height:500px;}
  
.formulaire .colg_1{
  position:absolute;
  top:35px;top:20px!ie;
  padding:5px 10px 5px 10px;
  left:10px;
  width:312px;height:180px;height:195px!ie;
  border:1px solid #000000;
}
.formulaire .cold_1{
  position:absolute;
  top:35px;top:20px!ie;
  padding:5px 10px 5px 10px;
  right:10px;
  width:312px;height:180px;height:195px!ie;
  border:1px solid #000000;
}

.formulaire .colg{
  position:absolute;
  top:15px;top:20px!ie;
  padding:5px 10px 5px 10px;
  left:10px;
  width:312px;height:180px;height:195px!ie;
  border:1px solid #000000;
}
.formulaire .cold{
  position:absolute;
  top:15px;top:20px!ie;
  padding:5px 10px 5px 10px;
  right:10px;
  width:312px;height:180px;height:195px!ie;
  border:1px solid #000000;
}


.formulaire .colg2{
  position:absolute;
  bottom:45px;
  padding:10px;
  left:10px;
  width:312px;height:320px;height:330px!ie;
  border:1px solid #000000;
}
.formulaire .cold2{
  position:absolute;
  bottom:45px;
  padding:10px;
  right:10px;
  width:312px;height:320px;height:330px!ie;
  border:1px solid #000000;
}



.formulaire .colb{position:absolute;padding:5px 10px 5px 10px;bottom:25px;left:10px;width:655px;border:1px solid #000000;}
.formulaire .colh{position:absolute;padding:5px 10px 5px 10px;top:35px;left:10px;width:655px;border:1px solid #000000;}

.formulaire .colb2{position:absolute;padding:5px 10px 5px 10px;bottom:65px;left:10px;width:655px;border:1px solid #000000;}
.formulaire .colb3{position:absolute;padding:5px 10px 5px 10px;bottom:165px;left:10px;width:655px;border:1px solid #000000;}


.formulaire .colh2{position:absolute;padding:0px 10px 0px 10px ;top:5px;left:10px;width:655px;border:1px solid #000000;}

.page LABEL{
  display: inline;
  float: left;
  width: 110px;
  text-align:left;
}

.page .short{
  display: inline;
  float: left;
  width: 20px;
  text-align:left;
}
.page .big{
  display: inline;
  float: left;
  width: 200px;
  text-align:left;
}

.page LEGEND{font-weight:bold;color:#000000}
.page FIELDSET{padding: 0px;border:none;text-align:left;}
.page INPUT, TEXTAREA, SELECT {
    margin-bottom: 4px;
    padding: 1px;
    font-size: 100%;
    font-family: inherit;
	
 }
 
 .merci{
   width:700px;height:290px;
   padding:10px 10px 30px 10px;
   left:50%;top:50%;
   margin-left:-360px;
   margin-top:-150px;
   position:absolute;
   visibility:hidden;
   border-style: double;
   border-color:#993333;
   background-color:#FFFFCC;
   text-align:center;
   font-size:13px;
 }
 
 .interro{
   margin-top:0px !important;
   margin-top:1px;
 }

/*Fin page de formulaire*/

.msgcol1 a, .msgcol2 a { color: white; text-decoration: none; }
.msgcol1 a:hover, .msgcol2 a:hover { text-decoration: underline; }