/*body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}*/
a { text-decoration : none; }
body {
	margin-left:0;
	margin-right:0;
}
/*.navtext {
	width:250px;
	font-size:8pt;
	font-family:verdana;
	border:1px solid #7C1212;
	layer-background-color:#FFFFCC;
	background-color:#FFFFCC;
	color:#7C1212;
}*/
.navtext {
width:235px;
font-size:8pt;
font-family:verdana;
border-width:2px;
border-style:outset;
border-color:#006BAE;
layer-background-color:#FFF6D9;
background-color:#FFF6D9;
color:black;
}
#dhtmltooltip {
	position: absolute;
	border: 1px solid black;
	padding: 3px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	left: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#contener {
	border:1px solid #000;
	position:absolute;
	left:50%;
	margin-left:-384px;
	width:768px;
	background-image: url('../images/fond-accueil.gif');	
}
#logo {
	position:absolute;
	top:50px;
	left:235px;
}
#diaporama {
	position:absolute;
	left:420px;
	top:170px;
	width:320px;
	height:310px;
font-family:Arial, Helvetica, sans-serif;	font-weight:bold;	font-style:italic;	text-align:justify;	font-size:13px;
}

.img_gauche {
	float:left;
	margin-right:10px;
}
.img_droite {
	float:right;
	margin-left:10px;
}
#tableau_accueil { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
h2.actu, h2.vivre, h2.decouv, h2.trilport_fr {
	background-color:#DD654D;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	margin:0 50px 15px 50px;
	font-size:16px;
	clear:both;
}
h2.actu2, h2.vivre2, h2.decouv2, h2.trilport_fr2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003399;
	text-align:center;
	padding:5px;
	margin:0 70px 10px 70px;
	font-size:18px;
	clear:both;
}
h2.vivre { background-color:#944B9C; }
h2.decouv { background-color:#2E6CB3; }
h2.trilport_fr { background-color:#A18B28; }
h2.trilport_fr a { text-decoration:none; color:#FFFFFF; }
ul.liens {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-type:square;
	margin-left:30px;
}
#a21 {
	position:absolute;
	top:70px;
	left:652px;
}
#a21 img {
	border:1px solid #000;
}
#ligne_jaune {
	position:absolute;
	top:365px;
	left:138px;
}
#a-venir-2 {
	position:absolute;
	top:350px;
	left:220px;
	border:1px solid #000;
	width:142px;
	background-image:url('../images/fond-a-venir-accueil.gif');
	background-repeat:no-repeat;
	padding:5px;
	font-family:Arial;
	font-weight:900;
	color:#028E4F;
}
.menu {
	width:105px;
	text-align:center;
	float:left;
	margin-top:105px;
	margin-left:0px
}
.menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:23px;
	width:105px;
	display: block;
}
.menu a:hover {
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:21px;
	 width:101px;
	 padding-top:6px;
}
ul {list-style-type: none;padding-left:0px} 
.menu li {margin-top: 5px;}
.puce {
	list-style-position:inside;
	margin:0;
	padding-left:0px;
	list-style-type:disc;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: normal;	
}
ul.puce li { padding:0; margin:0; line-height:12px; }
.a-venir {
	border:1px solid #000;
	width:142px;
	margin-top:100px;
	float:left;
	background-image:url('../images/fond-a-venir-accueil.gif');
	background-repeat:no-repeat;
	padding:5px;
	font-family:Arial;
	font-weight:900;
	color:#028E4F;
}
.gras { font-weight:bold; }
/*#carre-bleu {	width:50px;height:50px;background-color:#1279BC; float:left; margin-right:10px; }
#carre-mauve {	width:50px;height:50px;background-color:#932A86; float:left; margin-right:10px; }
#carre-vert {	width:50px;height:50px;background-color:#00A132; float:left; margin-right:10px; }
#carre-marron {	width:50px;height:50px;background-color:#9A8900; float:left; margin-right:10px; }
#carre-ocre {	width:50px;height:50px;background-color:#CD583A; float:left; margin-right:10px; }*/

#carre-bleu {	width:50px;height:50px;background-color:#1279BC; float:left; margin-right:7px; }
#carre-mauve {	width:50px;height:50px;background-color:#932A86; float:left; margin-right:7px; }
#carre-vert {	width:50px;height:50px;background-color:#00A132; float:left; margin-right:7px;}
#carre-marron {	width:50px;height:50px;background-color:#9A8900; float:left;  margin-right:7px;}
#carre-ocre {	width:50px;height:50px;background-color:#CD583A; float:left;  margin-right:7px;}


.intro {
	/*font-weight:bold;*/
	font-size:13px;
 	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	width:525px;
}
.gros-titre { /* Titre des rubriques */
	background-image: url(../images/fond-titre.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 56px;
	font-weight: bold;
	text-align: center;
	width: 338px;
	height: 71px;
	margin-top: 15px;
	/*float:left;*/
}
.bleu { color: #2E6CB3; }
.mauve { color: #932A86; }
.vert { color: #00A132; }
.marron { color: #9A8900; }
.ocre { color: #CD583A; }

#menu-rubrique {
	list-style-type:none;
	margin-top:40px;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:bold;
}
#menu-rubrique a {
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left:24px;
	margin-top:15px;
	height: 18px;
	display:block;
}
#menu-rubrique a.bleu {	background-image: url("../images/rectangle-18x36px-bleu.gif"); }
#menu-rubrique a.mauve { background-image: url("../images/rectangle-18x36px-mauve.gif"); }
#menu-rubrique a.vert { background-image: url("../images/rectangle-18x36px-vert.gif"); }
#menu-rubrique a.marron { background-image: url("../images/rectangle-18x36px-marron.gif"); }
#menu-rubrique a.ocre { background-image: url("../images/rectangle-18x36px-ocre.gif"); }

#menu-rubrique a:hover {
	background-position: 0% -18px;
	text-decoration: underline overline;
}
.hierarchie { /* Le cheminement de la page d'accueil à la page en cours */
	font-size:10px;
	font-family:Verdana, Arial;
	margin-top:10px;
	/*padding-top:10px;*/
	width:338px; /* Largeur de gros-titre */
	/*background-color:#33FF00;*/
}
.hierarchie2 { /* Le cheminement de la page d'accueil à la page en cours */
	font-size:10px;
	font-family:Verdana, Arial;
	margin-top:10px;
}
.legende { /* Légende photo pages rubriques */
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}
.citation { /* Citation des pages rubriques */
	font-size:12px;
	font-style:italic;
}
.auteur-citation { /* Nom de l'auteur de la citation des pages rubriques */
	font-size:12px;
	text-align:right;
}
.vignettes-rubriques { /* Contener des 2 vignettes et de la citation des pages rubriques */
	height:71px;padding-right:10px;float:right;margin-top:15px;
}
.titre-actualites {
	float:left;
	margin-left:3px;
	margin-right:3px;
	background-color: #CD583A;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:242px;
	text-align:center;
	padding:3px;
	border-bottom:2px solid #FFCB05;
}
.contenu-actualites {
	float:left;
	margin-left:3px;
	margin-right:3px;
	background-color: #FFF4E3;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:238px;
	text-align:justify;
	padding:5px;
}
/* PAGE DE CONTENU */
.titre-page { /* Titre de la page en haut à coté du carré de couleur */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	/*margin-left: 7px;*/
	margin-top: 18px;
	width:90%;
	float:left;
}
/* BLEU (découvrir) */
.sous-titre-ligne-bleue { /* Ligne de couleur prolongeant le sous titre */
	height: 33px;
	background-image: url("../images/bleu-10x10.gif");
	background-repeat: repeat-x;
	background-position: 0% 100%;
	margin: 10px 0 10px 0;
}
.sous-titre-bleu { /* police des sous titres */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	background-color: #FFF;
	border-bottom:2px solid #2E6CB3;
	float:left;
	padding-right:5px;
}
.separateur-bleu { /* Lignes de séparation dans une page */
	border-top:2px solid #2E6CB3;
	border-bottom:2px solid #2E6CB3;
	height:2px;
	margin: 10px 0 10px 0;
}
/* VERT (citoyenneté) */
.sous-titre-ligne-verte {
	height: 33px;	background-image: url("../images/vert-10x10.gif");	background-repeat: repeat-x;
	background-position: 0% 100%;	margin: 10px 0 10px 0; }
.sous-titre-vert { /* police des sous titres */
	font-family: Arial, Helvetica, sans-serif;	font-size: 26px;	font-weight: bold;	background-color: #FFF;
	border-bottom:2px solid #00A132;	float:left;	padding-right:5px; }
.separateur-vert {
	border-top:2px solid #00A132;	border-bottom:2px solid #00A132;	height:2px;	margin: 10px 0 10px 0; }
/* MAUVE (vivre) */
.sous-titre-ligne-mauve {
	height: 33px;	background-image: url("../images/mauve-10x10.gif");	background-repeat: repeat-x;
	background-position: 0% 100%;	margin: 10px 0 10px 0; }
.sous-titre-mauve { /* police des sous titres */
	font-family: Arial, Helvetica, sans-serif;	font-size: 26px;	font-weight: bold;	background-color: #FFF;
	border-bottom:2px solid #932A86;	float:left;	padding-right:5px; }
.separateur-mauve {
	border-top:2px solid #932A86;	border-bottom:2px solid #932A86;	height:2px;	margin: 10px 0 10px 0; }
/* OCRE (actualités) */
.sous-titre-ligne-ocre {
	height: 33px;	background-image: url("../images/ocre-10x10.gif");	background-repeat: repeat-x;
	background-position: 0% 100%;	margin: 10px 0 10px 0; }
.sous-titre-ocre { /* police des sous titres */
	font-family: Arial, Helvetica, sans-serif;	font-size: 26px;	font-weight: bold;	background-color: #FFF;
	border-bottom:2px solid #CD583A;	float:left;	padding-right:5px; }
.sous-titre-2-ocre { /* police des sous titres */
	font-family: Arial, Helvetica, sans-serif;	font-size: 26px;	font-weight: bold;	background-color: #FFF;
	border-bottom:2px solid #CD583A; padding-right:5px; }
.separateur-ocre {
	border-top:2px solid #CD583A;	border-bottom:2px solid #CD583A;	height:2px;	margin: 10px 0 10px 0; }
/* MARRON (trilport) */
.sous-titre-ligne-marron {
	height: 33px;	background-image: url("../images/marron-10x10.gif");	background-repeat: repeat-x;
	background-position: 0% 100%;	margin: 10px 0 10px 0; }
.sous-titre-marron { /* police des sous titres */
	font-family: Arial, Helvetica, sans-serif;	font-size: 26px;	font-weight: bold;	background-color: #FFF;
	border-bottom:2px solid #9A8900;	float:left;	padding-right:5px; }
.separateur-marron {
	border-top:2px solid #9A8900;	border-bottom:2px solid #9A8900;	height:2px;	margin: 10px 0 10px 0; }
	
.paragraphe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding: 0 10px 0 5px;
}
/* 3 styles utilisés pour les "encarts" dans la description des événements du calendrier */
.alt_clair {	background-color: #FFF1ED; }
.tableau {	border: thin  #CD583A  dashed; }
ul.encart { margin-left:15px }
/* Pour le WYSIWYG */
.headline {font-family: verdana; font-size: 18pt; color:#373C7F }
.headline2 {font-family: arial; font-size: 16pt; font-style: italic; color:black; }
.headline4 {font-family: verdana; font-size: 10pt;}
/* Listes à puce "normales" */
.liste li {
	list-style-type: square;
	list-style-position: outside;
}
a.lien-actu {
	color:#444444;
	display:block;
}
a.lien-actu:hover {
	background-color:#CD583A;
	color:#FFFFFF
}
.mask2{
	position:relative;
	width:320px;
	height:240px;
	overflow:hidden;
}
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}
.buttons {padding:2px 2px 0 0; text-align:right;background-color:#FFFFFF;}
.buttons span{color:#0080FF;padding:0 2px 0 2px;}
#handles8 { float:right; }
#handles8 span { color:#FFFFFF;font-size:1px }
#handles8 span.active { font-size:10px;position:absolute; right:4px; top:4px;background:#EEE;color:#000; }
/*.buttons span.active, .buttons span:hover{}*/
span img{
	/*display:block;*/
	border:none;cursor:pointer;
}
#box8{
	position:absolute;
}
#box8 div{
	width:360px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
#box8 h3 { font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; padding:0; margin:5px 0 5px 0; }
/*.sample8 .buttons{
	text-align:center;
	clear:both;
}*/
/*.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}*/
#actusaccueil {
	position:absolute;
	left:395px;
	top:165px;
	width:360px;
	height:330px;
	font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;
}
#actusaccueil  p { margin:2px 0 2px 0; }
.mask1{
	position:relative;
	width:360px;
	height:265px;
	overflow:hidden;
}
span.titre { display:block; float:left; font-weight:bold; margin-left:3px; margin-top:2px; font-size:12px; }
.vignette { border:1px solid #000000; margin-right:5px; margin-bottom:5px; }
h6.titre, h2.titre { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:15px; font-weight:bold; margin:0; padding:0; }
div#categories { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding:3px; text-align:center; width:120px; float:left; border:1px solid #000; background-color:#FFFFFF; margin:50px 8px 0 0px; }
ul#menuarticles { padding:0;margin:0; }