a {color: #cc3333; text-decoration: none;}
a:hover {color: #003366; text-decoration: none;}
a:active {color: #CC3333; text-decoration: none;}



body {margin-left: 0px;margin-top: 10px;margin-right: 0px;margin-bottom: 0px;background-color: #c4d3df; background:url(/_template/images/bkgd.gif)}


div#PUB {		/*/////  PUBLICITé ///////////////*/
	display: none;
	position: absolute;
	top:22px;
	margin-left: 505px;
}
div#PUB a img { border:1px solid black;}
div#PUB a:hover img { border:1px solid #6e8ead;}

td.header {
	vertical-align: top;
	text-align: left;
	height: 170px;
}
.enteteLogo {
	width: 295px;
	height: 84px;
	text-align: left;
	vertical-align: top;
}
.enteteEspace {
	width: 6px;
	height: 84px;
	vertical-align: top;
}
.enteteCourse {
	width: 599px;
	height: 84px;
}
.attributs {
	border-collapse:collapse;
	padding: 0;
	border: none;
}
.fondheure {
	width: 295px;
	height: 43px;
	text-align: left;
	vertical-align: top;
	background: url(../../images/entete_fondheure.gif) repeat-x top;
}
.fondtheme {
	height: 43px;
	width: 793px;
	text-align: left;
	vertical-align: top;
	background: url(../../images/entete_fondtheme.gif);
	float:right;
	padding-left:20px;
}

.colG {
	width:162px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	background: url(../../images/colG_fond.gif);
	border: 1px solid #4F585D;
	padding: 8px 0;
}
#BOUTIQUE {
	font: normal small-caps 11px "Times New Roman", Times, serif;
	margin: 0;
	padding:0px 5px 10px 0;
	line-height: 14px;
	height: 61px;
	color: #003366;
	background: #d3dce3 url(../../images/boutique_mosaique.gif) left 0px no-repeat;
	border-bottom: 1px solid #999;
	cursor: pointer;
	font-size: 13px;
}

.abonnement {
	font: bold 10px Arial, Verdana, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	}
	
#PHOTOS {
	font: bold 10px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding:10px 5px 10px 0;
	line-height: 14px;
	color: #003366;
	background: #d3dce3;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-align:center;
}
a div#PHOTOS img {
	border: 1px solid transparent;
}
a:hover div#PHOTOS img {
	border: 1px solid #6e8ead;
}
#PUBLICATIONS {
	font: bold 10px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding:10px 5px 10px 0;
	line-height: 14px;
	color: #003366;
	background: #d3dce3;
	border-bottom: 1px solid #999;
	cursor: pointer;
}
div#PUBLICATIONS a img {
	border: 1px solid transparent;
}
div#PUBLICATIONS a:hover img {
	border: 1px solid #6e8ead;
}
a.partenaires img {
	border: 1px solid transparent;
}
a.partenaires:hover img {
	border: 1px solid #6e8ead;
}

.colD {
	width: 202px;
	text-align: left;
	vertical-align: top;
	background-color: #d3dce3;
	border: 1px solid #4F585D;
	padding-bottom: 8px;
}
a.irc img { border: 1px solid #D3DCE3;}
a:hover.irc img { border: 1px solid #6e8ead;}

.sommaire {
	text-align: left;
	vertical-align: top;
	background-color: white;
	width: 606px;
}

div.lientcc a {
	display: block;
	background: transparent url(../../images/puce/deplier.gif) 0 6px no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	
}
div.lientcc a:hover {
	background: #E4EBF0 url(../../images/puce/deplieron.gif) 0 6px no-repeat;
	cursor: pointer;
}
.sommaire_tcc {
	text-align: left;
	vertical-align: top;
	background-color: white;
	width: 800px;
}
.documentsRub {
	border-top: 5px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	margin: 10px;
	width: 45%;
	float: left;
}
.logoDocRub {
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #BBB;
	float: left;
	margin-right: 10px;
}
.logoDocRub a img {
	padding: 1px;
	border: 1px solid #FFF;
}
.logoDocRub a:hover img {
	border: 1px solid #50677E;
}
.nomDocRub {
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #EEE;
	border-bottom: 1px solid #BBB;
	float: left;
}

/* ////////ACCUEIL /////////////// */
.enavant {
	margin-top:1px; 
	padding-top:8px; 
	background: transparent url(../../images/filet_bkg.gif) repeat-x;
	padding-left: 10px;
}
div.logoenavant {
	float: left;
	text-align: left;
	width: 380px;
}
div.contenuenavant {
	float: left;
	width: 210px;
}
div.contenuenavant a {
	display: block;
	color: #454d52;
}
div.contenuenavant a:hover {
	background: transparent url(../../images/fond_contenucaseniv1.gif) repeat-y right;
}


div.caseniv1 {
	float: left;
	width: 285px;
	padding: 10px 0 0 10px;
	margin-bottom: 10px;
	background: transparent url(../../images/filet_bkg.gif) repeat-x;
}
div.logocaseniv1 {
	float: left;
	width: 60px;
	margin:0 25px 0px 0;
}
div.contenucaseniv1 {
	padding-left: 10px;
	padding-right: 5px;
	background: transparent url(../../images/centre_petitfiletvertical.gif) center right no-repeat;
}

div.contenucaseniv2 {
	padding-left: 10px;
	padding-right: 2px;
}

div.contenucaseniv1 a, div.contenucaseniv2 a {
	display: block;
	color: #454d52;
}
div.contenucaseniv1 a:hover, div.contenucaseniv2 a:hover{
	background: transparent url(../../images/fond_contenucaseniv1.gif) repeat-y right;
}



/* //////// ARTICLE /////////////// */
div.logoart {
	float: left;
	text-align: center;
	width: 260px;
}
div.contenuart {
	float: left;
	width: 330px;
}




/* PLAN DU SITE */

td.plandusite {
	background-color: #E0E9EF;
}


td.plandusite div.rub a{
margin:15px 15px 15px 0px;
font-family: "Times New Roman",Times,serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
letter-spacing: 0px;
font-variant: small-caps;
color: #cc3333;
text-decoration: none;
}

td.plandusite div.rub a:hover {
margin:15px 15px 15px 2px;
font-family: "Times New Roman",Times,serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
letter-spacing: 0px;
font-variant: small-caps;
color:#00203F;
text-decoration: none;
}



div.plan ul li  {
margin:0px 10px 0px 40px;
list-style: url(../../images/colD_Fleche.gif);
color: #00203F;
}

div.plan ul li a  {
color: #073E6F;
font-family: "Times New Roman",Times,serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
letter-spacing: 0px;
font-variant: small-caps;
text-decoration: none;
}

div.plan ul li a:hover  {
color:#0D7CDF;
}

div.plan ul li ul li  {
margin:0px 10px 0px 40px;
list-style: url(../../images/colD_Fleche.gif);
}

div.plan ul li ul li a{
color: #073E6F;
font-family: "Times New Roman",Times,serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
letter-spacing: 0px;
font-variant: small-caps;
text-decoration: none;
}

div.plan ul li ul li a:hover{
color: #0D7CDF;
}
.planTitre {
	margin-bottom: 20px;
}
div.rub {
	background: url(../../images/centre_puce.gif) no-repeat left;
	padding-left: 25px;
	margin-left: 10px;
}

/* Fin du plan*/

.footer {
	text-align: right;
	height: 29px;
	background: url(../../images/pied_fond.gif) top right;
	padding: 8px 45px 0 0;
}
.titretheme {
	float:left;
	position:relative;
	padding-right: 32px;
}
.titretheme1 {
	padding:0 10px 0 0;
	z-index: 2;
	float: left;
}
.titretheme2 {
	z-index: 1;
	position:absolute;
	top: 1px;
	left: 1px;
}

.fondarticle {
	background-image:url(../../images/filet_bkg.gif);
	background-repeat: repeat-x;
	padding-top:1px;
}

.soumenu {
	float: left;
	width: 60%;
	background: #d8e1e9;
	text-align: left;
	vertical-align: top;
	padding-right:2px;
}


/* //////// bloc EVENEMENT/////////// */
div.dateblock{
	background-image:url(../../images/blocdate.gif);
	background-repeat:no-repeat;
	width: 37px;
	height:34px;
	float: right;
	color: #aaa;
	text-align: center;
	letter-spacing: 0.07em;
	font-family: Arial, Verdana, sans;
	padding: 6px 1px 1px 1px ;
}

span.dateblock_day{
	font-weight: bold;
	font-size: 15px;
	font-stretch: condensed;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	color: #BA0B28;
	line-height: 0.9em;
}
span.dateblock_mon{
	font-size: 12px;
	text-align: center;
	color: #3a3a3a;
	font-variant:small-caps;
	letter-spacing: 0.05em;
	font-family: "Times New Roman", Times, serif;
	line-height: 0.9em;
}


.survol { display:none; }

/*//////////// pour les BLOCS DATES   ////////////////// */ 
a:hover .dateblock span.survol {
	display: block;
	position: absolute;
	cursor: hand;
	top: auto;
	left: auto;
	width: 170px;
	padding: 5px;
	0cv -top:-20px;
	margin-left:-225px;
	z-index: 100;
	text-decoration: none;
	color: #333;
	background-color: #F2F2F2;
	border: solid 1px #C0C0C0;
	font: 10px Verdana, sans-serif;
	text-align: left;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-radius-topright: 8px;
	border-radius-bottomright: 8px;
	border-radius-topleft: 8px;
	border-radius-bottomleft: 8px;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}


.retrait {
	padding:0 24px;
}
.marge {
	margin:0 20px;
}
.retrait2 {
	padding-bottom:10px;
	padding-left:0px;
	padding-right:2px
}
.retraitCol {
	padding-top: 15px;
}
.retraitdate {
	padding-right:5px;
	padding-bottom:4px;
}
.lien2 {
	float:right;
	padding-right:3px;
	padding-top:2px;
}
.phototeque {
	background:url(../../images/photo_planche.gif) no-repeat;
	height: 98px;
	margin:0;
	padding:0;
	width:146px;
}
.lienphotos {
	padding:0 1px 3px 20px;
	margin-top: 10px;
	background: url(../../images/puce_phototheque.gif) no-repeat 3px 3px;
}
.reagir {
	clear: both;
	margin: 10px 0;
}
.separ {
	background: transparent url(../../images/centre_petitfiletvertical.gif) repeat-y left top;
}
.petittextelien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}
a:hover.petittextelien {color: #1C354A; text-decoration: none;}
a:active.petittextelien {color: #CC3333; text-decoration: none;}

.petittexteRubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #454d52;
	padding-left: 15px;
}
.petittexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-variant: normal;
	color: #454d52;
}

.petittexteannuaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #454d52;

}

a.petittexte {color: #454d52; text-decoration: none;}
a:hover.petittexte {color: #CC3333; text-decoration: none;}
a:active.petittexte {color: #CC3333; text-decoration: none;}

.petittextepied {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;color: #d2d4d6;text-decoration: none;}
a.petittextepied {color:#d2d4d6; text-decoration: none;}
a:hover.petittextepied {color: #003366; text-decoration: none;background-color:#999999;}
a:active.petittextepied {color: #CC3333; text-decoration: none; background-color:#999999;}

a.menu {color: #454d52; text-decoration: none; font-weight:bold}
a:hover.menu {color: #CC3333; text-decoration: none;}
a.menuon {color: #CC3333; text-decoration: none;}


.menuniv2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #454d52;
	text-decoration: none;
	letter-spacing: 0px;
}
a.menuniv2 {color: #454d52; text-decoration: none;	font-weight: bold;}
a:hover.menuniv2 {color: #f5f8fa; text-decoration: none; background-color:#6e8ead;}
a:active.menuniv2 {color: #CC3333; text-decoration: none; background-color:#6e8ead;}
.menuniv2on{color: #f5f8fa; text-decoration: none; background-color:#6e8ead;}

.menugauche {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	letter-spacing: 0px;
	font-variant: small-caps;
}
.intitule {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #777;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	font-variant: small-caps;
	border-top:1px solid #F6B219;
	padding: 10px;
	margin-bottom:20px;
}
.photobateau {
	float:left; 
	margin-right:20px; 
	padding-left:20px; 
	width:130px;
	text-align:center;
}
.zonebateau {
	float:right; 
	width:320px; 
	margin-top:10px;
}
.itemzonebateau {
	float:left; 
	width:130px; 
	line-height:24px;
}
.champzonebateau {
	float:left; 
	width:150px
}
.itemzoneproprio {
	float:left;
	width:130px;
}
.champzoneproprio {
	float:left;
	width:210px;
}
.photoproprio {
	float:right;
	text-align:left; 
	width:150px; 
	font-size:9px;
	line-height:9px;
	font-variant:normal;
}
.nombateau {
	float:left;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #405A73;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 0px;
	font-variant: small-caps;
	padding: 0 10px 0 215px;
}
.bateauactif {
	background: white;
	padding: 0px;
	border: 1px solid gray;
}
.itemformbateau {
	height: 25px;
}
.minuscule {
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 12px;
	color: #454d52;
}
.vide {
	height: 15px;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 12px;
	color: #000;
	background: white;
	border-bottom: 1px solid #DDD;
}
a:hover.menugauche {color: #003366; text-decoration: none; padding-right:2px;}
a:active.menugauche {color: #CC3333; text-decoration: none;}




/*
 * Styles generaux
*/

a.menudroiteon {color:#777;}
a.menudroite {color:#831010;padding: 0 2px;}
a.menudroite:hover { color: #003366; text-decoration: none;background-color:#999999;}

.separateur {
	clear: both;
	height: 10px;
}
.menudroitetitre {
	font-family: "Times New Roman", Times, serif;
	height: 22px;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
	text-transform: uppercase;
	background:#6e8ead url(../../images/colD_fond.gif) right no-repeat;
	text-align: left;
	vertical-align: bottom;
	padding: 8px 0 7px 5px;
}
.irc{
	background:#6e8ead url(../../images/colD_fond2.gif) right no-repeat;
}
.menudroitesoustitre {
	font-family: "Times New Roman", Times, serif;
	height: 17px;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #dfebf2;
	text-decoration: none;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: left;
	vertical-align: bottom;
	background: #6e8ead;
	padding: 4px 0 4px 10px;
}
a.deco {
	color:#405A73;
}
a:hover.deco {
	color:white;
}
a.tototheque {
	color: white;
}
a:hover.tototheque {
	color: #003366;
}
.actus {
	text-align: left;
	vertical-align: top;
	background: #f1d5ae;
	padding: 5px 2px 0 0;
}
.archives {
	text-align: left;
	vertical-align: top;
	background: #f1d5ae;
	padding: 10px 0 0 4px;
}
.titrecentre {font-family: "Times New Roman", Times, serif;font-size: 17px;font-variant: small-caps;font-style: normal;line-height: normal;font-weight: normal;color: #831010;text-decoration: none;}

.texteitaliquegras {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: italic;line-height: normal;font-weight: bold;color: #454d52;text-decoration: none;}
.date {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: normal;color: #454d52;font-style: italic;;}

.petittextegras {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;line-height: normal;font-weight: bold;color: #454d52;text-decoration: none;}

.menugaucheroll {font-family: "Times New Roman", Times, serif;font-size: 14px;font-style: normal;line-height: normal;font-weight: normal;color: #003366;text-decoration: none;letter-spacing: 0px;}

.DateJour {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: normal;color: #454d52;text-decoration: none;}
.DateHeure {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #F6B219;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.connexion {
	background: url(../../images/connexion.gif) no-repeat top;
	line-height: 9px;
	height: 44px;
	width:159px ;
	color: #454d52;
	padding: 0 4px;
}
.connexiontextegras {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #454d52;text-decoration: none;}

.minitexte {
	font-size: 9px;
}

.fondbouton {
	font-weight: bold;
	background: transparent url(../../images/fond_bouton.gif) top left no-repeat;
	padding:0 2px 0 12px;
	margin-left: 3px;
}
ul.trophee {
	margin: 0 0 0 3px;;
	padding: 0;
	list-style: url(../../images/colD_Fleche.gif) inside;
}

ul.voile {
 	margin:3px 3px 3px 20px;
 	padding: 0;
	list-style: url(../../images/col_pucevoile.gif) outside;
}
.voile li {
	padding:0 0 5px 0;
	margin:0px;
}

ul.puce {
 	margin:3px 3px 3px 20px;
	padding: 0;
	list-style: url(../../images/centre_pucerouge.gif) outside;
}
.puce li {
	padding:0 0 5px 0;
	margin:0px;
}
.artmemerub {
	background: white url(../../images/fond_artmemerub.gif) right bottom no-repeat;
	margin-right: 5px;
}
.artmemerubtitre {
	font-family: "Times New Roman", Times, serif;
	height: 22px;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	letter-spacing: 0px;
	text-transform: uppercase;
	background:#6e8ead url(../../images/colD_artmemerubfond.gif) right no-repeat;
	text-align: left;
	vertical-align: bottom;
	padding: 8px 0 7px 20px;
}


div.evenementLogo {
	float: left;
	width: 60px;
	text-align: center;
}
div.evenementContenu {
	float: left;
	width: 505px;
	padding-left: 10px;
}
div.evenementContenu a.evenmt {
	display: block;
	color: #454d52;
}
div.evenementContenu a:hover.evenmt {
	background: transparent url(../../images/fond_contenuagenda.gif) repeat-y right;
}


/*
 *  MENU
 */

/* Tableau principal */
table.MenuTable 		{height: 20px; background-color:#f1d5ae; width: 100%; border-bottom: 1px solid #6e8ead; border-top-width: 0px ;border-right-width: 0px; border-left-width: 0px;}

/* Première ligne */
.MenuRubrique1Text {color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; letter-spacing: 0; font-weight:bolder;}
.MenuRubrique1Texton {color: #1C354A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; letter-spacing: 0; font-weight:bolder;}
.MenuRubrique1Textoff {color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; letter-spacing: 0;}

.MenuRubrique1CellPuce {background-color: #f1d5ae; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 2px; border-top: 1px solid #6e8ead;}
.MenuRubrique1CellPuceon {background-color: #f1d5ae; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; padding-right: 2px; border-top: 1px solid #6e8ead;}
.MenuRubrique1CellPuceoff {background-color: ; padding-top: 6px; padding-bottom: 1px; padding-left: 5px; padding-right: 2px; border-top: 1px solid #6e8ead;}
.MenuRubrique1Cell {background-color: #f1d5ae; padding-top: 5px; padding-bottom: 1px; padding-left: 2px; padding-right: 0px; border-top: 1px solid #6e8ead;}
.MenuRubrique1Cellon {background-color: #f1d5ae; padding-top: 5px; padding-bottom: 1px; padding-left: 2px; padding-right: 0px; border-top: 1px solid #6e8ead;}
.MenuRubrique1Celloff {background-color: ; padding-top: 5px; padding-bottom: 1px; padding-left: 2px; padding-right: 0px; border-top: 1px solid #6e8ead;}



.Menu2Rubrique1CellPuce {background-color: #f1d5ae; padding-top: 6px; padding-bottom: 1px; padding-left: 5px; padding-right: 2px;}
.Menu2Rubrique1CellPuceon {background-color: #f1d5ae; padding-top: 6px; padding-bottom: 1px; padding-left: 5px; padding-right: 2px;}
.Menu2Rubrique1CellPuceoff {background-color: ; padding-top: 6px; padding-bottom: 1px; padding-left: 5px; padding-right: 2px;}
.Menu2Rubrique1Cell {background-color: #f1d5ae; padding-top: 5px; padding-bottom: 1px; padding-left: 2px; padding-right: 0px;}
.Menu2Rubrique1Cellon {background-color: #f1d5ae; padding-top: 5px; padding-bottom: 1px; padding-left: 2px; padding-right: 0px;}
.Menu2Rubrique1Celloff {background-color: ; padding-top: 5px; padding-bottom: 1px; padding-left: 2px; padding-right: 0px;}



.MenuArticle1Text {color: #666666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 10px;letter-spacing: 0; font-weight:bolder; text-decoration: underline;}
.MenuArticle1Texton {color: #1C354A;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 10px;letter-spacing: 0; font-weight:bolder; text-decoration: underline;}
.MenuArticle1Textoff {color: #666666;font-famil?y:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 10px;letter-spacing: 0;font-weight:normal;}


.MenuArticle1CellPuce {background-color: ; padding-top: 1px; padding-bottom: 2px; padding-left: 5px;}
.MenuArticle1CellPuceon {background-color: ; padding-top: 1px; padding-bottom: 2px; padding-left: 5px;}
.MenuArticle1CellPuceoff {background-color: ; padding-top: 1px; padding-bottom: 2px; padding-left: 5px;}
.MenuArticle1Cell {background-color: ; padding-top: 1px; padding-bottom: 2px; padding-left: 4px;}
.MenuArticle1Cellon {background-color: ; padding-top: 1px; padding-bottom: 2px; padding-left: 4px;}
.MenuArticle1Celloff {background-color: ; padding-top: 1px; padding-bottom: 2px; padding-left: 4px;}



/* Lignes suivantes */
.MenuRubrique2CellPuce {background-color: ; padding-top: 4px; padding-bottom: 1px; padding-left: 15px; padding-right: 0px;}
.MenuRubrique2CellPuceon {background-color: ; padding-top: 4px; padding-bottom: 1px; padding-left: 15px; padding-right: 0px;}
.MenuRubrique2CellPuceoff {background-color: ; padding-top: 4px; padding-bottom: 1px; padding-left: 15px; padding-right: 0px;}

.MenuRubrique2Cell {background-color: ; padding-top: 3px; padding-bottom: 1px; padding-left: 4px; padding-right: 0px;}
.MenuRubrique2Cellon {background-color: ; padding-top: 3px; padding-bottom: 1px; padding-left: 4px; padding-right: 0px;}
.MenuRubrique2Celloff {background-color: ; padding-top: 3px; padding-bottom: 1px; padding-left: 4px; padding-right: 0px;}

.MenuArticle2Text {color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 10px;letter-spacing: 0; font-weight:bolder; text-decoration: underline;}
.MenuArticle2Texton {color: #1C354A;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 10px;letter-spacing: 0; font-weight:bolder; text-decoration: underline;}
.MenuArticle2Textoff {color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;line-height: 10px;letter-spacing: 0; font-weight:normal;}

/* Forum */

 div.voir_post_forum input {
 	cursor: pointer;
    width: 197px;
    height: 17px;
    font-size: 0px;
    color: #D9EDF6;
    background: url(../../images/bouton_voirmessage.gif);
    border: 0;
    margin-bottom: 10px;
 }
 div.voir_post_forum input:hover {
    background: url(../../images/bouton_voirmessage_roll.gif);
 }
 
  div.voir_envoyer_forum input {
 	cursor: pointer;
    width: 74px;
    height: 17px;
    font-size: 0px;
    color: #D9EDF6;
    background: url(../../images/bouton_envoyer.gif);
    border: 0;
    margin-bottom: 10px;
 }
 div.voir_envoyer_forum input:hover {
    background: url(../../images/bouton_envoyer_roll.gif);
 }
   
  
  /* ANNUAIRE*/
.annuairetabl {
	border:1px solid gray;
	margin:5px;
	padding:2px;
	width: 552px;
}
.bigbordure {
	background-color: #555;
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0px;
	border-bottom: 3px solid gray;
}
.premiere {
	width: 100px;
}
.deux {
	width: 200px;
}
.trois {
	width: 100px;
}
.4 {
	width: 100px;
}
.5 {
	width: 100px;
}
.6 {
	width: 100px;
}
.bordure {
	border-bottom: 1px solid gray;
}
.bordureD {
	border-right: 1px solid gray;
}
.annuairenom {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	letter-spacing: 0px;
	font-variant: small-caps;
}
.gris {
	background: #DDD;
}
.centre {
	text-align: center;
}


/*///// MINI calendrier ////// */

#calendar { text-align:center; margin-left:20px; width: 160px;background: transparent url(../../images/fond_minicalendrier.gif) top left no-repeat; }
.fondcalendrier { width: 160px; border-right:1px solid #a4a4a4; border-left:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4;}

.calendcaption {padding:2px; vertical-align:middle; font:bold 14px "Times New Roman", Times, serif;font-variant:small-caps;}
td.libre { background: #EEE;}
td.occupe {background: #29445F;}
td.occupe a { color: white; padding: 1px; }
td.occupe a:hover {background: #CF874D; }
td.horsperiode {color:#bababa; font-style: italic;}

div#calendar thead  { background: #5F6F7F; color: #EEE;}

/*///////TABLESORTER////////////*/

table.tablesorter {
	font-family:arial;
	font-size: 8pt;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border-top: 1px solid #6E8EAD;
	border-right: 1px solid #6E8EAD;
	font-size: 8pt;
	padding: 3px;
}
table.tablesorter thead tr .header {
	background-image: url(../../images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 3px;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../../images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../../images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


/*  Fieldset */
.formulaire_spip fieldset { /* ZONE GLOBALE DE SAISIE  dans ecriture form*/
	position : relative;
    padding-top : 1em;
    top : 0;
    display: block;
}
.formulaire_spip legend { /* CHAMP TITRE DES ZONES SAISE */
    position :relative;
    top :-1.5em;
}

.formulaire_oubli{
	width: 400px;
	margin: auto;
}
.formulaire_mot_de_passe{
	width: 400px;
	margin: auto;
}

/*   Abonnement lettres    */
#spiplistes-formabo {
	background-color:#EBF0F3 !important;
}

#spiplistes-formabo.cadre {
	padding: 10px !important;
}

.titre_form_abonnement {
	font-size:15px;
	background:transparent url(../../images/colG_lettres.jpg) no-repeat;
	font-variant:small-caps;
	color: #EEEEEE;
	padding:10px 2px 5px 45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height:22px;
	text-align:left;
}
p.message-formulaire, p.message-formulaire span {
	font-variant: normal;
	font-size: 9px !important;
	color: #891010 !important;
}
textarea {
	border: 1px solid gray !important;
	background: white url(../../images/fond_bloc.jpg) right bottom no-repeat !important;
}
input.text, input.forml {
	border: 1px solid gray !important;
	width: 90% !important;
	display: block;
	background: #fafafa !important;
}
input.password {
	border: 1px solid gray !important;
	width: 40% !important;
	display: block;
	background: #fafafa !important;
}


/*////////// INPUT //////////*/

div.go_lien input{
	cursor: pointer;
    width: 74px;
    height: 17px;
    font-size: 0px;
    color: #D9EDF6;
    background: url(../../images/go_off.gif);
    border: 0;
    margin-bottom: 10px;
}
div.go_lien input:hover{
    background: url(../../images/go_on.gif);
}

div.sauvegarder input { /* btn forums article */
	cursor: pointer;
	width: 115px;
	height: 17px;
	margin-top: 15px;
	padding-top: 17px;
	font-size: 0px;
	color: #D9EDF6;
	background: url(../../images/bouton_sauvegarder.gif);
	border: 0;
}
div.sauvegarder input:hover {
	background: url(../../images/bouton_sauvegarder_roll.gif);
}

div.envoyer input { /* btn forums article */
	cursor: pointer;
	width: 74px;
	height: 17px;
	margin-top: 15px;
	padding-top: 17px;
	font-size: 0px;
	color: #D9EDF6;
	background: url(../../images/bouton_envoyer.gif);
	border: 0;
}
div.envoyer input:hover {
	background: url(../../images/bouton_envoyer_roll.gif);
}

div.valider input { /* btn forums article */
	cursor: pointer;
	width: 74px;
	height: 17px;
	margin-top: 15px;
	padding-top: 17px;
	font-size: 0px;
	color: #D9EDF6;
	background: url(../../images/bouton_valider.gif);
	border: 0;
}
div.valider input:hover {
	background: url(../../images/bouton_valider_roll.gif);
}

div.formulaire_inscription div.valider input { 
	margin-top: 0;
	margin-left: 50px;
}

h3,h4 {
	background: gray; color: white;
}
h5,h6 {
	border-bottom: 1px solid gray;
}

div.boutons {
	float: right; width: auto;
}
input.submit {
	border: 1px solid gray !important;
	background: white !important;
}
input.submit:hover {
	background: #C4D3DF !important;
}

/*//////////////// POP UP - FICHE TTC ////////////////////*/
.fond_mer{
	background: #fff url("../../images/fondmer.jpg") top left no-repeat; 
}

/*////////////// Tools /////////////////*/
.clear{
	clear: both;
}
.gras{
	font-weight: bold;
}