body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: #f5f3f4;
}



hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

a {
	color: #003a81;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #7ac8ca;
	text-decoration: underline;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

#header {
	height: 200px;
	background: url(../images/header_bg.png) no-repeat top;
}


#footer, #spacer {
	padding-top: 20px;
	background: url(../images/footer_bg.png) no-repeat top;
}

#slogan div {
	height: 66px;
	font-size: 25px;
}

#footer p {
	padding-right: 90px;
	text-align: right;
	font-size: 11px;
}

#logos {

	text-align: center;
}

.stripViewer .panelContainer {
	text-align: left;

}

.slider-wrap {
	position: relative;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 600px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 780px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: both;
	background: #FFFFFF url(../images/content_gradient.gif) repeat-x scroll center bottom;
	border-top: 1px solid #eadb62;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 780px;
}

.stripViewer .panelContainer .panel .wrapper {
	padding: 10px;
}

.stripNav {
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	margin: 0;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	margin-left: 0;
	width: 150px;
}

.stripNav a { /* The nav links */
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 35px;
}

.stripNav li a {
	background: url("../images/tab_bg.png") 0 -32px;
}

/*.stripNav li.tab1 a { background: #7ac8ca }
.stripNav li.tab2 a { background: #7ac8ca }
.stripNav li.tab3 a { background: #7ac8ca }
.stripNav li.tab4 a { background: #7ac8ca }*/


.stripNav li a:hover {
	background: url("../images/tab_bg.png") 0 0;
}

.stripNav li a.current {
	background: url("../images/tab_bg.png") 0 0;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("../images/arrow_left.png") no-repeat center;
}

.stripNavR {
	background: url("../images/arrow_right.png") no-repeat center;
}

.panel h1 {
	padding-left: 25px;
}

.panel h3 {
	background: url("../images/fleche1.png") no-repeat left center;
	padding-left: 25px;
}

.panel ul {
	list-style-image: url(../images/puce1.png);
}

#liens_utiles {
	list-style: none;
	list-style-image: none;
}

.panel li {
	clear: left;
	margin-top: 10px;
}

.panel li img {
	float: left;
	border: 1px solid #eee;
	margin-right: 5px;
	margin-bottom: 10px;
}

.panel>.wrapper>p {
	margin-left: 20px;
}

.panel .map {
	display: block;
	background: url("../images/map.png") no-repeat left center;
	padding-left: 20px;
	margin-bottom:20px;
}

.panel .newsfoot {
	clear: left;
	text-align: right;
	width: 100%;
	background: #EBE3A9;
	margin: 10px 0 30px 0;
}

.panel .bnav {
	clear: left;
	text-align: center;
	padding-top: 20px;
}

#pagination {
    text-align: center;
    margin: 10px;
    background: #F5F3F4;
    line-height: 25px;
}

#pagination span {
    padding: 7px;
    color: #ccc;
}

#pagination a {
    padding: 4px;
    margin: 2px;
    border: 1px solid #7AC8CA;
    color: #7AC8CA;
}

#pagination a:hover {
    padding: 4px;
    margin: 2px;
    border: 1px solid #EADB62;
    background: #EADB62;
    text-decoration: none;
    color: #ffffff;
}

.erreur {
    background: #fff6bf url(../images/exclamation_frame.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    color: #dd0000;
    font-weight: bold;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    margin: 20px 0;
}

.info {
    background: #f8fafc url(../images/information_frame.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #b5d4fe;
    border-bottom: 2px solid #b5d4fe;
    margin: 20px 0;
}