@charset "utf-8";
/* CSS Document
Author: Adlene MENAI(the3dart@yahoo.com)
http://www.freewebs.com/ddstudios
*/


@import url("pages_internes.css");

body {
	background: #D3E2E9 url(../images/arr_plan_page.jpg) repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
}

a img{ border:0px;	}

#container{
margin: 0 auto;
padding:0px;
width:930px;
overflow:hidden;
color:#000;
text-align:left;
position:relative;
/* hack pour gerer la hauteur dans IE6 */
min-height:400px;
}

#fond_haut{
background: url(../images/effet_fond.jpg) repeat-x;
height:173px;
position:relative;
}

/* ---- MENU ACCUEIL (le petit menu qui est en haut a droite)------- */
/* ----------------------------------------------------------------- */
#menu_accueil{
	margin: 0 auto;
	padding: 1px 0 10px 0;
	width:930px;
	height:20px;
	text-align:right;
	color:#FFFFFF;
		}

#menu_accueil ul{
list-style-type:none;
}

#menu_accueil li{
display:inline;
padding: 0 5px 0 7px;
border-left:1px #FFFFFF dotted;
}
#menu_accueil li:first-child{
border-left:none;
}
#menu_accueil li.first{
border-left:none;
}

#menu_accueil li a{
color:#FFFFFF;
text-decoration:none;
}
#menu_accueil li a:hover{
color:#FF9900;
}

/* -------------------------*/


/* ------- HEADER ----------*/
#header{
width:930px;
height:65px;
background:url(../images/header_bg.jpg) repeat-x;
position:relative; top:5px;
}

#header a.logo {
	DISPLAY: block; BACKGROUND:url(../images/logo_at.jpg) no-repeat; 
	width:134px;
	height:65px;
	text-indent:-9999px;
	float:left;
	position:absolute;
}
#header .bonchoix {
DISPLAY: block; BACKGROUND:url(../images/le_bonchoix.jpg) no-repeat; 
	width:240px;
	height:65px;
	float:right;
}
/* -------------------------*/




/*--- TOP MENU (les principales rubriques du site)-------*/

#menu {
padding:0 0 0 135px; 
margin:0;
BACKGROUND:url(../images/top_menu_bg.jpg) repeat-x; 
POSITION: relative;top:6px;
HEIGHT: 30px;
}

#menu ul{
LIST-STYLE-TYPE: none; 
display:inline;
}
#menu li{
padding: 0 1px 0 1px;
display:block;
BACKGROUND:url(../images/trai_menu.gif) no-repeat left top; 
HEIGHT: 30px;
float:left;
}
#menu li:first-child{
BACKGROUND:none; 
}

#menu li.first{
BACKGROUND:none; 
}


#menu li A {
padding:2px 10px 0 15px;
text-decoration:none;
HEIGHT: 30px;
float:left;
}
#menu LI A img{
padding: 10px 0 0 0;
}

#menu LI A:hover {
	BACKGROUND: url(../images/menu-hover.jpg) repeat-x ;
}
#menu LI:hover A {
	BACKGROUND: url(../images/menu-hover.jpg) repeat-x;
}

/*#menu LI.selected {
	BACKGROUND: url(../images/menu-hover.jpg) repeat-x;
	

#menu LI.selected A {
	BACKGROUND: url(../images/menu-hover.jpg) repeat-x;
}
#menu LI a:active{
	BACKGROUND: url(../images/menu-hover.jpg) repeat-x;
}
}*/
#menu a.current {
BACKGROUND: url(../images/menu-hover.jpg) repeat-x;}


/*-----------------------------------*/


/* ------ LE CONTENU DE LA PAGE D'ACCUEIL -------- */

#contenu{
padding:15px  8px;
width:930px;
background: url(../images/fond_contenu.gif) repeat-y ;
overflow:hidden;
/* hack pour gerer la hauteur dans IE6 */
min-height:400px;

}

#pub_flash{
width:660px;
height:260px;
float:left;
}

/*-- la partie ou il ya les images comme "Consultez votre facture", Veille Tech ... */
#services_accueil{
padding-left:12px;
padding-top:10px;
width:240px;
height:260px;
background: url(../images/services_acceuil_bg.gif) repeat-x;
float:left;
}
#services_accueil .arrondi{ 
position:absolute;
/*top:108px;*/
top:236px; 
right:7px;
}

.formulaireadsl{ 
margin-bottom:10px; 
} 


#services_accueil img{
padding-top:2px;
padding-bottom:2px;
}

/* ------ LES 3 COLONNES DE LA PAGE D'ACCUEIL "NEWS" "ACCES RAPIDE" "OFFRES" -------- */

/*----- colone NEWS ----*/
#news_acceuil .titre_colone {
margin-top:-20px;position:absolute;
}

#news_acceuil{
padding:0px;
margin-top:40px;
width:295px;
height:185px;
background-color:#F8F9FA;
border: 1px solid #D3E0EB;
overflow:hidden;
float:left;
}

#news_acceuil ul{
list-style-type:none;
margin:0;
padding:7px 0 0 20px;
width:250px;
line-height:14px;
}

#news_acceuil li {
margin:0;
height:56px;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#587C9E;
text-decoration:none;
border-bottom: 1px #396C9D dotted ;
overflow:hidden;

}

#news_acceuil .img_miniature {
	padding-left:5px;
	float:right;
	}

#news_acceuil li a{
text-decoration:none;
color:#587C9E;

}
#news_acceuil li a:hover{
color: #415B76;
}

#news_acceuil .toutenews {
display:block;
height:27px;
background:#DCE8ED url(../images/puce1.gif) no-repeat 185px 13px;
margin-top:2px;
color:#2B4C7F;
text-align:right;
padding-top:8px;
padding-right:10px;
text-decoration:none;
 }

/*----- colone Acces rapide ----*/

#acces_rapide .titre_colone {
margin-top:-20px;position:absolute;
}
#acces_rapide{
margin-left:11px;
padding:0;
margin-top:40px;
width:295px;
height:185px;

border: 1px solid #D3E0EB;
overflow:hidden;
float:left;
}

#acces_rapide ul{
list-style-type:none;
margin:0px;
padding:0px 0 0 0px ;
}
#acces_rapide li a{
height:21px;
margin-top:3px;
padding-top:7px;
text-indent:30px; 
background:#F8F9FA url(../images/fleche1.gif) no-repeat 12px 10px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#365773;
text-decoration:none;
}
#acces_rapide li a:hover{
color:#fff;
background-color:#A4BED5;}

/*----- colone Sondage ----*/
#sondage_accueil .titre_colone {
margin-top:-20px;position:absolute;
}
#sondage_accueil{
margin-left:12px;
padding: 0 ;
margin-top:40px;
width:295px;
height:185px;
background-color:#F8F9FA;
border: 1px solid #D3E0EB;
overflow:hidden;
float:left;
}

#sondage_accueil form {
margin:10px;
width:270px;
color:#365773;

}
#sondage_accueil form .question{
font-weight:bold;
line-height:16px;
}
#sondage_accueil form .btnvote{
width:89px;
height:20px;
background-image:url(../images/btn_vote.gif);
background-repeat:no-repeat;
cursor:hand;
border:none;
color:#41698C;
}



/*----- colone Trouvez votre agence ----*/
#agence_accueil .titre_colone {
margin-top:-20px;position:absolute;
}
#agence_accueil{
margin-left:12px;
padding: 0;
margin-top:40px;
width:295px;
height:185px;
background:#F8F9FA url(../images/logo_anis.gif) no-repeat 10px 10px ;
border: 1px solid #D3E0EB;
overflow:hidden;
float:left;
color:#355772;
}

#agence_accueil .resume{
	padding-left:100px; 
margin-top:20px;
	text-align:left; 
	display:block;
	width:200px;
	}

#agence_accueil fieldset.search {
	border: none;
	margin:35px 0 0 0;
	width:255px;
    background:url(../images/bg_recherche_agence.gif)   repeat-x;
	position:absolute;
	}

#agence_accueil .search input.box {
	margin:0;
	padding:0;
	border:none;
	color: #fff;
	font-size: 1em;
	width: 161px;
	height: 30px;
	background: #fff url(../images/search_bg.gif) no-repeat;
	text-indent:10px;
	color:#666;
	float:left;

}

#agence_accueil .search input.btn {
margin:0;
	padding:0;

border:none;
	width: 89px;
	height: 38px;
	cursor: pointer;
	background: url(../images/btn_recherche_bg.gif) no-repeat top right;
	float:left;
}
#agence_accueil.search input.btn:hover {
	background: #fbc900 url(search_bg.gif) no-repeat bottom right;
}

/**********************/
.search input.box1 {
	margin:0;
	padding:0;
	border:none;
	color: #fff;
	font-size: 1em;
	width: 161px;
	height: 30px;
	background: #fff url(../images/search_bg.gif) no-repeat;
	text-indent:10px;
	color:#666;
	float:left;

}
 .search input.btn1 {
margin:0;
	padding:0;

border:none;
	width: 89px;
	height: 38px;
	cursor: pointer;
	background: url(../images/btn_recherche_bg.gif) no-repeat top right;
	float:left;
}

/***********************/
/*---- FOOTER -------*/
#footer{
margin:0 auto;
width:958px;
height:100px;
background:url(../images/footer.png) no-repeat;
position:relative;
}
/*---------------------*/

.lien_flottant{position:absolute; color:#003366; text-decoration:none; margin:95px 0 0 5px;}
.lien_flottant:visited{color:#003366; text-decoration:none;}
.lien_flottant:focus{color:#003366; text-decoration:none;}
.lien_flottant:hover{color:#FFFFFF;}