/* CSS Document */
/*Cussac-sur-Loire*/

body {
	background:#C3CB3C url(../images/_charte/body.gif) repeat-x right top;
	margin:0 auto;
	padding:0;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	text-align:center;
}
/* début des styles pour page */
#page {
	margin:0 auto;
	width: 786px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#entete {
	background:url(../images/_charte/entete.jpg) no-repeat center top;
	height:250px;
	margin:31px 0 0 0;
	display:block;
}
#entete h1{
	position:absolute;
	left:-999em;
}
#entete a img{
	border:none;
}

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

#nav {
	margin:0;
	background: #C3CB3C url(../images/_charte/bg_nav.gif) repeat-x left top;
	border-style:solid;
	border-color: #FFFFFF;
	border-width:0 1px 0 1px;
	text-align:left;
	height:36px;
}
#nav ul {
	margin:0;
	padding:0; 
	list-style:none;
}
#nav li {
	background:url(../images/_charte/bg-nav-li.gif) no-repeat right top;
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:right;
}

#nav a {
	margin:0;
	padding:7px 8px;
	display:block;
	color: #FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	/*height:36px;*/
}
#nav a:hover {
	background:transparent url(../images/_charte/bg_nav-a-hover.gif) repeat-x left top;
}


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

#nav li ul { 
	position:absolute;
	left:-999em; 
	text-align:left;
	width:141px;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left:auto;
}
#nav li:hover a, #nav li.sfhover a { 
	color:#FFFFFF;
}
#nav li ul li {
	background-image:none;
	background-color:#9F1866;
	padding:0;
	text-align:left;
	width:141px;
	border-style:solid;
	border-color: #FFFFFF;
	border-width:0 0 1px 0;
}
#nav li ul li a {
	background:transparent url(../images/_charte/bg_nav-a-hover.gif) repeat-x left top;
	background-image:none !important;
	color:#FFFFFF;
	text-align:left;
	padding:3px 10px;
}

#nav li ul li a:hover {
	text-decoration:none;
	background: #6FAEB8 url(../images/_charte/bg_nav-a-hover.gif) repeat-y left top;
}

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

#global {
	background-color: #FFFFFF;
	min-height:400px;
	margin:0;
	padding:0;
	text-align:justify;
}
	html* #global {
		height:400px;
	}
#global p{
	margin:0 0 5px 0;
	padding:0 5px 0 10px;
	color:#887C60;
}
#global p.center{
	text-align:center;
}
#global ul{
	margin:2px 0 3px 5px;
	padding:0 5px 5px 5px;
	list-style:none;
	color:#887C60;
}
#global ul li {
	margin:0;
	padding:0 0 0 13px;
	list-style:none;
	background:url(../images/_charte/bg_li.gif) no-repeat 0 4px;
}
#global {
	margin:0;
	padding:0;
	color: #6C634C;
}

#global a {
	margin:0;
	padding:0;
	color: #AE2072;
}
#global a:hover {
	text-decoration:none;
}
#global h1.blue{
	background: url(../images/_charte/bg_h1-bleu.gif) repeat-x top right;
	color: #FFFFFF;
}
#global h1.fushia{
	background: url(../images/_charte/bg_h1-fushia.gif) repeat-x top right;
	color: #FFFFFF;
}
#global h1.vert{
	background: url(../images/_charte/bg_h1-vert.gif) repeat-x top right;
	color: #FFFFFF;
}
#global h1.orange{
	background: url(../images/_charte/bg_h1-orange.gif) repeat-x top right;
	color: #FFFFFF;
}
#global h1.marine{
	background: url(../images/_charte/bg_h1-marine.gif) repeat-x top right;
	color: #FFFFFF;
}
#global h1.rouge{
	background: url(../images/_charte/bg_h1-rouge.gif) repeat-x top right;
	color: #FFFFFF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation*/ 
/* -------------------------------------------------------------------------------------------- */

#content .chemin{
	background: #F4F3ED url(../images/_charte/bg_chemin.gif) no-repeat 5px 5px;
	display:block;
	margin:0 0 10px 5px;
	padding:5px 5px 5px 25px;
	color:#4D4F50;
}
#content .chemin a{
	color:#4D4F50;
	text-decoration:none;
}
#content .chemin a:hover{
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation*/ 
/* -------------------------------------------------------------------------------------------- */

#fonctions ul.tools {
	float:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;/**/
}
html>body #fonctions ul.tools {
	margin:-30px 0 0 0;
}
#fonctions .tools li {
	display:block;
	height:29px;
	width:26px;
	float:left;
	margin-left:0;
	padding:0;
	background-image:none;
}
#fonctions .tools li a.print, #fonctions .tools li a.send, #fonctions .tools li a.mail {
	display:block;
	height:29px;
	width:26px;
	text-decoration:none;
}
#fonctions .tools li a.mail {
	background:url(../images/_charte/tools.gif) no-repeat 0 0;
}
#fonctions .tools li a.print {
	background:url(../images/_charte/tools.gif) no-repeat -26px 0;
}
#fonctions .tools li a.send {
	background:url(../images/_charte/tools.gif) no-repeat -52px 0;
}
#fonctions .tools li a:hover.mail {
	background:url(../images/_charte/tools.gif) no-repeat 0 -26px;
}
#fonctions .tools li a:hover.print {
	background:url(../images/_charte/tools.gif) no-repeat -26px -26px;
}
#fonctions .tools li a:hover.send {
	background:url(../images/_charte/tools.gif) no-repeat -52px -26px;
}
#fonctions .tools li a span {
	background-color:#AFB728;
	padding:2px 5px;
	margin:30px 0 0 11px;
	font-weight:normal;
	color:#FFFFFF;
	cursor:default;
	text-decoration:none;
	position:absolute;
	left:-999em;
	white-space:nowrap;
	border:1px solid #FFFFFF;
}
#fonctions .tools li a:hover span {
	left:auto;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux colonnes de droite et gauche */ 
/* -------------------------------------------------------------------------------------------- */

#right_col {
	margin:45px 5px 10px 0;
	padding:0 0 10px 0;
	float:right;
	text-align:left;
	width:180px;
}
html>body #right_col{
	width:190px;
	margin:45px 10px 0 0;
	padding:0;
}
#right_col a{
	text-decoration:underline !important;
	color: #AE2072 !important;
}
#right_col a:hover{
	text-decoration:none !important;
}
#right_col strong a{
	text-decoration:none !important;
	color: #887C60 !important;
}
#right_col strong a:hover{
	text-decoration:underline !important;
}
#right_col h1, #left_col h1{
	margin:0 2px 5px 3px;
	padding:0 0 10px 10px;
	color: #C3CB3C;
	font-size:16px;
	font-weight:bold;
}

#left_col {
	margin:0 0 0 0;
	padding:8px 0;
	float:left;
	text-align:left;
	width:180px;
}
#left_col h1{
	margin:5px 0 10px 5px;
	padding:0 0 5px 10px;
	color: #C3CB3C;
	font-size:16px;
	font-weight:bold;
}
#left_col p, #right_col p{
	margin:5px;
	padding:0 5px !important;
	text-align:justify;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone de contenu */ 
/* -------------------------------------------------------------------------------------------- */

#content {
	width:590px;
	display:block;
	margin:10px 0 0 0;
	padding:0 10px 10px 10px;
	float:left;
}
html>body #content {
	width:560px;
	padding:0 10px 10px 10px;
}
#content h1{
	margin:15px 0 10px 5px;
	padding:0 0 5px 10px;
	color: #C3CB3C;
	font-size:16px;
	font-weight:bold;
}
#content h3{
	margin:15px 0 10px 5px;
	padding:0 0 5px 0;
	color: #C3CB3C;
	font-size:16px;
	font-weight:bold;
}
#content h4{
	margin:5px 0 5px 5px;
	padding:3px 3px 3px 5px;
	color: #6C634C;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color: #F4F3ED;
}

#content p.perso {
	background:url(../images/_charte/bg_p_persos.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.asso {
	background:url(../images/_charte/bg_p_asso.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.ass-soc {
	background:url(../images/_charte/bg_p_ass-soc.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.ass-mat {
	background:url(../images/_charte/bg_p_ass-mat.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.centre {
	background:url(../images/_charte/bg_p_centre.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.scolaire {
	background:url(../images/_charte/bg_p_scolaire.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:205px;
	float:left;
}
#content p.resto {
	background:url(../images/_charte/bg_p_resto.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.menu {
	background:url(../images/_charte/bg_p_menu.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.localisation {
	background:url(../images/_charte/bg_p_localisation.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 5px 190px;
	font-weight:bold;
	color:#999999;
}
#content p.localisation2 {
	background:url(../images/_charte/bg_p_localisation.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:7px 5px 5px 0;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.iris {
	background:transparent url(../images/_charte/logo_iris.gif) no-repeat 5px 0;
	padding-left:50px;
	margin:0 5px 15px 0;
}
#content p.top{
	text-align:right;
	padding:10px 10px 10px 5px;
	clear:both;
}
#content p.top a {
	background:url(../images/_charte/top.gif) no-repeat left top;
	padding-left:20px;
	color:#37A3D3;
}
#content p.top a:hover {
	background:url(../images/_charte/top_hover.gif) no-repeat left top;
}

#content a.out {
	background:url(../images/_charte/out.gif) no-repeat left top;
	padding:3px 0 0 23px;
	height:20px;
}
html>body #content a.out {
	background:url(../images/_charte/out.gif) no-repeat left top;
	padding:0 0 0 23px;
	display:block;
}
#content a:hover.out {
	background:url(../images/_charte/out_hover.gif) no-repeat left top;
}
#content a.pdf , #right_col a.pdf {
	background:url(../images/_charte/pdf.gif) no-repeat left top;
	padding-left:19px;
	margin-top:5px;
	display:block;
}
#content a:hover.pdf {
	background:url(../images/_charte/pdf_hover.gif) no-repeat left top;
}
#content form {
	margin:0;
	padding:5px;
	text-align:justify;
	font-size:12px;
}
#content form, input, select, textarea, fieldset, legend {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
}
#content legend {
	color:#37A3D3;
}
#content fieldset {
	border:1px solid #EEEEEE;
	padding:5px;
	margin-bottom:5px;
}
#content fieldset.small {
	width:278px;
}
html>body #content fieldset {
	clear:both;
}
html>body #content fieldset.small {
	width:258px;
	float:left;
	clear:none;
}

/* pour la newsletter */
#content .une_col fieldset {
	width:248px !important;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux blocs services à l'enfance */ 
/* -------------------------------------------------------------------------------------------- */
.services{
	background: transparent url(../images/_charte/bloc_services.gif) no-repeat top left;
	margin:12px 0 0 0;
	padding:32px 0 0 0;
	float:left;
	width:180px;
}
h2 span{
	left:-999em;
	position:absolute;
	background-color:transparent !important;
}
.services a{
	margin:0 !important;
	padding:0 !important;
	width:180px;
	height:43px;
	display:block;
}
html>body .services a{
	margin-top:-14px !important;
}
.services a.bt-ass-mat{
	background:transparent url(../images/_charte/bloc_ass-mat.gif) no-repeat top left;
}
.services a.bt-ass-mat:hover{
	background:transparent url(../images/_charte/bloc_ass-mat-hover.gif) no-repeat top left;
}
.services a.bt-ass-soc{
	background:transparent url(../images/_charte/bloc_ass-sociale.gif) no-repeat top left;
}
.services a.bt-ass-soc:hover{
	background:transparent url(../images/_charte/bloc_ass-sociale-hover.gif) no-repeat top left;
}
.services a.bt-centre{
	background:transparent url(../images/_charte/bloc_centre.gif) no-repeat top left;
}
.services a.bt-centre:hover{
	background:transparent url(../images/_charte/bloc_centre-hover.gif) no-repeat top left;
}
.services a.bt-scolaire{
	background:transparent url(../images/_charte/bloc_scolaire.gif) no-repeat top left;
}
.services a.bt-scolaire:hover{
	background:transparent url(../images/_charte/bloc_scolaire-hover.gif) no-repeat top left;
}
.services a.bt-resto{
	background:transparent url(../images/_charte/bloc_resto.gif) no-repeat top left;
	height:48px;
}
.services a.bt-resto:hover{
	background:transparent url(../images/_charte/bloc_resto-hover.gif) no-repeat top left;
	height:48px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux blocs infos/liens/annuaires */ 
/* -------------------------------------------------------------------------------------------- */

.style_1col2{
	margin:0;
	float:right;
	width:375px;
}
html>body .style_1col2{
	margin:0;
	float:right;
	width:370px;
}
.style_2col2{
	margin:10px 0 0 0;
	padding:0;
	float:left;
	width:180px;
}

a.presentation{
	background:transparent url(../images/_charte/bloc_presentation.gif) no-repeat top left;
	margin:0;
	float:left;
	height:184px;
	width:185px;
	margin:12px 0 10px 0 !important;
}
a.presentation:hover{
	background:transparent url(../images/_charte/bloc_presentation-hover.gif) no-repeat top left;
}
a.situation{
	background:transparent url(../images/_charte/bloc_situation.gif) no-repeat top left;
	margin:0;
	float:right;
	height:184px;
	width:185px;
	margin:12px 0 10px 0 !important;
}
a.situation:hover{
	background:transparent url(../images/_charte/bloc_situation-hover.gif) no-repeat top left;
}
a.infos{
	background:transparent url(../images/_charte/bloc_infos.gif) no-repeat top left;
	margin:0;
	float:left;
	height:75px;
	width:185px;
}
a.infos:hover{
	background:transparent url(../images/_charte/bloc_infos-hover.gif) no-repeat top left;
}
a.liens {
	background:transparent url(../images/_charte/bloc_liens.gif) no-repeat top left;
	margin:0;
	float:right;
	height:75px;
	width:185px;
}
a.liens:hover{
	background:transparent url(../images/_charte/bloc_liens-hover.gif) no-repeat top left;
}

a.annuaire {
	background:transparent url(../images/_charte/bloc_annuaire.gif) no-repeat top right;
	margin:10px 0 0 0;
	clear:both;
	float:right;
	height:75px;
	width:188px;
}
a.annuaire:hover{
	background:transparent url(../images/_charte/bloc_annuaire-hover.gif) no-repeat top left;
}

a.newsletter {
	background:transparent url(../images/_charte/bloc_newsletter.gif) no-repeat top right;
	margin:10px 0 10px 0;
	clear:both;
	float:right;
	height:95px;
	width:188px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux blocs agenda et actu */ 
/* -------------------------------------------------------------------------------------------- */
.style_col_agenda {
	background:transparent url(../images/_charte/bg_bottom.gif) no-repeat left bottom;
	text-align:left;
	width:190px;
	height:30px;
	padding:0 0 10px 0px;
	margin:10px 0 20px 0px;
	clear:both;
	float:left;
}
html>body .style_col_agenda {
	min-height:30px;
	height:auto;
}
.style_col_agenda h2 {
	background:url(../images/_charte/bg_agenda.gif) no-repeat left top;
	text-align:right;
	height:30px;
	margin:0!important;
	padding:0!important;
}
.style_col_agenda h2 span{
	left:-999em;
	position:absolute;
}
.style_col_agenda p{
	margin:5px 10px 10px 5px;;
	padding:5px 10px !important;
}
.style_col_agenda a{
	color: #666666 !important;
	text-decoration:none;
}
.style_col_agenda a:hover{
	color: #666666 !important;
	text-decoration:underline;
}

.style_col_actu {
	background:url(../images/_charte/bg_bottom.gif) no-repeat left bottom;
	text-align:left;
	width:190px;
	height:40px;
	padding:0 0 10px 0;
	margin:0 0 0 0;
	clear:both;
	float:left;
}
html>body .style_col_actu {
	min-height:40px;
	height:auto;
}
.style_col_actu h2 {
	background:url(../images/_charte/bg_actu.gif) no-repeat left top;
	text-align:right;
	height:32px;
	padding:0!important;
	margin:0!important;
}
.style_col_actu h2 span{
	left:-999em;
	position:absolute;
}
.style_col_actu p{
	margin:5px 10px 10px 5px;
	padding:5px 10px 10px 5px !important;
}
.style_col_actu a{
	color: #666666 !important;
	text-decoration:none;
}
.style_col_actu a:hover{
	color: #666666 !important;
	text-decoration:underline;
}
.style_col_maire {
	background:transparent url(../images/_charte/bloc_mo-du-maire.gif) no-repeat left bottom;
	text-align:left;
	width:188px;
	height:220px;
	padding:55px 0 10px 0;
	margin:6px 0 14px 0;
	clear:both;
	float:left;
}
	html* .style_col_maire {
		height:283px;
		margin:6px 0 13px 0;
	}
.style_col_maire .right {
	text-align:right !important;
}

.style_gris{
	background:url(../images/_charte/bg_bottom.gif) no-repeat left bottom;
	text-align:left;
	width:190px;
	height:30px;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	clear:both;
	float:left;
}
html>body .style_gris{
	min-height:30px;
	height:auto;
}
.style_gris ul{
	margin:5px;
	padding:0 5px !important;
}
.style_gris p{
	margin:5px 5px 10px 5px;
	padding:0 5px 10px 0 !important;
	text-align:justify;
}
.style_gris a{
	color: #666666 !important;
	text-decoration:none;
}
.style_gris a:hover{
	color: #666666 !important;
	text-decoration:underline!important;
}

a.add {
	background:url(../images/_charte/add.gif) no-repeat left top;
	padding:0 0 0 23px !important;
}

a:hover.add {
	background:url(../images/_charte/add_hover.gif) no-repeat left top;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */ 
/* -------------------------------------------------------------------------------------------- */

.style_spacer {
	width:100%;
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
}
.style_img_left {
	float:left;
	margin:0 5px 5px 0;
	padding:0 0 0 0;
	display:block;
}
.style_img_right {
	float:right;
	margin:0 0 5px 5px;
	padding:0 0 0 0;
	display:block;
}
.style_img_actu {
	margin:2px 0 0 22px;
	padding:0;
	display:block;
}
a img{
	margin:0;
	padding:0;
	border:none;
}
#content .une_col,
#content .une_col_actu,
#content .une_col_agenda {
	margin:5px 5px 10px 0;
	width:270px;
	float:left;
}
#content .une_col_actu {
	margin:0 0 10px 5px !important;
}
#content .une_col_agenda {
	margin:0 0 10px 0 !important;
	float:right !important;
}
#content .une_col_actu .col_actu_content,
#content .une_col_agenda .col_agenda_content {
	overflow-y:scroll;
	width:270px;
	height:150px;
	margin:0;
}
#content .une_col_agenda h1,
#content .une_col_actu h1 {
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
}
	html* #content .une_col_agenda h1,
	html* #content .une_col_actu h1 {
		margin-top:0 !important;
		margin-bottom:0 !important;
		margin-left:0 !important;
	}

#content .col1_2{
	margin:5px 10px 10px 0;
	width:275px;
	float:left;
}
#content .col2_2 {
	margin:5px 0 10px 10px;
	width:275px;
	float:right;
}
html>body #content .col1_1, #content .col2_2 {
	width:265px;
}
#content .une_col h1, .col1_2 h1, .col2_2 h1 {
	margin:0 0 5px 0;
}

#content dd {
	margin:0 0 5px 10px;
	padding:0 10px 0 9px;
	list-style:none;
	border-left:#6FAEB8 solid 2px;
}
#content dl.lnk dt {
	margin:0 0 0 5px;
	padding:0 0 5px 15px;
	list-style:none;
	background:url(../images/_charte/pink_square.gif) no-repeat 1px 2px;
}
#content dl.lnk dd {
	border-left:#F0F0F0 solid 2px;
	color:#666666;
}
#content .block {
	color:#6FAEB8;
}

#content ul.style_faq li, #content dt {
	margin:0;
	padding:0 0 5px 18px;
	list-style:none;
	background:url(../images/_charte/question.gif) no-repeat 5px 2px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles pour le pied de page */ 
/* -------------------------------------------------------------------------------------------- */

.foot {
	margin-top:2px;
	clear:both;
	width:100%;
	text-align:center;
	color: #FFFFFF !important;
	font-size:11px;
}
.foot a {
	color: #FFFFFF !important;
	text-align:center;
	text-decoration:underline;
	margin:0 0 5px 0;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles pour les tables */ 
/* -------------------------------------------------------------------------------------------- */

#content table, tr, td {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	vertical-align:top;
}
#content table.table1, #content table.table2 {
	text-align:center;
	margin-bottom:5px;
	padding:0;
}
#content table.table3 {
	text-align:left;
	margin-bottom:5px;
}
/*#content table.list_ann {
	margin-bottom:5px;
	width:580px;
}*/
#content table.table1 th, table.table2 th, table.table3 th {
	background-color:#F3F988;
}
#content table.table1 tr.row1 td, #content table.table2 tr.row1 td, #content table.table3 tr.row1 td {
	background-color:#F6F6F7;
}
#content table.table1 tr.row2 td, #content table.table2 tr.row2 td, #content table.table3 tr.row2 td {
	background-color:#F2F2F1;
}
#content table.table2 tr.row1 td, #content table.table2 tr.row2 td {
	padding:10px;
}
#content table.table3 th, table.table3 td {
	border-bottom:1px solid #FFFFFF;
	padding:5px;
}
#content table.table4 {
	width:555px;
	margin:0 0 0 5px
}
#content table.table4 th {
	background:#F2F2F1 url(../images/_charte/bg_table4_th.gif) repeat-x left top;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	padding:5px;
	font-weight:normal;
}
#content table.table4 h4 {
	margin:5px 0px 10px 0px;
	padding:0 0 5px 5px;
	background-image:none;
	border-bottom:1px solid #999999;
	font-size:13px;
	color:#FF9900;
}
html>body #content table.table4 h4 {
	margin:5px 0 10px;
	padding:0 0 5px 0;
}
#content table.list_ann td {
	background-color:#F2F2F1;
	height:35px;
	padding:5px;
}
#content table.table5 th, table.table5 td {
	border-bottom:1px solid #FFFFFF;
	padding:5px;
}
#content table.table5 {
	width:550px;
}
html>body #content table.table5 {
	width:580px;
}
#content table.table5 font {
	font-family:'Trebuchet MS', Verdana, sans-serif !important;
	font-size:11px !important;
	vertical-align:top !important;
}
.col_diaporama{
	width:186px;
	float:left;
}