/* CSS Document */
html {
	background: #c5d92e ;
	min-height: 786px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background: url(../images/bg_haut.jpg) top center no-repeat transparent;
	min-height: 200px;
	margin: 0;
	padding-top:30px;
}


/****************
Les contenants
****************/
#contenant{
	width: 740px;
	margin:0 auto;
	clear: both;
}

#tableau_formulaire td{
	padding-bottom:4px;
}

#formulaire input, #formulaire textarea{
	color:#989898;
	/*font-weight:bold;*/
}


.g_champ, .m_champ, .p_champ {
	border:none; 
	background-color:#e2e2e2;
	margin:5px;
}

.g_champ {
	width:425px;
}

.m_champ {
	width:355px;
}

.p_champ {
	width:338px;
}

.c_cocher{
	border: none;
}

.div_g_champ, .div_m_champ {
	height:30px;
	background-color:#e2e2e2;
	margin-bottom:15px;
}

.div_g_champ{
	width:434px;
}
.div_m_champ {
	width:431px;
	position:relative; 
	display:inline-block;
}

.div_c_cocher {
	position:relative;
	top:-6px;
	float:left;
	padding:5px;
	width:20px;
	height:20px;
	background-color:#e2e2e2;
	margin-bottom:5px;
}

.div_message {
	position:absolute; 
	display:inline;
	height:75px;
	width:250px;
	background-color:#e2e2e2;
	margin-bottom:15px;
}

.message{
	background-color:#e2e2e2;
	margin:5px;
	border:none;
	height:60px;
	width:240px;
}

.spacer {
	clear: both;
}


/********************************/
/* fenêtre envoi lien */
/********************************/
/* This is the transparent box */

#bg_alert{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;	
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 1;
}

#contenant_alert{
	position: absolute;
	top: 0px;
	z-index: 2;
	width: 800px;
	margin: 100px auto;
}

#contenant_alert2{
	position: absolute;
	top: 0px;
	z-index: 2;
	width: 800px;
	margin: 200px auto;
}

#alert {
	width: 800px;
}

#alert table, #courriel{
	background:url(../images/fond_courriel.png) no-repeat; 
	width:800px; 
	height:601px;
}

#contenu_texte{
	width: 282px;
	height: 176px; 
	max-height: 176px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	overflow: auto;
}

#nom{
	font-size: 24px;
}

#signature{
	font-size: 14px;
}



#bouton_alert{
	float: right;
	width: 36px;
	height: 29px;
	cursor: pointer;
}

#bouton_alert a{
	width: 100%;
	height: 100%;
	background: url(../images/fermer.png) #604516;	
	display: block;
}

#bouton_alert a:hover{
	background: url(../images/fermer_o.png) #604516;
}