@import url("standard.css");
@import url("wysiwyg.css");

/***************************
FEUILLE DE STYLE HOME
Défini la structure de la page d'accueil (colonnage...)
***************************/

/***************************
COLONNE GAUCHE
***************************/
div#gauche {
background: url(../images/bkg_gauche_home.jpg) no-repeat;
float:left;
width:425px;
}

div#gauche h1 {
font-family: Gill Sans MT;
font-size: 21px;
color: #8F0578;
padding:24px 0 0 27px;
background:none;
/*background: url(../images/bkg_h1_home.jpg) no-repeat 0 20px;*/
}

div#gauche h1 span.vert {
color: #749c0a;
}

div#gauche h2 {
font-size:11px;
font-weight:normal;
color:#AAA;
text-transform:uppercase;
padding-bottom:5px;
padding-left:27px;
}

div#gauche p {
font-size:11px;
line-height:18px;
padding-left:27px;
padding-right:20px;
}

div#gauche p a {
color:#842c75;
}

/*bloc thematique*/
div#gauche div#thematique {
	margin:15px 0 20px 0;
	z-index: 1;
	width:425px;
}

div#gauche div#thematique div.contenuTheme {
	background: url(../images/bloc_theme.jpg) no-repeat 0px -20px;
	background-color:#F8FEE2;
	padding:10px;
	/*position:relative;*/
	top:-7px;
	z-index: 0;
	float: left;

/*background-color:#F8FEE2;
border: 1px solid #d7d7d7;
width: 450px;
padding:10px;
margin:0 25px 25px 27px;*/

}

div#gauche div#thematique div.contenuTheme h3 {
font-size: 11px;
color: #7e8176;
padding: 0 0 5px 21px;
text-transform:none;
font-weight:bold;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

div#gauche div#thematique div.contenuTheme h4 {
font-size: 11px;
font-weight:normal;
color: #708145;
padding: 0 0 0 21px;
}

div#gauche div#thematique div.contenuTheme p {
font-size: 10px;
color: #999;
padding: 0 0 0 21px;
line-height:normal;
}

div#gauche div#thematique div.contenuTheme a {
text-decoration:none;
color: #999;
}

div#gauche div#thematique div.contenuTheme img {
	float: left;
	margin-left: 10px;
	padding: 3px 3px 3px 0;
}

div#gauche div#thematique h2, div#gauche div#actualite h2, div#gauche div#evenement h2 {
font-family: Gill Sans MT;
font-size: 21px;
text-transform:none;
color: #AAA;
background: url(../images/souligne.jpg) no-repeat 0 23px;
}

div#gauche div#thematique h2:first-letter, div#gauche div#actualite h2:first-letter, div#gauche div#evenement h2:first-letter{
color: #7F157C;
} 



/****************************************************************
* actualité


div#gauche div#actualite  {
float:left;
}

div#gauche div#actualite span.blocactu {
display:block; 
margin-left:27px; 
min-height:70px;
margin-bottom:5px;
width:200px;
}

div#gauche div#actualite span:hover {
background-color:#f8fee2;
}

div#gauche div#actualite span.blocactu span.date {
font-size:9px;
}
div#gauche div#actualite span.blocactu img{
float:left;
padding-right: 5px;

}

div#gauche div#actualite a.bouton, div#gauche div#evenement a.bouton {
background: url(../images/bouton.gif) no-repeat;
color: #48581C;
font-size: 10px;
width: 127px;
height: 17px;
padding: 1px 0 0 25px;
margin-left:27px;
display:block;
text-decoration:none;
}

div#gauche div#actualite span.texte {
display:block; margin-left:55px;
}*********************************************************************/

/***************************************************************** 
evenement


div#gauche div#evenement {

display:block;
margin-top:150px;
background-color:#99FF66
}


/*bloc 2 dates
div#gauche div#evenement div#dates{
width:400px;
display:block;
min-height:70px;
}

/*bloc date*/
/*date debut
div#gauche div#evenement div#dateD{
width: 30px;
float: left;
display: block;
color: #999999;
text-align:center;
margin-right:10px;
padding-left:27px;
}

/*date fin
div#gauche div#evenement div#dateF{
width: 30px;
float: left;
display: block;
color: #999999;
text-align:center;
margin-right:10px;
}

div#gauche div#evenement div#dateD .jour, div#gauche div#evenement div#dateF .jour{
font-size: 18px;
font-weight:bold;
color: #BE007C;
}

div#gauche div#evenement div#dateD .mois, div#gauche div#evenement div#dateF .mois{
font-size: 10px;
color: #BE007C;
border-bottom: 1px solid #D6D6D6;
}

div#gauche div#evenement div#dateD .annee, div#gauche div#evenement div#dateF .annee{
font-size: 10px;
font-family: Trebuchet MS;
color: #AAAAAA;

}

/*bloc intitule correspondant à date
div#gauche div#evenement div#intitule{
width: 290px;
display:block;
float:left;
}

div#gauche div#evenement div#intitule img{
float:left;
padding-right: 5px;

}

div#gauche div#evenement a.bouton {
margin-top: 8px;
}
*********************************************************************/


/*actus et evenements en 2 colonne*/
div#gauche div.actusHome {
width: 195px;
float: left;
font-size:10px;
}

div#gauche div.evenementsHome {
width: 195px;
float: left;
margin-left: 4px;
font-size:10px;
}

div#gauche div.actusHome span.blocactu img, div#gauche div.evenementsHome span.blocactu img {
margin:0 5px 5px 27px;
float:left;
}

div#gauche div.actusHome span.blocactu span.intitule, div#gauche div.evenementsHome span.blocactu span.intitule {
display:block; 
margin-left:27px;
margin-bottom:10px;
}

div#gauche div.actusHome a.bouton, div#gauche div.evenementsHome a.bouton {
background: url(../images/bouton.gif) no-repeat;
color: #48581C;
font-size: 10px;
width: 127px;
height: 17px;
padding: 1px 0 0 25px;
display:block;
text-decoration:none;
margin:10px 0 20px 27px;
}

div#gauche div.actusHome h2, div#gauche div.evenementsHome h2 {
font-family: Gill Sans MT;
font-size: 21px;
text-transform:none;
color: #AAA;
background: url(../images/souligne.jpg) no-repeat 0 23px;
}

div#gauche div.actusHome h2:first-letter, div#gauche div.evenementsHome h2:first-letter{
color: #7F157C;
} 

div#gauche div.actusHome a.titre, div#gauche div.evenementsHome a.titre {
margin-left:27px;
display:block;
}

div#gauche div.actusHome span.date, div#gauche div.evenementsHome span.date {
margin-left:27px;
display:block;
color: #749c0a;
}



/***************************
COLONNE DROITE
***************************/
div#droite {
float:left;
width:282px;
}

/*bloc photos*/
div#droite div#photos{
background: url(../images/cadre_foto.jpg) no-repeat top right;
width: 282px;
height: 202px;
}

div#droite div#photos object{
margin-left: 23px;
margin-top: 32px;
}

/*bloc carte*/
div#droite div#carte{
background: url(../images/cadre_carte.gif) center no-repeat;
width: 282px;
height: 150px;
}

div#droite div#carte object{
margin-left: 22px;
margin-top: 22px;
}

div#droite div#carte a{
font-size: 10px;
font-family: Trebuchet MS;
color: #888;
float: left;
margin-top: 5px;
margin-left: 17px;
}


/*bloc liens*/
div#droite div#liens{
background: url(../images/fond_lien.jpg) center no-repeat;
width: 262px;
height: 130px;
padding:30px 10px 10px 10px;
}

div#droite div#liens ul  {
padding : 0;
margin : 0;
list-style-type: none;
position:relative;
float:left;
top:25px; left:25px;
}

div#droite div#liens ul li {
list-style-type:none;
display:inline;
width:100px;
height:20px;
float:left;
}

div#droite div#liens a {
color:#627c13;
font-size:10px;
padding-left:20px;
}

div#droite div#liens a.emploi {
background: url(../images/emplois.gif) no-repeat;
}

div#droite div#liens a.marches {
background: url(../images/marches.gif) no-repeat;
}

div#droite div#liens a.publications {
background: url(../images/publications.gif) no-repeat;
}

div#droite div#liens a.contact {
background: url(../images/contact.gif) no-repeat;
}

/*redefini*/
div#gauche div#editor {
	width:425px;
}

div#gauche div#editor p {
width:370px; padding-right:0;
}