/*
Remember : background-position: center bottom;
*/

html
{
	/*height: 100%;*/ /*pour repasser le footer tout en bas*/ 
	margin: 0;
	padding: 0;
}
body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	background: #ddd url(../images/html.png);
	/*height:100%;*/ /*pour repasser le footer tout en bas*/
	font-size:10pt;	
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

h1
{
	padding:0;
	margin:0;
	color:#0B605B;
}
h3
{
	margin:0;
	padding:5px 0 2px 0;
	font-size:11pt;
}

span.title1
{
	display: block;
	position:absolute;
	top:73px;
	left:110px;
	text-decoration:none;
	color:#C0F3B1;
	font-weight:bold;
}

span.detail
{
	display: block;
	color:#0033CC;
	background: url(../images/info.png) no-repeat;
	text-indent:20px;	
}

pre
{
	
	overflow: auto ;
}


p
{
	margin	: 7px 0;
}


#site
{
	position:relative;
	min-height:100%;
	width: 980px ;
	margin: 0 auto ;
	text-align: justify;
	background: #fff ;
}			

#header
{	
	width: 100%;
	clear:both;	
}

#header-img
{
	border:none;	
}

 
#menu
{
	margin: 0 ;
	padding: 0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float: left ;
	text-align: center ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */
}

#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 140px ;
	line-height: 36px ;
	color:#FFFFFF;
	text-indent: 0px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url(../images/v1/bouton.png) no-repeat; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	/*border: 1px solid #dbd ;*/
	font-weight:bold;
	font-size:12pt;
}
#menu li a:hover
{
	background: url(../images/v1/bouton_hover.png) no-repeat; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#content
{
	padding-bottom: 20px;
	clear:both; 
	overflow:hidden;
	background: url(../images/v1/fond_estompe.jpg) no-repeat;
	/*margin-bottom:20px;*/ /*pour repasser le footer tout en bas */
	/*|height:82%;*/
	/*min-height:710px;*/
	min-height:430px;
}


#content-left, #content-right
{
	float: left;
	width:20%;
	/*text-align:justify;*/
	background: url(../images/v1/cote-petit.png) repeat-y;	
	margin-bottom:5px;
	/*min-height:710px;*/
	min-height:440px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}

#content-right
{
	float: right;	
}				
	
#content-center
{
	/*float: left;*/
	/*width:59%;*/
	margin: 5px 20% 10px 20%;	
	padding: 10px 10px;	
}

#footer
{
	/*position: absolute;*/	 /*pour repasser le footer tout en bas*/
	width: 100%;
	bottom: 0;	
	left:0;
	height:20px;
	background: url(../images/v1/bandeau_bas.jpg) repeat-y;
	/*margin-top:10px;/*pour repasser le footer tout en bas */
	padding-top:3px;
	clear: both;
}


#content-left ul,#content-right ul, #footer ul
{
	margin: 0 ;
	padding: 0;
	list-style-type: none ;
	margin-left: auto;
    margin-right: auto;
	width: 100%;
}
#content-left ul li,#content-right ul li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float: left ;
	text-align: center ;
}
ul#footer-content
{
	margin-left: 105px;
}
ul#footer-content li
{
	margin: 0 ;
	padding: 0 0px;
	float: left ;
	text-align: center ;
}
#content-left ul li a,#content-right ul li a, #footer ul li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 254.7px ;
	line-height: auto ;
	color: #000 ;
	text-indent: 0px ; 
	text-decoration: none ;
}


/* design pour typo3 */

#content-right p.bodytext,#content-left p.bodytext, .tx-macinasearchbox-pi1
{
	margin: 5px 2px 15px 2px;
	border:1px #330066;
	border-color:#00CC00;
	border-style:outset;
	-moz-border-radius: 5px; /* Cette propriete fonctionne seulement pour les navigateurs utilisant le moteur de rendu Gecko (Firefox) */
	-khtml-border-radius: 10px; /* Cette propriete fonctionne pour les navigateurs Konqueror et Safari*/
	padding: 5px;
}
.tx-macinasearchbox-pi1
{
	margin-right: 0;
	margin-left:0;
	padding-right: 0;
	padding-left: 0;
}

#content-left p a, #content-right p a
{
	line-height:20pt;
	/*
	margin-left:-5px;
	background: url(../images/li.png) no-repeat;
	padding-left: 15px;
	*/
	
}

.csc-frame-frame1 /* titre des cotés */
{
	border:none;		
	padding:0;	
	font-size:11pt;
	font-weight:bold;	
	margin-top:5px;
	margin-bottom:-5px;
	color:#0B605B;
}
/*
	Doit être le même code que juste au dessus (dû à la généartion auto de typo3)
*/
.rubrique
{
	margin: 5px 2px 15px 2px;
	border:1px #330066;
	border-style:solid;
	padding: 5px 3px 5px 2px;		
}
#content-right h1, #content-left h1
{
	font-size:11pt;
}

#content-center h1
{
	background: url(../images/v1/puce.png) no-repeat;
	text-indent:35px;	
	margin:20px 0 2px 0;
	font-size:12pt;	
}

ul
{
	margin-top:-5px;
}


.contenttable
{
	border-collapse:collapse;
	margin-bottom:15px;
	margin-top:10px;
	background-color:#FFFFD0;/*FBFFE1*/
	width: 562px;	
	font-size:10pt;	
	text-align:center;
}
.contenttable td 
{ 		
	border-style:solid; 
	border-width:1px; 
	border-color:#666666;
}
.contenttable h3
{
	padding:0;
	margin:0;
	font-size:11pt;
	color:#0B605B;
}
.contenttable a
{
	color:black;
	padding-right:19px;
}
.contenttable a:visited
{
	color:298127;
	/*background: url(../images/check.png) no-repeat;*/
	background-position:right;
}

span.important
{
	color:#CC0000;
}

.expAll
{
	display:none;
}
li.closed
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 254.7px ;
	line-height: auto ;
	color: #000 ;
	text-indent: 0px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
}

.csc-frame-frame2
{
	border: 1px groove black;
	background-color:#FFFFD0;
}
/* résultats de recherhce avec indexed_search [BEGIN]*/
/* couleur de la font du titre */
td h2 a
{
	color:#004000;
}

/* On cache l'affichage des détails */
.tx-indexedsearch-info
{
	display:none;
}
/* le sous titre*/
.tx-indexedsearch-title-caption
{
}
/* Titre */
.tx-indexedsearch-secHead table tr
{
	background-color:#FFFFD0; /*FBE99F*/
}
/* Sous-titre*/
tr.tx-indexedsearch-title td
{
	background-color:#FFFFD0;/*FFFCDF*/
}
/* résultats de recherhce avec indexed_search [END]*/


/* mininews-teaser [BEGIN] */*
.tx-mininews-pi1-fp_listrowField-datetime
{
	/* Décommenter pour enelever l'heure de création */
	/* display: none; */
	float: right;
	top: 100px;
	border:1px solid black;
}

.tx-mininews-pi1-fp_listrowField-title
{
	float: left;
}

.tx-mininews-pi1-fp_listrowField-teaser
{
	float:left;
	width:100%;

}
/* mininews-teaser [END] */

/* mininews-archive [BEGIN] */
.tx-mininews-pi1-singleViewField-datetime
{
	border:1px solid black;	
}
/* mininews-archive [END] */


/* infobulle perso [BEGIN]*/
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
/* infobulle perso [END]*/

/********** tt_news [BEGIN] *********/
/* tt_news LAST et SINGLE */
.news-list-item, .news-single-item
{
	/*background-color:#FFFFD0;/*FBFFE1*/	
	*/
	overflow: auto;
	margin-bottom:30px;
}

.news-list-item .news-list-title, .news-single-item h2
{
	display:block;
	background: url(../images/v1/puce.png) no-repeat;
	text-indent:35px;	
	margin:3px 0 15px 0;
	padding:0;
	font-size:12pt;		
	color:#0B605B;
	
}
.news-list-item .news-list-title a
{
	text-decoration: none ;
	color:#0B605B;
}
.news-list-item .news-list-date, .news-single-item .news-single-timedata
{
	display:block;
	float: right;
	font-size: 10pt;
	line-height: 15px;
	/*background-color: #C0F3B1;/*#FFF4B9;*/
	padding: 8px;
	margin-right:5px;
	margin-left: 5px;
	color:#0B605B;
	font-weight: bold;
}
.news-list-date-7, .news-single-item .news-single-timedata
{
	display: none;
}
.news-list-item img, .news-single-img
{
	float: right;
	display:block;
	margin: 5px;
}
.news-list-item .clearer
{
	float:left;
	margin-top: 5px;
	width:560px;
}

.news-list-date .news-list-title-7 
{ 
	display: none;
}
.news-list-title-9 p, .news-list-title-14 p, .news-list-title-11 p, .news-list-title-12 p, .news-list-title-13 p
{
	margin:0;
	padding:0;
}
.news-list-category 
{
	display: none;
}
/* tt_news single */
.news-single-author, .news-single-category
{
	display: none;
}
.news-single-additional-info dd
{
	padding-left: 20px;	
}
.news-single-item .bodytext
{
	margin: 17px 5px 5px 5px;
}
/********** tt_news [END] *********/

/********** google map [BEGIN] *********/
.tx-wecmap-pi1
{
	margin-top: 10px;
}

.tx-wecmap-map
{
	overflow: hidden;
}
/********** google map [END] *********/