/* CSS Document */

* {
	margin:0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background: url(../fr/IMG_HOME/bandeau-arr-plan.gif) repeat-x 0 38px;
	text-align: center;
 }
* > ul {list-style: none; }
.hors-champ { position: absolute; left: -5000px; }
.clear {
	clear: both;
	height: 1px;
	line-height:1px;
}
a { text-decoration: none; }
a img { border: 0; }
a:hover { text-decoration: underline; }
h2 { font: bold 12px/2em Arial, Helvetica, sans-serif ;  padding-left: 30px }


/*------------------------------- entete ---------------------------------------------*/
#entete {
	position:relative;
	width:800px;
	height:212px;
	margin:0 auto;
	text-align: left;
}
#nag-ref-langue{
	position:absolute;
	right:0;
	z-index:100;
	top: 10px;	
}
#entete #flash {
	width:800px;
	height:189px;
}
#entete #flash #lienLogo {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width: 350px;
	height: 114px;
	background:transparent url(../fr/IMG_HOME/bt-retouraccueil.gif) no-repeat 200px 1px;
}
#entete #flash #lienLogo strong {
	display:block;
	/*text-indent:-50000px;*/
	margin: 6px 0 0 220px;
	font-weight: normal;
	color: #12664d;
}
#entete #menu {
	width:750px;
	height:23px;
	padding:0 0 0 50px;
	background:url(../fr/IMG_HOME/menu-home/menu-fond.gif) no-repeat top left;
}
#entete #menu li {
	display:inline;
	background:url(../fr/IMG_HOME/menu-home/menu-sep.jpg) no-repeat right 0;
	margin: 0 0 0 5px;
	padding:0 5px 0 0;
}
#entete #menu li a {
	color:#fff;
	font-weight: bold;
	line-height: 22px
}

/*------------------------------- contenu ---------------------------------------------*/
#contenu {
	position:relative;
	clear: both;
	width: 778px; 
	margin: 0 auto;
	padding: 10px; 
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2; 
	text-align: left;
}
/*------------------------------- col gauche ---------------------------------------------*/
#contenu #col-gauche {
	float:left;
	width: 482px;
} 

/*----------- bloc actu accueil ------*/
#bloc-act { 
	position: relative; 
	width: 482px;
	height: 251px;
	background: url(../fr/IMG_HOME/actu-arr-pl.jpg) left top no-repeat;
	color:#999e9d;
}
#bloc-act h2 {
	color: #fff;
}
#bloc-act #actu {
	margin-left: 155px;
} 
#bloc-act #actu p {
	margin: 10px;
}  
#bloc-act #actu p#accroche {
	color: #5176b3;
}  
#bloc-act #actu-nav { 
	position: absolute; 
	bottom: 15px; 
	left: 165px; 
}
#bloc-act #actu-nav #bor {
	background:url(../fr/IMG_HOME/actualite/actu-boutons-bor.gif) no-repeat left top;
	width:18px;
	height:14px;
	float:left;
	display:block;
}
#bloc-act #actu-nav #lire {
	background:url(../fr/IMG_HOME/actualite/actu-boutons-lire.gif) no-repeat  left top;
	width:99px;
	height:14px;
	float:left;
	display:block
}
#bloc-act #actu-nav #lire_es {
	background:url(../es/IMG_HOME/actualite/actu-boutons-lire.gif) no-repeat  left top;
	width:99px;
	height:14px;
	float:left;
	display:block
}
#bloc-act #actu-nav em {
	display:block;
	text-indent:-5000px;
}

/*----------- bloc gammes accueil ------*/
#contenu #col-gauche #bloc2 {
	width: 482px;
	color: #999e9d;
	background: url(../fr/IMG_HOME/gamme-arr-pl.gif) repeat-y left top ; 
}
#contenu #col-gauche #bloc2 h2 {
	background: url(../fr/IMG_HOME/gammes-arr-pl-titre.gif) left top no-repeat;
} 

#contenu #col-gauche #bloc2 #arr-pl-bas {
	float:left;
	width:482px;
	height:29px;
	background: url(../fr/IMG_HOME/gamme-arr-pl-bas.gif) no-repeat ;
}
#visuel {
	float:left;
	width:242px;
	height:162px;
	margin:3px 5px 0 10px;
}
#visuel #photo1 {
	display: block;
}

#container #content {
	margin:0;
	padding:0;
}
#container {
	float:left;
	height:auto;
	width:215px;
}
#container #content .toggler {
	display: block;
	background:url(../fr/IMG_HOME/gamme/gamme_fond_titre.gif); 
	margin:3px 0 0 0; 
	padding:0;
	height:20px;
	text-indent:8px;
}
#container #content .toggler a {
	color: #000066;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
#container #content .accordion {
	border-top: medium none; 
	border-bottom: medium none; 
	overflow: hidden; 
	height: 206px; 
	padding-top: 0px; 
	padding-bottom: 0px;
}
#container #content ul {
	margin:2px 0 0 0;
	padding:2px 0 0 5px;
	background:url(../fr/IMG_HOME/gamme/gamme_fond_txt.gif) repeat-x top left;
}
#container #content ul li {
	margin:0;
	padding:0 0 0 25px;
	background:url(../fr/IMG_HOME/gamme/gamme_puce.gif) no-repeat  0 6px ;
	list-style-type: none;
	font:13px Arial, Helvetica, sans-serif;
	
}
#container #content ul li a {
	color: #000000;
	text-decoration: none;
	font-size:11px;
}

/*----------- bloc 3 lexique  ------*/

#bloc3 {
	clear: both;
	width: 482px; 
	background: url(../fr/IMG_HOME/lexique-arr-pl.gif) left top no-repeat;
	height: 53px;
} 
#bloc3 .gras, #bloc3 a { 
	color:#999e9d;
}
#bloc3 h2 {
	padding: 15px
} 
#bloc3 h2 img {
	vertical-align: middle;
} 		



#bloc-lexique { 
	color:#999e9d;
}	

	


#bloc-lexique {
	float:left;
	width: 482px; 
	background-image:url(../fr/IMG_HOME/fond_grand_box.gif);
	background-position: left top;
	background-repeat:repeat-y;	
}
#bloc-lexique #contenu_bloc_lexique{ position:relative; background: url(../fr/IMG_HOME/lexique-arr-pl-centre.jpg) left top repeat-y; padding: 6px; }
#bloc-lexique #haut_bloc_lexique { background: url(../fr/IMG_HOME/lexique-arr-pl_haut.jpg) left top no-repeat;}
#bloc-lexique #bas_bloc_lexique { background: url(../fr/IMG_HOME/lexique-arr-pl_bas.jpg) left top no-repeat; width:482px; height: 68px;}
#bloc-lexique h2 { color: #fff; }

#bloc-lexique #contenu_bloc_lexique p { margin: 10px; } 
#bloc-lexique #contenu_bloc_lexique p a { color: #999e9d; text-decoration:underline }  
#bloc-lexique #contenu_bloc_lexique p.accroche { color: #5176b3 } 
#bloc-lexique #contenu_bloc_lexique ul { margin-left: 8px; } 


/*------------------------------- col droite ---------------------------------------------*/
#contenu #col-droite {
	float:left;
	width:295px;
} 
/*----------- images promos  ------*/
#col-droite a#bloc_le_n1 {
	display: block;
	width:294px;
	height:117px;
	margin: 0 0 0 4px;
	background:url(../fr/IMG_HOME/bloc/bloc_le_n1.jpg) no-repeat top left;
}
#col-droite a#bloc_le_n1_es {
	display: block;
	width:294px;
	height:117px;
	margin: 0 0 0 4px;
	background:url(../es/IMG_HOME/bloc/bloc_le_n1.jpg) no-repeat top left;
}
#col-droite a#bloc_guide {
	display: block;
	width:295px;
	height:135px;
	background:url(../fr/IMG_HOME/bloc/bloc_guide.jpg) no-repeat top left;
}
#col-droite a#bloc_guide_es {
	display: block;
	width:295px;
	height:135px;
	background:url(../es/IMG_HOME/bloc/bloc_guide.jpg) no-repeat top left;
}

#contenu #col-droite #bloc_24 {
	_margin-top:-12px;
	width:295px;
	height:50px;
	float:left;
}
#contenu #col-droite .txt-invisible{
	display:block;
	text-indent:-50000px;
}

#contenu #col-droite #bloc_saviez {
	margin-top:1px;
	_margin-top:0px;
	width:295px;
	height:auto;
	float:left;
	background-image: url(../fr/IMG_HOME/bloc/bloc_droit_fond.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#contenu #col-droite #bloc_saviez h2{
	background:url(../fr/IMG_HOME/bloc/bando_saviez_vous.gif) no-repeat top left #FFFFFF; 
	float:left;
	margin:0 3px;
	_margin:0 0 0 1px;
	padding:0 0 0 25px;
	width:272px;
	height:21px
}
#contenu #col-droite #bloc_saviez ul {
	background:url(../fr/IMG_HOME/bloc/bloc_droit_bas.gif) no-repeat bottom left;
	width:291px;
	height:auto;
	float:left;
	padding:5px 0;
}
#contenu #col-droite #bloc_saviez li {
	background:url(../fr/img/commun/icones/fleche01.gif) no-repeat 0 5px; width:291px; height:18px;
	margin:0 0 0 20px;
	padding: 0 0 0 25px;
}
#contenu #col-droite #bloc_saviez a {
	color:#000;
}
#contenu #col-droite #bloc_temoignages {
	text-align:center;
	margin-top:8px;
	_margin-top:4px;
	width:295px;
	height:auto;
	float:left;
	background-image: url(../fr/IMG_HOME/bloc/bloc_droit_fond.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#contenu #col-droite #bloc_temoignages li {
	list-style-type: none;
}
#contenu #col-droite #bloc_temoignages .haut {
	background:url(../fr/IMG_HOME/bloc/bloc_droit_haut.gif) no-repeat top left;
	width:295px;
	height:18px;
	float:left;

}
#contenu #col-droite #bloc_temoignages .bas {
	background:url(../fr/IMG_HOME/bloc/bloc_droit_bas.gif) no-repeat top left;
	width:295px;
	height:21px;
	float:left;
}
#contenu #col-droite #bloc_saviez .invisible li {
	font-size: 1px;
	text-indent: -50000px;
	display:none;
	height: 0.01em;
	width: 0.01em;
		list-style-type: none;
	margin:0;
	padding:0;

}

/*------------------------------- pied de page ---------------------------------------------*/
#pied-de-page {
	clear: both; 
	width:780px;
	height:73px; 
	font:1em  Arial, Helvetica, sans-serif ; 	
	color:#476cba ; 
}
#main #pied-de-page #puceVisual {
	position: absolute;
}
#pied-de-page>a img { float:left; border-left:solid 10px #FFFFFF }
#pied-de-page>ul { 
		width:560px;
		margin: 25px 0 0 0px; 
		padding:  6px 0 0 250px; 
		background: url(../fr/IMG_HOME/deco-menu-footer-Z.jpg) no-repeat 100px 0 ;
 }
#pied-de-page>ul li { float: left; display:block; margin: 0 0 3px 3px ; }
#pied-de-page>ul li a { margin: 5px 0 0 ;}

.puce {
	background-position: top;
}

/*------------------------------- pop-ups - guide-24h-ami ---------------------------------------------*/
.fondBlanc {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../fr/IMG_HOME/pngtrans.png) repeat top left;
	z-index:101;
	left:0;
	top:0;
}

#guide div {
	position: relative;
	margin: 0 auto;
	width:700px;
	height:587px;
	border:solid 2px #000099;
	background:#000099;	
}
#guide div .bt {
	position:absolute;
	top:0;
	right:0;
	height:20px;
	width:20px;
	background:url(../fr/IMG_HOME/trans.gif) repeat;
}

#form24 .bloc-bleu, #ami .bloc-bleu {
	margin:0 auto;height:auto;
	position: relative;
	border:solid 1px #8195bd;
	top:60px;
	background-color: #C1D1EA;
	background-image: url(../fr/img/commun/ferm_tableau.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 206px;
	padding:0;
	text-align:center
}
#form24 .bloc-bleu .titre  , #ami .bloc-bleu .titre  {
	background-image: url(../fr/img/gamme/bg_tabtitre.gif);
	background-position: left 0;
	height: 30px;
	margin: 0 0 0 0;
	padding: 12px 0 0 2px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	
} 
#form24  .bloc-bleu .contenu , #ami .bloc-bleu .contenu {
	margin: 0 5px 0 5px;
	padding:10px 0 25px 0; 
}



#bas_page {
	clear: both;
	position:relative; 
	width: 780px;
	margin: 0 auto;
	background: url(../fr/img/commun/ligne.gif) no-repeat 30px 15px;	
	height:40px;
	text-align: left;
}
#bas_page ul {
	margin: 5px 0 0 168px;
}
#bas_page li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
.navigue:hover
{
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	color:#294070;
	background-color: #FFFFFF;
}
.navigue 
{
font-size: 11px;
font-family: Arial;
text-decoration: none;
color:#476CBA;
}

.bt-langue{
	width:25px;
	height:19px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
#bt-polonaise {
	background-image: url(../_medias/fr/img/flag/flag_pl.gif);
}
#bt-espagnol {
	background-image: url(../_medias/fr/img/flag/flag_es.gif);
}
#bt-francais {
	background-image: url(../_medias/fr/img/flag/flag_fr.gif);
}
#bt-anglaise{
	background-image: url(../_medias/fr/img/flag/flag_uk.gif);
}

#bt-polonaise:hover {
	background-image: url(../_medias/fr/img/flag/flag_pl02.gif);
}
#bt-espagnol:hover {
	background-image: url(../_medias/fr/img/flag/flag_es02.gif);
}
#bt-francais:hover {
	background-image: url(../_medias/fr/img/flag/flag_fr02.gif);
}
#bt-anglaise:hover{
	background-image: url(../_medias/fr/img/flag/flag_uk02.gif);
}
#bt-retouraccueil {
	display:block;
	background:url(../fr/IMG_HOME/bt-retouraccueil.gif) no-repeat top left;
	width:115px;
	height:25px;
	color:#02654f;
	font:11px Arial, Helvetica, sans-serif;
	margin-top:0px;
	padding:5px  0 0  20px;

}
#bt-retouraccueil-bleu{
	color:#0000CC;

}
/*

#main #contenu #col-gauche #bloc-act #actu-nav #precedent {
	background:url(../fr/IMG_HOME/actualite/actu-boutons-precedent.gif) no-repeat  left top;
	width:55px;
	height:14px;
	float:left;
	display:block
}
#main #contenu #col-gauche #bloc-act #actu-nav #suivant {
	background:url(../fr/IMG_HOME/actualite/actu-boutons-suivant.gif) no-repeat  left top;
	width:46px;
	height:14px;
	float:left;
	display:block
}
/*