@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ______________________________________________________________ */
/* _________________________		GENERAL		_________________ */
/* ______________________________________________________________ */




#conteneur{
width : 1000px;
margin : 0 auto;
padding : 0px 100px;
background-image: url(images/fondBandoH.png);
background-repeat: repeat-y;
}



#hautPage{
position: relative;


}


#contenuPage{
width : 100%;
min-height : 400px;
padding : 35px 15px 0px 15px;
}





/* _______________________________________________________________ */
/* ______________________ 		BANDO HAUT	 ____________________ */
/* _______________________________________________________________ */


#bandoHaut{
	width:100%;
	height : 180px;
	background-image: url(images/bandeauHaut2.png);
	background-repeat: no-repeat;
}



/* _______________________________________________________________ */
/* ______________________ 		LOGO		 ____________________ */
/* _______________________________________________________________ */

#barreLogo{
	background-image: url(images/logoBando3.png);
	background-repeat: no-repeat;
	top: 80px;
	z-index:100;
	width: 280px;
	height: 160px;
	position: absolute;
	margin-left : 30px;
}




/* _______________________________________________________________ */
/* ______________________ 	BARRE DE NAVIGATION __________________ */
/* _______________________________________________________________ */



#barreNav {
	margin : 10px 0px 0 0px;
	
	height: 40px;
	background-image: url(images/barreNavHD3.png);
	background-repeat: no-repeat;
	position : relative;
	background-position: 0px 0px;
	
}

#barreNav a{display : block; 
outline :0;
height : 100%;
}

#lienNav1 {
	position : absolute;
	width: 125px;
	height: 40px;
	left: 330px;
	top: -5px;
	list-style-type: none;
	text-indent: -5000px;
}
#lienNav2 {
	position : absolute;
	left: 460px;
	top: -5px;
	width: 125px;
	height: 40px;
	text-indent: -5000px;
	list-style-type: none;	
}
#lienNav3 {
	position : absolute;
	left: 590px;
	top: -5px;
	width: 125px;
	height: 40px;
	text-indent: -5000px;
	list-style-type: none;
}

#lienNav4 {
	position : absolute;
	left: 720px;
	top: -5px;
	width: 125px;
	height: 40px;
	text-indent: -5000px;
	list-style-type: none;
}

#lienNav5 {
	position : absolute;
	left: 850px;
	top: -5px;
	width: 125px;
	height: 40px;
	text-indent: -5000px;
	list-style-type: none;
}

#lienNav1 a:hover {

background-image: url(images/barreNavHD3.png);
background-position:  660px -40px;
}


#lienNav2 a:hover{
background-image: url(images/barreNavHD3.png);
background-position: 530px -40px;
}

#lienNav3 a:hover {
background-image: url(images/barreNavHD3.png);
background-position: 400px -40px;
}

#lienNav4 a:hover {
background-image: url(images/barreNavHD3.png);
background-position: 270px -40px;
}

#lienNav5 a:hover {
background-image: url(images/barreNavHD3.png);
background-position: 140px -40px;
}

/* _______________________________________________________________ */
/* ______________________ 		Galerie JQ Une	 __________________ */
/* _______________________________________________________________ */







/* _______________________________________________________________ */
/* ______________________ 		CONTENU	 ____________________ */
/* _______________________________________________________________ */


#contenuGauche{
	width : 300px;
	min-height : 400px;
	float : left;
	font-family: Arial, Helvetica, sans-serif;
	
}

#contenuGauche h1{
	font-size : 18px;
	color: #999;
	padding : 20px 20px 10px 20px;
}

#contenuGauche h2{
	font-size : 15px;
	color: #666;
	padding : 10px 20px 10px 10px;
}

#contenuGauche h3{
	font-size : 13px;
	color: #96bf15;
	margin : 10px 10px 0px 10px;
}

#contenuGauche p, li{
	font-size : 12px;
	color: #333;
	padding : 5px 10px;
}

#contenuGaucheHaut{
	height : 300px;
	background-image: url(images/barreGris.png);
	background-repeat: repeat-y;
}

#contenuGaucheBas{
height : 210px;
	background-image: url(images/barreGris.png);
	background-repeat: repeat-y;
	margin : 20px 0 0 0;	
}








#contenuDroit{
	margin-left : 320px;
	width : 640px;
	font-family: Arial, Helvetica, sans-serif;
}


#contenuDroitH{
	width : 100%;
	min-height : 530px;
}

#contenuDroitH h1{
	font-size : 22px;
	color: #96bf15;
}

#contenuDroitH h2{
	font-size : 18px;
	color: #333;
}

#contenuDroitH h3{
	font-size : 15px;
	color: #333;
	
}


#contenuDroitH p{
	font-size : 14px;
	color: #333;
	padding:10px 0;
	line-height: 20px;
}

#contenuDroitH li{
	font-size : 13px;
	line-height: 20px;
	padding:0 0 0 20px;
}




.contenuDroitHband{
	width : 625px;
	min-height : 80px;
	border: 1px solid #99cc00;
	padding : 10px;
}


.contenuDroitHband2{
	width : 625px;
	min-height : 80px;
	border: 1px solid #99cc00;
	padding : 10px;
	margin-top:35px;
}



#contenuDroitPrincGauche{
	width : 380px;
	float : left;

}

#contenuDroitPrincDroit{
	margin-left : 390px;
	width : 250px;
	text-align:center;
}


#contenuDroitPrincDroit img{
	padding:20px 0 10px 0;
}

.textCoulVert{
	color: #96bf15;
	
	font-size : 15px;
}


.TextAlig{
font-size:18px;
color: #96bf15;
}



.fotodroite img{
float:right;
padding:10px 0px 0 20px;
}


.fotogauche img{
float:left;
padding:10px 20px 0 0px;
}


.markeur{

background-image:url(images/markeur.png);
background-repeat: no-repeat;
}



#contenuDroitB{
	
}


#contenuDroitB1{

}

.petTextT{
font-size : 11px;
	color: #333;
}


#contenuDroitB2{

}


#contenuDroitB2 p,h3{


}



/* _______________________________________________________________ */
/* ______________________ 		PAGES ADMIN		 __________________ */
/* _______________________________________________________________ */

.titreSpecialAdmin{
	font-size : 22px;
	color: #96bf15;
	margin : 10px 0;
}



/* _______________________________________________________________ */
/* ______________________ 	PIED DE PAGE		 __________________ */
/* _______________________________________________________________ */

#piedPage{
height : 100px;
background-image: url(images/pied.png);
background-repeat: no-repeat;
position: relative;
}


#piedPage td{
	font-size : 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding : 85px 30px 25px 30px;	
	z-index:2;
}


#piedPage a{
	text-decoration: none;
	color: #96bf15;
}

#piedPage a:hover{
	color: #fff;
}


#ImgBandobas{
background-image: url(images/piedImg.png);
	background-repeat: no-repeat;
	bottom:2px;
	left:-60px;
	z-index:1;
	width: 365px;
	height: 131px;
	position: absolute;
	margin-left : 58px;
}