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

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

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

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

/*------- Gauche -----------------------*/
#gauche {
	width:610px;
	float:left;
	padding:14px 0 0 20px;
	/*border:1px solid #000000;*/
	}
	
#droit {
	float: right;
	padding:14px 20px 0 18px;
	width: 281px
	/*margin: 0 -8px 0 0;*/
}
	
#angle_arrondi_sal {/*Angle arrondi sur l'image 1*/
	width:50px;
	height:50px;
	position: absolute;
	left:100px;
	z-index:1000;
	}
	
#angle_arrondi_emp {/*Angle arrondi sur l'image 2*/
	width:50px;
	height:50px;
	position: absolute;
	left:275px;
	z-index:1000;
	}

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

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

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

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

#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:#404183;
    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:281px;
	float:left;
	padding:0;
	/*border:1px solid #000000;*/
	}

/*------------à la une haut-----------------*/
#a_la_une_haut {
	float:left;
	width:281px;
	height:38px;
	background:url(../img/accueil_observatoire_metiers/bg_a_la_une.gif) top left no-repeat;
	display: inline;
	}
	
#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*/
	float:left;
	width:281px;
	background:url(../img/accueil_observatoire_metiers/bg_contenu_a_la_une.gif) repeat-y;
	display: inline;
	}

#a_la_une_contenu h4 {/*paramètres du h3 à la une contenu*/
	color:#404183;
	font-weight:bold;
	background:url(../img/accueil_observatoire_metiers/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:#404183;
}

#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 bloc bas avec l'arrondi*/
	float:left;
	background: url(../img/accueil_observatoire_metiers/bg_bas_a_la_une.gif) no-repeat;
	width:281px;
	height:10px;
	display: inline;
	/*padding-top:10px;*/
	}
/*------------Fin Droit haut-----------------*/

/*------------Droit bas, tout comprendre-----*/
#tout_comprendre {/*même chose que le bloc à la une*/
	width:281px;
	float:left;
	padding:0;
	margin-top: 18px;
	_margin-top:0px;
	}	

.tout_comprendre_haut {
        width:281px;
        height:38px;
        background:url(../img/accueil_observatoire_metiers/bg_tout_comprendre.gif) no-repeat;
		display: inline;
		float:left;
        }	
	
.tout_comprendre_haut h3 {/*idem*/
	width:210px;
	color:#fff;
	font-size:1.8em;
	padding:2px 0 0 30px;
	}

#tout_comprendre_contenu {
float:left;
display: inline;
width:281px;
background:url(../img/accueil_observatoire_metiers/bg_contenu_comprendre.gif) repeat-y;
}
	
#tout_comprendre_contenu 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*/
	float:left;
	background:url(../img/accueil_observatoire_metiers/bg_tout_comprendre_bas.gif) no-repeat;
	width:281px;
	height:11px;
	display: inline;
	}	
	
/*------ Fin mise en page------------------------------*/
/*------------En un clic------------------------*/
#un_clic {
        width:281px;
		float:left;
		padding:0;
        margin-top: 18px;
		_margin-top:0px;
        }

#un_clic_haut {
		float:left;
        width:281px;
        height:38px;
		display: inline;
        background:url(../img/accueil_observatoire_metiers/bg_tout_comprendre.gif) no-repeat;
        }

#un_clic_contenu {
float:left;
width:281px;
display: inline;
background:url(../img/accueil_observatoire_metiers/bg_contenu_comprendre.gif) repeat-y;
}

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

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

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

#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 {
float:left;
display: inline;
background: url(../img/accueil_observatoire_metiers/bg_tout_comprendre_bas.gif) no-repeat;
width:281px;
height:11px;
}
/*---Fin en un clic---------------------*/


/*-----------------Tableau -------------*/

table {/*Paramètres du tableau de donner*/
	/*text-align:center;*/
	width:95%;
	border:1px solid #404183;
	margin:10px 0 0 18px;
	border-collapse:collapse;
	}

#contenu_text .table p {
margin:0 0 5px 0;
padding:2px;
}

table th {/*cellules d'en-tête*/
	width: auto;
	padding:4px 2px;
	background:#F3C6C0;
	border:1px solid #C5220F;
	}

td.entete {/*cellules d'en-tête*/
	width: auto;
	padding:4px 2px;
	background:#c3def3;
	border:1px solid #C5220F;
        text-align:center;
	}
    
table td {/*Paramètre des cellules du tableau*/
	width: auto;
	padding:4px 2px;
	border:1px solid #404183;
	/*font-weight:bold;*/
	}

gris {/*Couleur grise*/
	background:#EFEFEF;
	}
	
p.gauche {
	text-align: left;
}

p.centre {
	text-align: center;
}
    
p.droite {
	text-align: right;
}

embed {
	margin:20px;
}


embed#OM {
margin:0;
}

color_un {/*Class pour la couleur du chiffre 1*/
	color:#404183;
	font-weight:bold;
	}

ital {/*POur mettre le texte en italque*/
	font-style: italic;
	}

#fontsize {
height:35px;
left:17px;
position:relative;
top:2px;
width:180px;
float:left;
}

#print {
height:35px;
left:17px;
position:relative;
top:2px;
float:left;
}

#print_bas {
height:35px;
left:17px;
position:relative;
float:left;
top: -7px
}

#imgprint {
border:none;
}

#plien {
text-decoration: none;
}