/**
 * @author Sophie Martin
 * @lastmodified Juillet, 17 - 2008
 * @media screen
 * @site http://www.quiboweb.com/
 */

/**
 * TODO LISTE
 *
 */
 
 /**
 * ARCHITECTURE 
 * BODY
 *		- header
 *		- container
 *			- sidebar
 *			- content
 *				- text
 *				- subtext
 *		- footer
 */

*{
margin:0;
padding:0;
}
body{
text-align:center;
background:transparent url("../img/back.jpg") repeat-x left top;
font-size: 0.75em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
}
	h1{
	font-size:2em;
	}
	h2{
	font-size:1.4em;
	padding-bottom:15px;
	}
	a{
	color:#2f72ac;
	text-decoration:underline;
	}
		a:hover{
		text-decoration:none;
		}
	p{
	line-height:1.3em;
	padding-bottom:15px;
	color:#737373;
	font-family: Arial, Helvetica, sans-serif;
	}
	hr{
	color: #c3ceaf;
	background-color: #c3ceaf;
	height: 2px;
	margin-top:17px;
	margin-bottom:32px;
	border: 0;
	}
	.etape4PolitiqueProtection ul, .etape4PolitiqueProtection ol {
	padding-left:15px;
	padding-bottom:15px;
	}
		.etape4PolitiqueProtection ul li{
		line-height:1.3em;
		list-style-type:disc;
		color:#737373;
		}
		.etape4PolitiqueProtection ol li{
		line-height:1.3em;
		color:#737373;
		}
	div.container {
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;	
	width: 957px;
	}
	.content{
		width:957px;
	}
	img.logoChaire {
		height: 52px;
		width: 208px;
		position: absolute;
	 	margin:42px 0 0 613px;
	 	z-index:1002;
	}
	.preEtape1 div.container{
	background: transparent url('../img/back_accueuil.jpg') no-repeat left top;
	}
	.etape2InfosGeneralesEngagements div.container{
	background: transparent url('../img/back_accueuil2.jpg') no-repeat left top;
	}

	.etape2OuiCollecte div.container,
	.etape1InfosGenerales div.container,
	.etape3InfosComplementaires div.container,
	.etape3InfosComplementaires2 div.container,
	.etape3InfosVersionCourte div.container,
	.etape3DroitsAcces div.container,
	.etape3Partage div.container,
	.etape3Droits div.container,
	.etape3Securite div.container,
	.etape3Interactivite div.container,
	.etape3Certification div.container,
	.etape3Formulaires div.container,
	.etape3Legislation div.container,
	.etape3Enfants div.container{
	background: transparent url('../img/repeat.jpg') repeat-y left top;
	}
		.etape1InfosGenerales div.content,
		.etape2OuiCollecte div.content{
		background: transparent url('../img/back_etape2.jpg') no-repeat left top;
		}
			.etape2OuiCollecte div.content div.inline{
			background: transparent url('../img/bottom.jpg') no-repeat left bottom;
			}
		
		.etape3InfosComplementaires div.content,
		.etape3InfosComplementaires2 div.content,
		.etape3InfosVersionCourte div.content,
		.etape3DroitsAcces div.content,
		.etape3Interactivite div.content,
		.etape3Formulaires div.content,
		.etape3Partage div.content,
		.etape3Droits div.content,
		.etape3Securite div.content,
		.etape3Certification div.content,
		.etape3Legislation div.content,
		.etape3Enfants div.content{
		background: transparent url('../img/back_etape3.jpg') no-repeat left top;
		}
			.etape3InfosComplementaires div.content div.inline,
			.etape3InfosComplementaires2 div.content div.inline,
			.etape3InfosVersionCourte div.content div.inline,
			.etape3DroitsAcces div.content div.inline,
			.etape3Partage div.content div.inline,
			.etape3Interactivite  div.content div.inline,
			.etape3Formulaires div.content div.inline,
			.etape3Droits div.content div.inline,
			.etape3Securite div.content div.inline,
			.etape3Certification div.content div.inline,
			.etape3Legislation div.content div.inline,
			.etape3Enfants div.content div.inline{
			background: transparent url('../img/bottom.jpg') no-repeat left bottom;
			}
		.etape4PolitiqueProtection div.content{
		background: transparent url('../img/back_resultat.jpg') no-repeat left top;
		}
			
/***************************************
=sidebar
******************************************/
		div.sidebar{
		display:none;
		}
/***************************************
=content
******************************************/
		.etape2InfosGeneralesEngagements div.container .content,
		.preEtape1 div.container .content {
		height: 823px ;
		overflow:hidden;
		padding-top:133px;
		}
			html>body.etape2InfosGeneralesEngagements .container .content,
			html>body.preEtape1 .container .content {
			height: auto;
			min-height: 823px ;
			} 
		
		div.container .content div.inline {
		height: 673px ;
		padding-bottom:81px;
		padding-top:0px;
		}
		 div.container .content{
		padding-top:133px;
		}
			html>body .container .content div.inline{
			background:transparent url(../img/bottom.jpg) no-repeat scroll left bottom;
			height: auto;
			min-height: 673px ;
			} 
			html>body.etape4PolitiqueProtection .container .content div.inline{
				background:none;
			}
			html>body.404error .container .content div.inline{
				background:none;
			}
			
			div.container .content  h1 span{
			display:block;
			width:395px;
			font-size:0.8em;
			padding-bottom:3px;
			}
			
/***************************************
=text
******************************************/
			div.container .content .text{
			width:100%;
			float:left;
			margin-right:60px;
			margin-left:4px;
			}
			
				
				div.container .content .text p.objectifs{
				color:#fff;
				width:884px;
				margin-top:78px;
				margin-top:78px;
				padding-left:36px;
				height:200px;
				}
			
			div.container .content .question{
			margin-left:0px;
			} 
			
/***************************************
=subtext
******************************************/
			div.container .content .subtext{
				float:left;
				width:406px;
			}
			
				
				
				
/************************
=form
*************************/

div.container .content form{
padding-left:50px;
width:885px;
font-family:  Arial, Helvetica, sans-serif;
}
.etape2InfosGeneralesEngagements div.container .content form,
.preEtape1 div.container .content form{
padding-left:0px;
width:408px;
}
div.container .content form .text{
width:400px;
}
div.container .content  .question input.radio{
float:left;
margin-right:5px;
margin-top:0px;
}
div.container .content  .question label.radio{
float:left;
padding-top:0px;
margin-right:28px;
clear:none;
font-weight:normal;
}
div.bouton a.btn_recommencer{
background:transparent url("../img/btn_recommencer.jpg") left top;
display:block;
float:right;
margin-right:25px;
height:38px;
width:149px;
margin-top:17px;
}

div.bouton a.btn_suivant{
background:transparent url("../img/btn_suivant.jpg") left top;
display:block;
float:right;
margin-right:25px;
height:38px;
width:102px;
margin-top:17px;
}
.preEtape1 div.bouton a.btn_suivant {
float:none;
}
div.bouton a.btn_precedent{
background:transparent url("../img/btn_precedent.jpg") left top;
display:block;
float:left;
margin-top:17px;
margin-right:25px;
height:38px;
width:102px;
}

div.bouton a.btn_retour{
	background:transparent url("../img/btn_retour.jpg") left top;
	display:block;
	float:left;
	margin-top:17px;
	margin-left:211px;
	height:38px;
	width:178px;
}
div.bouton a.btn_retour2{
	background:transparent url("../img/btn_retour.jpg") left top;
	display:block;
	float:left;
	margin-left:66px;
	height:38px;
	width:178px;
}
				div.container .content  .question label{
				color:#737373;
				display:block;
				font-weight:bold;
				clear:both;
				padding-top:12px;
				padding-bottom:5px;
				}
				div.container .content  .question input.text{
				margin:0px;
				width:380px;
				padding:0;
				margin-bottom:5px;
				border:1px solid #c8c9cb;
				}
				div.container .content  .question ul li{
				list-style-type:none;
				color:#737373;
				clear:both;
				}
					div.container .content  .question ul li.adresseCodePostal,
					div.container .content  .question ul li.adressePays,
					div.container .content  .question ul li.coordsTel,
					div.container .content  .question ul li.coordsFax{
					float:left;
					clear:none;
					margin-right:11px;
					}
				div.container .content  .question input#adresseCodePostal,
				div.container .content  .question input#adressePays,
				div.container .content  .question input#coordsTel,
				div.container .content  .question input#coordsFax{
				width:183px;
				}
	div.container .content form .info{
	clear:both;
	}
	
/*************************************
	POUR liste dans questions
*************************************/

div.container div.content div.inline div.form div.text div.explication ul,
div.container div.content div.inline div.form div.subtext div.explication ul{
	margin:0;
	padding:15px;
	
}

div.container div.content div.inline div.form div.text div.explication ul li,
div.container div.content div.inline div.form div.subtext div.explication ul li{
	color:black;
	list-style-type:circle;
}

/*************************************
=resultat 
************************************/
.etape4PolitiqueProtection div.container .content {
padding-top:133px;
}
	.etape4PolitiqueProtection  div.container .content form{
	padding-left:0px;
	width:950px;
	}
	
	.etape4PolitiqueProtection  div.container .content form .text,
	.etape4PolitiqueProtection  div.container .content .question,
	.etape4PolitiqueProtection  div.container .content h1 span{
		width:950px;
		}
	.etape4PolitiqueProtection h2{
	color:#8a9574;
	font-size:1.4em;
	}
	.etape4PolitiqueProtection div.container .content .question  ul li{
	list-style-type:disc;
	}
	.etape4PolitiqueProtection div.container .content .question  ul,
	.etape4PolitiqueProtection div.container .content .question  ol{
	padding-left:25px;
	}
	.etape4PolitiqueProtection hr{
	margin-top:0px;
	margin-bottom:15px;
	}
/***************************************
=footer
******************************************/
		div.footer{
		width:931px;
		margin:20px auto 15px;
		margin:auto;
		height:70px;
		padding-top:21px;
		text-align:left;
		padding-left:24px;
		margin-bottom:15px;
		background: transparent url('../img/footer.jpg') no-repeat left top;
		}
			div.footer a{
			color:#47554f;
			}
			div.footer p{
			color:#47554f;
			width:700px;
			float:left;
			
			padding-bottom:0px;
			}
			
				div.footer p.spec{
				font-size:0.9em;
				}
			div.footer div.btn_footer{
			position:relative;
			float:left;
			margin-left:55px;
			margin-top:-33px;
			width:154px;
			}
				div.footer div.btn_footer a.importer{
				background: transparent url("../img/importer.jpg") no-repeat left top;
				height:77px;
				width:69px;
				float:left;
				margin-right:16px;
				}
				div.footer div.btn_footer a.glossaire{
				background: transparent url("../img/glossaire.jpg") no-repeat left top;
				height:77px;
				width:69px;
				float:left;
				}
div#news p.title {
	font-weight: bold;
}

/************************************
table
=popup
**************************************/
table{
text-align:left;
}
.boutonAvertissement {display:none;}

/******************************
bouton result
*********************************/
div.btn_print{
margin-left:47px;
height:220px;
}

div.btn_print a{
display:block;
float:left;
height:189px;
width:170px;

}
div.btn_print a.print{
	padding-right:40px;
	}
div.btn_print a.print:hover{
background: transparent url("../img/print_on.jpg") no-repeat left top;
}
div.btn_print a.html{
	padding-right:66px;
	}
div.btn_print a.html:hover{
background: transparent url("../img/html_on.jpg") no-repeat left top;
}
div.btn_print a.xml{
	padding-right:63px;
	}
div.btn_print a.xml:hover{
background: transparent url("../img/xml_on.jpg") no-repeat left top;
}
div.btn_print a.mail:hover{
background: transparent url("../img/courriel_on.jpg") no-repeat left top;
}

span.souligne{
	text-decoration:underline;
}

body a.lienUniversite{
	position:absolute;
	width:77px;
	height:37px;
	margin-left:840px;
	margin-top:60px;
	z-index:1001;
}

body a.lienCrdp{
	position:absolute;
	width:31px;
	height:37px;
	margin-left:924px;
	margin-top:60px;
	z-index:1000;
}