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

}

#corps
{
	background:url("../img/fond3.png") no-repeat;

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

.pink
{
color:#d9349d
}
/*
#centre
{
position:absolute;
margin-top:0em;
margin-left:19.5em;
margin-top:2em
}
*/
#corps
 {
 

}
#gauche
{
float: left;
width:160px;
height:800px;
}

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

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

textarea
{
	width:430px;
	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;
}
.page
{
	position:relative;
	margin-top:0em;

}

input[type="text"],textarea{
	font-family:Calibri
}
.err{
	color:red;
}
/******************************* PRESENTATION AXE************************/
#presentation span .text{
	text-align:left
}

/******************************* 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-left:1em;
	padding-right:0em;
	padding-bottom:0em;
text-align:left;
}

div .smallcontent .subtitle
{
	font-size:1em;/*1.5em;*/
	color:white;background:url('../img/subtitle.png') repeat-y;/*#d9349d*//*ou #aa1b51*/
	min-width:180px;
	min-height:1.2em;
	
}

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;
}


/******************************** FOOTER *********************************/


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


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

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

/*numero et mail*/
#contact #numero,#contact #mail
{
	width:400px;
	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:3.5em;
}
#contact #mail .content .text
{
	padding-left:4em;
}

/*message*/
#contact #message
{
width:500px;
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
{
margin-top:-0.5em;
margin-left:0em;
width:260px;
height:220px;
}/****************************** deCONNEXION ***************************/

#deconnexion
{
margin-top:-0.5em;
margin-left:0em;
width:260px;
height:179px;
}

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

#agences
{
width:260px;
height:430px;
}
/*
#connexion input
{
	position:relative;
	margin-right:3em;
}
#connexion label
{
	float:left;
s}
*/