/* -------------------Généralités ------------------------*/
div {margin:0px;
	padding:0px;
	}

body { background-color:#270b0b;
	   margin:0px;
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:13px;
	   text-align:left;
		   color:#270b0b;
	   z-index:1;
	   /*background-image:url(images3/bg_body.gif);*/
	    }

a {color:#871519;
text-decoration:none;
font-weight:normal;

	}
a:hover{text-decoration:underline;}

a.art_titre{color:#000451;
			font-style:normal;
			}
a.art_titre:hover{color:#000451;
			}

#conteneur {background-color:#FFFFFF;
		   width:950px;
		   height:100%;
		   
		   margin:10px auto 10px auto;
		   border-top:0px solid #270b0b;
		   border-left:1px solid #270b0b;
		   border-right:2px solid #270b0b;
		   border-bottom:2px solid #270b0b;
		   position:relative;
		 
		   	}

#principal {
		   width:950px;
		   height:100%;
		   }

.picture {width:100%;
height:283px;
  background-image:url(images/back.jpg);
		   background-repeat:no-repeat;}

a img{border:none;}
img {margin:0px;}
/* bannière */	
h1 {background-image:url(images/ban.jpg);
	background-repeat:no-repeat;
	background-color:#871519;
	height:130px;
	width:950px;
	overflow:hidden;
	color:#ffffff;
	text-align:right;
	font-size:5px;
	letter-spacing:2px;
	padding:0px 0px 0px 0px;
	border-top:0px solid #000451;
	margin:0px 0px 15px 0px;
	}
h1 span {display:none}







/* Titre de page */
h2 {
	letter-spacing:1px;
	font-size:24px;
	text-align:center;
	height:auto;
	width:100%;
	margin:-5px 0 0px 0;
	color:#ffffff;
	background-color:#871519;
	border-top:1px solid #270b0b;
	border-bottom:1px solid #270b0b;
	}
p.soustitre{
margin:0px 0px 10px 0;
background-color:#ddd4d1;
			border-top:1px solid #270b0b;
		border-bottom:0px solid #270b0b;
			color:#270b0b;
text-align:right;
font-size:10px;
}

/* titre des sections */
h3{background-image:url(images3/logo_titre2.gif);
	background-repeat:no-repeat;
	background-position: left;
	border-bottom:1px solid #40A17F;
	padding-left:20px;
	font-size:15px;
	
	margin:30px 30px 0px 30px;
	color:#000451;
	text-align:left;
	vertical-align:bottom;
	}

h4{ margin:0 0 0 30px;
	font-size:14px;
	
	}


	
.cadre h3{margin:0px;
		
		}


.cadre p{margin-left:35px;
		width:95%;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;

		}

ul, ol{/*border-left:1px dotted #40A17F;*/
		margin-left:35px;
		margin-top:4px;
		padding:0px;}

ol{list-style-type:decimal}

li{
	margin-top:0px;
		margin-left:35px;
		padding:0px;}




ul.submenu {margin:0px;
}

.submenu li{margin:0px;}




/* --------------------------- MENU PRINCIPAL ------------------------------ */
ul#menu {height:100px;
		list-style-type:none;
		position:absolute;
		text-align:center;
		width:205px;
		padding:0px;
		font-family:"Courier New", Courier, mono;
		top:13px;
		right:0px;
		}

ul#menu li{clear:none;
		float:left;
		padding:0px;
		height:15px;
		width:40px;
		text-align:center;
		position:relative;
		margin:0px;
		}

ul#menu a{display:block;
		height:100px;
		width:30px;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		color:#ffffff;
		font-weight:bold;
		letter-spacing:1px;
		font-size:0px;
		margin:0px;
		text-indent:-1000px;
		overflow:hidden;
		background-color:#FFFFFF;
		border:2px solid #270b0b;
		}
		
ul#menu a.m1{background-image:url(images/menuNewOff.jpg);
}

ul#menu a.m2{background-image:url(images/menuInfOff.jpg);
}
ul#menu a.m3{background-image:url(images/menuStaOff.jpg);
}
ul#menu a.m4{background-image:url(images/menuGraOff.jpg);
}
ul#menu a.m5{background-image:url(images/menuMedOff.jpg);
}
ul#menu a.m1:hover{background-image:url(images/menuNewOn.jpg);
}

ul#menu a.m2:hover{background-image:url(images/menuInfOn.jpg);
}
ul#menu a.m3:hover{background-image:url(images/menuStaOn.jpg);
}
ul#menu a.m4:hover{background-image:url(images/menuGraOn.jpg);
}
ul#menu a.m5:hover{background-image:url(images/menuMedOn.jpg);
}




/*------------------------ bloc ------------------------*/
.bloc{  margin:0px 0px 20px 0px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		width:685px;
		padding:0 0px 0px 0px;
		background-color:#ffffff;
				border-left:2px solid #e3dad7;
				border-right:2px solid #e3dad7;
				border-bottom:2px solid #e3dad7;
				border-top:2px solid #e3dad7;
				position:relative;
				}

.bloc h2 {margin:3px 0px 0px 0px;
		padding:0 5px 0 5px;
		background-color:#871519;
		border-top:2px solid #270b0b;
		border-bottom:2px solid #270b0b;
		color:#FFFFFF;
		font-size:16px;
		width:675px;}

.bloc h2 a {
		color:#FFFFFF;
		font-size:16px;
        font-weight:bold;
		}

.bloc p img {margin:3px 5px 3px 5px;}

.bloc h2:first-letter {color:#ffffff;

font-size:18px;
			}


h2 img{vertical-align:baseline;}

.detail {text-align:right;
			background-color:#ddd4d1;
			border-top:1px solid #270b0b;
		border-bottom:0px solid #270b0b;
			color:#270b0b;
			font-size:9px;}

.choixdetail{text-align:center;
			background-color:#ddd4d1;
			margin-top:-5px;
		border-bottom:0px solid #270b0b;
			color:#270b0b;
			font-size:12px;
	
}

.aselect {color:#270b0b;
font-weight:bold;
}

	
.bloc p {text-align:justify;
text-indent:0px;
		padding:0 30px 0 35px;
		margin:0 0 5px 0;
		}

.bloc .fichiers {position:absolute;
padding:0px;
margin:0px;
width:100px;
overflow:hidden;
bottom:-10px;
right:-10px;
background-color:#FFFFFF;
border:1px solid #270b0b;
font-size:10px;
}


/* titre des sections */
h3{
	border-bottom:1px solid #270b0b;
	font-size:14px;
	
	margin:0px 0px 0px 0px;
	color:#871519;
	text-align:left;
	vertical-align:bottom;
	}

h4{ margin:0 0 0 30px;
	font-size:13px;
	
	}

h5{ margin:0 0 0 60px;
	font-size:12px;
	font-weight:normal;
	font-variant:small-caps;
	}

.tech{ margin:0 0 0 0px;
	font-size:12px;
	font-weight:normal;
	
	}
	


.bloc .fichiers ul {margin:0px;
				padding:3px}

.bloc .fichiers ul li {margin:0px;
				padding:0px}

.bloc .fichiers h4 {padding:0px;
margin:1px 0 1px 0;
background-color:#270b0b;
color:#FFFFFF;
font-weight:normal;
font-size:12px;
text-align:center;

}
/*----------Séparation gauche droite------------*/
#colG {float:left;
		width:240px;
		padding:0px;
		margin:0px 0px 0 4px;
	background-color:#ffffff;
	border:1px solid #871519;
	background-color:#ffffff;
		border-left:2px solid #e3dad7;
		border-right:2px solid #e3dad7;
		border-bottom:2px solid #e3dad7;
		border-top:2px solid #e3dad7;
	}

#colG ul{margin:0px 2px 0 5px;
padding:0px;
font-size:10px;
list-style-type:none;
}
#colG p{margin:0px 4px 0 8px;
padding:0px;
font-size:10px;

}

#colG li{margin:0px 2px 2px 5px;
font-size:10px;
}

#colG h2{font-size:12px;
margin:0px 0px 3px 0px;
clear:left;
margin:3px 0px 3px 0px;
		padding:0 0px 0 0px;
		background-color:#871519;
		border-top:2px solid #270b0b;
		border-bottom:3px solid #270b0b;
		color:#FFFFFF;

}

#colG h2:first-letter {color:#ffffff;

font-size:14px;
			}

#colG form{font-size:10px;}

#colD {
	width:695px;
	margin:0 0 0 auto;}

.detailgauche {text-align:left;
			background-color:#ddd4d1;
			color:#270b0b;
			font-size:9px;
			margin-top:-3px;
			}

.detailgauche a {color:#270b0b;}


.select a {color:#270b0b;
font-weight:bold;}							
/* ---------------PIED de page ----------------*/

		

.pied { clear:both;
text-align:center;
background-color:#871519;
	color:#CCCCCC;
	margin:5px 0 0 0;
	font-size:8px;
	height:10px;
	padding:0px 0px 0px 0px;
}

.pied a{color:#FFCF64;}

/*-------------- OBJET DE FORMULAIRE --------------- */

form h2 {margin:0px;
}

.ensemble {width:770px;
margin:0px auto 0px auto;
}

form dl
{
width: 100%;
margin: 0 0 0 0;
padding: 0;

}


form dt
{clear:both;
float:left;
width: 150px;
margin: 11px 0 0 0;
padding: 0 0 0 0;

font-weight: bold;
color:#000451;
}

.intitule {font-weight: bold;
color:#000451;
vertical-align:top;
text-align:right;
padding:1px 2px 0px 0px;
width:155px;}


form dd
{width: 600px;
margin: 10px 0 0 0;
padding: 0;
float:left;

}
form{margin:0px 5px 0px 5px ;
	padding:0;
	}
	



.check {width:10px;
height:10px;
margin:0 0 0 10px;
border:0px solid black;
color:#000451;
padding:0px;
}

textarea {width:580px;
		border-top:1px solid #000451;
		border-left:1px solid #000451;
		border-right:1px solid #000451;
		border-bottom:1px solid #000451;
		margin-left:auto;
		margin-right:auto;
		height:200px;
		text-align:justify;
		font-size:11pt;
		font-family: "Courier New", Courier, mono;
		background-color:#F2F2F2;
		
		color:#613131;
		}

.short {width:380px;}

input { background-color:#F2F2F2;
		border-top:1px solid #000451;
		border-left:1px solid #000451;
		border-right:1px solid #000451;
		border-bottom:1px solid #000451;
		color:#000000;
		font-weight:bold;
		width:190px;
		
		margin-top:1px;
		font-size:15px;
		padding:0px 1px 1px 1px}

input.long{	width:95%;
			}

input.court{
			width:50px;
			}
input.normal{width:150px;}

input.micro{width:15px;
font-size:10px;}

input.gauche{width:120px;
font-size:10px;}

/*l'objet suivant désigne la zone où s'affiche les boutons*/
#zone {width:580px;

		border-top:1px dotted #40A17F;
		border-left:1px dotted #40A17F;
		border-right:2px dotted #40A17F;
		border-bottom:2px dotted #40A17F;
		margin:2px auto 2px auto;
		}

.mise_en_forme{width:581px;
		border-top:1px solid #000451;
		border-left:1px solid #000451;
		border-right:1px solid #000451;
		padding:0 0 0 0;}


select {background-color:#F2F2F2;
		width:303px;
		color:#000451;
		border:1px solid #000451;
		font-weight:bold;
		}

.validation{float:left;
		width:100%;
		text-align:right;
		margin:10px auto 10px auto;
		}



	
	

/* ------------------- Corps des articles -----------------*/
	
.corps {margin:0px auto 5mm auto;
		text-align:justify;
		text-indent:5mm;
		font-size:10pt;
		font-family:Arial, Helvetica, sans-serif;
		width:520px;
	
	}




.corps p{margin:15px 10px 15px 0;}

p.encart{margin:0px 20px 0px 25px;
	/*border-left:1px solid #613131;*/
	padding:0px 0px 0px 1px;
	text-indent:0;
		}
p.noretrait{text-indent:0;
	}

.corps h3,h4,h5,h6 {text-indent:0;}

.corps h3{margin:10mm 0mm 5mm 0px;
			padding-left:10px;}
.corps h4{margin:0 0 -15px 0px;}

.tech {list-style-type:none;}
.tech li{margin: 2px 0 0 0px;
		position:relative;
		background-color:#E1E1E1;
		padding-left:120px;
		}

.tech  li div {position:absolute;
			left:320px;
			top:0px;}



/*--------------------Notes de bas de pages ----------------*/
.foot_notes{border-top:1px solid #C3C3C3;
		margin:0px auto 5mm auto;
		text-align:justify;
		text-indent:0mm;
		font-size:10pt;
		font-family:"Times New Roman", Times, serif;
		width:520px;
			}

.num_note{
font-weight:normal;
vertical-align:text-top;
font-size:9px;
color:#000451;
padding-left:2px;}






/*-------------------------- DIVERS ---------------------------*/		
.box {width:400px;
	  position:relative;
	  left:50%;
	  margin:50px 0 50px -200px;
	  border:1px solid #613131;
	  background-color:#FFFFFF;
	  text-align:justify;
	  text-indent:5px;
	  padding:10px 10px 10px 10px;
	  }
	

  
.developpe {font-size:10px;
		font-weight:bolder;
		/*border:1px solid #7F0000;*/
		width:13px;
		height:13px;
		margin:4px 0 0 40px;
		display:block;
		padding:0 0 0 0;
		text-align:center;
		color:#7F0000;
		}

.developpe:hover {text-decoration:none;
		font-size:11px;
		width:14px;
		height:14px;
			}
			

		

		
		
.remplisbas{height:0px;
background-color:#270b0b;}	

.rempliscol{height:300px;}

/* Gallerie photo */

div.menuVit {width:110px;
			height:105px;
			float:left;
			text-align:center;
			overflow:hidden;
			margin:2px;
			/*border:2px solid #270b0b;
			background-color:#871519;*/
			border-left:2px solid #e3dad7;
		border-right:2px solid #e3dad7;
		border-bottom:2px solid #e3dad7;
		border-top:2px solid #e3dad7;}
			
.menuVit h3 {color:#FFFFFF;
			background-color:#871519;
			padding:0px;
			margin:0px;
			font-size:10px;
			height:25px;
			overflow:hidden;
			text-align:center;
			border-top:2px solid #270b0b;
			border-bottom:2px solid #270b0b;}

.menuVit a {color:#FFFFFF;
font-weight:bolder;}
			
.menuVit img{border:3px solid #270b0b;
				width:80px;
				margin:5px auto auto auto;
				
				
				}

.picture {clear:left;}

.fille {font-weight:normal;
		font-size:9px;
		color:#270b0b;
		
		}

.maman {font-weight:normal;}


#colG h2 a {color:#ffffff;
			font-size:10px;}

#colG ul li.sepa {
	font-weight:bold;
	font-size:12px;
	margin:5px 0 5px 0px;
	padding:0px;
	color:#871519;
	border-bottom:1px solid #270b0b;
	}

#vignette {background-color:#871519;
height:50px;
margin:-5px 0 0 0;
border-top:2px solid #270b0b;
border-bottom:2px solid #270b0b; }

#vignette ul{margin:0 auto 10px auto;
list-style-type:none;
height:50px;

padding:0px 0px 0 145px;
}

#vignette li{margin:3px; 
list-style-type:none;
float:left;
}

#vignette img{width:40px;
height:40px;}

#vignette a{display:block;
width:40px;
height:40px;
border: 2px solid #ffffff;}

#vignette a:hover{
border: 2px solid #270b0b;}

#photo{text-align:center;
background-color:#FFFFFF;
margin:10px;
}

#photo img{border:10px solid #270b0b;}
#photo p{text-align:center;
font-size:9px;}

#diapo {margin:-10px 0 0 0;}

#diapo img{vertical-align:middle;}

#reglette {
text-align:right;

width:350px;
margin:-10px 20px 0 0;
float:right;}

#reglette img{vertical-align:middle;}

.basphoto{background-color:#871519;
color:#FFFFFF;
font-weight:bold;
padding:2px;
height:23px;
margin:-2px 0 0 0;
/*border-top:2px solid #270b0b;*/
border-bottom:2px solid #270b0b; }

.fstext{text-align:center;}

.basphoto a{font-weight:bold;
color:#FFFFFF;}

.avoir{background-color:#270b0b;
		color:#FFFFFF;
		}
.avoir a{color:#FFFFFF;
		font-weight:bold;}