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

body {
	background-color:#fff;
	background-image:none;
	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:none;
	float:left;
	margin:0;
	padding:3px 4px 0 3px ;
	text-align:right;
	border-right: 1px solid #29597F;
}
#nav li.sans {
	display:none;
	float:left;
	margin:0;
	padding:3px 0px 0 5px ;
	text-align:right;
	border-right:none;
}

#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;
}


/* ------------------------------------------------------------------------------------------- */
/* 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 {
	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{
	margin:0;
	padding:0;
	width:203px;
	height: 0;
	float:left;
}
#left_col h3 {
	margin:0;
	padding:0 0 0 10px;
	color:#4D4D4D;
	font-size:19px;
	font-weight:normal;
}
#left_col h3 span{
	left:-999em;
	position:absolute;
}

#left_col hr{
	border: 1px solid #787878;
	margin:-10px 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 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#4D4D4D;
}
html>body #left_col h4 {
	font-size:16px !important;
	margin:0 0 0 10px;
	padding:0 0 0 0;
}
#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{
	margin:0;
	padding:0 0 0 0;
}
#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 {
	width:473px;
	display:block;
	margin:0;
	padding: 0 0 0 15px;
	float:right;
}
html>body #content {
	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 left 5px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#2D5D84;
	font-size:19px;
	font-weight:normal;
	display:inline;
}
html>body #content h4 {
	margin:0 0 0 15px;
	padding:0 0 0 0;
}


#content hr {
	margin:-10px 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{
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}

#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:170px !important;
	width:175px !important;
	margin:0 5px 40px 5px;
	padding:0 !important;
	border-style:solid;
	border-color:#F68B1F;
	border-width:1px;
}
html>body .style_vignette  {
	height:169px !important;
	margin:0 10px 0 15px;
	padding:0 0 0 15px;
}
.style_loupe{
	margin:129px 0 0 0 !important ;
	padding:0 0 0 0 !important;
	display:block !important;
	float: right;
	cursor:hand !important;
}
html>body .style_loupe  {
	margin:129px 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;
}
#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{
	margin:5px 0 0 0;
	padding:0;
}
#content .col2_2 p.descriptif{
	width:190px;
	margin:0 0 10px 0;
	padding:5px 15px;
}
#content a.liste {
	color:#2D5D84;
	background-image:none;
	margin:0;
	padding:0;
}
#content a.asso {
	color:#2D5D84;
	margin:0;
	padding: 0 0 0 10px;
}
#content a:hover.asso {
	text-decoration:none;
}
#content p.chemin {
	position:absolute;
	left:-999em;
}
html>body #content p.chemin{
	position:absolute;
	left:-999em;
}
#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{
	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-color:#FFFFFF;
	text-align:center;
	height: 10px;
}

#foot p {
	margin:0 0 0 0;
	font-size:11px;
	padding:10px 0 0;
	color:#ffffff;
}
html>body #foot p{
	margin:0 0 0 0;
	padding: 0 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;
}