/*
	fond			777
	menu			c12e16
	menu sel		791d0e
	menu sous		d16250
	trois texte		5b6e27
	trois fond		a3c545
	h4				993300
*/

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	font-family: helvetica, arial, sans-serif;
	width: 100%;
	height: 100%;
}

ul, li {list-style: none}

h1, h2, h3, h4, h5, h6 {font-weight: normal;color:#fff;}

a {
	text-decoration: none;
	color: #fff;
}


h1 {
	position: absolute;
	top: -500px;
}

hr {
	visibility: hidden;
	height: 1px;
	border: none;
	clear: both;
}

table {overflow: auto;}
table, tr, td {
	padding: 0;
	border: 0;
	margin: 0;
	border-collapse: collapse;
	height: 101%;
	vertical-align: top;
}

.clear {clear:both;}

.nbsp {letter-spacing:-0.15em;}

.tiroir {
	padding: 0 0 10px 0;
	text-align: right !important;
}

.tiroir a {
	font-size: 10px;
}

.rss {
	background: transparent url(Feed-icon.gif) no-repeat left top;
	padding: 7px 5px 3px 30px;
}



#top {
	height: 40px;
	background: #464648 url(fond-top.gif) repeat-x center bottom;
}

.tdUne {width:30%;}
.tdTrois {width: 50%;}

.tdDeux {
	width: 700px;
}

.tdUne,
.tdDeux {
	background: #777;
}

.tdTrois {
	background: #666 url(fond-col3-degrade.gif) repeat-y left top;
}
 

#principal {
	position: relative;
	background: #777;
	width: 700px;
	padding: 50px 0;
}

#options {
	width: 100%;

}

#pied {
	background: transparent url(fond-pied.gif) no-repeat center top;
}



/*	--------------------
	OPTIONS TOP + BOUTON
	-------------------- */
	
#boutonTop {
	width: 700px;
	position: relative;
	z-index: 100;

}

#boutonTop small {
	position: absolute;
	top: -500px;
}

#boutonTop a {
	width: 50px;
	height: 18px;
	background: transparent url(options.gif) no-repeat left top;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 200;
}

#boutonTop a:hover,
#boutonTop a:active {
	background-position: left bottom;
}

#top ul {
	width: 700px;
	padding-right: 250px;
	margin: 0 auto;
	text-align: right;
	padding-top: 10px;
}

#top ul li {
	display: inline;
	font-size: 12px;
	padding: 0 25px;
}





/*	-------
	ADRESSE
	------- */
#adresse {
	width: 100%;
	height: 145px;
	background: transparent url(defaut-logo.gif) no-repeat left top;
	position: relative;
}


#adresse p {
	width: 210px;
	padding-top: 40px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	text-align: right;
}

#adresse p a {
	color: #fff;
}

#adresse p.logo {
	width: 210px;
	height: 132px;
	position: absolute;
	margin: 0;
	padding: 0;
}

#adresse p.logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#adresse p.logo a big {
	display: none;
}


#adresse p.facebook {padding-top: 45px; margin-left: 5px}


/*	---------------
	ZONE DE CONTENU
	--------------- */


#principal h2,
#principal ul,
#principal p,
#principal .texte,
#principal #mediasBloc {
	padding:0 40px;
}

#principal h2 {
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
	padding-top: 40px;
	padding-bottom: 0;
	margin: 0;

}

#principal h2 strong {
	background: url(defaut-h2.gif) no-repeat right top;
	padding-right: 110px;
	padding-top: 6px;
}

#principal h2 small {
	text-transform: none;
	color: #333;
	display: none;
}

#principal li {
	list-style: inherit;
	margin: 0 0 0 0;
	padding-left: 0;
	padding-bottom: 5px;
	list-style-position: outside;
	
}


#principal .texte a,
.contactEmail { 
	color: #fff;
	text-decoration: none;
	padding: 2px 2px 0 2px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

#principal .texte a:hover,
.contactEmail:hover {
	color: #000;
	border-bottom: 1px solid #000;
}
.contactEmail:hover {cursor: pointer;}


#principal .texte .contactEmail img,
#principal .texte img.courrier {
	float: none;
	padding: 0;
	margin: 0;
}

#principal .texte h1, /* tout ça temporaire */
#principal .texte h2,
#principal .texte h3,
#principal .texte h4 {
	color: #333;
	padding: 20px 0 0 0;
	margin: 0;
}

#principal .texte h3 {
	padding: 60px 0 0 0;
	font-size: 36px;
	text-transform: uppercase;
	clear: left;
	color: #000;
	}

#principal .texte h4 {
	padding: 40px 5px 0 0;
	font-size: 20px;
	letter-spacing: 4px;
	font-weight: normal;
	letter-spacing: 0.4px;
	clear: left;
	text-transform: uppercase;
}

#principal .texte h4 strong {font-weight: normal}


#principal .texte h5 {
	padding: 20px 0 5px 15px;
	font-size: 24px;
	letter-spacing: 4px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	background: transparent url(fond-h5.gif) no-repeat -5px 4px;
}

#principal .texte strong {color: #333}


#principal .texte img {
	float: left;
	padding: 0 15px 15px 0;
	max-width: 300px;
}

#principal .texte img.petiteImage {
	width: 200px !important;
}

#principal .texte p.grandeImage img {
	display: block;
}


#principal .texte .affiche {
	padding-left: 10px;
	border-left: 50px solid #888;
}

#principal .texte .bouton {
	color: #a81d1d;
	border-bottom: 1px solid #a81d1d;
}

#principal .articleTetiere {
	width: 660px;
	height: 150px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 0 10px 0;
}

#principal .articleTetiere a {
	display: block;
	width: 660px;
	height: 150px;
/* 	background: transparent url(pictoPhoto-a.png) no-repeat right top; */
}

#principal .articleTetiere a:hover {
/* 	background-position: right bottom; */
}


#principal .articleTetiere img {
	display: none;
}





#principal .texte p,
#principal .texte ul,
#principal .texte ol {
	padding: 3px 0 10px 0;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
	color: #fff;
}

#principal .texte ul,
#principal .texte ol {
}


#principal .texte p.source {
	padding: 0 0 20px 40%;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #fff;
}


#principal .texte ul {
	list-style: none;
}

#principal .texte li {
	background: transparent url(li-texte.gif) no-repeat left top;
	padding-left: 40px;
	clear: left;
}

#principal .texte ol li {
	background: none;
	padding-left: 10px;
}


#principal .texte blockquote {
	padding: 0 8px 8px 80px;
	margin: 0;
	background: transparent url(citation.gif) no-repeat left 7px;
	color: #555;
	font-style: normal;
	font-size: 90%;
	text-align: left;
}
#principal .texte blockquote p {
	padding: 0 0 5px 0;
	text-align: left;
	
}

#principal .texte .expo {
	padding: 30px 25px 10px 85px;
	background: transparent url(expo.gif) no-repeat left top;
	margin-bottom: 25px;
}



#principal .texte p.image_dans_texte img {float: none; padding: 0; margin: 0;}






/*	-----------
	MENU COMMUN
	----------- */

#trois ul#menuPrincipal {
	background-position: left -30px;
	padding: 0 0 10px 0;
	margin: 0;
}


/*MENU SOUS : LES SOUS-RUBRIQUES */
#trois ul li.menuSous ul 
{
	padding: 0 0 3px 15px;
	background: transparent;
}

#trois ul li.menuSous ul li a
{
	color: #ccc;
	font-size: 11px;
	padding: 0 0 0 30px;
}

#trois ul li.menuSous ul li a:hover
{
	color: #000;
}


#quatre {
	background: #414141 url(fond-niveau4.gif) repeat-x left top;
	height: 100%;
}

#quatre ul {
	background: transparent url(fond-niveau4-coin.gif) no-repeat left -1px;
	padding: 30px 0 10px 0;
	margin: 0;
	width: 210px;
}

#quatre ul li {
	line-height:16px;
	padding:5px 5px 5px 30px;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;	
}

#quatre ul li h5 a {
	font-size: 11px;
	color:#fff;
	display: block;
}

#quatre ul li h5 a:hover,
#quatre ul li p a:hover {
	color: #000;
}


#quatre ul li p a {
	font-size:11px;
	line-height:13px;
	padding:0;
	text-decoration:none;
	text-transform:none;
	width:auto;
	color: #aaa;
	display: block;
}







/*	-------
	SUBMENU
	------- */

#subMenu {
	width: 680px;
}


#principal #subMenu * {
	margin: 0;
	padding: 0;
	text-align: right;
}

#principal #subMenu ul {
	line-height: 20px;	
}

#principal #subMenu li {
	display: inline;
}


#principal #subMenu li a {
	font: bold 11px/15px "Trebuchet MS",Verdana,sans-serif;
	padding: 5px 5px 2px 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid transparent;
}

#principal #subMenu li a:hover, 
#principal #subMenu li a.sel {
	border-bottom: 1px solid #fff;
	color: #fff;
}





/*	---------------------------------
	BLOC COLONNE DROITE MEDIAS + MENU
	--------------------------------- */

ul#menuMedias {
	position: absolute;
	left:0;
	top: 0;
	margin: 0;
	padding: 0;
}

ul#menuMedias small {
	display: none;
}

ul#menuMedias li,
ul#menuMedias li a {
	width: 35px;
	height: 35px;
	margin: 0;
	padding: 0;
}

ul#menuMedias li {
	margin-bottom: 5px;
}

ul#menuMedias li a {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #555;
}

ul#menuMedias li a:hover {
	border: 1px solid #333;
}

ul#menuMedias li a.typeDoc {
	background-image: url(pictoDoc.gif);
	}

ul#menuMedias li a.typeImg {
	background-image: url(pictoPhoto.gif);
	}


#mediasBloc {
	float: left;
	xwidth: 620px;
	width: 630px;
	position: relative;
	margin-bottom: 20px;
	padding-right: 0;
}

#mediasBloc li {list-style: none}

#mediasBloc .media {
	float: left;
	width: 100%;
}

#mediasBloc .media ul {
	float: left;
	padding: 0;
}

#mediasBloc .media ul#mediasDoc {
	padding: 30px 0 20px 0;
	background: transparent url(doc-a-dl.gif) no-repeat left top;
	width: 100%;
	line-height: 30px;
}

#mediasBloc .media ul#mediasDoc li {
 line-height: 25px;
}

#mediasBloc .media ul#mediasDoc li a {
	padding: 5px 5px 3px 25px;
	background: transparent url(pdf-fleche.gif) no-repeat left 2px;
	color: #000;
	border-bottom: 1px solid #777;
	display: inline;
}

#mediasBloc .media ul#mediasDoc li a:hover {
	color: #fff;
	border-bottom: 1px solid #fff

}


#mediasBloc {
	xposition: relative;
}



#mediasBloc .typeImg li {
	width: 105px;
	height: 105px;
	float: left;		
/*
	margin-right: 7px;
	margin-bottom: 7px;	
*/
}


#mediasBloc .typeImg li a {
	display: block;
	float: left;
	width: 93px;
	height: 93px;
	border: 1px solid #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: black;	
}

#mediasBloc .typeImg li a:hover {
	border: 2px solid #fff;
	margin-left: -1px;
	margin-top: -1px;
}

#mediasBloc .typeImg li a img {
	display: none;
}

#mediasVideo {
	border-bottom: 10px solid transparent;
}



.video-legende {
	font-size: 10px;
	color: #333;
}


#mediasVideo object {
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0;
}



#mediasVideo li {
	float: left;
	border-right: 10px solid transparent;
}




#mediasBloc .media {
	background: transparent;
}



#mediasBloc .typeDoc p a {
	background: transparent url(pictoDoc.gif) no-repeat left top;
}


#mediasBloc .typeDoc li a {
	display: block;
	background: transparent url(pictoDoc-download.png) no-repeat 5px center;
	padding: 5px 0 5px 30px;
	

}

#mediasBloc .typeDoc li a:hover {
	background-color: #333;
	
	}
/*

#mediasBloc .typeVideo p a {
	background: transparent url(pictoVideo.gif) no-repeat left top;
}
#mediasBloc .typeAudio p a {
	background: transparent url(pictoAudio.gif) no-repeat left top;
}
*/

.smoothbox-lien {text-align: right;}

#mediasBloc .media * {
	margin: 0;
	padding: 0;
	font: 11px "Trebuchet MS",Verdana,sans-serif;
}



#mediasBloc .media p.playerVideo {
	padding: 0;
}

#mediasBloc .typeVideo p a {
	text-transform: none;
	font-size: 10px;
}


#mediasBloc .media a {
	text-decoration: none;
}

#mediasBloc .typeImg {padding-right: 0;}



/*	------
	FOOTER
	------ */

#pied p {
}

#pied #contact {
	width:570px;
	text-align: right;
}

#pied #contact a {
	color: #999;
}

#pied #credit a {
	color: #666;
}

#pied #credit {
	padding-left: 20px;
}

#pied a {
	font: bold 10px/10px "Trebuchet MS",Verdana,sans-serif;
	text-decoration: none;
}

#pied a:hover {
	color: #c12e16;
}