/* CSS Document */

body{
	background:white url("/images/interface/fd_body.jpg") repeat-x left top;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#global{
	width:98em;
	margin:auto;
}

	#flash{
		width:79.4em;
		float:left;
		text-align:center;
	}
		#flash img{margin:auto;}
	
	#ligne{display:none;}
	
	/* LOGIN */
	#login{
		width:15.2em;
		border-left:4px solid #004A7F;
		float:left;
		height:7em;
		margin:0.5em 0;
		padding:0 1em;
		line-height:1.6em;
	}
		#login img{ float:left; margin-right:10px; }
		#login h1, #login2 h1, #login .h1, #login2 .h1{
			font:bold 1.5em Arial, Helvetica, sans-serif;
			color:#004A7F;
			margin:8px 0;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
		}
		#login input, #login2 input{font-size:1em;}
		#login table, #login2 table{
			border-collapse:collapse;
			padding:0;
		}
		#login .password, #login2 .password{width:9em;}
		#login input[type=image], #login2 input[type=image]{margin-bottom:-0.3em;}
		
		#right #login2 a.inscription, #login a.inscription{
			display:block;
			background-color:#004A7F;
			color:white;
			border:1px solid #808183;
			float:left;
			padding:0 0.2em;
			text-decoration:none;
			text-transform:uppercase;
			margin-top:0.5em;
		}
		
	#right #login2{display:none;}
	
	.counter{ 
		color:white;
font-weight:normal;
line-height:4.2em;
margin:auto;
padding-right:20px;
text-align:right;
text-transform:uppercase;
width:98em;
		}

		
	/* MENU 1er niveau */
	#menu{
		float:left;
		width:100%;
		height:2.5em;
		line-height:3em;
		background-color:#004A7F;
		color:white;
		font-size:1.1em;
		text-transform:uppercase;
	}
		#menu a{
			display:block;
			height:2.5em;
			padding:0 0.5em;
			float:left;
			color:white;
			text-decoration:none;
		}
		#menu a:hover, #menu a.actif{
			color:#F7AA00;
			background:#004A7F url("/images/interface/pointer.gif") no-repeat 1em top;
		}
			#menu a:hover span{color:white;}
		
	/* TOP avec sous-menus */
	#top{
		width:100%;
		border:1em solid white;
		border-width:0.8em 0;
		float:left;
		background:white url("/images/interface/fd_top.jpg") no-repeat left top;
		padding-bottom:0.8em;
		border-bottom:10px solid #004A7F;
		margin-bottom:1em;
	}
		#top a.logo, #top a.logo2, #top a.logo_ctar, #top a.logo_aad, #top a.logo_ro{
			width:14.5em;
			height:14.5em;
			background:transparent url("/images/interface/logo_cardif.gif") no-repeat center center;
			display:block;
			float:left;
		}
		#top a.logo2{
			background-image:url("/images/interface/logo_cardif2.gif");
		}
		#top a.logo_ctar{
			background-image:url("/images/interface/logo_ctar.png");
		}
		#top a.logo_aad{
			background-image:url("/images/interface/logo_aad.png");
		}
		#top a.logo_ro{
			background-image:url("/images/interface/logo_ro.png");
		}
		#top #ss-menu{
			width:64.5em;
			height:12.7em;
			border:4px solid #F7AA00;
			border-width:0 4px;
			float:left;
			background:transparent url("/images/interface/fd_ssmenu.png") repeat left top;
			padding:.2em 0 1.5em 0;
		}
			#top #ss-menu a.niv1, #top #ss-menu span.niv1{
				display:block;
				padding-left:1em;
				font-size:1.2em;
				color:#004A7F;
				border-bottom:1px solid #004A7F;
				line-height:1.7em;
				height:1.6em;
				text-decoration:none;
			}
			#top #ss-menu a:hover, #top #ss-menu span.actif{
				background:transparent url("/images/interface/fd_ssmenu_roll.png") repeat left top;
				font-weight:bold;
				color:white;
			}
			#top #ss-menu a.niv1 span.niv2{display:none;}
			#top #ss-menu .niv1 a{ color:#004A7F; text-decoration:underline; }
			#top #ss-menu .niv1 a:hover, #top #ss-menu .niv1 a.actif{background-image:none; text-decoration:none;}
			
		#top img{border-left:0.8em solid white;}
	
	/* CONTENT */	
	#content{
		width:/*57.8em*/65.4em;
		float:left;
		border-right:4px solid #E2001A;
		margin-right:0.8em;
		min-height:32.3em;
		font-size:1.2em;
		padding-right:10px;
	}
		#content h1{
			color:#E2001A;
			font-size:2.2em;
			clear:both;
		}
		#content h2{
			color:white;
			background-color:#FDC300;
			font-size:1.2em;
			padding:0.2em 0.5em;
			float:left;
			clear:both;
		}
		.arabe #content h2{ float:right; }
		#content h3{
			color:#004A7F;
			font-size:1.4em;
			clear:both;
		}
		#content ul{
			list-style-image:url("/images/interface/puce.gif");
			list-style-position:inside;
			/*font-weight:bold;*/
			line-height:1.8em;
			clear:both;
		}
		#content p{
			clear:both;
		}
		#content a{color:#E2001A; text-decoration:none;}
		#content a:hover{color:#f04e37; }
		#content img{
			float:left;
			border-width:0;
			margin-top:10px; 
			margin-bottom:20px;
			margin-right:20px;
		}
		#content ul img{ float:none; margin:0 0 0 5px; vertical-align:middle; }
		
		#content table, #content td{ border-collapse:collapse; border-style:solid; border-width:1px; border-color:#666666; line-height:24px; }
		#content table.table-rh, #content table.table-rh td{ border-width:0; }
		#content table.table-rh .degrade td{ background:transparent url("/images/interface/fd_foot.jpg") repeat-x scroll left bottom; height:40px; }
		#content table.table-rh tfoot table.table-rh tbody{ background-image:none; }
		#content td{ padding:0 5px; }
		#content table.table-rh td .date{ float:right; }
		
		#content table.table-rh .input, #content table.table-rh .file{ border:1px solid #E2001A; width:200px; border-style:solid; }
	
	/* COLONNE DROITE */
	#right{
		width:17.1em;
		background-color:#89A2C2;
		float:left;
		color:white;
		text-align:center;
	}
		#right h1.pub{font:normal 2em Impact, Arial, Helvetica, sans-serif;}
			
	/* Cartouche CONTACT */
	#contact{
		width:100%;
		color:white;
		background-color:#004A7F;
		text-align:left;
		overflow:hidden;
	}
		#contact div{ padding:0 10px; }
		#contact h1, #contact a.nouscontacter{
			font:bold 1.2em Arial, Helvetica, sans-serif;
			text-decoration:underline;
			padding:0;
			text-transform:uppercase;
		}
		#contact strong{
			display:block;
			padding:0.5em 2.5em;
			border:1px solid white;
			text-align:center;
			margin:5px;
			font-size:1.4em;
		}
		
	#content table.contact, #content table.contact td{ border-width:0; }
	
	#reg{display:none;}
		
	/* PIED de page */
	#foot{
		width:970px;
		background:#E2001A url("/images/interface/fd_foot.jpg") repeat-x left top;
		padding-top:6em;
		padding-right:10px;
		float:left;
		line-height:2.5em;
		text-align:right;
		color:white;
	}
		#foot a{
			color:white;
			text-decoration:none;
		}
	.signature{
		width:100%;
		float:left;
		text-align:center;
		margin-top:1em;
	}
		.signature a{color:#E2001A; text-decoration:none;}
		
			
	/* CONTACT */
	.form{
		width:100%;
	}
	.form input, .form select, .form textarea{width:20em;}
	
	/* TABLEAU DES PLANNING */
	#planning table, #planning td{ border-width:0; }
	#planning .border{
		text-align:right;
		color:#999999;
		border-right:1px solid #999999;
		}
	#planning th{padding:5px;}
	#planning tr{min-height:25px;}
	#planning th{text-transform:uppercase;}
	#planning tr.gris td{background-color:#f0f0f0;}
	#planning .larg{width:25px;}
	#planning img{border:0; padding:0; margin:0;}
	
	
	/* AFFICHE APPELS D'OFFRES */
	#appel-offres{ text-align:center; margin:0 10px; }
	#appel-offres img{ border-width:0; float:none; }
	#appel-offres h1{ color:black; font-size:18px; margin:20px 0 0 0; }
	#appel-offres h1 span{ font-size:12px; }
	#appel-offres h2{ color:#e2001a; float:none; background-color:transparent; margin:20px 0 0 0; }
	#appel-offres .encart{ background-color:#CCCCCC; padding:10px 0; border:1px solid black; }
	#appel-offres .encart h2{ margin:10px; font-size:18px; }
	#appel-offres .encart h1{ margin:10px; font-size:14px; }
	#appel-offres a{ font-weight:bold; color:#004A7F; }
	#appel-offres a:hover{ color:#6f90b8; }
	ul.cadre{ border:1px solid #6f90b8; width:80%; margin:auto; padding:10px; }