/***************global***************/
body
	{
	margin:0em;
	padding:0em;
	text-align:center;
	}

.squelete
{

	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	z-index:1;
	text-align:left;	
}
	

input 
{
vertical-align:middle;
}

img
{
vertical-align:text-top;
}

/*
ul
{
vertical-align:middle;
margin:0px;
padding:0px;
}

li
{
	display:inline;
	vertical-align:middle;
	margin:0px;
    padding:0px;

}
p
{
margin:0px;
padding:0px;
MARGIN: auto;
font-family: arial;
font-size: 11px;
color: #4d4d4d;
}*/

/********************************************************************************************/
/****************************       Header            ************************************/
/********************************************************************************************/
/*.header {
	MARGIN-TOP: 0px; DISPLAY: inline; Z-INDEX: 1; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 960px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}*/
.header-g {
	MARGIN-TOP: 5px; DISPLAY: inline; Z-INDEX: 1; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 227px; HEIGHT: 95px; TEXT-ALIGN: left
}
.header .logo {
	MARGIN-TOP: 24px; DISPLAY: inline; Z-INDEX: 2; FLOAT: left; MARGIN-LEFT: 16px; WIDTH: 149px; HEIGHT: 53px
}
.header {
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	height:190px;
	z-index:1;
	text-align:left;	
	background-color:#FFFFFF;
}



/************* Texte sous logo *****************/
.header #texte
{
	position:absolute;
	left:26px;
	top:67px;
	width:167px;
	z-index:2;
	font-family: arial;
	font-size: 10px;
	color: #929292;
	text-decoration: none;
	text-align:center;
}

.header #texte a {color: #2884d2;text-decoration:none;}
.header #texte a:hover  {color: #929292;text-decoration:underline;}

/************* Publicité dans header *****************/
.header .pub{
	position:absolute;
	left:228px;
	top:5px;
	width:732px;
	height:90px;
	z-index:2;
}
/********************************************************************************************/
/****************************       Menu            ************************************/
/********************************************************************************************/
.header #menu-header
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:absolute;
	left:0px;
	top:100px;
	width:960px;
	height:49px;
	z-index:1;
	text-align:left;
}

.header #menu-header  #rubrique
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:25px;
	z-index:1;
	text-align:left;
}


/********************************************************************************************/
/****************************       Recherche            ************************************/
/********************************************************************************************/
.header #recherche
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:absolute;
	left:5px;
	top:155px;
	width:460px;
	height:28px;
	z-index:1;
	text-align:left;
	padding:6px;
	background: url(../images/squellete/bg_recherche.gif) no-repeat;

	visibility: /*hidden*/;
}


.header #recherche ul 
{
margin-left:0;
padding-left:0;
margin:0px 0px 0px 0px ;
}

.header #recherche  li 
{	
    float:left;
	text-align:left;
    display:inline;
    margin:0px 2px 0px 0px ;
	height:20px;
} 

/************* Texte rechercher *****************/
.header #recherche  li .txt1
{  
    font-family: arial;
	font-size: 11px;
	color: #929292;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
}

/************* Texte des champs *****************/
.header #recherche  li .txt2
{	
    font-family: arial;
	font-size: 10px;
	color: #545454;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
}

/************* style formulaire de recherche  *****************/
.header #recherche  li .forme
{	
    font-family: arial;
	font-size: 10px;
	color: #545454;
	text-decoration: none;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
	width:150px;
	/*height:16px;*/
}

/********************************************************************************************/
/****************************    Espace abonné adsl ...    **********************************/
/********************************************************************************************/

.header #espace
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:absolute;
	left:471px;
	top:155px;
	width:481px;
	height:28px;
	z-index:1;
	text-align:left;
	padding:6px;
	background: url(../images/squellete/bg_espace-top.gif) no-repeat;
}


.header #espace ul 
{
margin-left:0;
padding-left:0;
margin:0px 0px 0px 0px ;

}

.header #espace  li 
{	
   float:left;
   text-align:left;
   display:inline;
   margin-left:3px;
   height:20px;
	

} 

/************* texte aprés les pictos *****************/
.header #espace  li .txt
{  
    font-family: arial;
	font-size: 11px;
	color: #484848;
	text-decoration: none;
   float:left;
   text-align:left;
   display:inline;
   height:20px;
	margin-top:2px;
}

.header #espace  li .txt a {color: #484848;text-decoration:none;}
.header #espace  li .txt a:hover  {color: #484848;text-decoration:underline;}

/********************************************************************************************/
/****************************        zone body centre      **********************************/
/********************************************************************************************/
.contenu 
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;	 
	/*OVERFLOW: hidden;*/
	WIDTH: 970px;
	float:left;
	text-align:left;
	display:inline;
	margin-top:10px;
	
	
}


/****************************            la zone gauche     **********************************/

.gauche 
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;	
	WIDTH: 642px;
	margin-right:10px;
	float:left;
	text-align:left;
	display:inline;
	
}


/****************************            la zone droite     **********************************/

.droit
{
    MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;	 
    position:relative;
	width:300px;
	float:left;
	text-align:left;
}

.zone
{
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;	 
margin-bottom:10px;
float:left;
width:300px;
	/*border:1px solid #CCCCCC;*/
}
.zoneb
{
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;	 
margin-bottom:10px;
float:left;
border: 1px solid #e7e7e7;
width:298px;
	/*border:1px solid #CCCCCC;*/
}

.zoneg
{
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;	 
margin-bottom:10px;
float:left;
    font-family: arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align:left;
	font-weight: normal;
/*border: 1px solid #e7e7e7;*/
width:298px;
	/*border:1px solid #CCCCCC;*/
}
	
	
	
.zoneg a {color: #1359A3;text-decoration:underline;}
.zoneg a:hover  {color: #1359A3;text-decoration:none;}
/********************************************************************************************/
/****************************            footer en bas     **********************************/
/********************************************************************************************/
/********************************************************************************************/
/****************************            footer en bas     **********************************/
/********************************************************************************************/
.footer
{
display:inline;
text-align:left;
margin-top:10px;
margin-left:0px;
float:left;
width:960px;
/*height:120px;*/
background:url(../images/spacer/ligne_footer.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;


}

/*********************  menu en bas   **********************************/
.footer .menubas
{

text-align:left;
width:960px;
height:52px;
margin-top:20px;


}

.footer .menubas {

   	font-family: arial;
	font-size: 11px;
	color: #6a6a6a;
	text-decoration: none;
	text-align:center;
	text-indent: 5px;

}
.footer .menubas   a {color: #6a6a6a;text-decoration:none; font-weight:normal;}
.footer .menubas   a:hover  {color: #6a6a6a;text-decoration:underline; font-weight:normal;}

/*********************  menu2 en bas   **********************************/
.footer .menubas2
{
display:inline;
text-align:center;
margin-top:4px;
margin-left:0px;
width:960px;
float:left;

}

.footer .menubas2 {

	font-family: arial;
	font-size: 11px;
	color: #FF9C00;
	text-decoration: none;
	text-align:center;
	text-indent: 5px;
	float:left;
	width:960px;
}
.footer .menubas2   a {color: #6a6a6a;text-decoration:none; font-weight:normal;}
.footer .menubas2   a:hover  {color: #FF9C00;text-decoration:none; font-weight:normal;}

/**************** copy ****************/
.footer .copy
{
display:inline;
float:left;
margin-top:20px;
width:960px;
text-align:center;
}


.pictelecom-bas
{
display:inline;
float:left;
margin-left:30px;
}


.copytxt
{
display:inline;
float:left;
text-align:center;
width:500px;
font-family: arial;
margin-left:200px;
font-size: 11px;
color: #484848;
text-decoration: none;
height:30px;
margin-top:4px;
font-weight:normal;
}
.copytxt  a {color: #484848;text-decoration:underline; font-weight:normal;}
.copytxt  a:hover  {color: #484848;text-decoration:none; font-weight:normal;}

.logoiam
{
display:inline;
float:left;
text-align:left;
width:30px;
height:30px;
}