body {
	/*font-family : Verdana, Helvetica, sans serif;*/
	/*font-family : Helvetica, sans serif;*/
	/*font-family : Arial, Verdana, Sans;*/
	font-family: Arial, Helvetica ,sans-serif;
	/*font-size : 11px;*/
	/*font-size : 0.7em;*/
	font-size : 12px;
	background : #2F353C;
	margin : 0;
	padding : 0;
	text-align : center;
	background :  #30363D url('../images/main-bg.jpg') repeat-x;
}

a { text-decoration : none; color : #0093d9; }
a:hover { text-decoration : underline; }

img { border : none; vertical-align : middle; }

select, input { vertical-align : middle; }

.clear { clear : both; }

h1 {
	font-size : 1.8em;
	color : #c12727;
	font-weight : normal;
}

h2 {
	font-size : 1.5em;
	color : #0093d9;
	font-weight : normal;
}

h3 {
	font-size : 1.3em;
	color : #969696;
	font-weight : normal;
}

li { list-style : square; }

#rootline {
	margin : 10px 0px 0px 0px;
}

#rootline a {
	font-size : 1.2em;
}

#main {
	margin : 0px auto;
	width : 980px;
	padding : 0;
	text-align : left;
}

#submenu {
	padding : 10px 10px;
}

#submenu .flags {
	float : left;
}

#submenu .items {
	float : right;
}

#submenu .items a {
	color : white;
	text-transform : uppercase;
	font-size : 1em;
	padding : 0px 5px;
}

#menu {
	border-top : 3px solid #00ABE2;
	background : white;
	padding : 0px 10px;
	height : 70px;
}

#menu .extra {
	float : left;
}

#menu .extra img {
	margin : 5px 0px 0px 10px;
}

#menu .items {
	float : right;
}

#submenu .items li span {
	color : white;
}

#menu .items ul, #submenu .items ul {
	margin : 0;
	padding : 0;
}

#menu .items li, #submenu .items li {
	float : left;
	list-style : none;
	padding : 0px 2px;
}

#menu .items li span {
	color : #00ABE2;
	font-size : 1.5em;
	padding : 25px 0px 0px 0px;
	display : block;
}

#menu .items a {
	display : block;
	line-height : 70px;
	color : black;
	text-transform : uppercase;
	font-size : 1.3em;
	padding : 0px 10px;
}

#menu .items a:hover {
	background : #00ABE2;
	color : white;
	text-decoration : none;
}

#menu .items a.on {
	background : #00ABE2;
	color : white;
}

#header {
	background :  url('../images/etoiles-mains.jpg') no-repeat;
	height : 338px;
	width : 1000px;
}

#header .occitan {
	color : white;
	height : 20px;
	padding : 5px 30px 0px 0px;
	font-size : 1.2em;
	text-align : right;
}

#header .occitan span {
	font-size : 2em;
}

#header .slogan-part1 {
	padding : 25px 0px 0px 60px;
}

#header .slogan-part1 .num {
	font-size : 70px;
	color : #00ABE2;
	float : left;
}

#header .slogan-part1 .renc {
	font-size : 25px;
	color : white;
	float : left;
	line-height : 40px;
	text-transform : uppercase;
}

#header .slogan-part1 .renc span {
	display : block;
	text-transform : none;
}

#header .slogan-part2 {
	font-size : 32px;
	clear : both;
	padding : 0px 0px 0px 90px;
	color : #00ABE2;
	font-weight : bold;
}


#header .slogan-part2 em {
	font-size : 24px;
	color : white;
	font-weight : normal;
	font-style : normal;
}

#header .slogan-part3 {
	font-size : 14px;
	padding : 0px 0px 0px 90px;
	color : white;
	font-weight : bold;
}


#header .slogan-part3 em {
	color : #00ABE2;
	font-style : normal;
}

#header .slogan {
	color : white;
	font-size : 1.2em;
	width : 450px;
	text-align : justify;
	margin : 20px 0px 0px 15px;
}

#content {
	border-top : 5px solid #00ABE2;
	background : white;
}


#content .extra {
	width : 240px;
	float : left;
}

#content .extra .search {
	padding : 10px;
	background : #00ABE2;
	text-align : center;
}

#content .extra .search input.text {
	width : 170px;
	height : 24px;
	border : 1px solid #80c9ec;
	color : white;
	background : #0093d9;
	font-size : 12px;
	padding : 3px 3px 0px 3px;
}

#content .extra .contents {
	background :  url('../images/sep.png') no-repeat right top;
	border-right : 1px solid #d5d6d7;
	padding : 15px 15px 50px 15px;
}

#content .extra ul.menu {
	margin : 0;
	padding : 0;
}

#content .extra ul.menu li {
	list-style : url('../images/fleche.gif') inside;
	padding : 8px 0px;
	border-bottom : 1px solid #d5d6d7;
}

#content .extra ul.menu a {

}

#content .extra ul.menu p {
	margin : 0;
	padding : 5px 5px 0px 5px;
	color : #c12727;
	display : none;
}

#content .extra ul.menu p.first {
	display : block;
}

#content .all {
	margin : 0px 0px 30px 20px;
	width : 710px;
	float : left;
}

#footer {
	background : #00ABE2;
	padding : 5px;
	font-size : 1.2em;
	color : white;
}

#footer a {
	font-weight : bold;
	color : white;
}

#footer .spip {
	float : right;
}

.article { margin : 0px 0px 15px 0px; }
.article h2 { margin : 2px 0px; }
.article h3 { margin : 2px 0px; font-size : 1.1em; }

.article h3.date {
	background :  url('../images/cal.gif') no-repeat;
	margin : 0px 0px 0px 15px;
	padding : 0px 0px 0px 20px;
	font-size : 1.1em;
}

.traducs, .description {
	margin : 8px 15px 2px 15px;
	border-left : 2px solid #d5d6d7;
	padding : 7px;
	background : #eef1f4;
}

.description h3 {
	font-weight : bold;
}

.description li {
	list-style-position : inside;
}

.plan h3 a {
	color : #969696;
}

h2.rubrique {
	margin : 0px;
	color : #969696;
}

h2.rubrique a {
	color : #969696;
}

h3.article {
	background : url('../images/fleche.gif') no-repeat 0px 5px;
	padding : 0px 0px 0px 12px;
	margin : 0px;
}

h4.more {
	margin : 0px 0px 10px 15px;
	padding : 0px;
	font-weight : normal;
	font-size : 1.2em;
}

h4.more a {
	color : #c12727;
}

h3.search-pattern {
	font-size : 1.8em;
	color : #c12727;
	vertical-align : center;
	font-weight : bold;
}

.search-pattern sup, sub {
	font-size : 3em;
	font-weight : normal;
}

/* lié a spip */

.description p.spip {
	text-align : justify;
}

h3.spip {
	margin : 15px 0px;
}

hr.spip {
	clear : both;
	color: inherit;
	background-color: inherit;
	height: 1px;
	border: 0;
}

.spip_documents_center {
	display : block;
	text-align : center;
}

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

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

#document_actif .elem {
	text-align : center;
}




.covoiturage {
	margin : 10px 0px 0px 0px;
}

.geo .contents {
	padding : 0px 0px 0px 5px !important;
}

.geo .all {
	padding : 15px 0px 0px 0px;
}

iframe {
	margin : 0px;
}

.bisonvert {
	position : relative;
	top : -10px;
	left : 820px;
	width : 160px;
}

.bisonvert a {
	color : white;
}

.bisonvert .bison {
	color : #597190;
	font-size : 2em;
}

.bisonvert .vert {
	color : #b5c75d;
	font-size : 2em;
}

.bisonvert .comment {
	padding : 8px 0px 0px 5px;
}




.rmllevenements {
	padding : 2px 10px 10px 10px;
}

.rmllevenements .info {
	margin : 2px 0px;
}

.rmllevenements .expl {
	display : block;
	float : left;
	width : 115px;
	color : #c12727;
}





.planning-box {
	margin : 10px 0px 30px 0px;
	text-align : center;
}


.planning {
	margin : auto;
	border-collapse : collapse;
}

.planning th, .planning td {
	border : 1px solid #2F353C;
}

.planning th {
	font-weight : normal;
	padding : 2px 4px;
}

.planning tr.dates th {
	text-align : center;
}

.planning tr.conf {
	height : 22px;
}

.planning tr.odd {
	background : #efefef;
}

.planning tr.conf th {
	text-align : left;
}

.planning tr.conf td {
	vertical-align : top;
}

.planning tr.conf td a {
	float : left;
	height : 18px;
	width : 9px;
	background : #b0c453;
	border : 1px solid white;
}

#tooltip {
	padding : 5px;
	width : 300px;
	border : 1px solid #2F353C;
	background : white;
}

#tooltip h1 {
	font-size : 1.3em;
}

#tooltip h1 img.drap {
	margin : 5px;
}

#tooltip .description ul {
	padding : 0px 0px 0px 5px;
}