/*
**
** VALEUR PAR DEFAUT DE POLICE, LIEN, IMAGES, FOMULAIRE
**
*/

body
{
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:arial,tahoma,helvetica;
	font-size:12px;
	color:#000;
	width:100%;
	
}
#content
{
	text-align:center;	
	background-color:#000000;
	
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/BACKGROUND.jpg');
	background-position:top center;
	
	
}
form{
	display:inline;
	margin:0;
}
select{
	display:inline;
	margin:0;
	padding:0;
}
input{
	display:inline;
	margin:0;
	padding:0;
}
img
{
	border:0;
}
p
{	
	clear:left;
	overflow:hidden;
	padding:0;
	margin:5px 0px 0px 0px;
}
a
{
	color:red;
	text-decoration:underline;
}
a:hover
{
	color:#000000;
	text-decoration:underline;
}

/*
**
** PAGE HOME
**
*/

#home
{
	width:1024px;
	height:672px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/GRAPH_HOME_FOND_JEU.jpg');
	background-repeat:no-repeat;
	/* border : 1px red solid; */
}

/* CONTENEUR FORMULAIRE INSCRIPTION */
#inscription_form
{
	padding-left:706px;
	margin-top:300px;
	width:980px;	
	text-align:left;
	border:0px solid red;
	font-weight:bold;
	font-size:20px;
}
/* CONTENEUR FORMULAIRE LOGIN-BOX */
#loginbox_form
{
	margin-top:80px;
	width:390px;
	text-align:left;
	border:0px solid white;
	display:none;
}

.inscription_lib
{
	text-align: right;
	width:80px;
	height:23px;
}
.inscription_champ
{
	text-align: left;
}
.champ_obligatoire
{
	color:red;
	font-size:10px;
}

/*
PAGE CONNECTE : JEU, PARRAINAGE
*/
#membre
{
	float:left;
	width:850px;
	height:640px;
	text-align:center;
	background-image:url("../Images/jeu.jpg");
	background-repeat:no-repeat;
}

#jeu-selection
{
	width:1024px;
	height:750px;
	overflow:inherit;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/GRAPH_JEU_DEBUT.jpg');
	background-repeat:no-repeat;
}
#fin
{
	width:1024px;
	height:668px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/GRAPH_PAGE_FIN.jpg');
	background-repeat:no-repeat;
}
#fin_jaune
{
	clear:left;
	margin-left:15px;
	width:270px;
	height:85px;	
	text-align:center;
	background-image:url("../Images/fin-zone-jaune.jpg");
	background-repeat:no-repeat;
}
#fin_jaune #content_fin_jaune
{
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	width: 254px;
	text-align:left;
}
#fin_orange
{
	float:left;
	width:270px;
	height:174px;
	text-align:center;
	background-image:url("../Images/fin-zone-orange.jpg");
	background-repeat:no-repeat;
}
#fin_orange #content_fin_orange
{
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	width: 254px;
	text-align:left;
}
#fin_jauge
{
	margin-top:15px;
	width:280px;
	height:300px;
	text-align:center;

}
#parrainage
{
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:650px;
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/PARRAINAGE_FOND_PAGE.jpg');
	background-repeat:no-repeat;
	overflow: hidden;

}

#publi
{
	width:1012px;
	height:601px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	overflow:auto;
	background-image:url("../Images/fond_vierge.png");
	background-repeat:no-repeat;
}

#relance
{
	width:1012px;
	height:601px;
	text-align:left;
	background-image:url("../Images/fond_vierge.png");
	background-repeat:no-repeat;
}
#invitation_jaune
{
	width:406px;
	height:74px;
	text-align:center;
	padding:10px;
	background-image:url("../Images/invitation_zone_jaune.jpg");
	background-repeat:no-repeat;
}
#invitation_jaune  #content_invitation_jaune
{
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	width: 390px;
	text-align:left;
}
#invitation_orange
{
	margin-top:15px;
	width:406px;
	height:99px;
	text-align:center;
	background-image:url("../Images/invitation_zone_orange.jpg");
	background-repeat:no-repeat;
}
#invitation_orange #content_invitation_orange
{
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	width: 390px;
	text-align:left;
}
#invitation_jauge
{
	margin-top:15px;
	width:280px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}
#jeu
{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:672px;
	overflow:hidden;
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/GRAPH_JEU_FOND.jpg');
	background-repeat:no-repeat;

		

}
/*
**
FOOTER
**
*/
#footer
{
		margin-top : -25px;
	margin-left:auto;
	margin-right:auto;
	
	width:1024px;
	background-image:url('http://www.ca-larecettedubonheur.fr/Images/');
	overflow:hidden;
	font-family:tahoma,arial,helvetica;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding-right:0px;
}
#footer_logos
{
	vertical-align:middle;
}

/*
**
LES CLASSES DE CHAMPS DE FORMULAIRE
**
*/


.input_field_parrain
{
	font-size:13px;
	background-color:#FFFFFF;
	color:#0e3170;
	width:200px;
	border:0px solid #0e3170;
	text-align:left;
	padding:0;
	border-bottom-color: #b3b3b3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #b3b3b3; border-left-style: solid; border-left-width: 1px; border-right-color: #b3b3b3; border-right-style: solid; border-right-width: 1px; border-top-color: #b3b3b3; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px;

}
.input_field
{
	float:left;
	font-size:13px;
	background-color:#FFFFFF;
	color:#000;
	width:160px;
	border:1px solid #DDD;
	border-bottom-color: #b3b3b3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #b3b3b3; border-left-style: solid; border-left-width: 1px; border-right-color: #b3b3b3; border-right-style: solid; border-right-width: 1px; border-top-color: #b3b3b3; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px;

}
.input_select
{
	float:left;
	font-size:11px;
	background-color:#FFFFFF;
	color:#3b2c01;
	border:0px solid #DDD;
	padding:0;
	border-bottom-color: #b3b3b3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #b3b3b3; border-left-style: solid; border-left-width: 1px; border-right-color: #b3b3b3; border-right-style: solid; border-right-width: 1px; border-top-color: #b3b3b3; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px;
}


label
{
	float:left;
	width:350px;
	text-align:right;
	display:block;
	padding-right:20px;
	border:0px solid yellow;
}
#inscription_form label
{
	float:left;
	width:100px;
	text-align:right;
	display:block;
	padding-right:20px;
	border:0px solid yellow;
	
}


label.questions_quiz
{
	float:none;
	display:inline;
}

.question_quizz:hover
{
	color:#000000;
	text-align: left;
}



/*
Les input arrondis !

#conteneurInput input {
border: none;
background: #FFF;
width: auto;
}
.input_rounded {
background:  url("http://www.ca-larecettedubonheur.fr/Images/fond_input.png") no-repeat left top;
padding: 0px;
margin-left:150px;
}
*/




/* 
**
LES COULEURS DE POLICE
**
 */
h1{
	color:#0e3170;
	font-size:20px;
	margin-bottom:5px;
	margin-top:0px;
	text-transform:uppercase;
}
 
.orange{
	color:#df5915;
}
.orange_fonce{
	color:#D74A00;
}

.jaune{
	color:#F2CD00;
}
.jaune_orange{
	color:#F1A900;
}
.vert{
	color:#A0D643;
}
.bleu{
	color:#0e3170;
}
.bleu_clair{
	color:#0a7dc7;
}

.rouge{
	color:#E83133;
}
.blanc{
	color:#FFFFFF;
}
.blanc_casse{
	color:#E8DA8A;
}

.kaki{
	color:#3b2c01;
}
.noir{
	color:#000000;
}
.gris {
	color:#9b9b9b;
}

.green_ca {
	color: #006448;
}

.blue_ca {
	color: #4FC8CA;
}

/* 
**
LES TAILLES DE TEXTE  
**
*/
.text7{
	font-size:7px;
}
.text8{
	font-size:8px;
}
.text9{
	font-size:9px;
}
.text10{
	font-size:10px;
}
.text11{
	font-size:11px;
}
.text12{
	font-size:12px;
}
.text13{
	font-size:13px;
}
.text14{
	font-size:14px;
}
.text15{
	font-size:15px;
}
.text16{
	font-size:16px;
}
.text17{
	font-size:17px;
}
.text18{
	font-size:18px;
}
.text20{
	font-size:20px;
}
.text22{
	font-size:22px;
}
.text24{
	font-size:24px;
}


/* 
**
TAILLES TEXTES GRAS
**
 */
.text9bold{
	font-size:9px;
	font-weight:bold;
}
.text10bold{
	font-size:10px;
	font-weight:bold;
}
.text11bold{
	font-size:11px;
	font-weight:bold;
}
.text12bold{
	font-size:12px;
	font-weight:bold;
}
.text13bold{
	font-size:13px;
	font-weight:bold;
}
.text14bold{
	font-size:14px;
	font-weight:bold;
}
.text15bold{
	font-size:15px;
	font-weight:bold;
}
.text16bold{
	font-size:16px;
	font-weight:bold;
}
.text17bold{
	font-size:17px;
	font-weight:bold;
}
.text18bold{
	font-size:18px;
	font-weight:bold;
}
.text19bold{
	font-size:19px;
	font-weight:bold;
}
.text20bold{
	font-size:20px;
	font-weight:bold;
}
.text24bold{
	font-size:24px;
	font-weight:bold;
}
.text40bold{
	font-size:40px;
	font-weight:bold;
}