/* CSS Document */
HTML	{
	height:100%;
	}
BODY	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	height: 100%;
	
	}


#total	{
	width:800px;	
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}
#bandeau	{
	height:122px;
		}			
IMG	{
	border:0; 
	}

#logoGien	{
	float:left;
	}
#nav1	{
	float:left;
	margin:0 0 0 198px;
	padding:0;
	list-style-type:none;
	}
#nav1 LI	{
	float:left;
	margin:0 0 0 31px;
	}
#nav1 LI#lienActualites	{
	margin:0;
	}	
#nav1 LI STRONG	{
	display:none;
	}		
#ventre	{
	clear:both;
	

	}
#contienUniteNav2	{
	float:left;
	width:155px;
	}
#nav2	{
	padding:20px 14px 14px 14px;
	margin:0;
	list-style-type:none;
	
	min-height:200px;
	}
#nav2	LI	{
	border-bottom:1px solid #FFFFFF;
	padding:3px 1px 3px 5px;
	font-size:90%;
	font-weight:bold;
	}
#nav2	LI	A{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	
	}
#nav2	LI .active	A, #nav2	LI .active	LI .active	A	{
	text-decoration:underline;
	}		
#nav2	LI	A:HOVER{
	text-decoration:underline;
	}
#nav2	LI	UL	{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	}
#nav2	LI	UL	LI	{
	border:none;
	margin:4px 0 0 0;
	padding:0;
	}	
#nav2	LI .active	LI	A{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
	font-size:110%;
	}
#nav3	{
	list-style-type:none;
	padding:0;
	margin:0 0 0 10px;
	height:19px;
	background:none;
	}
#nav3	LI{
	float:left;
	margin:5px 3px 0 0;
	}	
#nav3	LI#afficheStyle	{
	background-color:#FFFFFF;
	height:19px;
	padding:0 2px 0 2px;
	margin-left:4px;
	}		
#afficheStyle A	{
	color:#000000;
	text-decoration:line-through;
	font-weight:bold;
	}	
#afficheStyle A .active	{
	text-decoration:none;
	}
#lienAccueil {
	font-size:85%;
	list-style-type:none;
	float: left;
	border:1px solid #FFFFFF;
	margin:7px 0px 0 0px;
	height:10px;
	padding:0;
}
#filAriane {
	font-size:85%;
	list-style-type:none;
	width: 310px;
	float: left;
	border:1px solid #FFFFFF;
	margin:7px 10px 0 0px;
	height:10px;
	padding:0;
	}
#lienAccueil LI {
	margin:0 5px 0 0;
	padding:0 0 0 5px;
}
#lienAccueil LI A {
	text-decoration: none;
	color: black;
}
#lienAccueil LI A:visited {
	color: black;
}
#filAriane	LI{
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
	white-space: nowrap;
	}
#filAriane LI A {
	text-decoration: none;
}
#filAriane .nLien {
	color: black;
}
#lienAccueil LI A:hover, #filAriane LI A:hover {
	text-decoration: underline;
}
#filAriane .nLien:visited {
	color: black;
}
#filAriane	.n2 {
	background:url(../images/filArianne_fl_1.gif) center left no-repeat;
	}	
#filAriane	.n3 {
	background:url(../images/filArianne_fl_2.gif) center left no-repeat;
	}	
#recherche	{
	float:right;
	background:url(../images/recherche_BG.gif) 11px 0 no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	}	
#recherche	INPUT	{
	font-size:80%;
	float:left;
	margin:3px 7px 0 0;
	width:105px;
	border: 0px;
	_border:1px solid #FFFFFF;
	}
#recherche	IMG	{
	float:left;
	border: 0px;
	}

#contenu	{
	float:left;
	
	background:url(../images/contenu_BG.jpg) top left repeat-x #FFFFFF;
	min-height:420px;
	_height:420px;
	width:540px;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	}
#contenu	P	{
	margin:10px 5px 5px 5px;
	}
H1 {
	margin:10px;
	font-size:115%;
	text-transform:uppercase;
}
#contenu H1	{
	margin:10px;
	font-size:115%;
	text-transform:uppercase;
	}
#contenu	A	{
	color:#e40303;
	}
#contenu	A:visited	{
	color:#990000;
	}
	
#listeActus	{
	list-style-type:none;
	margin:0;
	padding: 8px;
	clear:both;
	height:100%;
	}	
#listeActus	.vertical{
	width:250px;
	float:left;
	margin:5px 10px 5px 14px;
	_margin:5px 10px 5px 8px;
	}	
#listeActus	.n2	{
	clear:left;

}
#listeActus	.n3	{
	margin:5px 0 0 0;
	}
#listeActus	#firstActu	{
	width:510px;
	
	}
#contenu #listeActus	H1	{
	font-size:90%;
	color:#dd0202;
	background-color:#f4f2f1;
	border-bottom:1px solid #dd0202;
	margin:0;
	padding:0 0 0 5px;

	}
	
#listeActus .titreActu {
	font-size: 110%;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	font-weight: bold;
}
H2, #listeActus	H2	{
	/*font-size: 25pt;*/
	font-size: 200%;
	margin:0 0 0 0;
	font-weight: bold;
	}
H3, #listeActus	H3	{
	/*font-size: 20pt;*/
	font-size: 180%;
	margin:0 0 0 0;
	font-weight: bold;
	}
H4, #listeActus	H4	{
	/*font-size: 16pt;*/
	font-size: 160%;
	margin:0 0 0 0;
	font-weight: bold;
}
H5, #listeActus	H5	{
	/*font-size: 12pt;*/
	font-size: 140%;
	margin:0 0 0 0;
	font-weight: bold;
}
#listeActus .texteNoir, .texteNoir, #listeActus .texteCouleur, .texteCouleur	{
	display: inline;
	float: none;
	color: #000000;
	cursor: default;
	font-weight: normal;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: none;
	font-size: 130%;
	font-style: normal;
}
#listeActus .texteNoir:hover, .texteNoir:hover, #listeActus .texteNoirItalique:hover, .texteNoirItalique:hover, #listeActus .texteNoirGras:hover, .texteNoirGras:hover {
	color: #000000;
}
#listeActus .texteNoirItalique, .texteNoirItalique, #listeActus .texteCouleurItalique, .texteCouleurItalique	{
	display: inline;
	float: none;
	color: #000000;
	cursor: default;
	font-weight: normal;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: none;
	font-size: 130%;
	font-style: italic;
}
#listeActus .texteNoirGras, .texteNoirGras, #listeActus .texteCouleurGras, .texteCouleurGras	{
	display: inline;
	float: none;
	color: #000000;
	cursor: default;
	font-weight: bold;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: none;
	font-size: 130%;
}
#listeActus P	{
	margin: 11px 2px 22px 5px;
	padding:0 0 2px 0;
	font-size:85%;
	}	
#listeActus A	{
	color:#990000;
	text-decoration: underline;
	}
#listeActus SPAN	{
	display:block;
	float:right;
	cursor: pointer;
	color:#e40303;
	font-weight:bold;
	margin:5px 5px 0 0;
	padding:0 0 0 15px;
	background:url(../images/filArianne_fl_2.gif) center left no-repeat;
	font-size:105%;
	}
#listeActus A:HOVER, #listeActus span:HOVER{
	color:#ff9700;
	}			
#listeActus	IMG	{
	float:left;
	margin:7px 5px 5px 5px;
	}
#listeActus table	IMG	{
	margin: 0 0 0 0;
	float: none;
}
#listeActus table p {
	margin: 0 0 0 0;
	float: none;
}
#listeActus	IMG.zoomSur	{
	margin:1px 2px 0 0;
	_margin-top:2px;
	float:left;
	}	
#listeActus #imageActus {
	vertical-align: top;
	text-align: left;
}
#nav4	{
	float:left;
	margin:15px 0 0 12px;
	padding:0;
	list-style-type:none;
	}
#nav4	LI	{
	height:110px;
	}	
#footer	{
	clear:both;
	height:20px;
	
	}		
#nav5	{
	margin:0 0 0 260px;
	padding:0;
	list-style-type:none;
	display:block;
	font-size:85%;
	}	
#nav5	LI	{
	float:left;
	margin:2px 10px 5px 0;
	padding:0 0 0 10px;
	border-left:1px solid #FFFFFF;
	}	
#nav5	LI.first	{
	border:none;
	}	
#nav5	A	{
	color:#FFFFFF;
	text-decoration:none;
	}		
#nav5	A:HOVER	{
	text-decoration:underline;
	}
/*Contours*/
.L	{
	background:url(../images/encartActus_L.gif) top left repeat-y;;
	}	
.R	{
	background:url(../images/encartActus_R.gif) top right repeat-y;
	}		
.T	{
	background:url(../images/encartActus_T.gif) top right repeat-x;
	}			
.B	{
	background:url(../images/encartActus_B.gif) bottom right repeat-x;
	}	
.TR	{
	background:url(../images/encartActus_TR.gif) top right no-repeat;
	}	
.TL	{
	background:url(../images/encartActus_TL.gif) top left no-repeat;
	}		
.BL	{
	background:url(../images/encartActus_BL.gif) bottom left no-repeat;
	}			
.BR	{
	background:url(../images/encartActus_BR.gif) bottom right no-repeat;
	padding:1px 3px 10px 1px;
	}	
.BR div {
	overflow: hidden;
}

#rechercheRes {
	width: auto;
	padding: 4px;
}
#rechercheRes .resultatRecherche {
	width: 100%;
	margin-top: 4px;
}
#rechercheRes .lienDetail {
	width: 100%;
	height: 20px;
}
/*FORMULAIRE DE CONTACT*/
#fContact {
	padding-left: 20px;
}
#fContact .ligne {
	clear: both;
	padding-top: 7px;
}
#fContact .ligne div {
	float: left;
}
#fContact .ligne .label {
	width: 150px;
	font-weight: bold;
}
#fContact .ligne .civilite input {
	border: 0px;
}
#fContact .ligne div input {
	border: 1px solid black;
}
#fContact .ligne div textarea {
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
}
#fContact .boutons {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
#nom {
	width: 150px;
}
#prenom {
	width: 150px;
}
#email {
	width: 200px;
}
#adresse {
	width: 250px;
}
#ville {
	width: 150px;
}
#cp {
	width: 40px;
}
#tel{
	width: 100px;
}
#message {
	width: 320px;
	height: 80px;
}
#msgContact {
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
}
#errContact {
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	color: #BB0000;
}

/*FORMULAIRE ETAT CIVIL*/
#fEtatCiv {
	margin: 0px;
}
#fEtatCiv p {
	font-size: 11pt;
}
#fEtatCiv span {
	display: inline;
	float: none;
	cursor: default;
	color: black;
	font-weight: normal;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: none;
	font-size: 100%; 
}
#fEtatCiv span:hover {
	color: black;
}
#fEtatCiv .ligne {
	clear: both;
	margin-top: 4px;
}
#fEtatCiv .ligne div {
	float: left;
}
#fEtatCiv .ligne .labelGras {
	font-weight: bold;
}
#fEtatCiv .ligne .label {
	width: 175px;
	text-align: right;
	padding-right: 4px;
}
#fEtatCiv textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#fEtatCiv .boutons {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
#fEtatCiv #etesVousAutre {
	width: 80px;
}
#fEtatCiv #nom, #fEtatCiv #prenom, #fEtatCiv #NomConjoint, #fEtatCiv #PrenomConjoint, #fEtatCiv #NomPereConjoint, #fEtatCiv #NomMereConjoint, #fEtatCiv #NomPere, #fEtatCiv #NomMere, #fEtatCiv #PrenomPereConjoint, #fEtatCiv #PrenomMereConjoint, #fEtatCiv #PrenomPere, #fEtatCiv #PrenomMere, #fEtatCiv #NomTitulaire, #fEtatCiv #PrenomTitulaire {
	width: 150px;
}
#fEtatCiv #NomTitulaire {
	margin-right: 20px;
}
#fEtatCiv #NomPereConjoint, #fEtatCiv #NomMereConjoint, #fEtatCiv #NomPere, #fEtatCiv #NomMere {
	margin-right: 60px;
}
#fEtatCiv #NomPere, #fEtatCiv #NomPereConjoint {
	margin-left: 2px;
}
#fEtatCiv #NomConjoint {
	margin-right: 27px;
}
#fEtatCiv #nom {
	margin-right: 90px;
}
#fEtatCiv #cp {
	width: 40px;
	margin-right: 34px;
}
#fEtatCiv #rue {
	width: 300px;
}
#fEtatCiv #ville, #fEtatCiv #pays {
	width: 100px;
}
#fEtatCiv #ville {
	margin-right: 34px;
}
#fEtatCiv #usage {
	width: 100%;
	height: 40px;
}
#fEtatCiv #numActe {
	width: 60px;
}
 #fEtatCiv #lieu {
	width: 100px;
 }
#fEtatCiv #nbExemplaires {
	width: 40px;
}
#fEtatCiv #acteDateA {
	margin-right: 38px;
}
#fEtatCiv #acteDateJ, #fEtatCiv #acteDateM, #fEtatCiv #acteDateA {
	width: 30px;
}
#fEtatCiv #commentaire {
	width: 400px;
	height: 50px;
}

/*FORMULAIRE PROPRETE*/
#fProprete {
	padding-left: 20px;
}
#fProprete .ligne {
	clear: both;
	padding-top: 4px;
}
#fProprete .ligne div {
	float: left;
}
#fProprete .ligne .labelGras {
	font-weight: bold;
}
#fProprete .ligne .label {
	width: 175px;
	text-align: right;
	padding-right: 4px;
}
#fProprete .ligne div textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#fProprete .boutons {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
#fProprete #nom, #fProprete #organisme, #fProprete #fonction {
	width: 150px;
}
#fProprete #motif {
	width: 240px;
	margin-left: 4px;
}
#fProprete #commentaire {
	width: 300px;
	height: 80px;
}
#fProprete #email {
	width: 200px;
}
#fProprete #tel {
	width: 60px;
}
#fProprete #adresse{
	width: 250px;
	height: 40px;
}
#fProprete #rue{
	width: 250px;
}

/*FORMULAIRE DOCUMENTATION*/
#fDocumentation {
	padding-left: 20px;
}
#fDocumentation .ligne {
	clear: both;
	padding-top: 4px;
}
#fDocumentation .ligne div {
	float: left;
}
#fDocumentation .ligne .labelGras {
	width: 150px;
	font-weight: bold;
}
#fDocumentation .ligne .label {
	width: 150px;
}
#fDocumentation .ligne div textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#fDocumentation .boutons {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
#fDocumentation #nom, #fDocumentation #ville {
	width: 150px;
}
#fDocumentation #adresse {
	width: 250px;
}
#fDocumentation #email {
	width: 200px;
}
#fDocumentation #cp {
	width: 40px;
}
#fDocumentation #chAutres {
	width: 200px;
}

.arbo, .arbo li ul  {
	list-style-type: none;
	margin-left: 20px;
	padding: 4px 0 4px 0;
}
.arbo li {
	font-weight: bold;
}
.arbo li ul li {
	font-weight: normal;
}