/* --------------------------------------------
/* General
/* -------------------------------------------- */
body { background: #FFF; color: #000000; }
.spip-admin-boutons:hover { color: black; background-color: #dddddd; }

/* Hyperliens */
a {
	color: #000000;
}



a:focus,a:hover,a:active {
	background-color: transparent;
	color: #D6D6D6;
	border-top-color: #069;
	border-right-color: #069;
	border-bottom-color: #069;
	border-left-color: #069;
	
	
}



/* --------------------------------------------
/* Police (web safe fonts)
/* Choisir une police en "de-commentant" une ligne
/* -------------------------------------------- */
/* serif */
/*body { font-family: Georgia, serif; }*/
/*body { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }*/
/*body { font-family: "Times New Roman", Times, serif; }*/
/* sans-serif */
/*body { font-family: Arial, Helvetica, sans-serif; }*/
/*body { font-family: "Arial Black", Gadget, sans-serif; }*/
/*body { font-family: "Comic Sans MS", cursive, sans-serif; }*/
/*body { font-family: Impact, Charcoal, sans-serif; }*/
/*body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }*/
/*body { font-family: Tahoma, Geneva, sans-serif; }*/
body { font-family: "Trebuchet MS", Helvetica, sans-serif; }
/*body { font-family: Verdana, Geneva, sans-serif; }*/
/* monospace */
/*body { font-family: "Courier New", Courier, monospace; }*/
/*body { font-family: "Lucida Console", Monaco, monospace; }*/

/* Police pour les titres (sauf le titre du site) */
.nav, .footer, h1, h2, h3 { font-family:
"Arial Rounded MT Bold", "Georgia"  }

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page, #menu-principal { max-width: 1420px;
background-color:transparent;
 }
.page {
	background-color: transparent;;
	color: #000;
}

/* Menu horizontal en haut d'ecran */
#menu-principal {
	background-color: #ffffff
	border-bottom: 1px solid #cccccc;
}
#menu-principal.menu ul li a:hover {
	background-color: #CC0099;
}

/* Entete */
.header { background-image: url("img/banner.png"); background-color: #fff; }
.header a.banner { color: white; }

.logo
{ background-image: url("img/logoruban.png"); background-color: #fff; }


/* Menu horizontal des "secteurs" */
.nav { border: solid #222;
border-width: 0px 0;
background-color: #FFF;
font-size:11pt;
font-family:"Arial Rounded MT Bold";
line-height:9,6pt;
padding-top:40px;
margin-left:-6px;
width:70%;



}
.nav ul {}
.nav ul li { float: left; }
.nav li { list-style: none;display: list-item;text-align: -webkit-match-parent;margin-right:-9px; }
.nav ul li a { float: left; padding:0px 8px 0px 8px; border-right: 3px solid #E63882; text-decoration: none; }
.nav ul li.on a { border-left:3px solid #Efff; color: #A40001; }
.nav ul li a:focus{ border-right: 3px solid #E63882; }
.nav ul li a:hover,{ border-right: 3px solid #E63882; }
.nav ul li a:active { background-color: #222; color: #FFF;  } 

.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active {color: #989190;border-right: 3px solid #E63882;}


.navrub3 { border: solid #222;
border-width: 0px 0;
background-color: #FFF;
font-size:11pt;
font-family:"Arial Rounded MT Bold";
line-height:9,6pt;
padding-top:40px;
margin-left:5px;
width:70%;}

.navrub3 ul li a:focus, .navrub3 ul li a:hover, .navrub3 ul li a:active {color: #7bb121;border-right: 3px solid #E63882;}

.nav1 {  border-width: 0px 0;background-color: #E63882;margin-right:0px;
font-size:11pt;
font-family:"Arial Rounded MT Bold";
line-height:9,6pt;
width:560px;
height:21px;
margin-left:0px;
color:#FFF;

}
.nav1 ul {color:#FFF;}
.nav1 ul li { float: left; }
.nav1 li { list-style: none;display: list-item;text-align: -webkit-match-parent;margin-right:-8px; }
.nav1 ul li a { float: left; padding:0px 8px 0px 8px; border-right: 3px solid #FFF; text-decoration: none;color:#FFF; font-size:12pt;}
.nav1 ul li.on a { background: #FFF; font-weight: normal;color: #E0127A; }
.nav1 ul li a:focus{ background-color: #00CC00;color: #E95D0F;}
	
.nav1 ul li a:hover{ background-color: #FFF;color: #989191;}
.nav1 ul li a:active { background: #FFF; color: #000; }
}
.nav ul li.on a { background-color: #759B9E; color: white; }
.nav ul li a:active { background: #FFF; color:#989190;border-right: 3px solid #E63882; }


.navune {
	border-top: 0px solid #000;
	border-bottom:4px solid #989191;
	border-left: 40px solid #FFF;
	border-bottom: 0px solid #000;
	background-color: #989191;
	font-size: 12pt;
	font-family: "Arial Rounded MT Bold";
	line-height: 9,6pt;
	position: absolute;
	width: 95px;
	text-align: center;
	height: 16px;
	margin-left: 500px;
	margin-top: -43px;
	margin-bottom:540px;
	text-align: center;
	padding-top:0px;
	padding-bottom:6px;
	color:#0F6;
	
}
.navune a:focus,a:hover,a:active {
	color: #E0127A;
	}
	
.navune a {
	color: #FFF;
}

#menu-principal-recherche .formulaire_recherche { margin-left: 563px; }
#menu-principal-recherche .formulaire_recherche input.text { width: 231px; height: 25px; border: 2px solid #989191; line-height: 22px;
margin-left:108px;
margin-top: -3px;
border-color:#989191; }

/* Menu horizontal des "secteurs" */
/*.nav {
	background-color: #E2007A;
	height:37px;
	font-weight:bold;
	font-size:13px;
	margin-left:0px;
	width:1048px;
	
	
}
.nav ul li a {
	border-color: #FFF;
	border-width: medium;
	color: #000;
	color:#FFF; 
	}
	
.nav ul li.on a { background-color: #FFF; color: #E95D0F;font-weight:bold; }

.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active {
	background-color: #00CC00;
	color: #E95D0F;
}


.nav1 {
	background-color: #fff;
	height: 37px;
	font-weight: bold;
	margin-left:9px;
	
		
  
	
	
	
}
.nav1 ul li a {
	border-color: #E2007A;
	border-width: medium;
	color: #000;
	letter-spacing: -1px;
	word-spacing: 2px;
	border-bottom-color: #FFF; 
	

	
	
	
	
	
}
.nav1 ul li.on a { background-color: #FFF; color: #E95D0F;font-weight:bold; }
.nav1 ul li a:focus, .nav ul li a:hover, .nav ul li a:active {
	background-color: #FFFFFF;
	color: #E95D0F;*/
}



/* Blocs de contenu */
.wrapper { float: left; width: 65%;}

.aside { float: right; width: 15%;
padding-right:100px;
background-color:#FFF; }



.asideasso { float: right; width: 15%;
padding-right:100px;
background-color:transparent; 
margin-top:-50px;

 }

.content {
	background-color: #FFFFFF;
	padding: 0 0px 0px 0;
}
.footer {
	background-color: #9C9E9F;
	border-top: none;
	width:74.4%;
    height:10px;
	margin-left:0px;
	text-align:center;
	border-right-color:#E1007A;
	
	
	
	
}

.titrerub {
	font-size: 18pt;
	font-family:"Arial Rounded MT Bold";
	line-height:21pt;
	color: #FFF;
	background-color:#E2007A;
	margin-bottom:-10px;
	
}
.hentry.clearfix .h2.entry-title a {
	font-size: 22pt;
	line-height: 22pt;
	font-family: "Georgia";
	color: #E1007A;
	background-color:transparent;
	
	}
	
.hentry.clearfix .h2.entry-title a:focus, .hentry.clearfix .h2.entry-title  a:hover, .hentry.clearfix .h2.entry-title  a:active {color: #989190;}	
	
.hentry.clearfix {
	margin-right: 10px;
	font-size: 15pt;
	line-height: 17pt;
	font-family: Georgia;
	
	
}
.ruban {
	
	text-align:center;
	background-color:#0F3;
	height:800px;
	margin-top:-80px;
}
.datebreves {
	color: #E1007A;
	font-family: "Arial Rounded MT Bold";
	font-size: 10pt;
	line-height:11pt;
	font-weight:bolder;
	text-align:left;
	

}
#barre {
height:1px;
background-color:#E1007A;
width:110%;
text-align: center;
margin-left:-13px;
margin-top:1px;
margin-bottom:1px;

}
.titrebrevedroite {
	font-family: "Arial Rounded MT Bold";
	font-size: 10pt;
	line-height: 12pt;
	font-weight: bold;
	text-align:left;
	width:17.8%;

}

.alignementbrevedroite {
	text-align: left;}
	
.titrebrevedroite a:focus, .titrebrevedroite  a:hover, .titrebrevedroite  a:active {color: #E0127A;}	
	
.descriptif {
	color: #E1007A;
	font-family:"Arial Rounded MT Bold";
	font-size:8pt;
	border:0px solid #090;
	text-align:center;
	margin-left:35px;
	
	
}
.textearticle {
	font-family: Georgia;
	font-size:15pt;
	text-align:justify;
	line-height:17pt;
}


abbr1.published, .menu_articles li small, .menu_breves li small {

	color: #888888;
	font-family: "Arial Rounded MT Bold";
	font-size: 8pt;
	
}
.cartoucheagenda { margin-top: 6px;
background-color:#0FC; }

#colorbox, #colorbox * {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

#colorbox img { height: inherit; }

#colorbox {overflow: visible;}

.titrearticle {
	color: #E1007A;
	font-family:Georgia;
	font-size:18pt;
	font-weight:bolder;
}

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
.aside .menu {
	background-color: transparent;
	border-radius: 7px;
	position: absolute;
	z-index: 10;
	margin-top: -95px;
 }
.aside1 .menu {
	background-color: #ffffff;
	border-radius: 200px;
	border-color:#F00;
	padding-top:10px;
	
 }
.aside2 .menu {
	background-color: #000;
	border-radius: 7px;
	
	
	
 }
 .asiderub6 .menu {
	background-color: transparent;
	border-radius: 7px;
	position: absolute;
	z-index: 10;
	margin-top: -95px;
	margin-left:80%;
	width:20%;
	margin-top:-4%;
 }
 .asiderub10 {
	float: right;
	width: 15%;
	padding-right: 100px;
	
	
}
 
 .asiderub10 .menu {
	background-color: transparent;
	border-radius: 7px;
	position: absolute;
	z-index: 10;
	margin-top: -65px;
	
 }
 .newsletter {
	background-color: transparent;
	border-color: #F00;
	font-size: medium;
	color: #E2007A;
	font-weight: bold;
	border-top-color: #D6D6D6;
	width:500px;
 }
 
 .titrerub {
	font-size: xx-large;
	color: #FFF;
	background-color:#E2007A;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}
	
 .titrerub3 {
	font-size: xx-large;
	color: #FFF;
	background-color:#7bb121;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}
.titrerub4 {
	font-size: xx-large;
	color: #FFF;
	background-color:#f9ba00;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	margin-left:0px;
	font-family:"Arial Rounded MT Bold"}
		

.titrerub5 {
	font-size: xx-large;
	color: #FFF;
	background-color:#EB7AA9;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	margin-left:0px;
	font-family:"Arial Rounded MT Bold"}	
		
.titrerub6 {
	font-size: xx-large;
	color: #FFF;
	background-color:#6a80b9;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	margin-left:10px;
	font-family:"Arial Rounded MT Bold"}
		
.titrerub7 {
	font-size: xx-large;
	color: #FFF;
	background-color:#996666;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}	
	
.titrerub2 {
	font-size: xx-large;
	color: #FFF;
	background-color:#E0127A;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}	
	
.titrerub1 {
	font-size: xx-large;
	color: #FFF;
	background-color:#e85c0f;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}	
		
.titrerub9 {
	font-size: xx-large;
	color: #FFF;
	background-color:#5f9547;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}		
	
	
.titrerub11 {
	font-size: xx-large;
	color: #FFF;
	background-color:#62b0da;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold"}			


	.titrerub20 {
	font-size: large;
	color: #FFF;
	background-color:#E0127A;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
	font-family:"Arial Rounded MT Bold";
	margin-top:-100px;
	line-height:30pt;}	
	
.titrebreve {
	color: #000;
	font-weight:bold;
	font-family:"Arial Rounded MT Bold";
	line-height:11pt;
	font-size:11pt;
	padding-top:-40px;
	}	


	
.arbo .on { color: #aaaaaa; }
.chapo { border: solid 1px #cccccc; border-radius: 7px; }
abbr.published, .menu_articles li small, .menu_breves li small { color: #888888; border-radius: 7px; }

.pagination a { background: transparent; border: 1px solid #E2007A; border-radius:20px;}
.pagination a:hover { background: #fff; }
.aside .pagination a:hover { background: #E2007A; }
.pagination .disabled .on { background-color: transparent; border: 1px solid #E2007A; color: #bbbbbb; }

#sommaire_article { background-color: #AED0CF; border-radius: 7px; }
#sommaire_article h4 { border-bottom: 1px solid #aaaaaa; }

a.permalink { color: #aaaaaa; }
a.permalink:hover { color: #ffffff; }
.info {
	background-color: #CC99FF;
	border: 2px solid #cccccc;
	color: black;
}

/* Formulaire inscription */
.aside .formulaire_spip {
	border-top: 0px solid #000;
	background-color: #fff;
	
}

.breve1 {
	color: #E2007A;
	text-align: center;
	font-size: 18px;
	padding-top: 150px;
	font-family:"Arial Rounded MT Bold";
	font-weight: bolder;
		
}
.textenewsletter {
	font-size: small;
	color:#999;
	margin-top:30px;
	
}
.menu1 {
	color: #C00;
	text-align: center;
	font-size: 18px;
	background-color: #FFFFFF;
	margin-top:-50px;
	/*[background-image: url("img/logoruban.png")	]
	
}


/* --------------------------------------------
/* Affichage sur petits ecrans
/* -------------------------------------------- */
@media (max-width: 640px) {
.content { padding: 3px; }
}
