html {
	overflow:auto;
	height:100%;
	width:100%;
}

body {
	padding:0px;
	margin:0;
	font-family: "verdana",arial,tahoma,helvetica,sans-serif;
	font-size:0.9em;
	color:#000000;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#f1eec2;
}

a img {
	border:0;
}

form {
	margin:0;padding:0;
	font-size:1.2em;
}

/* header */

.headerPass{
	height: 85px;
	width: 1000px;
	color:#3b3b3b;
	font: bold 1.15em tahoma,arial,sans-serif;
	margin:auto;
}

.headerPass img {
	float:left;
	margin-left:15px;
}

.headerPass div {
	padding-top:7px;
	color:#3b3b3b;
	font-size:1.1em;
	width:210px;
	float:left;
}

.headerPass .access-ae {
	float:right;
	margin-top:30px;
	width:210px;
	background-image:url(../images/opacite20.png);
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	height:30px;

}

.headerPass .access-ae img{float:left;}
.headerPass .access-ae a{text-decoration:none;color:#555;margin-left:5px;font-size:0.9em;}
.headerPass .access-ae a:hover{text-decoration:underline}



/* menu */

#menuPass
{
	width:986px;
	margin:auto;
	*padding-top:12px;
	_padding-top:3px;

}

#menuPass ul
{
	list-style:none;	
	float:right;

}


#menuPass ul li
{
	float:left;
	margin-right:10px;
	margin-top:-5px;
	padding-left:20px;
	height:30px;
	background:url(../images/menu-separateur.png) top left no-repeat;
	line-height:28px;
}

#menuPass ul li a
{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size:1.4em;
}

#menuPass ul li a:hover
{
	text-decoration:underline;
}

/* centre */

#containerPass {
	/*width:978px;*/
	width:1015px;
	color:#000000;
	margin: auto;
	padding:0px;
	font-size:1em;
	padding-top:30px;
	*padding-top:20px;
}

.centre {
	width:787px;
}

.centreIndex {
	/*width:787px;
	height:465px;
	background:transparent url(../images/index_4temps.png) no-repeat top left;
	*/	
	width:1015px;
	height:595px;
	background:transparent url(../images/index_4temps.png) no-repeat top left;
	position:relative;
	
}



.centre .blochaut{
	background-image:url(../images/base_centre.png);
	/*_background-image:url(../images/bloc_haut.gif);*/
	background-repeat:no-repeat;
	height:39px;
}

.centre .bloccentre{
	background-color:#ffffff;
	background-image:url(../images/base_centre.png);
	/*_background-image:url(../images/bloc_fond.gif);*/
	background-repeat:no-repeat;
	background-position: 0 -39px;
	width:1015px;
	/*height:595px;*/
}

.centre div.accueil{
	text-align:center;
	position:relative;
	height:395px;
}

.centre div.accueil img{
	position:absolute;
	top:0px;
	left:6px;
}

.centre .blocbas{	
	background-color:#ffffff;
	/*background-image:url(../images/bloc_bas.png);*/
	/*_background-image:url(../images/bloc_bas.gif);*/
	background-repeat:no-repeat;
	height:38px;
}


.erreur
{
	color:red;
	font-weight: bold;	
	width:250px;
	margin-top:10px;
	float:left;
	
}

.BlocPASS{
	width:370px;
	height:80px;
	position:absolute;
	top:188px;
	right:40px;

}

.btnOKPASS
{
	/*background-image: url(../images/BtnFormOk.png);*/
	background: transparent url(../images/BtnFormOk.png) no-repeat top;
	width: 94px;
	height: 55px;
	border:0;
	cursor:pointer;
	float:right;
	margin-top:-6px;
	*+margin-top: -48px;
}

#idNumPass
{
	z-index:100;
	width:220px;
	height: 34px;	
	border:none;
	font-size:2.2em;
	background:url(../images/trans.gif);
}

.BlocFREE{
	width:370px;
	height:80px;
	position:absolute;
	top:188px;
	right:530px;

}

.btnOKFREE
{
	/*background-image: url(../images/BtnFormOk.png);*/
	background: transparent url(../images/BtnFormOkBleu.png) no-repeat top;
	width: 94px;
	height: 55px;
	border:0;
	cursor:pointer;
	float:right;
	margin-top:-6px;
	*+margin-top: -48px;
}

#idNumFree
{
	z-index:100;
	width:220px;
	height: 34px;	
	border:none;
	font-size:2.2em;
	background:url(../images/trans.gif);
}

.oubli_passe{width:110px;font-size:0.85em;cursor:pointer;float:right;margin-right:-90px;margin-top:10px;}
.oubli_passe:hover{text-decoration:underline;}
#containerPass .oubli_passe{margin-right:0px;margin-top:5px;}


.blochaut{
	padding-top:185px;
	padding-left:600px;
}

.blochaut h1{
	font-size:1.2em;
	margin:0px;
	color:#a9d637;
	margin-left:25px;
	margin-top:5px;
}

.blochaut h1:first-letter{
	/*color:#ff901b;*/
	font-size:1.25em;
}



.bloccentre p {
	margin:0px;
	padding:5px 15px;
	_position:relative;
	font-size:0.9em;
	text-indent:15px;
	text-align:justify;
	clear:left;
}

/* marge */

.droite{
	float:right;
	padding-top:5px;
}

.droite .bloc1{
	background-image:url(../images/bloc-droite1.png);
/*	_background-image:url(../images/bloc-droite1.gif);*/
	background-repeat:no-repeat;
	height:131px;
	text-align:center;
	font-size:0.75em;
	padding:15px;
}
.droite .bloc2{
	background-image:url(../images/index_site.png);
/*	_background-image:url(../images/bloc-droite2.gif);*/
	background-repeat:no-repeat;
	height:238px;
	width:172px;
	text-align:center;
	font-size:0.55em;
	padding-bottom:10px;
	display:block;
}

.droite .bloc2 img {
	display:block;
}

.droite .bloc3{
/*	_background-image:url(../images/bloc-droite3.gif);*/
 }
.droite .bloc3 a{
	text-decoration:none;
	display:block;
}

.droite .bloc3 a:hover{
	text-decoration:underline;
}


.bloc_pw {
	background-image:url(../images/pw_centre.png);
	background-repeat:no-repeat;
	width:978px;
	height:464px;
	text-align:center;
	font-size:0.55em;
	padding:10px;
	position:relative;

}


.bloc_pw .code {
	font-size:1.6em;
	position:absolute;
	right:230px;
	top:100px;
	width:400px;
	text-align:center;
}

.bloc_pw .form {
	font-size:1.6em;
	position:absolute;
	left:30px;
	top:120px;
	width:400px;
	text-align:center;
	color:#547500;
	font-weight:bold;
}

.bloc_pw .form table {margin:auto}

.footer{
/*
	background-image:url(../images/footer.png);
	_background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	background-position:bottom center;
	height:302px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
*/
}

.footerPass
{
	position:absolute;
	padding-left:20px;
	padding-top:-15px;
	text-align:center;
	
	width:1015px;	
}
.footerPass a
{
	text-decoration:none;
	color:black;
		
}
.footerPass a:hover
{
	text-decoration:underline;
		
}


body>.footer{
	position:fixed;
}

/*
h2{
	font-size:1em;
	margin-top:40px;
	*position:absolute;
	*margin-left:10px;
}
*/
/* OFFRE */

.img_gauche
{
	float:left;
	padding-left:30px;
}

.img_droite
{
	float:right;
	margin-right:10px;
}


/* CONTACT */
input[type="text"]:-moz-placeholder{color: rgba(100,100,100,.6);}
input[type="text"]:-ms-input-placeholder{color: rgba(100,100,100,.6);}
input[type="text"]:-webkit-input-placeholder{color: rgba(100,100,100,.6);}

input[type="password"]:-moz-placeholder{color: rgba(100,100,100,.6);}
input[type="password"]:-ms-input-placeholder{color: rgba(100,100,100,.6);}
input[type="password"]:-webkit-input-placeholder{color: rgba(100,100,100,.6);}

#formulairecontact
{
	border:1px solid #A9D637;
	width:1;
	margin:auto;
	font-size:0.9em;
}


#formulairecontact p {
	text-indent:0;
}

#formulairecontact hr {
	height:2px;
	color:#ccc;
	border:0px;
	background:#ccc;

}
#formulairecontact table {
	width:100%;
	padding:0;
}

#formulairecontact caption {
	font-size:0.9em;
	font-style:italic;
}

#formulairecontact td {
	vertical-align:top;
	padding-bottom:3px;
}

#formulairecontact td.sub {
	margin-top:15px;
	text-align:center;
}

/*General styles - NOT really related to the forms*/

.niceform {
	color:#555;
}
/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Text inputs*/
.textinput, .textinputHovered {
	height:18px;
	background:url(../images/formulaire/input_bg.gif) repeat-x left top;
	border:none;
	padding:3px 0px 2px 0px;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;padding-bottom:2px;}

.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/formulaire/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/formulaire/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/formulaire/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/formulaire/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/formulaire/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/formulaire/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/formulaire/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/formulaire/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#555;
	font-weight:bold;
	padding:2px;
	background:url(../images/formulaire/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;color:#333;}
.buttonImg {vertical-align:bottom;}

span.obli {
	color:red;
	float:right;
	margin-right:5px;
}

span.obli2 {
	color:red;
}




.bloc_ae
{
	clear:both;float:left;width:390px;margin-bottom:8px;border:2px solid #ddd565;background-color:#fff;font-size:0.9em;cursor:pointer; padding:5px;
}

.bloc_ae:hover
{
	border:2px solid #a49c32;
}

.bloc_ae .bloc_gauche
{
	float:left;
	text-align:left;
}

.bloc_ae .bloc_droite
{
	float:right;
	text-align:right;
}

.bloc_ae .coche
{
	display:none;
	background:url(../images/coche_pwpass.png) no-repeat;
	width:16px;
	height:26px;
	position:absolute;
	margin-top:-15px;
	margin-left:-14px;
}

.img_left{margin:10px 20px 10px 0px;float:left;text-align:center;}
#demo h3{border-bottom:none;}
#demo a {
    font-weight: bold;
    text-decoration: none;
    color: #D80B1C;
}

#demo a:hover {
	color: #FF7911;
}

#demo h2 {
    font-size: 1.1em;
    margin: 0 0 8px;
    padding: 0;
}

#demo h1 {
    font-size: 1.2em;
    height: 30px;
    margin: 0;
}

#logo_bcd_rotate_free{
	display: block;
	margin: -50px 0 -6px 265px;
	*+margin-top: -60px;
}

#logo_bcd_rotate_pass{
	display: block;
	margin: -50px 0 -6px 265px;
}