/* 	MAJ 2008-10-28 
	ajout de styles : 
		.etoile-obligatoire, .entite, .conteneur-obligatoire, .conteneur-conditions, .gauche3
		.style-inscrivez, .style-generez
*/
/* 	MAJ 2008-10-09 
	ajout de styles : 
		.form_element select, .form_element2 select, #tt3lignes, #deux-parties, .partie-gauche, .partie-droite
		.requiredz, .form_grp_spacing3 
	et modifs de quelques styles
*/

@charset "utf-8";
/* inscription.php */

.tt {
	width:890px;
	min-height: 550px;
	max-height: 900px;
	overflow:hidden;
	margin-left:28px;
	margin-right:28px;
}
.contenu {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	width: 950px;
	height: 700px;
	background-color: #E7EEF2;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	z-index: 1;
}
#tt3lignes {
	background-color: #E7EEF2;
	display: block;
	height:800px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.gauche {
	float:left;
	font-size: 11px;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #454a4f;
	width: 444px;
	height: 550px;
	max-height: 800px;
	overflow: hidden;
	border-right-width:1px;
	border-right-color:#d5dfe4;
	border-right-style: solid;
	vertical-align: top;
	background-image: url(../image/global/plateforme/inscription-fond-gauche.gif);
	background-repeat: no-repeat;
}
.gauche2 {
	height: 60px;
	float: left;
	width: 400px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d5dfe4;
	padding-left: 44px;
}
.gauche3 {
	height: 60px;
	float: left;
	width: 439px;
	padding-left: 5px;
}
.droite {
	font-size: 12px;
	line-height: 18px;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #3c6e8b;
	text-align: center;
	padding-left: 10px;
	height: 550px;
	overflow:hidden;
	vertical-align: top;
	width: 434px;
	background-image: url(../image/global/plateforme/inscription-fond-droite.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#deux-parties {
	width: 893px;
	background-color: #e7eef2;
	min-height: 580px;
	max-height: 900px;
	overflow:hidden;
}
.hautGauche {
	background-image: url(../image/global/inscription/haut-gauche.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 445px;
}
.hautDroite {
	background-image: url(../image/global/inscription/haut-droite.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 445px;
}
.centreGauche {
	background-image: url(../image/global/inscription/centre-gauche.gif);
	background-repeat: no-repeat;
	width: 445px;
}
.centreDroite {
	background-image: url(../image/global/inscription/centre-droite.gif);
	background-repeat: no-repeat;
	width: 445px;
}
.basGauche {
	background-image: url(../image/global/inscription/bas-gauche.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 445px;
}
.basDroite {
	background-image: url(../image/global/inscription/bas-droite.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 445px;
}

.partie-gauche {
	width: 447px;
	float:left;
	background-color: #e7eef2;
}
.partie-droite {
	width: 446px;
	float:left;
	background-color: #e7eef2;
}
.angle-haut-gauche {
	background-image: url(../image/global/plateforme/angle-hg.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #E7EEF2;
	border-right-width:1px;
	border-right-color:#d5dfe4;
	border-right-style: solid;
	width: 444px;
	height: 20px;
	float:left;
}
.angle-haut-droite {
	background-image: url(../image/global/plateforme/angle-hd.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #E7EEF2;
	width: 444px;
	height: 20px;
	float:left;
}
.angle-bas-gauche {
	background-image: url(../image/global/plateforme/angle-bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #E7EEF2;
	width: 445px;
	height: 20px;
	float:left;
	margin-bottom: 10px;
}
.angle-bas-droite {
	background-image: url(../image/global/plateforme/angle-bd.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 448px;
	background-color: #E7EEF2;
	height: 20px;
	float:right;
	margin-bottom: 10px;
}
.angle-bas {
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	background-image: url(../image/global/plateforme/bas2.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 893px;
	background-position: left top;
}


.footer {	
	background-color: transparent;
	height: 50px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.message-erreur {
	background-color: #FFFFFF;
	margin: 5px;
	padding-left: 5px;
	z-index: 9999999;
}
.form_label2 {
	float: left;
	width: 170px;
	margin-left:9px;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #454a4f;
}
.required {
	background-image:url(../image/icon/bt-obligatoire-formulaire.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:left;
	float: right;
	width: 62px;
	line-height: 15px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 3px;
}
.requiredz {
	background-image:url(../image/icon/bt-obligatoire-formulaire.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	vertical-align: top;
	float: right;
	width: 60px;
	line-height: 15px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.form_grp_spacing2 {
	clear:both;
	width: 445px;
	height:10px;
}
.form_grp_spacing3 {
	clear:both;
	width: 445px;
	height:20px;
}
.form_element input, .form_element2 input {
	margin:0;
	padding: 0;
	font-size:1em; /* Smaller text */
	float: left;
}
.form_element select, .form_element2 select {
	padding: 0;
	font-size:0.8em; /* Smaller text */
	float: left;
}
.form_element textarea, .form_element2 textarea {
	margin:0;
	padding: 0;
	font-size:1em; /* Smaller text */
}
.form_label {
	float: left;
	width: 154px;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #74777b;
}
.form_label  p {
	height: 25px;
}
.form_element {
	float: right;
	width: 480px;
	text-align: left;
	padding: 0;
	margin-bottom: 20px;
}

.form_element p {
	height: 25px;
}
.form_end {
	clear: both;
	float: right;
	width: 483px;
	text-align: left;
}
.msg_area2 {
	display:block;
	margin:0 0 0 39px;
}
#inscr_main_mid {
	float:left;
	width:0px;
	/* height:445px; */
	overflow: hidden;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	background: #a4b4be;
}
#inscr_main_wrap3 {
	float:left;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:  url("/image/back/degrade-fondvache-1phaut.png")  repeat-x 0 85%;
	border-right:1px solid #e7eef2;
	width: 444px;
	height:455px;
	overflow:hidden;
	background:#e7eef2;
}
#openid_signup {
	width: 300px;
	height:169px;
	margin-top: 80px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 46px;
}
#openid_signup img {
	display: block;
	margin-bottom: 10px;
}
#openid_signup .small_text {
	display: block;
	margin-bottom: 10px;
	color: #454a4f;
	font-size: 10px;
	font-weight: normal;
}
#openid_signup .openid_label {
	float: left;
	width: 100px;
	margin-left:0px;
	text-align:right;
	font-size: 11px;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #454a4f;
}
#openid_signup .openid_input {
	float: right;
	width: 175px;
	text-align: left;
	padding: 0;
	margin-bottom: 9px;

}
#openid_signup input {
	background:url('/image/icon/logo-openid-petit.png')  #fff no-repeat;
	margin:0;
	padding: 2px;
	padding-left:20px;
	border: 2px solid #BDD0D7;
	font-size:0.8em; /* Smaller text */
}


#suzette_grp {
	width:355px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 46px;
	line-height: 18px;
}
#suzette_grp img {
	float: left;
	width:100px;
	margin-right: 5px;
}
#suzette_grp p {
	float: right;
	width:240px;
	text-align:center;
	padding:0;
	font-size: 18px;
	line-height:22px;
	font-weight: bold;
	color: #74777b;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#f6 {
	width: 380px;
	}
#tt-blanc {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
	z-index: 1;
}
#footer-bas {
	width: 950px;
	height: 21px;
	background-image: url(../image/global/plateforme/footer-bas.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#header-blanc {
	background-image: url(../image/global/plateforme/header-blanc.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #2f5368;
}
.etoile-obligatoire {
	color: #006699;
	font-size: 10px;
}
.entite {
	color: #686c70;
	font-size: 10px;
	margin-top: 3px;
}
.conteneur-obligatoire {
	color: #006699;
	font-size: 10px;
	text-align: right;
	margin: 0px 10px 10px 10px;
}
.conteneur-conditions {
	color: #686c70;
	font-size: 9px;
	line-height: 10px;
	font-style: italic;
	text-align: justify;
	margin: 0px 5px 25px 5px;
}
.style-inscrivez {
	color: #2f5368;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0px 35px 0px;
	clear: both;
	display: block;
	width: 435px;
	text-align:center;
}
.style-generez {
	color: #3c6e8b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
	display: block;
	width: 435px;
	text-align:center;
}
.error_mess {
	background: url('/image/icon/icone-grand-echec.png') no-repeat;
	background-position: 5px 5px;
	min-height: 30px;
	padding: 3px;
}
.error_mess p {
	margin-left: 30px;
	line-height: 10px;
}
#champ_opt{
	display:none;
}

