/* CSS Document */
/* www.iris-interactive.fr */

body {
	background:#787878 url(../images/_charte/fond.jpg) repeat-x left top;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center;
}

#page {
	width:676px;
	text-align:left;
	margin:10px auto;
	padding:0;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */
#entete {
	height:117px;
	margin:0;
	padding:0;
}
#entete h1{
	position:absolute;
	left:-999em;
}
#entete a img{
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre de navigation horizontale */
/* -------------------------------------------------------------------------------------------- */

#nav {
	margin:0;
	padding: 0;
	background:#ffffff;
	text-align:left;
	height: 21px;
	
}

#nav ul {
	margin:0;
	padding:0; 
}
#nav li {
	display:inline;
	float:left;
	margin:0;
	padding:3px 0 0 0;
	text-align:right;
	border-right: 1px solid #29597F;
}
#nav li.sans {
	display:inline;
	float:left;
	margin:0;
	padding:3px 0 0 0;
	text-align:right;
	border-right:none;
}
#nav li.premium {
	display:inline;
	float:left;
	margin:0;
	padding:3px 0 0 5px;
	text-align:right;
	border-right: 1px solid #29597F;
}
html>body #nav li, #nav li.sans, #nav li.premium{
	margin:0;
	padding-top:0;
	min-height:21px;
}

#nav a {
	margin:0;
	padding:5px;
	color:#6B6B6B;
	text-decoration:none;
	font-size:14px;
	font-weight: bold;
}
html>body #nav a{
	margin:0;
	padding:0 5px 0 5px;
}

#nav a:hover {
	background-color: #E69147;
	color:#ffffff;
}
html>body #nav a:hover{
	padding-bottom:3px;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la gestion des sous-menus */
/* ------------------------------------------------------------------------------------------- */

#nav li ul { 
	position: absolute;
	background: orange;
	width: 175px;
	left: -999em; 
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}





/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone de contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	background:#ffffff url(../images/_charte/bg_left_col.gif) no-repeat left top;
	margin:0;
	text-align:justify;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la colonne de gauche */ 
/* certains styles sont hérités de #global  */
/* -------------------------------------------------------------------------------------------- */

#left_col {
	margin:0;
	padding:0;
	width:203px;
	float:left;
}
#left_col h3.agenda{
	background: url(../images/_charte/left_col_agenda.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.bibliotheque{
	background: url(../images/_charte/left_col_biblio.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.associations{
	background: url(../images/_charte/left_col_asso.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.location{
	background: url(../images/_charte/left_col_location.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.lien{
	background: url(../images/_charte/left_col_liens.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.contact{
	background: url(../images/_charte/left_col_contact.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.qui{
	background: url(../images/_charte/left_col_qui.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3.infos{
	background: url(../images/_charte/left_col_infos.gif) no-repeat left top;
	margin:0;
	padding:0;
	width:203px;
	height: 105px;
	float:left;
}
#left_col h3 {
	margin:0;
	padding:5px 0 0 10px;
	color:#4D4D4D;
	font-size:19px !important;
	font-weight:normal;
}
#left_col h3 span{
	left:-999em;
	position:absolute;
}

#left_col hr{
	border: 1px solid #787878;
	margin:-13px 0 0 0;
	padding:0 0 0 0;
}
html>body #left_col hr {
	margin:-6px 0 5px 0;
	padding:0 0 0 0;
}

#left_col h3 span {
	position:absolute;
	left:-999em;
}
#left_col h4 {
	background: url(../images/_charte/bg_left_col_h4.gif) no-repeat 0 5px;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	color:#4D4D4D;
}
html>body #left_col h4 {
	font-size:16px !important;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}
#left_col p {
	margin:0;
	padding:0 10px 20px 10px;
}
#left_col ul {
	margin:0;
	padding:0 10px 20px 10px;
}
html>body #left_col ul{
list-style-type:none;
}
#left_col ul li{
	background: url(../images/_charte/bg_left_col_li.gif) no-repeat 0 6px;
	margin:0;
	padding:0 0 0 10px;
}
#left_col a {
	color:#4D4D4D;
	margin:0 0 0 0 ;
	padding:0 10px 0 0;
}
#left_col a:hover {
	text-decoration: none;
}
#left_col b {
	color:#4D4D4D;
}
#left_col img {
	padding: 0;
	border:none;
	margin:5px 0 5px 0 ;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone de contenu */ 
/* -------------------------------------------------------------------------------------------- */

#content {
	background: url(../images/_charte/bg-content.gif) no-repeat right top;
	width:473px;
	display:block;
	margin:0;
	padding: 0 0 0 15px;
	float:right;
}
html>body #content {
	width:473px;
	margin:0;
	padding: 0;
}
.popup {
	background-color:#FFFFFF;
	background-image:none;
	width:473px;
	display:block;
	margin:0;
	padding: 0;
}

#content h3 {
	margin:0;
	padding:5px 0 0 0;
	color:#FF9100;
	font-size:19px;
	font-weight:normal;
}
html>body #content h3 {
	margin:10px 0 0 0;
	padding:0 0 0 15px;
}

#content h4 {
	background: url(../images/_charte/bg_left_col_h4.gif) no-repeat 0 5px;
	margin:0 0 0 0;
	padding:0 0 0 15px;
	color:#2D5D84;
	font-size:19px;
	font-weight:normal;
	display:inline;
}
html>body #content h4 {
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
#content h5 {
	background: url(../images/_charte/bg_left_col_h4.gif) no-repeat 0 1px;
	margin:15px 0 0 0;
	padding:0 0 0 8px;
	color:#2D5D84;
	font-size:14px;
	font-weight:bold;
}
html>body #content h5 {
	margin:15px 0 0 15px;
	padding:0 0 0 8px;
}


#content hr {
	margin:-13px 0 0 0;
	padding:0;
	color:#787878;
	border: thin solid ;
}
html>body #content hr {
	margin:-5px 0 5px 15px;
	padding:0 0 0 0;
}
#content p {
	margin:0;
	padding:5px 15px 5px 0;
}
html>body #content p {
	margin:10px 15px 5px 15px;
	padding:0 0 0 0;
}
#content  ul {
	list-style-type:none;
	margin:10px 15px 5px 15px;
	padding:0 ;
}
#content  ul li{
	background: url(../images/_charte/bg_left_col_li.gif) no-repeat 0 6px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
#content blockquote.holidays {
	background: url(../images/holidays.gif) no-repeat 10px 5px;
	margin:0;
	padding:5px 15px 5px 82px;
}

#content b {
	color:#4D4D4D;
}
#content a {
	color:#FF9100;
}
#content a:hover {
	color:#FF9100;
	text-decoration:none;
}

.style_vignette {
	float:left !important;
	display:block !important;
	height:140px !important;
	width:140px !important;
	margin:0 5px 40px 5px;
	padding:0 !important;
	border-style:solid;
	border-color:#F68B1F;
	border-width:1px;
}
html>body .style_vignette  {
	height:139px !important;
	margin:0 10px 0 15px;
	padding:0 0 0 15px;
}
.style_loupe{
	margin:99px 0 0 0 !important ;
	padding:0 0 0 0 !important;
	display:block !important;
	float: right;
	cursor:hand !important;
}
html>body .style_loupe  {
	margin:99px 0 0 0 !important ;
}

#content a img {
	border:none;
}
.style_img_left {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
html>body .style_img_left{
	margin:0 15px 10px 15px;
	padding:0 0 0 0;
}

.style_img_right {
	float:right;
	margin:0 15px 0 15px;
	padding:0;
}
#content table.list_ann, table {
	margin:0;
	padding:0;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	width: 100%;
}
#content table.list_ann td, table td{
	margin:0;
	padding:10px ;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
}
#content style_col1{
	margin:0;
	padding:10px ;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
}
#content style_col1 p{
	margin:0;
	padding:10px ;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
}
#content style_col1 strong{
	margin:0;
	padding:10px ;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
}
#content style_col1 a{
	margin:0;
	padding:10px ;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	text-align:left;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu en 2 colonnes */ 
/* -------------------------------------------------------------------------------------------- */
#content .col1_2{
	float:left;
	margin:5px 10px 0 0;
	padding:0;
	width:210px;
}
html>body #content .col1_2{
	margin:5px 15px;
	padding:0;
}
#content .col1_2 p, #content .col2_2 p{
	margin:10px 0;
	padding:0;
}
#content .col2_2{
	width:220px;
	margin:5px 10px 0 0;
	padding:0;
}
html>body #content .col2_2{
	float:right;
}
html>body #content .col2_2 h4, #content .col1_2 h4 {
	margin:0 0 0 0;
	padding:0 0 0 15px;
}
#content .col2_2 .descriptif{
	background: url(../images/_charte/bg_left_col.gif) no-repeat  -10px;
	width:200px;
	margin:0 0 10px 0;
	padding:5px 15px;
}
html>body #content .col2_2 .descriptif{
	width:180px;
		padding:5px 10px;

}
#content .col2_2 .descriptif ul {
	list-style-type:none;
	margin:10px 15px 5px 0;
	padding:0 ;
}
#content .col2_2 .descriptif ul li{
	background: url(../images/_charte/bg_left_col_li.gif) no-repeat 0 6px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
#content a.liste {
	color:#2D5D84;
	background-image:none;
	margin:0;
	padding:0;
}
#content a.asso {
	color:#2D5D84;
	background: url(../images/_charte/bg_left_col_li.gif) no-repeat 0 6px;
	margin:0;
	padding: 0 0 0 10px;
}
#content a:hover.asso {
	text-decoration:none;
}
#content p.chemin {
	color:#2D5D84;
	margin:10px 0 ;
	padding: 0;
}
html>body #content p.chemin{
	margin:10px 15px 10px 15px;
	padding:0;
}
#content p.chemin a{
	color:#2D5D84;
}
#content span.style_comment a{
	color:#2D5D84 !important;
	margin:30px 0 !important;
	padding:20px  0;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au form */ 
/* -------------------------------------------------------------------------------------------- */

#content form{
	width: 430px;
	margin: 10px 0 20px 0;
}
html>body #content form{
	margin:10px 15px 15px 15px;
	padding:0 0 0 0;
}

#content form fieldset{
	margin: 10px 0;
	-moz-border-radius: 8px; 
	-moz-box-sizing: border-box;
	border-radius: 1px;
	
}
#content form legend{
	color:#FF9100;
	font-weight:bold;
}
#content fieldset.identifiant{
	height : 50px;
	padding: 10px;
}
html>body #content fieldset.identifiant{
	height : 40px;
}

#content fieldset.identifiant input{
	margin: 0 5px 0 0;
	width: 88px;
	height:25px;
}
html>body #content fieldset.identifiant input{
	height : 20px;
}
#content fieldset input, fieldset textarea{
	margin: 0 5px 0 0;
	width: 100%;
}
#content fieldset.inscription{
	margin: 0 0;
	padding: 0;
	width:20px;
}
#content fieldset.inscription input{
	margin: 0;
	padding: 0;
	height: 20px;
	
}
#content h4.inscription{
	background: url(../images/_charte/bg_left_col_h4.gif) no-repeat 0 5px;
	margin:0 0 0 0;
	padding:0 0 0 15px;
	color:#2D5D84;
	font-size:19px;
	font-weight:normal;
	display:inline;
}
html>body #content h4.inscription {
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */ 
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:url(../images/_charte/bg_foot.gif) no-repeat left top;
	text-align:center;
	height: 200px;
}

#foot p {
	margin:175px 0 0 0;
	font-size:11px;
	padding:10px 0 0;
	color:#ffffff;
}html>body #foot p{
	margin:0 0 0 0;
	padding: 185px 0 0 0;
}

#foot a {
	text-decoration:none;
	color:#ffffff;
}
#foot a:hover {
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */ 
/* -------------------------------------------------------------------------------------------- */

.style_spacer {
	width:100%;
	clear:both;
	font-size:1px;
}