/* CSS Document */

body {
	margin: 0;
	padding: 0;

}

hr {
color: #8EA9C3;
background-color: #8EA9C3;
height: 1px;
border: 0;
}


/* font */

body, p, div, td, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.traitSeparateur {
	background-image:url(images/tiret_horiz.gif);
	background-repeat:repeat-x;
	background-position:left center;
	margin-bottom:4px;
	margin-top:5px;
	color:#FFFFFF;
	font-size:5px;
	line-height:5px;
	clear:both;
}


table.main {
	width:771px;
}


table.main td.ban {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


table.main td.ban span.poucet {
	font-size: 0.7em;
	color: #13384E;
	font-weight: normal;
}

table.main td.ban span.poucet a {
	color: #13384E;
	font-weight: normal;
	letter-spacing: 0.08em;
	text-decoration:none;
}

table.main td.ban span.poucet a:hover {
	text-decoration:underline;
}


table.main td.ban form {
	margin:0;
	padding:0;
	border:0;
}

table.main td.ban form input.texte {
	width:134px;
	font-size: 10pt;
	line-height: 10pt;
	margin:0;
	padding:0;
}

/*************************************************************/
/* menu de gauche */

table.main td.gauche {
	width:142px;
}

table.main td.gauche div.menu {
	background-image: url(IMG/filet_nav.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
}
/* menu 1 */
table.main td.gauche div.menu div.menu1 {
	font-size: 0.7em;
	color: #2B4E64;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #E9EEF3;
}

table.main td.gauche div.menu div.menu1 a {
	text-decoration: none;
	color: #2B4E64;
	font-weight: bold;
}
/* menu 2 */
table.main td.gauche div.menu div.menu2 {
	font-size: 0.7em;
	color: #8EA9C3;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 3px;
	padding-top: 3px;
}
table.main td.gauche div.menu div.menu2Courant {
	font-size: 0.7em;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #8EA9C3;
}
table.main td.gauche div.menu div.menu2 a {
	text-decoration: none;
	color: #8EA9C3;
	font-weight: bold;	
}
table.main td.gauche div.menu div.menu2Courant a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
/* menu 3 */
table.main td.gauche div.menu div.menu3 {
	font-size: 0.7em;
	color: #8EA9C3;
	font-weight: normal;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 3px;
	padding-top: 3px;
}
table.main td.gauche div.menu div.menu3Courant {
	font-size: 0.7em;
	color: #8EA9C3;
	font-weight: normal;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #8EA9C3;
}
table.main td.gauche div.menu div.menu3 a {
	text-decoration: none;
	color: #8EA9C3;
	font-weight: normal;
}
table.main td.gauche div.menu div.menu3Courant a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}


table.main td.gauche div.avis {
	text-align:center;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
}

/*************************************************************/
/* centre de page */

table.main td.centre {
	width: 460px;
	background-image: url(IMG/filet_vertical.gif);
	background-repeat: repeat-y;
	background-position: right;
}

div.content {
	margin-top: 12px;
	margin-left: 38px;
	margin-right: 18px;
	
}

/***************************************************************/
/* liens */

div.content a {
	color: #8EA9C3;
	text-decoration: none;
	font-weight: bold;

}

div.content a:hover {
	text-decoration: underline;
}
/************************************************************************/

div.content div.surtitre {
	margin-top: 0px;
	margin-bottom: 9px;
	font-size: 0.7em;
	color: #13384E;
	font-weight: bold;
	letter-spacing: 0.05em;
}

div.content h1 {
	margin-top: 0px;
	margin-bottom: 9px;
	font-size: 1em;
	color: #7794AC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
	font-weight: bold;
}

div.content div.chapo  {
	margin-top: 0px;
	margin-bottom: 16px;
	font-size: 0.75em;
	color: #333333;
	font-weight: bold;
	line-height: 1.3em;
}
div.content div.chapo p, 
div.content div.chapo p.spip {
	font-weight:bold;
}

div.content div.date {
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 0.8em;
	color: #13384E;
	font-weight: normal;
	letter-spacing: 0.03em;
	font-style: italic;
}

div.content h3 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #333333;
	font-size: 1.0em;
}

div.content p {
	margin-top: 0px;
	margin-bottom: 19px;
	color: #333333;
	font-weight: normal;
	line-height: 1.3em;
}

/* form */

div.content form {
	color: #333333;
	margin-bottom: 20px;
	font-size: 0.7em;
	margin-top: 14px;
}

div.content form legend {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	color: #333333;
	font-weight:bold;
	font-size: 1.2em;
}

div.content form label {
	color: #333333;
}

div.content form fieldset {
	padding: 0px;
	border:0;
	margin-bottom: 20px;
	
}


div.content form p {
	color: #333333;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.content form table tr td {
	color: #333333;
}

div.content form input {
	color: #333333;
	border: 1px solid #CCCCCC;
	padding:3px;
	width:388px;
	margin-top:4px;
	font-size: 0.9em;
}

div.content form input.small {
	color: #333333;
	border: 1px solid #CCCCCC;
	padding:3px;
	width:180px;
	margin-top:4px;
	font-size: 0.9em;
}

div.content form textarea {
	color: #333333;
	border: 1px solid #CCCCCC;
	margin-top:4px;
	width:393px;
	height: 200px;
}

div.content form textarea.small {
	color: #333333;
	border: 1px solid #CCCCCC;
	margin-top:4px;
	width:180px;
	height: 100px;
}

div.content form select {
	color: #333333;
	margin-top:5px;
}

div.content form select option {
	color: #333333;
}

/* *********************** */

div.content div.texte {
	clear: both;
	margin:0;
	padding:0;
	font-size: 0.8em;
}

div.content div.texteuser {
	clear: both;
	margin:5px 0px 10px 0px;
	padding:5px;
	font-size: 0.8em;
	border:2px solid #8EA9C3;
}

div.content div.texteuser p {
	margin:0;
}

div.content div.retour {
	padding:0px;
	text-align:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}


div.content div.reactions {
	color: #8EA9C3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.content div.reactions div.entete {
	font-size: 0.8em;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-weight: normal;
	
}

div.content div.reactions div.entete a {
	font-weight: normal;
	text-decoration:none;
}

div.content div.reactions div.entete a:hover {
	font-weight: normal;
	text-decoration:underline;
}

div.content div.reactions table {
	margin:0;
	padding:0;
	border:0;
}

div.content div.reactions table td {
	font-size: 0.7em;

}

div.content div.reactions table td.auteur {
	color: #8EA9C3;

}

div.content div.reactions table td div.texteReaction {
	color: #333333;
	margin-bottom: 8px;

}

div.content div.reactions table td div.texteReaction a {

}

div.content div.reactions table td div.texteReaction span.dateReaction {
	color:#666666;
}

div.content div.memetheme {
	padding:0px;
	font-size: 0.7em;
	color: #13384E;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


/******************************************************/
/* leads */
div.content div.lead {
	margin-top: 0px;
	margin-bottom: 21px;
	color: #333333;
}

div.content div.lead a {
	color: #8EA9C3;
	text-decoration:none;
	font-weight: bold;
}
div.content div.lead a:hover {
	color: #8EA9C3;
	text-decoration:none;	
}

div.content div.lead h3.h3lead {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #333333;
	font-weight:bold;
	font-size: 0.8em;
}
div.content div.lead div.textelead {
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
}
div.content div.lead div.datelead {
	font-weight: normal;
	font-style: italic;
	font-size: 0.8em;
	margin-bottom: 4px;
}

div.pagination {
	font-size:0.8em;
	margin-bottom:10px;
}

div.pagination a {

}

div.pagination a:hover {

}


/*********************************************************/
/* pied de page */

table.main table.tablefoot {
	background-image:url(images/bas_page.gif); 
	background-repeat:no-repeat; 
	margin-bottom:50px;
}

table.main table.tablefoot div.foot {
	font-size: 0.6em;
	color: #13384E;
	font-weight: normal;
	letter-spacing: 0.05em;
	clear: both;
	
}

table.main table.tablefoot div.foot a {
	color: #13384E;
	text-decoration: none;
	
}

table.main table.tablefoot div.foot a:hover {
	text-decoration:underline;
}



/**********************************************************************/
/* albums photos */

div.content table.albums {
	margin-bottom: 20px;
}

div.content table.albums tr {
}

div.content table.albums tr td {
	#color: #333333;
}

div.content table.albums tr td div.photo {
	margin-bottom:20px;
}

div.content table.albums tr td div.description {
	margin-left:10px;
}

div.content table.albums tr td div.description h2 {
	margin-top:0;
	margin-bottom:3px;
	font-size: 0.7em;
}

div.content table.albums tr td div.description h3 {
	margin-top:0;
	margin-bottom:3px;
	font-size: 0.7em;
	color: #333333;
	font-weight:normal;
}

div.content table.albums tr td div.description h4 {
	margin-top:0;
	margin-bottom:3px;
	font-size: 0.7em;
	color: #333333;
	font-weight:bold;
}

div.content table.damier {
	margin-bottom: 20px;
	margin-top: 15px;
}

div.content table.damier div.vignette {
	margin-bottom:10px;
	margin-right:10px;
}


/*************************************************************/
/* colonne de droite */

table.main td.droite {
	width:169px;
}

div.droite {
	color: #333333;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}


/* image de droite */
div.droite div.clin {
	background-color: #8EA9C3;
	margin: 0px;
	padding: 0px;
	
}

div.droite div.clin div.imgclin{
	text-align: center;
}

div.droite div.clin div.texteclin {
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: italic;
	padding: 7px;
}

div.droite div.clin h1 {
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 0.8em;
	color: #2B4E64;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-color: #FFFFFF;
}

div.droite div.clin div.texteclin a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}

div.droite div.clin div.texteclin a:hover {
	
}


/* toutes les images  droite */
/* image de droite */
div.droite div.images {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

div.droite div.clins {
	margin:0px;
	padding:0px;
}

div.droite div.clins h1 {
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 0.8em;
	color: #2B4E64;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-color: #FFFFFF;
}

div.droite div.clins div.images div.img {
	text-align: center;
}

div.droite div.clins div.images div.texteimg {
	color: #333333;
	font-size: 0.7em;
	font-style: italic;
	padding: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

div.droite div.clins div.images div.texteimg a {
	color: #333333;
	font-weight: normal;
	text-decoration:none;
}

/* newsletter */
div.droite div.letter {
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 0.8em;
	color: #2B4E64;
	font-weight: bold;
	background-color: #E9EEF3;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	
}

div.droite div.letter a {
	color: #2B4E64;
	text-decoration: none;
	font-weight: bold;
	
}

div.droite div.letter a:hover {
	
}

/* alagenda */ 

div.droite div.alagenda {
	margin: 0px;
	padding:0;	
}

div.droite div.alagenda h1 {
	font-size: 0.8em;
	color: #2B4E64;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	
}

div.droite div.alagenda div.texte {
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 0.7em;
	color: #13384E;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	
}


div.droite div.alagenda div.texte a {
	color: #8EA9C3;
	text-decoration: none;
	font-weight: bold;
}


/* actualits */ 

div.droite div.news {
	padding-bottom: 26px;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	
}

div.droite div.news h1 {
	font-size: 0.8em;
	color: #2B4E64;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 2px;
	padding-bottom: 5px;
	margin: 0;
	
}


div.droite div.news div.new {
	margin-top: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
	
}


div.droite div.news div.new h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.7em;
	color: #13384E;
	font-weight: normal;
	letter-spacing: 0.05em;
	background-color: #E9EEF3;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 3px;
	
}


div.droite div.news div.new div.date {
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 0.7em;
	color: #13384E;
	font-weight: normal;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	
}

div.droite div.news div.new div.date a {
	color: #8EA9C3;
	text-decoration: none;
	font-weight: bold;
}

div.droite div.news div.new div.date a:hover {
	text-decoration:underline;
}

div.droite div.autrebreves {
	padding-left:3px;
	font-size: 0.7em;
	color: #8EA9C3;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-top: 1px;
	padding-bottom: 2px;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #E9EEF3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

div.droite div.autrebreves a {
	color: #8EA9C3;
	text-decoration: none;
	font-weight: bold;
}

div.droite div.autrebreves a:hover {
	text-decoration:underline;
}

div.droite div.commentaires {
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

div.droite div.commentaires h3 {
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 1.2em;
	color: #2B4E64;
}

div.droite div.commentaires p {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


div.droite div.commentaires a {
	color: #8EA9C3;
	text-decoration: none;
}

div.droite div.commentaires a:hover {
	text-decoration: none;
}

/* styles utiliss par spip */

img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents {
	text-align: center;
}
.spip_documents_center {
	clear: both;
	margin-bottom: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.9em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif {
	font-size: 0.9em;
	font-style:italic;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table.tablePrint tr td a {
	font-size:0.7em;
	color: #C0C0C0;
	text-decoration:none;
}

table.tablePrint tr td a:hover {
	font-size:0.7em;
	color: #13384E;
	text-decoration:underline;
}

span.spip_surligne {
	background-color: #FF5353;
	color: #FFFFFF;

}

/****************** home ***********************************/

span.poucetEdito {
	font-size: 0.7em;
	font-weight: bold;
	letter-spacing: 0.12em;

}

div.content h1.h1Edito {
	margin-bottom: 6px;


}

div.chapoEdito {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	letter-spacing: 0.07em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

div.citation {
	font-size: 0.7em;
	margin-bottom: 14px;
	font-style: italic;
	letter-spacing: 0.07em;
	line-height: 1.35em;

}


div.actualites {

}

div.actualites table {

}

div.actualites table tr {

}

div.actualites table tr td {

}

div.actualites table tr td h3 {
	font-size: 0.7em;
	margin-left: 8px;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 5px;
	padding-top:4px;
	margin-bottom:1px;
	padding-bottom:0px;
	margin-top:0px;

}

div.actualites table tr td div.texteActu {
	font-size: 0.7em;
	letter-spacing: 0.07em;
	line-height: 1.3em;
	margin-left: 13px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom: 10px;

}

.autresactu {
	
}

.autresactu h4 {
	margin-top: 14px;
	font-size: 0.85em;
	color: #7794AC;
	font-style: italic;
	margin-bottom: 4px;
	background-image: url(images/tiret_horiz.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 7px;
	
}

.autresactu .titre {
	font-size: 0.7em;
	font-weight: normal;
	margin-bottom: 6px;
	
}



div.content table.spip {
	width:100%;
}