@charset "utf-8";
/* CSS Document */

/* couleur marron, a changer ici */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image:url("../IMG/degradegris.jpg");
	background-repeat:repeat-x; /*#996633;*/
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style:normal;
}
a:link {
	color: #FF8000;
}
a:visited {
	color: #663300;
}
a:hover {
	color: #993300;
}


/* taille de la page a changer ici, attention au reste du site */
#page {
	position: auto;
	width: 960px;
	margin: 0 auto;
	text-align: left;
} 

/*les styles pour l'entete*/
#bigbanner {
	height: 185px;
	background-position:top;
} 

#banner2 {
	width:960px;
	margin:0 auto;
	background-image:url(../IMG/fondpageaccueil.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 650px;
}
#banner {
	width:960px;
	margin:0 auto;
	background-image:url(../IMG/fondautrespages.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 650px;
}
#topbanner {
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background-color:#7E6161;
	height:30px;
}
#toplinks {
	color: #370538;
	padding-left: 10px;
	text-align:left;
	float:left;
	width:50%;
	color:#CCCCCC;
	line-height:30px;
	vertical-align:middle;
	font-weight: bold;
}
#lang {
	float:right;
	width:40%;
	vertical-align: middle;
	text-align:left;
	line-height: 30px;
	color:#FFFFFF;
}
#siteID {
	width: 30%;
	text-align:center;
	height:120px;
	background-image:url(../IMG/logogrand.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:30px;
	padding-left: 100px;
	margin-left: 30px;
}
.titlefont2 {
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#222222;
	text-transform:none;
	font-style: italic;
	font-weight: bolder;
	font-size: 1em;
}
#siteID a.accueil {
	display: block;
	text-decoration:none;
	z-index:120;
	vertical-align:middle;
	padding-top:10px;
}
#siteID a.accueil img.spip_logos { vertical-align: middle; border:none; }
#siteID a.accueil #nom_site_spip { vertical-align: middle; font-size: 2em; font-family: impact; font-weight: normal; text-decoration:none; color:#000000; text-transform:uppercase; }
#bannerfocus {
	float:right;
	margin-top:15px;
	position:relative;
	margin-right: 40px;
	height: 100px;
	width: 300px;
	background-color: none;
}
.bannercol {
	width:100%;
	float: left;
	height:100%;
}


/*les styles pour le contenu de la page*/
#contentmain {
	width: 740px;
	float:right;
	background-image;
}
#homecol {
	width:300px;
	height:inherit;
	float:left;
	font-family: "Lucida Grande", Verdana, sans-serif;
	text-align:justify;
	color:#000000;
	font-size:10px;
	padding-left:40px;
	padding-right: 30px;
	padding-top: 30px;

















	background-position: right:30px;
	padding-bottom: 50px;
}
homecol h1 { font-size:14px; color:#370538; width:100%; background-color:#CCCCCC; }
.rightpos { float:right; }
#leftcol {
	width: 220px;
	float:left;
	/*background-color:#FFE7D2;*/
}

/*class menunews*/
.menunews h1 { width: 100%; color:#161616; font-family: "Lucida Grande", Verdana, sans-serif; font-size:10px; text-transform:uppercase; height:20px; line-height:20px; vertical-align:center; margin-top:5px; margin-left:5px;}
.menunews ul { list-style-type:none; padding-left:0; margin-left:0; font-family: "Lucida Grande", Verdana, sans-serif; font-size:10px; color:#666666;
}
.menunews ul li { padding-left:0; margin-left:5px; margin-right:5px; border-bottom:solid 1px #FFC799; padding-bottom:2px; }
.menunews ul li a { text-decoration:none; color:#E37915; }
.menunews ul li a:hover { /*font-weight:bold;*/ background-color:#FFC799; }
.menunews {/*border:solid 1px #CCCCCC;*/
	margin-bottom:15px;
	background-color:#FFFFFF;
/*	margin-right: 5px;
	margin-left: 5px;*/
/*	padding-left:5px; padding-right:5px;*/
}

#tsf-news {
	width: 220px;
	float:left;
	background-color:#FFE7D2;
}

#welcome {
	color:#663333;
	font-weight:bold;
	font-style:italic;
}
/*les styles pour la 1ere colonne*/
#welcome h1 {
	height:30px;
	color:#FFFFFF;
	font-size:16px;
	line-height:30px;
	vertical-align:middle;
	padding-left:10px;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	background-color: #A69995;
}
#home_articles h2 {
	color:#FFF2CA;
	text-align:left;
	font-size:12px;
	font-family:"Lucida Grande", Verdana, sans-serif;
	background-color: #8C766F;
	font-style: normal;
}
/*les styles pour la 2eme colonne*/
#welcome h2 {
	height:30px;
	color:#FFFFFF;
	font-size:16px;
	line-height:30px;
	vertical-align:middle;
	padding-left:10px;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	background-color: #A69995;
}

#home_articles h1 {
	color:#FFF2CA;
	text-align:left;
	font-size:12px;
	font-family:"Lucida Grande", Verdana, sans-serif;
	background-color: #8C766F;
	font-style: normal;
}
#home_articles p {color:EBEBEB; }

/*styles pour la barre de navigation*/
ul#menunav {
	width: 738px;
	height: 30px;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:#FF9900;
	/*border-top:solid 1px #E37915;*/
	border-left:solid 2px #FFFFFF;
}
ul#menunav li { display: block; float: left; /*margin: 0 0 0 5px;*/ }
ul#menunav li a 
{
	color: #FEF4CD;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 15px 0;
	line-height:30px;
	vertical-align:middle;
}
ul#menunav li a:hover { color: #333; }
ul#menunav li a.current{
	color: #FFF;
	background-color:#FFCC66;
}




/* Formulaires de recherche (site / petitions) */
.frecherche { font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; margin:0; padding:0; position:top;}
.frecherche label {}
.frecherche input.text { width: 150px; height:14px; background-color:#FFFFFF; vertical-align:center; border:none; padding-left: 4px; border: solid 2px #FFFFFF; }
.frecherche input.submit { border:solid 2px #FFFFFF; background:#CCCCCC; vertical-align:middle; height:20px; width:30px; text-align:center; color:#FFFFFF; }

#searchbox { background:#FF9900; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; height:20px; padding-left:5px; padding-right:5px; width:100%; border-top: solid #FF9900 5px; border-bottom: solid #FF9900 5px; }
#searchbox img { border:solid 2px #FFFFFF; margin:0; padding:0; }
#searchbox * { display: inline; float:left; position:top; }


/*style pour acces login (globalsight)*/
#loginbox { width:206px; border:solid 5px #7E6161/*#E37915*/; float:left; display:inline; margin-bottom:10px; background:#FFFFFF; padding-left:2px; padding-top:2px; padding-right:2px; font-size:12px; vertical-align:middle; margin-top:10px; }
#loginbox img {border:none; margin-top:3px; }
a.loginlink {text-decoration:none; line-height:16px; color: #FF8000; }
a.loginlink:visited { color: #FF8000; }
a.loginlink:hover { color: #FF8000; }


.spip-admin-float {margin-top:40px;}

#maincol { width:530px; float:left; }
#rightcol {
	width:210px;
	float:right;
	/*background-color:#FFFFFF; #FFB071;*/
	
}


/*style pour le pied de page*/
#footer {
	width:960px;
	position: auto;
	color:#000000;
	float:left;
	margin-bottom:4px;
	padding-top: 3px;
	background-image: url(../IMG/footer.png);
	background-repeat: no-repeat;
	margin-right: 10px;
	background-color: #FFFFFF;
}

#footer ul {
	float:left;
	height: 30px;
	line-height:30px;
	vertical-align:middle;
	margin-top:45px;
	list-style-type:none;
	margin-left: 40px;
}
#footer ul li { height: 25px; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; margin-left:10px; margin-right:10px;float:left; }
#footer ul li a {
	text-decoration:none;
	color:#EEEEEE;
	font-weight: bold;
}
#footer ul li a:hover { text-decoration:underline; }
#contactus {
	float:right;
	width:20%;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#contactus a {
	float:right;
	border-right: 10;
}
#contactus p { text-align:left; font-size:9px; line-height:1.2em; width:60%; }
#footer img { border:none; display:inline; }


/* Anne rajoute ici... */

/* styles pour les articles, page rubrique */
#list_articles h2 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:12px;
	color:#E37915;
	margin-top:20px;
	margin-left: 10px;
}
#list_articles h3 a { font-family: "Lucida Grande", Verdana, sans-serif; font-size:11px; color:#666666; text-transform:none; text-decoration:none; height: 2em; }
#list_articles h3 a:hover { text-decoration:underline; font-family: "Lucida Grande", Verdana, sans-serif;}
#list_articles ul { list-style:none; font-family: "Lucida Grande", Verdana, sans-serif;}
#list_articles ul li { border-bottom:solid 1px #CCCCCC; font-family: "Lucida Grande", Verdana, sans-serif;}
#list_articles p {line-height:2em; color:#999999; font-size:11px; font-family: "Lucida Grande", Verdana, sans-serif;}
.datearticle { font-size:10px; font-family: "Lucida Grande", Verdana, sans-serif;}
#list_articles p a {color:#E37915; text-decoration:none; font-family: "Lucida Grande", Verdana, sans-serif;}
#list_articles p a:hover {color:#E37915; font-weight:bold;font-family: "Lucida Grande", Verdana, sans-serif; }
#introrubrique {
	background-color:#CCCCCC;
	margin-left:10px;
	margin-right:10px;
	color:#FFFFFF;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	vertical-align: middle;
	text-align: center;
}

/* style pour le fil d'ariane*/
#hierarchie { margin-top:8px; margin-bottom:8px; border-bottom:thin #CCCCCC; font-family: "Lucida Grande", Verdana, sans-serif; font-size:11px; color:#666666; margin-left:10px; }
#hierarchie a { text-decoration:none; font-family: "Lucida Grande", Verdana, sans-serif; }
#hierarchie a:hover { text-decoration:underline; font-family: "Lucida Grande", Verdana, sans-serif; }

/* classe menu des rubriques */
.menusection { background-color:#CCCCCC; font-family:"Lucida Grande", Verdana, sans-serif; font-size:11px; color:#FFFFFF; }
.menusection h2 { font-size:11px; padding-left:5px; border-bottom:solid 1px #FFFFFF; line-height:2em; vertical-align:middle; font-family: "Lucida Grande", Verdana, sans-serif;}
.menusection ul { list-style-type:none;  padding-left:5px; margin:0; font-family: "Lucida Grande", Verdana, sans-serif;}
.menusection ul li a { text-decoration:none; color:#666666; line-height:1.5em; font-family: "Lucida Grande", Verdana, sans-serif;}
.menusection ul li a:hover { font-weight:bold; font-family: "Lucida Grande", Verdana, sans-serif;}

/* classe menu des quicklinks */
.quicklinks { background-color:#CCCCCC; font-family:"Lucida Grande", Verdana, sans-serif; font-size:11px; color:#FFFFFF; padding-bottom:10px;}
.quicklinks h2 { font-size:11px; padding-left:5px; border-bottom:solid 1px #FFFFFF; line-height:2em; vertical-align:middle; font-family: "Lucida Grande", Verdana, sans-serif; text-transform:uppercase; }
.quicklinks ul { list-style-type:none;  padding-left:5px; margin:0; font-family: "Lucida Grande", Verdana, sans-serif;}
.quicklinks ul li a { text-decoration:none; color:#666666; line-height:1.5em; font-family: "Lucida Grande", Verdana, sans-serif;}
.quicklinks ul li a:hover { text-decoration:underline; font-family: "Lucida Grande", Verdana, sans-serif;}
.quicklinks a.login { font-size:14px; }

/*classe menu des articles*/
.menuarticle { border:solid 1px #666666; font-family:"Lucida Grande", Verdana, sans-serif; font-size:11px; color:#666666; background-color:#FFFFFF; margin-top:10px; padding-bottom:5px; }
.menuarticle h2 { font-size:11px; padding-left:5px; height:20px; vertical-align:middle; font-family: "Lucida Grande", Verdana, sans-serif;}
.menuarticle ul { list-style-type:none;  padding-left:5px; margin:0; }
.menuarticle ul li a { text-decoration:none; color:#E37915; line-height:1.2em; }
.menuarticle ul li a:hover { text-decoration:underline;}

/*classe pour affichage citation (breves)*/
.quotation { font-family: font-family: "Lucida Grande", Verdana, sans-serif; color:#FFFFFF; font-size:11px; padding:5px; background:#7E6161; m }
.quotation h3 { text-align:right; font-size:11px; }




#introarticle { font-family:"Lucida Grande", Verdana, sans-serif; margin-left: 10px; margin-right:10px; border-bottom:solid 1px #666666; color:#999999; margin-top:20px;}
#introarticle p { line-height:1.5em; font-size:11px; text-align:justify; }
.surtitre { text-transform:uppercase; font-size:11px; font-family: "Lucida Grande", Verdana, sans-serif; }
.soustitre { color:#E37915; font-weight:bold; font-family: "Lucida Grande", Verdana, sans-serif; }
#introarticle h1 { font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:14px;
	color:#E37915;
	margin-top:20px;
	line-height:1.5em; }


	
#fullarticle { line-height:1.5em; color:#333333; font-size:10px; text-align:justify; margin-left: 10px; margin-right:10px; font-family: "Lucida Grande", Verdana, sans-serif; }
.chapo { font-weight:bold; font-family: "Lucida Grande", Verdana, sans-serif;}
.rightimg { float:right; vertical-align:middle; font-family: "Lucida Grande", Verdana, sans-serif; }
#fullarticle a { color:#E37915; font-family: "Lucida Grande", Verdana, sans-serif; }
/* pour centrer les images a l'inyterieur des articles */
.texte p img { display: block; margin: 0 auto; }
.Apple-style-span { display: block; margin: 0 auto; text-align:center; }



/*les styles pour les pages plam.html et recherche.html - !!! menuarticles avec S!!! */


#rech {font-family:Arial, Helvetica, sans-serif; margin-left: 10px; margin-right:10px; border-bottom:solid 1px #666666; color:#999999; margin-top:20px;}
#rech p { line-height:1.5em; font-size:11px; text-align:justify; }
.cartoucherech h1 {font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:11px;
	color:#E37915;
	margin-top:20px;
	line-height:1.5em;;
	}
 
#resultat {margin-left: 10px; margin-right:10px; color:#999999; margin-top:20px; font-family: "Lucida Grande", Verdana, sans-serif;}

.menuarticles h2 { line-height:1.5em; color:#333333; font-size:11px; text-align:justify; margin-left: 10px; margin-right:10px; font-family: "Lucida Grande", Verdana, sans-serif;}
.menuarticles h3 { line-height:1.5em; color:#333333; font-size:10px; text-align:justify; margin-left: 10px; margin-right:10px; font-family: "Lucida Grande", Verdana, sans-serif;}
.menuarticles ul { list-style-type:none;  padding-left:5px; margin:0; font-family: "Lucida Grande", Verdana, sans-serif;}
.menuarticles ul li a { text-decoration:none; color:#E37915; line-height:1.2em; font-family: "Lucida Grande", Verdana, sans-serif;}
.menuarticles ul li a:hover { text-decoration:underline; font-family: "Lucida Grande", Verdana, sans-serif;}
.subrubrique { text-transform:uppercase; }

.menurubriques h2 { line-height:1.5em; color:#333333; font-size:11px; text-align:justify; margin-left: 10px; margin-right:10px; font-family: "Lucida Grande", Verdana, sans-serif;}
.menurubriques ul { list-style-type:none;  padding-left:5px; margin:0; font-family: "Lucida Grande", Verdana, sans-serif;}
.menurubriques ul li a { text-decoration:none; color:#E37915; line-height:1.2em; font-family: "Lucida Grande", Verdana, sans-serif;}
.menurubriques ul li a:hover { text-decoration:underline; font-family: "Lucida Grande", Verdana, sans-serif;}

.menu h2 { line-height:1.5em; color:#333333; font-size:11px; text-align:justify; margin-left: 10px; margin-right:10px; font-family: "Lucida Grande", Verdana, sans-serif;}
.menu ul { list-style-type:none;  padding-left:5px; margin:0; font-family: "Lucida Grande", Verdana, sans-serif;}
.menu ul li a { text-decoration:none; color:#E37915; line-height:1.2em; font-family: "Lucida Grande", Verdana, sans-serif;}
.menu ul li a:hover { text-decoration:underline; font-family: "Lucida Grande", Verdana, sans-serif;}


form fieldset ul { list-style:none; padding-left:0px; margin-left:0px; text-align:left; }
form fieldset ul li input { width: 40%; }
/*form fieldset ul li { width:100%; height:25px; text-align:justify;}*/
form fieldset ul li { display:inline; float:left; width:80%; padding-left:30px; padding-right:30px; }
form fieldset ul li label { width:30%; text-align:left; }
#texte_contact { width:80%; }