*
{
margin:0px;
padding:0px;
}

a
{
color:#000000;
}

body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(/Portail/Images/fond-haut-de-page_tcm57-17488.jpg)
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;
}

#container
{
position:relative;
width:990px;
left:50%;
margin-left:-495px;
}


#haut-de-page
{
background-image:url(/Portail/Images/maquette_01_tcm57-17495.jpg);
height:86px;
width:990px;
}

#corps
{
width:760px;
padding:5px 0px 20px 127px;
}

/********************************MENU PRINCIPAL***********************/

#menu
{
background-image:url(/Portail/Images/maquette_02_tcm57-17496.jpg);
height:19px;
width:845px;
padding-left:145px;
padding-top:5px;
font-weight:bold;
}

#menu a
{
text-decoration:none;
}

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

#menu li
{
display:block;
background-image:url(/Portail/Images/puce-carre-rouge_tcm57-17504.gif);
background-repeat:no-repeat;
padding-left:20px;
float:left;
color:#000000;
margin-right:15px;
}

/********************************EN UNE**************************/

#en-une
{
width:380px;
float:left;
}

.photo-en-une
{
float:left;
margin:0px 7px 7px 0px;
}


#en-une h2	
{
font-size:12px;
}

#en-une a
{
text-decoration:none;
}

#en-une a:hover
{
text-decoration:underline;
}

#titre-en-une
{
background-image:url(/Portail/Images/enune_tcm57-17477.gif);
background-repeat:no-repeat;
width:201px;
height:25px;
}


#titre-en-une a, #titre-actualites a
{
	text-indent:-1000px;
	display:block;
	width:201px;
	height:25px;
}

/************************** BOITE EN UNE ET ACTU *********************/

.rectangle-haut
{
height:19px;
width:380px;
background-image:url(/Portail/Images/une-haut_tcm57-17529.jpg);
}

.rectangle-milieu
{
width:340px;
background-image:url(/Portail/Images/une-milieu_tcm57-17530.jpg);
background-repeat:repeat-y;
padding : 0px 20px 0px 20px;
}

.rectangle-bas
{
background-repeat:repeat-y;
background-image:url(/Portail/Images/une-bas_tcm57-17528.jpg);
height:19px;
width:380px;
}

/************************** ACTUALITES*********************/

#actualites
{
width:340px;
float:left;
}

#actualites ul
{
width:340px;

padding-bottom:5px;
}

#actualites li
{
list-style-position:inside;
list-style-type:none;
margin-bottom:5px;
padding-bottom:3px;
border-bottom-width:thin;
border-bottom-style:dotted;
border-bottom-color:#CCCCCC;
}

#actualites .date
{
color:#000000;
font-size:11px;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
display:block;
float:left;
}

#actualites h2
{
color:#000000;
font-size:11px;
text-decoration:none;
font-weight:bold;
text-decoration:none;
display:block;
float:left;
}


#actualites p
{
font-weight:100;
font-size:11px;
display:block;
text-decoration:none;
clear:both;
}

#actualites a
{
text-decoration:none;
}

#actualites a:hover
{
text-decoration:underline;
}

#titre-actualites
{
background-image:url(/Portail/Images/actualite_tcm57-17437.gif);
background-repeat:no-repeat;
width:201px;
height:25px;
}


/**************************** CARRES****************************/

#carres
{
clear:both;
width:760px;
}

#carres h1
{
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


#carres h2
{
font-size:18px;
font-weight:100;
}

/**************************** CARRE CLIENT ****************************/

#espace-client
{
background-image:url(/Portail/Images/carre-rouge_tcm57-17445.jpg);
width:165px;
height:165px;
float:left;
padding:10px 10px 20px 15px;
color:#FFFFFF;
}

#espace-client a
{
color:#FFFFFF;
}

#espace-client .intro,#espace-offre .intro
{
margin-top:25px;
}

/**************************** CARRE PRO ****************************/



#espace-professionnel
{
width:190px;
height:195px;
float:left;
color:#33400e;
}

#espace-pro-haut
{
background-image:url(/Portail/Images/carre-vert-haut_tcm57-17447.jpg);
width:165px;
height:102px;
padding:10px 10px 20px 15px;
}


#espace-professionnel .intro,#espace-partenaire .intro
{
margin-top:5px;
}

/**************************** CARRE PARTENAIRES ****************************/

#espace-partenaire
{
width:190px;
height:195px;
float:left;
color:#33400e;
}

#espace-partenaire-prive
{
width:190px;
height:63px;
background-image:url(/Portail/Images/carre-jaune-bas_tcm57-17443.jpg);
background-repeat:no-repeat;
}

#espace-pro-prive a,#espace-partenaire-prive a
{
	text-indent:-1000px;
	display:block;
	width:190px;
	height:63px;
}

#espace-partenaire-haut
{
background-image:url(/Portail/Images/carre-jaune-haut_tcm57-17444.jpg);
width:165px;
height:102px;
padding:10px 10px 20px 15px;
}

#espace-pro-prive
{
width:190px;
height:63px;
background-image:url(/Portail/Images/carre-vert-bas_tcm57-17446.jpg);
background-repeat:no-repeat;
}


/**************************** CARRE OFFRE ****************************/

#espace-offre
{
background-image:url(/Portail/Images/carre-violet_tcm57-17448.jpg);
width:165px;
height:165px;
padding:10px 10px 20px 15px;
float:left;
color:#FFFFFF;
}

#espace-offre a
{
color:#FFFFFF;
}


/**************************** BAS DE PAGE ****************************/


#bas-de-page
{
width:700px;
text-align:center;
color:#999999;
}


#bas-de-page a
{
color:#999999;
text-decoration:none;
}


#bas-de-page a:hover
{
color:#999999;
text-decoration:underline;
}