/* CSS */

body{

	background-image:url(../images/pattern.jpg);

	background-attachment:fixed;

	background-position: center bottom;

	-webkit-background-size:1920px 1200px;

}



div{

	position:absolute;

	font-family: Arial, Helvetica, sans-serif;

}



/*-------------------------------

-- Banniére/Menu (haut de page)--

-------------------------------*/

#divTotalInscrit{

	z-index:1;

	top:300px;

	left:829px;

	color:red;

	font-size:18px;

	height:50px;

}



#divMain{

	position:relative;

	margin:auto;

	margin-top: 0;

	width:1200px;

}

#divLogo{

	position:relative;

	z-index:1;

	background-image:url(../images/menu_nuages.png);

	background-repeat:no-repeat;

	background-position:bottom;

	width:1200px;

	height:455px;

}

	#divTelephone{

		margin:0;

		height:265px;

		width:1200px;

	}

		#divTelephone>table, #divTelephone>table>tbody>tr>th>table{

			margin:0;

		}

		#divTelephone>table>tbody>tr>td, #divTelephone>table>tbody>tr>th{

			border:none;

			width:auto;

			font-size:16px;

		}

		#divTelephone>table>tbody>tr>th>table>tbody>tr>td{

			border:none;

			text-align:left;

			width:auto;

			font-size:16px;

			color: #ffffff;

			vertical-align:top;

			font-weight:bold;

		}

		#divTelephone>table>tbody>tr>td>img{

			vertical-align:top;

		}

		#divTelephone>table{

			width:100%;

		}



	#divlune_etoiles_logo{

		background-image:url(../images/lune_etoiles_logo.png);

		left:440px;

		width:317px;

		height:97px;

		top:119px;

	}

	#divHomme{

		background-image:url(../images/menu_homme.gif);

		width:421px;

		height:258px;

		top:150px;

		left:388px;

	}

	#divLogoCalque{

		background-image:url(../images/menu_banniere.png);

		width:421px;

		height:258px;

		top:150px;

		left:388px;

	}

	/*#divracine_arbre{

		z-index:2;

		background-image:url(../images/racines_arbre.gif);

		left:498px;

		top:201px;

		width:200px;

		height:117px;

	}*/

	#divMenu{

		width:962px;

		height:55px;

		left:131px;

		bottom:40px;

		z-index:3;

	}

	#divSelf{

		text-align:center;

		width:382px;

		left:409px;

		bottom:17px;

		font-size:24px;

	}

#accueil, #connexion, #cgv, #faq, #livredor, #compte, #contact, #news, #boutique {

text-align:center;

position:absolute;

padding-top:15px;

color:black;

height:35px;

width:95px;

font-size:14px;

color:#33C;

z-index:3;

/*background-color:red;*/

}



#accueil:hover {

background-image:url(../images/hover_GG.png);



border:0px;

}

#connexion:hover {

background-image:url(../images/hover_M.png);



border:0;

}

#faq:hover {

background-image:url(../images/hover_M.png);



border:0px;

}

#livredor:hover {

background-image:url(../images/hover_GD.png);

border:0px;

}

#compte:hover {

background-image:url(../images/hover_DG.png);



border:0px;

}

#contact:hover {

background-image:url(../images/hover_M.png);



border:0px;

}

#news:hover {

background-image:url(../images/hover_M.png);



border:0;

}

#boutique:hover {

background-image:url(../images/hover_DD.png);



border:0px;

}



a img {

  border: 0;

}

a {

color:#0404c4;

text-decoration:none;

}

a:hover{

	color:#2f64cc;

}



.fixCenter{

	display:block;

	position:relative;

	text-align:center;

	margin-right:auto;

	margin-left:auto;

}



.surround{

	background: none repeat scroll 0 0 white;

    border: 2px outset black;

}



.important{

	color:red;

	font-size:12px;

}



.btn{

	border:2px solid #2e2e2e; 

	border-radius:5px;

	width:100%;

	display: block;

}



.surround_field{

	border:2px solid #2e2e2e; 

	border-radius:5px;

}



.tableFull{

	width:100%;

}



.badResp, .goodResp, .warnResp{

	padding:2px;

	color:white;

}

.badResp{

	background-color:red;

}

.goodResp{

	background-color:green;

}

.warnResp{

	background-color:orange;

}

.petitText {

    font-size: x-small;

}