/* -------------------------------------------------------------- CSS externe */



/* -------------------------------------------------------------- CSS Document */

html { 
	font-size: 100%; 
}

body {
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	color: #333;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #FF7401;
}

a:hover {
	text-decoration: none;
	color: #666666;
}

a.on {
	font-weight: bold;
	color: #000000;
}

.separateur {
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------- CSS entete */

.entete {
	width: 980px;
}

.entete a, .entete a:hover {
	width: 100%;
	display: block;
}

/* -------------------------------------------------------------- CSS hierarchie */

.hierarchie {
	height: 30px;
	width: 980px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.hierarchie p {
	float: left;
	margin-top: 10px;
	font-size: .75em;
}

/* -------------------------------------------------------------- CSS Colonne de Gauche */

.menurubriques, .liensutiles, .presse {
}

.menurubriques h3, .liensutiles h3, .presse h3 {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	background-color: #CBDF40;
	padding: 8px;
}

.menurubriques ul, .liensutiles ul, .presse ul {
	background-color: #ECF3B8;
}

.menurubriques ul ul, .liensutiles ul ul, .presse ul ul {
	background-color: #F3F8D6;
}

.menurubriques ul li a, .liensutiles ul li a, .presse ul li a {
	font-size: 12px;
	padding-right: 8px;
	padding-left: 8px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	line-height: 130%;
	color: #444444;
}

.menurubriques ul li a:hover, .liensutiles ul li a:hover, .presse ul li a:hover {
	background-color: #E2ED94;
	color: #000;
}

.menurubriques ul li a.on, .liensutiles ul li a.on, .presse ul li a.on {
	background-color: #B0C521;
	color: #FFFFFF;
}

.descriptiflienutile {
	font-size: 12px;
	padding-left: 8px;
	padding-bottom: 4px;
}

/* -------------------------------------------------------------- CSS Colonne du Centre */

.introrubrique h3.GrosTitre {
	font-size: 1.4em;
	color: #666;
	margin-bottom: 10px;
}

.presentationfestisol {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}

.presentationfestisol h2 {
	font-size: 1.4em;
	color: #333;
	margin-bottom: 5px;
}

.presentationfestisollogodroite {
	float: right;
	width: 190px;
	margin-left: 10px;
	text-align: right;
}

.presentationfestisolchapo {
	font-size: .8em;
	text-align: justify;
	line-height: 135%;
}

.presentationfestisolchapoleft {
	font-size: .8em;
	text-align: left;
	line-height: 135%;
}

.presentationderarticle {
	padding-bottom: 10px;
}

.logorubgauche {
	float: left;
	width: 105px;
	margin-right: 20px;
}

.logorubdroite {
	float: right;
	width: 105px;
	margin-left: 20px;
}

.presentationderarticle h2 {
	font-size: 1.1em;
	margin-bottom: 5px;
}

.presentationderarticlechapo {
	font-size: .8em;
	line-height: 135%;
}

.actuderarticle h2 {
	text-transform: uppercase;
	padding: 6px;
	border: 1px solid #CCCCCC;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 4px;
	color: #FFFFFF;
	background-color: #333333;
}

.actuderarticle h3 {
	font-size: .9em;
	margin-bottom: 4px;
	margin-top: 6px;
}

.actuderarticlechapo {
	font-size: .7em;
	line-height: 125%;
	text-align: justify;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.derarticlesite {
	float: left;
	width: 230px;
}

.derarticlesite h3 {
	font-size: .9em;
	margin-bottom: 4px;
}

.derarticlesite small {
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
}

.actuderarticlechapo2 {
	font-size: .7em;
	line-height: 125%;
	text-align: justify;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.cartelogoarbre {
	float: right;
	width: 230px;
}

.blocArtRecherche {
	width: 730px;
}

.planRub {
	float: left;
	width: 235px;
	margin: 5px;
	font-size: .7em;
	line-height: 135%;
}

.planRub h2 {
	color: #222222;
	margin-bottom: 3px;
}

.planRub ul {
	background-image: url(../_imgs/filet_vertical_plan.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.planRub ul ul {
	background-image: none;
}


.planRub ul li {
	padding-left: 15px;
	background-image: url(../_imgs/filet_horizontal_plan.gif);
	background-repeat: no-repeat;
	background-position: 0% 8px;
}

/* -------------------------------------------------------------- CSS Colonne de Droite */

.pd_wiki {
}

.pd_wiki h3, .newsletter h3, .agenda h3 {
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	background-color: #CCC;
	padding: 8px;
}

.pd_wiki ul li {
	text-align: center;
}

a.pd, a.wiki {
	display: block;
}

.agenda ul li {
	float: left;
	width: 250px;
}

.agenda ul li .date {
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}

.agenda ul li a {
	font-size: 12px;
	padding-bottom: 4px;
	width: 230px;
	float: left;
	line-height: 125%;
}

.agenda ul li .intro {
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 230px;
	line-height: 135%;
}

.recherche {
	padding: 8px;
}

.newsletter {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.recherche, .newsletter {
	background-color: #EEE;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/* -------------------------------------------------------------- CSS partenaires */

/* new css partenaire by Rv_Marsnet_21052010 */
.partenaires {
	text-align: center;
	height: 255px;
	width: 980px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}



/* old css partenaire by Rv_Marsnet_21052010
.partenaires {
	height: 60px;
	width: 980px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.partenaires ul {
	text-align: center;
}

.partenaires ul li {
	text-align: center;
	display: inline;
	height: 60px;
	padding-right: 22px;
	padding-left: 22px;
	float: left;
}

.partenaires ul li a, .partenaires ul li a:hover {
	display: block;
	height: 60px;
}

.partenaires ul li a span {
	display: none;
}

.partenaires ul li.part1 a {
	width: 73px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.partenaires ul li.part1 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
}

.partenaires ul li.part2 a {
	width: 100px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -110px 0px;
}

.partenaires ul li.part2 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -110px -60px;
}

.partenaires ul li.part3 a {
	width: 99px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -242px -2px;
}

.partenaires ul li.part3 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -242px -62px;
}

.partenaires ul li.part4 a {
	width: 69px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -370px 0px;
}

.partenaires ul li.part4 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -370px -60px;
}

.partenaires ul li.part5 a {
	width: 78px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -463px 0px;
}

.partenaires ul li.part5 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -463px -60px;
}

.partenaires ul li.part6 a {
	width: 52px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -577px 0px;
}

.partenaires ul li.part6 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -577px -60px;
}

.partenaires ul li.part7 a {
	width: 63px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -660px 0px;
}

.partenaires ul li.part7 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: -660px -60px;
}

.partenaires ul li.part8 a {
	width: 92px;
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

.partenaires ul li.part8 a:hover {
	background-image: url(../_imgs/partenaires.jpg);
	background-repeat: no-repeat;
	background-position: 100% -60px;
}
end */

/* -------------------------------------------------------------- CSS Pied de page */

.pieddepage {
	height: 30px;
	width: 980px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 0.8em;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #999999;
	text-align: center;
}

.pieddepage img {
	vertical-align: middle;
}