/* ------------------------------------ */
/*   Css développé par www.creaam.com   */
/*   CSS pour la page d'accueil ARRCO   */
/*                                      */
/* ------------------------------------ */

/*--------------Flash-------------------*/
#flash {
	width:760px;
	height:108px;/*on fixe la hauteur pour éviter une marge en bas sur firefoxe*/
	border-bottom:1px solid #004E80;
}

/*--------------contenent flash si pas player flash ou js désactivé---*/
#flashcontent {
/*background:url(../img/accueil_agirc/bg_flash.jpg);*/
margin-bottom:0;
}

#flashcontent h1 {/*Paramètre h1 si pas de flash*/
	font-size: 20px;
	color:#0072BB;
}
/*--------------fin flashcontent--------*/
/*--------------Fin Flash---------------*/

/*------- Gauche -----------------------*/
#gauche {
	width:480px;
	float:left;
	padding:17px 0 0 10px;
	/*border:1px solid #000000;*/
	}

#droit {
	float: right;
	width: 250px !important;
	width: auto;
	margin: 0 !important;
	margin: 0 -8px 0 0;
}

#angle_arrondi_sal {/*Angle arrondi sur l'image 1*/
	width:50px;
	height:50px;
	background: url(../img/accueil_arrco/angle_arrondi.gif) top right no-repeat;
	position: absolute;
	left:100px;
	z-index:1000;
	}
	
#angle_arrondi_emp {/*Angle arrondi sur l'image 2*/
	width:50px;
	height:50px;
	background: url(../img/accueil_arrco/angle_arrondi.gif) top right no-repeat;
	position: absolute;
	left:275px;
	z-index:1000;
	}

#gauche h1 {/*Paramètre h1*/
	font-size: 20px;
	color:#0072BB;
	}

#gauche a {/*Paramètres des liens dans le corps de la page, contenu gauche*/
	text-decoration:none;
	color:#0072BB;
	}

#gauche a:hover {/*au survol*/
	text-decoration: underline;
	}

#bienvenue {/*bloc du texte bienvenue*/
	background:#ffffff url(../img/accueil_arrco/home_arondi_droit.gif) top right no-repeat;
	float:left;
	width:470px;
	}

#text_bienvenue {/*bloc du texte bienvenue*/
padding:20px 20px 10px 20px;
}	
	
#text_bienvenue p {/*Paramètre des paragraphes*/
	margin:13px 0 0 0;
	color:#333;
	}
		
#contenu_images {/*Bloc qui contient les images des présidents*/
padding:20px 20px 20px 20px;
border-bottom:1px dotted #336699;
}

#contenu_images p {/*Paramètre des paragraphes*/
	margin:5px 0 0 0;
	color:#333;
	}

#contenu_images span {/*Pour mettre les noms des présidents en gras et souligner*/
font-weight:bold;
text-decoration:underline;
}

#img_salarier {/*bloc qui contient l'image du président*/
width:150px;
float:left;
margin-right:25px;
}	

#img_employeurs {/*bloc qui contient l'image du vis-président*/
width:180px;
float:left;
}		

.img {/*paramètre des images des présidents*/
	border:1px solid #828698;
	width:118px;/*On fixe la largeur pour éviter que l'angle arrondi ne soit plus à la bonne place*/
	height:88px;/*On fixe aussi la hauteur*/
	}	
	
#text_paritarisme {/*Bloc du texte paritarisme*/
padding:0 20px 10px 20px;

}	

#text_paritarisme h2 {/*Paramètre du h2 pour paritarisme*/
	font-size: 16px;
	color:#0072BB;
    margin: 10px 0 0 0;
	}	
	
#text_paritarisme p {/*Paramètre des paragraphes paritarisme*/
	margin:8px 0 0 0;
	color:#333;
	}
/*-------Fin gauche ----------------------*/	
	
/*------- Droit --------------------------*/
/*------- Bloc à la une ------------------*/
#a_la_une{
	width:250px;
	float:right;
	padding:17px 10px 0 0;
	/*border:1px solid #000000;*/
	}

/*------------à la une haut-----------------*/
#a_la_une_haut {
	width:250px;
	height:37px;
	background:url(../img/accueil_arrco/bg_a_la_une.gif) top left no-repeat;
	}
	
#a_la_une_haut h3 {/*paramètres du h3 à la une haut*/
	width:210px;
	color:#FFFFFF;
	font-size:1.8em;
	padding:4px 0 0 30px;
	}
	
#a_la_une_contenu {/*bloc du contenu qui permet aussi d'avoir les bords avec la même image*/
	width:250px;
	background:#fff url(../img/accueil_arrco/bg_contenu_a_la_une.gif) repeat-y;	
	}

#a_la_une_contenu h4 {/*paramètres du h3 à la une contenu*/
	color:#0072BB;
	font-weight:bold;
	background:url(../img/accueil_arrco/puce_h4_alaune.gif) no-repeat 0 15px;
	padding:10px 0 0 20px;
	margin:0 0 0 10px;
	font-size:1em;
	}

#a_la_une_contenu p {/*Paramètre des paragraphes pour à la une contenu*/
	padding:0 10px 8px 30px;
	color:#5E5E5E;
    border-bottom:1px dotted #336699;
	}
	
#a_la_une_contenu a {/*Paramètres des liens pour à la une contenu*/
text-decoration:none;
color:#0072BB;
}

#a_la_une_contenu a:hover {/*au survol*/
text-decoration: underline;
}

/*
.bloc_a_la_une {
	padding-bottom:8px;
	padding-top:10px;
	border-bottom:1px dotted #336699;
	}
*/
#a_la_une_bas  {/*Le blos bas avec l'arrondi*/
	background: url(../img/accueil_arrco/bg_bas_a_la_une.gif) bottom left no-repeat;
	width:250px;
	height:16px;
	/*padding-top:10px;*/
	}
/*------------Fin Droit haut-----------------*/

/*------------Droit bas, tout comprendre-----*/
#tout_comprendre {/*même chose que le bloc à la une*/
	width:250px;
	background:#ffffff url(../img/accueil_arrco/bg_tout_comprendre.gif) top left no-repeat;
	margin-top:18px;
	color:#fff;
	}		
	
#tout_comprendre h3 {/*idem*/
	width:210px;
	color:#fff;
	font-size:1.8em;
	padding:2px 0 0 30px;
	}
	
#tout_comprendre p {/*idem*/
	padding:10px 10px 10px 20px;
	color:#5E5E5E;
	}
/*
#tout_comprendre p {
	padding:0 8px 0 20px;
	color:#5E5E5E;
	}
    */
/*	
.bloc_tout_comprendre {
	padding-bottom:8px;
	padding-top:10px;
	}
*/
	
.img_tc {/*cette class permet le placement du logo agirc arrco*/
border:none;
margin:5px 0 0 22px;
	}
	
#tout_comprendre_bas  {/*idem*/
	background: url(../img/accueil_arrco/bg_tout_comprendre_bas.gif) bottom left no-repeat;
	width:250px;
	height:9px;
	}	
	
/*------ Fin mise en page------------------------------*/

/*------------En un clic------------------------*/
#un_clic {
        float:right;
        width:250px;
        background:#FFFFFF;
        margin: 18px 10px 0 0 
        }

#un_clic_haut {
        width:250px;
        height:40px;
        background:#FFFFFF url(../img/accueil_arrco/bg_tout_comprendre.gif) no-repeat;
        }

#un_clic_contenu {
width:250px;
}

#un_clic_contenu ul {
        list-style:none;
        display:block;
        color:#0072BB;
        }

#un_clic_contenu li {
        padding:0 0 2px 31px;
        margin-bottom:7px;
        font-weight:bold;
        background:url(../img/accueil_arrco/puce_en_un_clic.gif) no-repeat 10px 4px;
        border-bottom:1px dotted #336699;
        }

#un_clic_contenu a {
        text-decoration:none;
        color:#0072BB;
        }

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

#un_clic_haut h3 {
        width:210px;
        color:#FFFFFF;
        font-size:1.8em;
        padding:2px 0 0 30px;
}

#un_clic_bas {
background: url(../img/accueil_arrco/bg_tout_comprendre_bas.gif) bottom right no-repeat;
width:250px;
height:11px;
}
/*---Fin en un clic---------------------*/