@charset "utf-8";
/* CSS Document */

/* TEMP */
.comment {
	width:80%;
	margin:20px auto;
	padding:20px;
	background-color:#EEE;
	border:1px dotted #CCCCCC;
}

.comment-titre {
	margin:10px 0 ;
	text-transform:uppercase;
	font-size:1.4em;
	border-bottom:2px solid #666666 ;
}
body {
	font-family:"Trebuchet MS";
	font-size:13px;
}

/* LAYOUT GENERAL */
.col_a, .col_b  {
	float:left;
}

/* ELEMENT HTML */
.dotted {
	width:96%;
	padding:10px;
	border-top:1px dotted #999999;
}

/* PERMET DE CACHER LES TITRES H2, UL POUR ACCESSIBILITE */
.access {
	position:absolute;
	top: -6000px;
	height:0;
	width:0;
}

span.clearer {
	display:block;
}

p.flash {
	margin:0;
	padding:0;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

div#audio,
div#photo,
div#video {
	margin: 20px auto;
	padding: 10px;
	background-color: #000000;
}

span.tx-psmhighlight-sword-1,
strong.tx-indexedsearch-redMarkup {
	background-color: #e8c238;
	font-weight: normal;
}

/* HEADER */
#modules{
	height:180px;
	width:185px;
	position:absolute;
	top:5px;
	right:5px;
}

#content {
	background:url(../medias/content/main_top.gif) top left no-repeat;
}

#footer {
	background-image:url(../medias/content/footer.gif);
	height:135px;
}

p#ariane {
	width:765px;
	font-size:0.90em;
	color:#02008A;
	padding-bottom:5px;
	margin:0;
	text-transform: lowercase;
	background:url(../medias/content/header_pointille.gif) left bottom repeat-x;

}

/* LINKS */
a, a:link, a:visited, a:active, a:focus, a:hover {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.redirect {
	padding-left:15px;
}
a.redirect-mail,
a.redirect-pdf,
a.redirect-zip,
a.redirect-img,
a.redirect-blank {
	padding-left:25px;
}
a.redirect-pdf {
	background: transparent url(../medias/symboles/picto_pdf.gif) no-repeat top left; 
}
a.redirect-zip {
	background: transparent url(../medias/symboles/picto_zip.gif) no-repeat top left; 
}
a.redirect-img {
	background: transparent url(../medias/symboles/picto_img.gif) no-repeat top left; 
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #666;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
}
h5 {
	font-family: Trebuchet MS;
} 


/****************************************************************
*	BLOC MAIN
*/
#main h2 {
	/*
	margin:0 0 -10px 10px;
	padding:15px 0 0 0;
	height:35px;
	color:#86B6C0;
	background:url(../medias/content/mainh2_pointille.gif) top right no-repeat;
	font-family:"Arial Black";
	font-weight:bold;
	text-transform:capitalize;
	font-size:1.2em;
	z-index:1;
	position:relative;
	*/
}

/* BLOC-FLUIDE *******************************************************************************************/
.bloc-fluide {
  	background: #f0f0f0 url(../medias/content/bloc-fluide-topleft.gif);
  	margin: 0 0 20px 0;
}

.bloc-fluide div {
  	background: url(../medias/content/bloc-fluide-bottomleft.gif) 0 100% no-repeat;
}

.bloc-fluide div div {
  	background: url(../medias/content/bloc-fluide-right.gif) 100% 0 no-repeat;
}

.bloc-fluide div div div {
  	background: url(../medias/content/bloc-fluide-bottomright.gif) 100% 100% no-repeat;
}
/* Petit bonus de sécurité : */
.bloc-fluide div div div div {
  	background:none;
	margin:0;
	zoom: 1;
}
/* init des éléments contenu*/
.bloc-fluide div div div h4 {
	margin:0 10px 0 10px;
	padding-top:10px;
}
.bloc-fluide div div div h5 {
	margin:0 10px;
}
.bloc-fluide div div div p {
	margin-left: 10px;
	margin-right: 10px;
}
.bloc-fluide div div div img {
}

p {
	font-family:"Trebuchet MS";
	line-height: 1.4;
	text-align: justify;
}

hr {
	display: block;
	border: 0;
	margin: 15px 0 ;
	height: 1px;
	color: #CCC;
	border: 1px dotted #CCC;
}

/* FORMULAIRE 
form fieldset {
	border: none;
}
form fieldset label {
	display: block;
	float: left;
	width: 80px;
	margin: 0 10px 0 0;
	text-align: right;
}
form fieldset input {
}
form fieldset p {
	clear: both;
}
form fieldset p.submit {
	padding-left: 80px;
}
*/
/* ALIGNEMENT IMAGE */
img.aligne-droite {
	float: right;
	margin: 0 0 5px 10px;
}
img.aligne-gauche {
	float: left;
	margin: 0 10px 5px 0;
}
/* LEGENDE */
div.aligne-gauche {
	float: left;
	margin: 0 10px 5px 0;
	text-align: left;
}
div.aligne-droite {
	float: right;
	margin: 0 0 5px 10px;
	/*text-align: right;*/
}
div.legend span,
div.aligne-droite span,
div.aligne-gauche span {
	display: block;
	clear: both;
	font-size: 0.9em;
	color: #999999;
}
div.aligne-droite span {
	text-align: right;
}

	
	
body#infos div#main p.bodytext {
	margin-top: 10px;
	margin-bottom: 0px;
}

p.hr {
	clear: both;
	line-height: 1px;
	height: 1px;
	margin: 10px auto;
	background: transparent url(../medias/pointille_small.gif) repeat-x center left; 
}

/* formulaire newsletter */
form#newsletter {
	width:476px;
	margin:0 auto;
}
form#newsletter fieldset {
	padding:0;
	margin:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border:none;
}
form#newsletter label.error {
	float: none;
	width: 425px;
	padding-right: 50px;
	font-style: oblique;
}
form#newsletter label {
	display:block;
	float:left;
	width:150px;
	margin:0 10px;
}
form#newsletter label {
	width:80px;
	text-align:right;
}
form#newsletter label.small {
	display: inline;
	float: none;
	width: 50px;
}
form#newsletter input,
form#newsletter textarea {
	width:230px;
}

form#newsletter p.submit {
	margin-left: 100px;
}
form#newsletter p.submit input {
	width: 80px;
	/*margin-left: 30px;*/
}
form#newsletter input.small {
	width:70px;
}
form#newsletter label.error {
	font-size: 0.9em;
}
form#newsletter input.checkbox {
	width:20px;
	border:none;
}

/**/
a.autres-manisfestations {
	display: block;
	line-height: 50px;
	padding-left: 40px;
	background: transparent url(../medias/modules/ic_sortir.gif) no-repeat center left; 
}


body div#main ul {
	list-style-position: outside;
}


ul.no-list {
	list-style: none;
}   


/* Powermail */            
.tx-powermail-pi1 legend {
	padding-bottom: 15px;
}

div.tx-powermail-pi1_thx {
	font-weigth: bold;
}


