/* CSS DOCUMENT */

* { margin:0; padding:0 }

body {
	color:#000000;
	background:url('images/fond_page.gif');
	margin:40px 0 0 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}

img { border:0 }

a { color:#FFFFFF; text-decoration:none;}

p, #contenu li { margin:1.3em 0 0 0;}

#subheader { height:20px; width:810px;}

#subheader a { display:inline; height:20px;}

#menu {
	width:792px; height:14px;
	margin:4px 0 1px 0; padding:3px 0 3px 0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	letter-spacing:-0.5px;
	border-bottom:1px solid #FFFFFF;
	}
	
	#menu li {
		display:inline;
		background:#FFFFFF;
		padding:1px 10px 1px 4px;
		}
			
		#menu li:hover {
			background:#000000;		
			color:#FFFFFF;
			}		
			
			#menu li a {
				color:#000000;
				}
				
				#menu li a:hover {
					color:#FFFFFF;
					}
#menu li.active {
	background:#000000;		
	color:#FFFFFF;
	}
	
	#menu li.active a {
		color:#FFF;
		}

#barre_mail {
	border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;
	width:790px; height:22px;
	margin:5px 0 0 0; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF; background:#D31010 url('images/menu/fond_barre_mail2.gif') no-repeat right top;
	text-align:left;
	}
	
	#date { margin:4px 95px 0 0; float:left }
	#email { margin:2px 0 0 0; float:right }
		#email a:hover { color:#000 }
		.form_email { width: 120px; height: 12px; float: left; font:9px Arial, Helvetica, sans-serif; }
		.go { float: left; margin: 0 10px 0 10px }

#fond_blanc { width:100%; background:url('images/fond_page2.gif') }
	
#contenu, #contenu_accueil, #slogan_accueil {
	width:750px; height:auto;
	padding:10px 0 0 40px ;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#D31010;
	text-align:left;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	}	
	
	#contenu_accueil { background:#D31010 url('images/photo_rouge.gif') no-repeat right top }
	#slogan_accueil { text-align:center }
	
	#contenu img, #contenu_accueil img {
		float:right;
		}	
		
		#contenu img {
		margin: 0 40px 0 0;
		}	
	
	#contenu a, #contenu_accueil a { color:#000000; text-decoration:none }
		#contenu a:hover, #contenu_accueil a:hover { text-decoration:underline }
		
	#contenu {
		width:710px;
		background:url('images/fond_agice_petit.gif');
		color:#000;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:10px 40px 20px 40px ;
		}
	
	#contenu li {font-size:11px;}
	
	#contenu a.link {
		font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
		color: #333333; 
		text-decoration:underline;
		}
	
	#contenu a.link:hover {text-decoration:none;}
	
	.stressed {
		font-style:italic;
		font-weight:bold;
		font-size:16px;
		color:#000000;
		}

#footer { width:792px }
	
#adresse_agice {
	width:792px; height:15px;
	font:10px Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#000;
	}
	
	#adresse_agice a { color:#000000 }
	#adresse_agice a:hover { text-decoration:underline }

#ilustration {
	width:790px; height: 90px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-image:url('images/illustration_footer_AGICE.jpg');
	}
	
	#ilustration img{
		margin:0;
		}

#credits { width:793px; margin: 10px 0 0 0; text-align:right }


#titre_page {
	width:790px; padding: 30px 0;
	background-color:#D31010;
	border-bottom:1px solid #000;
	border-left:1px solid #FFF; border-right:1px solid #FFF;
	}

h1 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	margin:0 0 0 40px;
	}
	
h2 {
	margin:1.2em 0 0 0;
	font-weight:bold;
	font-size:11px;
	color:#cc0000;
	}
	
	#contenu h2 img {
		float:left;
		}
h3 {
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	}
	
.rouge {
	color:#cc0000;
	}

.rose {
	color:#CC3333;
	}
	
.gris_bold {
	font-weight:bold;
	font-size:11px;
	color:#666666;
	}

.gris_italique {
	color:#666666;
	font-style:italic;
	font-weight:bold;
	}
	
.fleche_employeur {
	background:url(images/fleche_carre.gif) no-repeat;
	padding:6px 0 6px 30px;
	}
	
.encart_droit {
	float:right; 
	margin:40px 40px 0 0 ;
	color:#990000;
	font-size:13px;
	}

.merci {
	font-size:15px;
	font-weight:bold;
	}