@charset "utf-8";

/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/

* { margin:0; padding:0;}

body { color:#937e5d; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#272522 url(../images/bg-header.jpg) repeat-x 0 0; }

img, fieldset { border:0; padding:0; margin:0; }

ul { list-style:none; margin:0; padding:0; }

a {	text-decoration:none; color:#FFFFFF; }

p {	color:#FFFFFF; }

.clear { clear:both; width:1px; height:1px; font-size:1px; line-height:1px; }


/** Les titres **/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

h1 { font-weight:bold; font-size:18px; color:#d79f2e; }
h2, h2 a { font-weight:bold; font-size:15px; color:#d79f2e; }
h2 em { text-transform:uppercase; }
h3, h3 a { font-weight:bold; font-size:12px; color:#d79f2e; }
h4 { font-weight:normal; font-size:12px; color:#d79f2e; }

/****************************************************************************/
/*                               CSS PAGES                                  */
/****************************************************************************/


/** Background **/
.background {
	position:relative;
	width:100%;
}

/** PAGE **/
#page {
	margin:0 auto;
	width:900px;
	position:relative;
	z-index:100;
}


/** HEADER **/
#header {
	width:900px;
}
/* Logo */
#header .logo {
	width:471px;
	float:left;
}
/* Liens et Langues */
#header .links {
	width:400px;
	color:#fff;
	float:left;
	text-align:right;
	padding-top:10px;
	font-size:10px;
}
#header .links ul li {
	display:inline;
	padding-right:5px;
}
#header .links ul li a {
	color:#fff;
	text-transform:uppercase;
}
#header .links ul li a:hover {
	text-decoration:underline;
}
#header .links ul li img {
	vertical-align:middle;
	margin-right:5px;
}


/** CONTENT **/
#content {
	background:#000000;
	border:1px solid #f9cd7b;
	width:898px;
	position:relative;
}
/* Navigation */
#content .navigation {
	padding: 15px 15px 14px;
	text-align:center;
}
.navigation ul li {
	display:inline;
}
.navigation ul li a {
	color:#f9cd7b;
	text-transform:uppercase;
	padding:0 10px;
	background:url(../images/nav-border.gif) no-repeat right 0;
	font-size:11px;
}
.navigation ul li a:hover {
	text-decoration:underline;
}
.navigation ul li.first a{
	padding-left:0;
}
.navigation ul li.last a{
	padding-right:0;
	background:none;
}

.navigation ul li img {
	display:none;
}

.navigation ul li.on img {
	position:absolute;
	display:inline;
	top:41px;
	width:13px;
	height:7px;
}



/*Sous-navigation */
.sous-navigation {
	width:873px;
	height:16px;
	padding-top:8px;
	padding-left:25px;
	font-size:10px;
	background:#f8cb7a url(../images/nav-bg.jpg) repeat-x 0 0;
}
.sous-navigation ul li {
	display:inline;
	text-transform:uppercase;
	padding:0 5px;
	color:#000;
	background:url(../images/nav2-border.gif) left no-repeat;
}
.sous-navigation ul li a {
	color:#000;
}
.sous-navigation ul li a:hover {
	text-decoration:underline;
}
.sous-navigation ul li.on a {
	color:#fff;
}

.sous-navigation ul li.first { background:none;}

/* Animation diaporama */
.animation {
	width:620px;
	float:left;
	position:relative;
}
.animation img,
.animation-right img {
	display:block;
	padding:0;
	margin:0;
}
.animation-right {
	width:482px;
	float:right;
	padding-left:20px;
}

.animation .bloc_video {
	position:absolute;
	bottom:10px;
	right:10px;
	width:75px;
	height:75px;
	z-index:100;
}

/* Bloc de news */
.bloc-news {
	width:278px;
	padding:10px 0;
	float:right;
}
.bloc-news h2 {
	padding-bottom:15px;
}
.bloc-news h3 {
	padding-bottom:5px;
}
.bloc-news .news {
	background:url(../images/news-border.gif) repeat-y 0 0;
	padding:0 15px;
	margin-right:30px!important;
	*margin-right:15px;
	width:207px;
	float:right;
}

.bloc-news .news p {
	font-size:12px;
	color:#937e5d;
	padding-bottom:10px;
}

.bloc-news .highlight {
	background:#333333;
	padding:10px;
	width:220px;
}

p.link {
	text-align:right;
	font-size:11px!important;
	padding-bottom:0!important;
	padding:0; margin:0;

}
p.link a {
	background:url(../images/lire_suite.gif) no-repeat right;
	height:35px;
	display:block;
	text-align:right;
	text-decoration:none;	
}

p.link a:hover, .link a:hover {
	text-decoration:none;
}
.bloc-news .news p.date {
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:5px;
}
.bloc-news .separator {
	clear:both;
	padding:23px 0;
}

/* File d'ariane */
.file {
	padding:15px 30px 10px;
}
.file li {
	display:inline;
	padding-right:5px;
	color:#937E5D;
}
.file li a {
	color:#fff;
	text-decoration:underline;
}
.file li a:hover {
	text-decoration:none;
}

/* Description page */
.description {
	padding:10px 30px;
}

.description img {padding:10px;}

.description h1 {
	background:url(../images/h1-separator.gif) no-repeat 0 bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	padding-left:30px;
}
.description h3 {
	text-transform:uppercase;
	padding-bottom:5px;
}
.description h4 {
	padding-bottom:20px;
}
.description p {
	color:#937e5d;
	font-size:12px;
	padding-bottom:20px;
	text-align:justify;
}
.description p a {
	color:#fff;
	text-decoration:underline;
}
.description p a:hover {
	text-decoration:none;
}
.description p.chef {
	padding-top:10px;
	text-align:center;
	padding-bottom:10px;
}

.description .para-1,
.description .para-2 {
	padding-bottom:20px;
}
.description .para-1 .deco{
	float:right;
	margin-left:20px;
}
.description .para-1 .deco img {
	margin-left:10px;
}
.description .para-2 .deco{
	float:left;
	margin-right:20px;
}
.description .para-2 .deco img {
	margin-right:10px;
}
.description p.link {
	padding-bottom:3px;
	text-align:right;
	font-size:11px;
}
.description p.link a {
	text-decoration:none;
}
.description p.link a:hover {
	text-decoration:none;
}
.description .signature {
	text-align:right;
}

/* Les concepts */
.presentation {
	padding:15px 0 30px;
	float:left;
}
.presentation div {
	width:170px;
	float:left;
	padding-right:35px;
	padding-bottom:20px;
}
.presentation img {padding:0;}

.presentation div img {
	padding-bottom:10px;
}
.presentation div p {
	padding-bottom:10px;
}
.presentation div.last {
	padding-right:0;
}



/** FOOTER **/
#footer {
	text-align:center;
	color:#fff;
	padding-top:10px;
	position:relative;
	bottom:25px;
	z-index:10;
	background:url(../images/bg-footer.jpg) repeat-x 0 0;
	height:65px;
	width:100%;
}
#footer .wrapper {
	padding-top:27px;
}
#footer li {
	display:inline;
	padding:0 3px;
}
#footer li a {
	color:#fff;
	text-decoration:underline;
}
#footer li a:hover {
	text-decoration:none;
}
#footer li img {
	vertical-align:middle;
}

.bloc-content ul {margin:inherit; padding:2px 0 2px 25px; list-style:disc; font-size:12px;}
.bloc-content ul li {padding:2px 0;}


/* Pagination */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: white;
}

#ditto_pages {margin:5px 0; text-align:right; }

#ditto_pages .ditto_currentpage {
    border: 0px solid black;
     background-color: #FFF;
    color: #f9cd7b;
}
#ditto_pages .ditto_off {
    border: 0px solid #ccc;
    color: #ccc;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited, #ditto_pages span {
	color:#8cbb13;
	text-align:center;
	font-size:11px;
	background:#81726c;
	display:block;
	float:left;
    padding:2px 2px;
	width:12px;	
	margin-right: 3px;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

#son {
	float:right;
	width:80px;
	height:17px;
	padding-top:90px;

}

/* bloc newsletter */
#bloc_newsletter {
	position:absolute;
	top:120px;
	left:-15px;
	z-index:1000;
}

#bloc_newsletter .sticker{
	width:14px;
	color:#FFFFFF;
	height:60px;
	float:left;
	background:url(../images/pictos/sticker_newsletter.gif) no-repeat #7B674C;
}

#bloc_newsletter .form{
	float:left;
	width:220px;
	background-color:#272522;
	height:50px;
	margin-left:1px;
	padding:8px 5px 2px 5px;
	display:none;
}

#bloc_newsletter input {width:120px; padding:1px 3px; background-color:#000000; color:#FFFFFF; border:1px solid #7B674C;}
#bloc_newsletter .bouton_newsletter input { float:right; border:0; background-color:#7B674C; margin:5px 12px 0 0; width:80px;}