/*
couleurs :
orange : #f1ae29
orange2 : #F09E20
gris du fond : #d3d3d2
vert : #058071
vert foncé (titres) : #064e37

*/
.orange{color:#f1ae29;}
.orange2{color:#F09E20;}
.gris{color:#d3d3d2;}
.grisfonce{color:#777777;}
.vert{color:#058071;}
.vertfonce{color:#064e37;}

html, body
{
margin:0;
padding:0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#058071;
height: 100%;
text-align:center;
}

html {
  background:#d3d3d2 url(../images/bg_body.jpg) repeat-x 0 0;
}

body {
  background:url(../images/header.jpg) no-repeat 50% 18px;
}

* {
  margin: 0;
  padding: 0;
}

ul {
  margin-left: 30px;
}

img, fieldset {
  border: 0;
}

/* titres */
h1
{
margin:30px 0;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
h2
{
margin:10px 0 10px 10px;
padding:10px 0;
font-size:12px;
font-weight:bold;
color:#064e37;
}
h3, h4, h5
{
margin:10px 0 10px 15px;
padding:10px 0;
font-size:12px;
font-weight:bold;
color:#064e37;
}

h4, h5
{
margin:10px 0 10px 20px;
font-size:11px;
}
/* liens */
a{
color:#f1ae29;
text-decoration:underline;
}

a:hover
{
text-decoration:none;
}
/* Paragraphes */
p
{
text-align:justify;
margin-top: 10px;
margin-bottom: 3px;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clear {
  clear: both;
}

p.notice {
  color: green;
  font-size: 1.3em;
  margin: auto;
  margin-top: 20px;
  width: 400px;
  background: white;
  border: 1px solid #bbb;
  text-align: center;
  padding: 10px;
}

.field_with_errors input, .field_with_errors textarea {
  border: 1px solid red;
}

.field_with_errors {
 color: red;
}

/* structure */
#container
{
margin: 0 auto;
min-height: 100%;
width:895px;
background:url(../images/shadow.png) repeat-y 50% 0;
position: relative;
}
/* 
	wrapper / wrapper2 : nécessaire pour afficher les dégradés orange.
*/
#wrapper
{
	background:#f09e20 url(../images/bg_sides.jpg) repeat-x 0 0;
	width:auto;
	margin:0 8px;
	padding:0 26px;
}
#wrapper2
{
	background:#d3d3d2 url(../images/bg_body.jpg) repeat-x 0 -18px;
	border-left:1px solid #e18e10;
	border-right:1px solid #e18e10;
	text-align:left;
	width:828px;
	padding:0;
	margin:0;
}
/* BARRE TOP */
#barre_top{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	height:18px;
	overflow:hidden;
	background:#7e7f7f;
	width:auto;
	vertical-align:middle;
	line-height:17px;
}
	#barre_top span
	{
		padding-right:20px;
		position:absolute;
		top:0;
		left:200px;
	}
		#barre_top span a img
		{
			border:none;
		}

	#barre_top a
	{
		color:white;
		text-decoration:none;
	}
/* entête - header */
#header
{
	height:160px;
	background:url(../images/header_.jpg) no-repeat;
}

/* contenu */
#content
{
	background:url(../images/header02.jpg) no-repeat 0 0;
	padding:0;
	margin:0;
	padding-top:3px;
/*  padding-bottom: 137px;*/
}
	#main
	{
		width:550px;
		float:right;
		margin-right:40px;
		-margin-right:10px;
		
	}
		/* fil d'ariane */
		#pathway
		{
			background:url(../images/fil_ariane.jpg) no-repeat 0 50%;
			height:18px;
			line-height:18px;
			padding:2px 0;
			padding-left:25px;
			color:#000000;
			font-weight:bold;
		}
			#pathway a
			{
				color:#000000;
				text-decoration:none;
			}
			
		/* offre promotionnelle */
		#main .offre h2, h2.dotted_bg
		{
			background:url(../images/dots_pattern.gif) repeat-x 0 bottom;
		}
		#main .offre p
		{
			margin-left:10px;
		}
		#main .offre .image
		{
			height:240px;
			width:204px;
			float:right;
			margin-left:10px;
			background:url(../images/bg_image.gif) no-repeat 0 0;
			position:relative;
			text-align:center;
		}
			#main .offre .image span
			{
				display:block;
				font-size:18px;
				font-weight:bold;
				color:#f1ae29;
				position:absolute;
				bottom:0;
				left:0;
				width:204px;
				text-align:center;
			}
		/* FIN - offre promotionnelle */
		/* Actualités */
		h1 a.plus
		{
			color:#064e37;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-decoration:none;
		}
		
.actualites img.left
{
	float:left;
	margin:0 10px 10px 0;
}
.actualites .date
{
	width:30px;
	float:left;
	padding-top:10px;
}
.actualites .date span
{
	display:block;
	font-size:18px;
	font-weight:bolder;
	color:#f1ae29;
	line-height:18px;
}
      #main .pagination {
        margin: 15px;
        text-align: center;
        font-size: 1.1em;
      }
      #main .pagination span, #main .pagination a {
        border: 1px solid #bbb;
        padding: 3px;
      }
      #main .actualites ul {
        margin-left: 60px;
      }
      #main .actualites .picture {
        float: right;
      }
			#main .actualites p, #main .actualites h2
			{
				margin-left:35px;
			}
		/* FIN - ACtualités */
		.readon
		{
			display:block;
			padding-top:10px;
		}
		
	#left
	{
		width:200px;
		float:left;
		padding-top:2px;
		margin-left:20px;
		/* hack ie6 */
		-margin-left:15px;
	
	}
		/* MENU */
		#menu
		{
		
		}
		
		#menu ul
		{
			margin:0;
			padding:0;
			list-style-type:none;
			font-weight:bold;
		}
			#menu ul li
			{
				display:block;
				margin:0;
				font-size:11px;
				padding:1px 4px 3px 0;
				padding-left:30px;
				background:url(../images/menu1.png) no-repeat 0 100%;
			}
			#menu ul li a
			{
				text-decoration:none;
				color:#058071
			}
			#menu ul li a:hover
			{
				color:#000000;
			}
			#menu ul li.last
			{
				background-image:none;
			}
			#menu ul li.titre, #left h2
			{
				font-size:11px;
				padding:2px 4px 4px 0;
				padding-left:15px;
				background:url(../images/menu2.png) no-repeat 0 bottom;
				color:black;
			}
				#menu ul li.titre a
				{
					color:black;
					text-decoration:none;
				}
				
			#left h2
			{
				margin-top:50px;
				margin-left:0;
			}
		/* telecharger */
		#telecharger{ 
		  text-align: center;
		  position: relative;
		  left: -10px;
		}
			#telecharger img
			{
				border:none;
			}
		/* newsletter */
		#newsletter{}
		#contact input[type="text"], #newsletter input[type="text"], .subscription input[type="text"]
		{
			font-family:Arial, Helvetica, sans-serif;
			background:transparent url(../images/field.gif) no-repeat 0 0;
			font-size:9px;
			border:none;
			width:123px;
			margin:2px 0;
			padding:3px 3px 6px 6px;
		}
		#newsletter input, #contact input, .subscription input
		{
			-border:none;
			-background:transparent url(../images/field.gif) no-repeat 0 0;
			-font-family:Arial, Helvetica, sans-serif;
			-padding:3px 3px 6px 6px;
		}
		
		#newsletter input.submit, #contact input.submit, .subscription input.submit {
			background:url(../images/boutton.jpg) repeat-x 50%;
			border:1px outset #dd860a;
			color:#064e37;
			padding:2px 4px;
			font-weight:bold;		  
		}
		#newsletter input.submit:hover, #contact input.submit:hover, .subscription input.submit:hover
		{
			border:1px inset #dd860a;
			cursor: pointer;
		}
/* pied de page */
#footer
{
	height:137px;
/*  position: absolute;*/
	width:825px;
/*  bottom: 0;*/
	background:url(../images/footer.jpg) no-repeat 50% bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
	#footer_contenu
	{
		padding-top:100px;
	}
	#footer span
	{
		font-size:12px;
	}
/* FIN - pied de page */






#search {
  float: right;
  position: relative;
  top: 3px;
  left: -5px;
  width: 130px;
}

#search_field {
  width: 100%;
}

input {
  font-family: "Lucida Grande",Geneva,Arial,sans-serif;
  font-size: 11px;
}

input.empty {
  color: #7E7E7E;
}

.search_wrapper
{
	padding:5px;
}
.search_wrapper input {
  border: 0;
  background: url(../images/searchfield_repeat.png);
  float: left;
  padding-top: 3px;
  height: 16px;
}

.search_wrapper .left {
  background: url(../images/searchfield_leftcap.png);
  height: 19px;
  width: 20px;
  float: left;
}

.search_wrapper .right {
  background: url(../images/searchfield_rightcap.png);
  height: 19px;
  width: 10px;
  float: right;
}

.subscription input {
	width: 130px;
}

.subscription input.submit {
  width: 40px;
  margin: auto;
}

.subscription fieldset {
  width: 123px;
  margin: auto;
}

.subscription input {
  margin-top: 6px;
  display: block;
}

.subscription fieldset {
  margin-left: 10px;
}

.accordion
{
	margin-top:25px;
}
.accordion, .accordion ul {
  list-style-type: none;
/*  overflow: hidden;*/
}

.accordion a {
  display: block;
  width: 100%;
  padding-left: 10px;
  text-decoration: none;
  color: #666;
}

.accordion a:hover {
  /*background: url(/images/menuback.gif) repeat-x;*/
  color: #206750;
  text-decoration: underline;
}

.accordion li
{/*
	background:url(../images/folder.gif) no-repeat 0 2px;*/
	line-height:17px;
	vertical-align:baseline;
}
.accordion li img
{
	display:inline-block;
	padding-right:10px;
}

a.admin {
  float: right;
  font-size: 1.5em;
}

.demo {
  background-color: white;
  height: 200px;
  padding: 20px;
  border: 1px solid gray;
  margin-top: 20px;
}

.article a.more,
.actualites a.more {
  color: #064e37;
  float: right;
}

.article .admin a {
  color: #064e37;
}