/* COULEURS */
/* Rouge fond : #A30F0A */
/* Rouge clairet : #FF6633 */
/* Gris foncé : #333333 */
/* Gris clair : #F5F5F5 */
/* Jaune pale : #FFFCF0 */
/* Jaune 2 : #FFF8E2 */
/* Jaune 3 : #FFF5D4 */
/* Orange bordures : #FF8400 */


/* GENERAL */

A	{	color: #A30F0A;}

BODY	{	margin: 0px; background: url(IMG/bg.gif) repeat-x #A30F0A; font-family: Verdana, Arial, Helvetica, sans serif;}

H1	{	font-size: 40px; color: #333333; margin-top: 8px; line-height: 40px; padding-left: 8px; margin-bottom: 8px; height: 80px;}

H2	{	font-size: 14px; color: #333333; margin-left: 10px; margin-top: 0px;}

H3	{	text-align: center; margin-top: 0px; margin-bottom: 5px; color: #A30F0A; padding-left: 15px;}

H4	{	font-size: 12px; color: #A30F0A; text-align: left;}

IMG	{	border: 0px;}

#container	{	position: relative; left: 50%; margin-left: -325px; margin-top: 25px; width: 650px; background: url(IMG/home/bg_container_home.gif) repeat-y #fff; z-index: 1;}

#footer	{	position: relative; left: 50%; margin-left: -325px; margin-top: 5px; margin-bottom: 10px; width: 650px; background-color: #A30F0A;}
#footer IMG	{	border-width: 0px; margin-right: 6px;}

#recherche	{	margin-left: 2px; width: 152px; padding: 4px; font-size: 12px; font-weight: bold; color: #FF6633; margin-top: 23px; border-top: 1px dotted #FF8400; border-bottom: 1px dotted #FF8400; overflow: hidden; background-color: #FFF5D4;}

HTML > BODY #recherche	{	width: 153px;}


.flush	{	clear: both;}

.riojo A	{	color: #A30F0A;}
.interm A	{	color: #E73100;}
.orange A	{	color: #FF6633;}



/* HOME */

#headerhome	{	width: 650px; height: 56px; background-image: url(IMG/home/header_temp.jpg); padding-top: 105px;}

#headerhome #chgtlangue	{	 float: right; width: 120px; margin-right: 5px; padding-top: 145px; filter:alpha(opacity=50); -moz-opacity:0.5; font-size: 11px; display: none;}

#bienvenue	{	position: relative; font-size: 12px; text-align: justify; margin-right: 10px; height: 50px; margin-left: 165px; font-weight: bold; color: #000000;}

#bienvenuedue	{	position: relative; font-size: 12px; text-align: justify; margin-right: 10px; height: 50px; margin-left: 164px; margin-top: -51px; font-weight: bold; color: #ffffff;}

.titlehome	{	margin-left: 2px; margin-top: 5px; margin-bottom: 15px;}

/* ACTUS */

#corpushome	{	float: left; width: 345px; overflow: hidden; margin-left: 163px !important; margin-left: 81px; z-index: 1; border-left: 1px dotted #FF8400; border-right: 1px dotted #FF8400;}

HTML > BODY	#corpushome	{	width: 345px;}	

#laUne	{	font-size: 12px; text-align: justify; padding: 10px; padding-top: 5px;}

.logoUne	{	border-top: 1px dotted #FF8400; border-bottom: 1px dotted #FF8400;}

.surtitre	{	text-align: right; font-weight: bold; color: #333333; font-size: 10px; text-transform: uppercase; margin-bottom: 10px;}

.lasuite	{	text-align: right; font-weight: bold; margin-top: 5px; font-size: 10px;}

#autresactus	{	font-size: 12px; background: url(IMG/home/bg_autresactus.gif) top center repeat-y #FFFCF0; border-bottom: 1px dotted #FF8400;}

.logoactus	{	border-bottom: 1px dotted #FF8400; height: 90px; overflow: hidden;}

.logoactus A	{	margin-top: -5px !important;}

#autresactus A	{	font-weight: bold; color: #A30F0A;}

.blocautresactus	{	float: left; width: 172px; padding-bottom: 10px; border-top: 1px dotted #FF8400; font-size: 10px;}

.blocautresactus .lasuite	{	padding-right: 5px;}
.blocautresactus .surtitre	{	padding-right: 5px; margin-bottom: 5px;}

.retour	{	margin-left: 1px; clear: right;}

/* FIN ACTUS */



/* MANEGE */

#shopping	{	float: left; width: 138px; font-size: 10px;}

.boutique	{	margin-bottom: 5px; font-size: 10px; background-color: #FFFCF0; padding-bottom: 7px; border-bottom: 1px dotted #FF8400; margin-top: 1px;}

HTML > BODY	.boutique	{	margin-top: 0px;}

.headerboutique	{	 font-weight: bold; color: #A30F0A; background-color: #FFF5D4; padding: 4px; font-size: 10px; border-bottom: 1px dotted #FF8400; border-top: 1px dotted #FF8400;}

.logoboutique	{	border-bottom: 1px dotted #FF8400;}

.catboutique	{	font-weight: bold; color: #FF6633; margin-bottom: 5px; padding-left: 4px;}

.boutique P	{	margin-top: 6px; padding-left: 4px; padding-right: 4px; margin-bottom: 0px;}

/* FIN MANEGE */


/* MENU HOME */
#menuhome	{	float: left; margin-left: -647px; width: 163px; z-index: 99;}

HTML > BODY #menuhome	{	position: absolute; margin-left: 0px;}

#menuhome A	{	color: inherit;}

#menuhome UL	{	margin-left: 2px; list-style-type: none; font-weight: bold; margin-top: 0px; font-size: 12px; padding-bottom: 0px; margin-bottom: 0px; border-top: 1px dotted #FF8400; width: 160px; background-color: #FFFCF0;}

HTML > BODY	#menuhome UL	{	width: 121px;}

#menuhome UL.rubriques	{	position: absolute; margin-left: 147px; width: 124px; margin-top: -19px; height: 18px; overflow: visible;}

HTML > BODY #menuhome UL.rubriques	{	margin-top: -20px;}

#menuhome LI	{	padding: 4px; padding-left: 15px; border-bottom: 1px dotted #FF8400; height: 15px; background-color: #FFFCF0; padding-right: 0px; padding-right: 1px;}

HTML > BODY #menuhome LI	{	margin-left: -40px; padding-right: 0px;} 

#menuhome LI.riojo	{	margin-left: -1px; color: #A30F0A; background: url(IMG/home/fleche_menu.gif) 140px 0px no-repeat #FFFCF0; margin-bottom: -2px;}
#menuhome LI.interm	{	margin-left: -1px; color: #E73100; background: url(IMG/home/fleche_menu.gif) 140px 0px no-repeat #FFFCF0; margin-bottom: -2px;}
#menuhome LI.orange	{	margin-left: -1px; color: #FF6633;}

HTML > BODY #menuhome LI.riojo, HTML > BODY #menuhome LI.interm	{	margin-bottom: 0px; margin-left: -40px;}
HTML > BODY #menuhome LI.orange	{	margin-left: -40px;}

#menuhome UL.rubriques LI	{	width: 149px; padding-bottom: 4px; border-right: 1px dotted #FF8400; margin-left: 0px; background-color: #FFFCF0; padding-right: 0px;}

HTML > BODY #menuhome UL.rubriques LI	{	margin-left: -40px;} 

#raccordbasUL	{	margin-left: 2px;}

#ssmenucommerces, #ssmenuasso, #ssmenuquartier	{	visibility: hidden; z-index: 99;}

#menuhome #ssmenuasso LI, #menuhome #ssmenuquartier LI	{	padding-top: 4px;}

.autour	{	margin-left: 2px; width: 161px; margin-top: 64px; border-bottom: 1px dotted #FF8400; overflow: hidden;}

.liens	{	width: 151px; padding: 4px; font-size: 12px; color: #A30F0A; border-top: 1px dotted #FF8400; background-color: #FFFCF0;}

HTML > BODY	.liens	{	width: 153px;}

#menuint .liens	{	margin-left: 2px; width: 203px; border-top: none; border-bottom: 1px dotted #FF8400;}


/* INTERIEUR */

#headerint	{	position: relative; left: 50%; margin-left: -325px; margin-top: 25px; width: 650px; height: 110px; background: url(IMG/header/bg_header.gif) 0px 90px repeat-x #f5f5f5; z-index: 99;}

.sousmenuint DIV	{	float: left; margin-left: -2px; text-align: center; border-right: 2px solid #333333; border-left: 2px solid #333333; font-size: 10px; font-weight: bold; padding-top: 2px; width: 96px; z-index: 99; height: 18px;}

/* .sousmenuint DIV.riojo	{	margin-top: -2px;} */

.sousmenuint	{	float: right; margin: 0px; margin-top: -3px; padding: 0px; width: 648px; border-left: 2px solid #333333;}

HTML > BODY	.sousmenuint	{	margin-top: 0px;}

.calegauche	{	float: left; border-right: none !important; margin-right: 62px;}

.sousmenuint #ssmenucommerces, .sousmenuint #ssmenuasso, .sousmenuint #ssmenuquartier	{	display: block; position: absolute; z-index: 99; height: 2px; overflow: visible; margin-top: 13px; margin-left: -97px;}

.sousmenuint #ssmenuasso	{	margin-left: -89px;}
.sousmenuint #ssmenuquartier	{	margin-left: -84px;}

HTML > BODY .sousmenuint #ssmenucommerces, HTML > BODY .sousmenuint #ssmenuasso, HTML > BODY .sousmenuint #ssmenuquartier	{	margin-left: -2px; height: auto; margin-top: 0px;}

.sousmenuint UL	{	list-style-type: none; background-image: url(IMG/home/bg_menu.gif); font-weight: bold; margin-top: 2px; font-size: 10px; padding-bottom: 0px; margin-bottom: 0px; border-top: 2px solid #333333;}

.sousmenuint LI	{	margin: 0px; margin-left: -40px; text-align: left; padding-left: 5px; padding-top: 4px; padding-bottom: 4px; background-color: #f5f5f5; border-bottom: 2px solid #333333;}

.int #container	{	z-index: 1; border-top: 2px solid #333333; margin-top: 10px;}

#menuint	{	float: left; width: 205px; z-index: 99;}

#menuint A	{	color: #A30F0A; text-decoration: underline;}

#menurub	{	float: left; width: 170px; z-index: 99;}

#numero, #coords	{	font-weight: bold; padding-left: 10px; margin: 0px; margin-bottom: 5px;}

#numero A	{	font-weight: normal;}

.blocadresse	{	float: right; font-size: 10px; font-weight: bold;}
.num	{	font-size: 58px; padding: 0px; margin: 0px; color: #000000;}
.rue	{	margin: 0px; padding: 0px; margin-top: -5px; color: #FF8400; text-align: center; font-size: 16px;}

.breadcrumbs	{	font-size: 10px; color: #666666; text-align: right; padding-top: 5px; padding-bottom: 10px;}
.surtitreart	{	margin: 0px; padding: 0px; padding-top: 10px; color: #999999; text-align: right; font-size: 10px; font-style: italic;}
.sstitre	{	margin: 0px; padding: 0px; padding-bottom: 10px; color: #666666; text-align: right; font-size: 14px;}

.picto	{	float: right; margin-top: 5px; margin-bottom: 0px;}

.pictoalt	{	float: right; padding-left: 5px; padding-right: 5px; margin-top: -1px; margin-bottom: 2px;}

.categories	{	color: #A30F0A; margin-bottom: 10px; font-size: 10px; padding-right: 8px;}

.catrub	{ font-size: 20px;}

.intitules { float: left; font-weight: bold; margin-right: 2px;}

.altres	{	width: 211px; border-top: 1px dotted #FF8400; border-bottom: 1px dotted #FF8400; background: url(IMG/int/fleche_box_altres.gif) 10px 16px no-repeat #FFFCF0; margin-bottom: 10px; margin-left: 2px; padding-top: 3px; padding-bottom: 3px;}

.altres IMG	{	margin-left: -2px;}

.infos	{	font-size: 10px; font-weight: normal; padding-left: 30px; line-height: 15px;}

#PDF	{	margin-left: 2px; width: 152px; padding: 4px; font-size: 10px; font-weight: bold; color: #FF6633; margin-top: 40px; border-top: 1px dotted #FF8400; border-bottom: 1px dotted #FF8400; overflow: hidden; background-color: #FFFCF0;}

#menuint #recherche	{	width: 203px; margin-left: 2px; padding: 4px; margin-top: 20px;}

#menuint #PDF	{	width: 203px; margin-left: 2px; padding: 4px;}

.blocpromos	{	 margin-top: 15px; font-size: 11px; color: #ffffff;}

.promos	{	width: 191px; border-left: 2px solid #333333; border-right: 2px solid #333333; background-color: #FF6633; margin-bottom: 15px;}

.promos IMG	{	margin-left: -2px;}

.legendevignettepromo	{	padding: 5px; color: #000000;}

.bloclogosgauche	{	margin-left: 2px; width: 212px; background: url(IMG/home/bg_autresactus.gif) 104px 0px repeat-y transparent; overflow: hidden;}

.logosgauche	{	display: block; float: left; width: 105px; height: 60px;margin-right: 1px; margin-bottom: 0px; overflow: hidden; border-bottom: 1px dotted #FF8400;}

.unegauche	{	display: block; float: left; width: 211px; height: 127px;margin-right: 1px; margin-bottom: 0px; overflow: hidden; border-bottom: 1px dotted #FF8400;}

.titremenugauche	{	border-bottom: 1px dotted #FF8400; margin-left: 2px; width: 212px; margin-top: 12px;}


/* CORPUS INTERIEUR */

#corpusint	{	margin-left: 213px; margin-right: -20px; z-index: 1; font-size: 12px; border-left: 1px dotted #FF8400;}

HTML > BODY #corpusint	{	margin-right: 10px;}

.logoarticle	{	float: left; border-top: 1px dotted #FF8400; border-bottom: 1px dotted #FF8400; width: 434px; margin-top: 10px; height: 244px; overflow: hidden;}
HTML > BODY	.logoarticle	{	margin-bottom: 10px;}

#ouverture	{	float: right; width: 150px; margin-top: -12px; margin-right: -3px; margin-bottom: 10px; padding-top: 10px; font-size: 10px; text-align: right; border-left: 1px dotted #FF8400; margin-left: 5px; border-bottom: 1px dotted #FF8400;}

HTML > BODY #ouverture	{	margin-right: -8px;}

.vignettes	{	 float: right; width: 150px; margin-bottom: 10px; margin-right: -8px; margin-bottom: 0px; margin-right: 0px; border-top: 1px dotted #FF8400; background-color: #FFFCF0;}

.legendevignette	{	clear: both; padding: 5px; border-top: 1px dotted #FF8400; text-align: justify;}

#commerces_rubriques1, #commerces_rubriques2	{	width: 435px; margin-top: 30px; margin-bottom: 10px;}

.cadrerubriques	{	margin-top: 10px; margin-left: 5px;}

.intitulerubriques	{	float: left; text-transform: uppercase; font-weight: bold; color: #333333; font-size: 10px; padding-top: 1px; margin-left: 5px; padding-left: 20px; background: url(IMG/int/fleche_ss_sections.gif) top left no-repeat #ffffff;}

.contenurubriques	{	padding-left: 160px;}

.letexte	{	padding-left: 8px; padding-top: 8px; width: 417px; padding-right: 8px;}

HTML > BODY .letexte	{width: 418px; padding-right: 0px;}

.ps	{	font-style: italic; margin-top: 35px;}

.logosdroite	{	float: left; width: 125px; margin-right: 14px; margin-bottom: 10px;}

.fleche	{	padding-left: 15px; background: url(IMG/int/fleche_ss_sections.gif) top left no-repeat #ffffff;}


/* PLANS */

.onglet	{	padding: 3px; border: 1px dotted #FF8400; margin-right: 5px; background-color: #FFFCF0;}

.cadreplans	{	width: 400px; border: 1px dotted #FF8400; margin-left: 16px; background-color: #FFFCF0; margin-top: 0px;}

#map	{	display: none;}
#acces	{	display: none;}
#ongletsite	{	background-color: #FFF5D4;}

.plan-secteur	{	float: left; width: 200px;}

.plan-commerces	{	float: right; width: 199px; border-left: 1px dotted #FF8400;}

.plan-secteur H2	{	background-color: #FFF5D4; border-bottom: 1px dotted #FF8400; border-top: 1px dotted #FF8400; margin: 0px; margin-top: -1px; padding: 3px; font-size: 13px;}

.cadreplans H3.spip	{	background-color: #FFF5D4; border-bottom: 1px dotted #FF8400; border-top: 1px dotted #FF8400; margin: 0px; margin-top: -1px; padding: 3px; font-size: 13px; text-align: left;}

.cadreplans P.spip	{	padding-left: 5px; padding-right: 5px; margin-top: 5px;}

.plan-rubrique	{	background-color: #FFF8E2; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; font-weight: bold;}
.plan-rubriques	{	 margin-left: 0px;}
HTML > BODY	.plan-rubriques	{	 margin-left: 0px;}

.plan-articles	{	 margin-left: 5px;}
HTML > BODY	.plan-articles	{	 margin-left: 0px;}

.cadreplans UL	{	padding-left: 0px; margin-top: 0px; }

.cadreplans LI	{	list-style-type: none; padding-left: 0px; margin-left: 0px; padding-right: 3px;}


/* CONTACT */

.forml { width: 95% ; background-color: #dfe4e7; color: #000000; font-weight: normal;}
.spip_bouton { background-color: #94a6b0; color: #ffffff;}


/* PORTFOLIO */

.bodypopup	{	background-image: none; background-color: #FFFCF0;}

#gauchepopup	{	float: left; width: 192px; background-color: #FFFCF0; padding: 5px; margin-right: 0px;}

#gauchepopup A	{	display: block;}

#gauchepopup H2	{	margin-top: 15px; margin-left: 0px;}

.legendepopup	{	font-size: 12px; padding-right: 5px;}

.portif	{	color: #666666; font-weight: bold; font-style: italic; margin-bottom: 5px; font-size: 12px;}

#image	{	 margin-left: 202px; padding: 15px;  background: url(IMG/bg.gif) repeat-x #A30F0A;}

#footerpopup	{	clear: left; background-color: #FFF3CD; text-align: right; padding: 5px; font-size: 12px; border-top: 1px dotted #FF8400;}

a {
	
	text-decoration: none;
}

a:hover {
	color:#FF9900;
}

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

.spip_code { }

p.spip_note { }

.spip_logos	{	padding: 0px;}

h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	margin-top : 20px;
	margin-bottom : 20px;
	padding: 0em;
}

.spip_puce {
	list-style-position: inside;
	border-width: 0px;
}
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #d0d0d0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

hr.spip { }
b.spip { }
i.spip { }
blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.spip_encadrer {
margin-bottom: 15px;
}

.spip_cadre {
	width : 95%;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
}

div.spip_poesie {
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #999999;
}
div.spip_poesie div {
	text-indent: -60px;
	margin-left: 60px;
}

form.formrecherche {	}
form.formrecherche INPUT	{	display: block;}
input.formrecherche {
	width: 130px;
	margin-left: 8px; margin-right: 8px;
	background-color: #ffffff;
	border: 2px solid #333333;
}

#menuint input.formrecherche	{	width: 181px;}
HTML > BODY	#menuint input.formrecherche	{	width: 182px;}

#validerrech	{	background-color: #E73100; border: 2px solid #333333; border-top: none; color: #ffffff; font-weight: bold; font-size: 11px; float: right; margin-right: 4px; padding: 0px; margin-bottom: -15px; margin-top: -2px;}

HTML > BODY	#validerrech	{	margin-bottom: 4px; margin-right: 11px; margin-top: 0px;}

#menuint #validerrech	{	margin-right: 4px;}

HTML > BODY	#menuint #validerrech	{	margin-right: 9px;}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }


/*
 *  Images typographiques (via image_typo)
 */
.image_typo {
	behavior: url("win_png.htc");
}


/*
 * Barre de raccourcis
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}