/************************ GENERAL *******************/
body 
{
	background:url("../img/fond.png") repeat-x;
	font-family:Calibri;
	color : white;
	font-size:0.8em;
}

#corps
{


	width:865px;
	height:865px;
	top:2em;
	
}

#centre
{
position:absolute;
margin-top:0em;
margin-left:19.5em;
margin-top:1em
}

#gauche
{
float:left;}

a
{
	text-decoration:none;
	color : white;
}

a:hover
{
	text-decoration:none;
	color : #CCCCCC;
}

textarea
{
	width:240px;
	font-size:1em;
	height:175px;
}

label
{
        	float:left;
width:100px;
}
input
{
	width:130px;
}

input .small
{
	width:100px;
}

img {
	border:0;
}


.rowContainer
{
	padding-bottom:1.5em

}

.rowContainer label
{
	width:125px;

}
.subpage
{
	position:relative;
	margin-top:-1em;
	overflow:hidden;
}

input[type="text"],textarea{
	font-family:Calibri
}

/******************************* LES CONTENUS DES DIV ************************/

div .content
{
	position:relative;
	padding-top:2em;
	padding-left:3.5em;
	padding-right:3.5em;
	padding-bottom:2em;
	float:left;
text-align:left;
}

div .smallcontent
{
	position:relative;
	padding-top:0.8em;
	padding-left:2em;
	padding-right:0em;
	padding-bottom:2em;
	float:left;
text-align:left;
}

div .smallcontent .subtitle
{
	font-size:1.5em;
	color:#d9349d;/*ou #aa1b51*/
}

div .content .subtitle
{
	font-size:1.8em;
	color:#d9349d;/*ou #aa1b51*/
}

div .content .title
{
	font-size:2.2em;
	color:white	;/*ou #aa1b51*/
}

div.content .text
{
	color : white;
	
	
}


/******************************** MENU *********************************/
#menu
{
	position:relative;
	margin-top:-0.4em;
}


/* Les boutons du menu*/
.onglet {
	background-image : url("../img/mongleto.png") ;
	width : 150px;
	height : 40px;
	text-align : center;
	font-size:100% bold;
	color : white;
	

}
#omenu a
{
	text-decoration:none;
	color : #aa1b51;
}

#omenu a:hover
{
	text-decoration:none;
	color : white;
}

.principal #menugauche {
	background-image : url("../img/mgc.png") no-repeat ;
	width : 38px;
	height : 38px;
	float:left;

}
.principal #menudroit {
	background-image : url("../img/mdc.png") no-repeat;
	width : 38px;
	height : 38px;
	float:right;
}.secondaire #menugauche {
	background-image : url("../img/mgc.png") no-repeat ;
	width : 38px;
	height : 38px;
	float:left;

}
.secondaire #menudroit {
	background-image : url("../img/mdc.png") no-repeat;
	width : 38px;
	height : 38px;
	float:right;
}


/******************************** MENU *********************************/
#footer
{
position:absolute;
top:68.6em;
left:750px;
}

/****************************** SERVICE PLUS+ **********************************/


#plus
{
background-image : url("../img/pnlPlus2.png");
width:893px;
height:530px;
}

/**************************CONTACT *********************************/

/*numero et mail*/
#contact #numero,#contact #mail
{
	background:url('../img/test2.png') no-repeat;
	width:630px;
	height:60px;
}

#contact #numero .content,#contact #mail .content
{
	padding-top:1.3em;
}

#contact #numero .content .subtitle,#contact #mail .content .subtitle 
{
	font-size:1.2em;
}
#contact #numero .content .text
{
	padding-left:11.5em;
}
#contact #mail .content .text
{
	padding-left:20.4em;
}

/*message*/
#contact #message
{
background:url('../img/pnlMsg3.png') no-repeat;
width:638px;
height:330px;
}

#contact #message #info
{
left:3.5em; /* ne pas enlever sinon BUG sous IE */
}

#contact #message #info, #contact #message #mess
{
position:absolute;
top:7.5em;
}

#contact #message #mess
{
left:26em;

}


/*adresses*/
#contact #adresses #psud , #contact #adresses #pnord
{
background:url('../img/pnlAgenceo.png') no-repeat;
width:301px;
height:249px;
}

/************************** FORM AUTHENTIFICATION ESPACE CLIENT *******************************/

#formAuthClient 
{
background:url('../img/pnlAuth.png');
width:420px;
height:300px;
}

/****************************** CONNEXION ***************************/

#connexion
{
background:url('../img/pnlconnect.png');
width:260px;
height:179px;
}

/****************************** agences ***************************/

#agences
{
background:url('../img/pnlagences.png');
width:260px;
height:430px;
}
/*
#connexion input
{
	position:relative;
	margin-right:3em;
}
#connexion label
{
	float:left;
s}
*/
