html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#54524e;
	font-size:12px;
	text-align:center;
	background-color:#fffaf2;
	background-image:url(../img/background-cut-tile.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

a img {
	border:none;
}

a {
	color:#9e9b82;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.temp {
	border:1px solid #9e9b82;
}

div.clear {
	clear:both;
}

div#page {
	width:800px;
	margin:0 auto;
	text-align:left;
}

div.gauche {
	float:left;
	width:46%;
}

div.droite {
	float:right;
	width:47%;
}

/* TITRES ***/
h1 a, h2 a, h3 a {
	outline:none;
}

h1 {
	float:left;
	margin:10px 0 0 0;
	padding:0;
}

h2 {
	font-size:48px;
	color:#5c3810;
	text-transform:uppercase;
	margin:0;
	padding-bottom:20px;
}

h3 {
	font-size:24px;
	color:#5c3810;
	text-transform:uppercase;
	margin:0;
}

/* ENTETE ***/

ul#nav-entete {
	list-style:none;
	float:right;
	z-index:3;
	margin:15px 0 0 0;
	padding:0;
	position:relative;
	z-index:2;
}

#nav-entete li {
	float:left;
	padding-left:15px;
}

#content {

}

span.box {
	background-repeat:no-repeat;
	background-position:top right;
	display:inline-block;
	position:relative;
	width:28px;
	height:28px;
	margin:-2px 0 0 10px;
	vertical-align:top;
}

#nav-content {
	list-style:none;
	padding:12px 0;
	margin:0;
	color:#9e9b82;
	text-decoration:none;
}

#nav-content li {
	display:inline;
	margin-right:7px;
}

#nav-content li a {
	color:#9e9b82;
	text-decoration:none;
}

#nav-content li a.actif {
	color:#000;
}

#nav-content li a:hover {
	text-decoration:underline;
}

/* ACCUEIL ***/
body#accueil {
	background-image:url(../img/background-tile.jpg);
}

div#flash-container {
	width:585px;
	padding:10px;
	background-color:#5c3810;
	margin:0px 0 0 0;
	-moz-box-shadow:1px 2px 7px #4e4b42;
	-webkit-box-shadow:1px 2px 7px #4e4b42;
	box-shadow:1px 2px 7px #4e4b42;
	float:left;
}
div#flash-container #flash{
	width:590px;
	height:625px;
	padding:0px;
	position:absolute;
	margin:-120px 0 0 -7px;
	z-index:1;
}

#accueil .gauche {
	width:49%;
}

#accueil h1 {
	display:none;
}

#accueil h2 {
	font-size:30px;
	padding-bottom:0;
}

#accueil h2 span, #accueil h3 span {
	font-size:18px;
}

#accueil h2 a, #accueil h3 a {
	color:#5c3810;
	text-decoration:none;
	line-height:1px;
}

#accueil h2 a .box, #accueil h3 a .box {
	background-image:url(../img/fleche-orange.gif);
}

#accueil h3 {
	font-size:26px;
}

#accueil p {
	margin:0.3em 0 1em 0;
}

#accueil #content {
	/*padding-top:580px;*/
}

#box-partager .gauche {
	width:150px;
	height:240px;
	background:url(../img/background-box-partager.gif) top left no-repeat;
	position:relative;
	margin:-15px 0 0 0;
	z-index:200;
}

#box-partager .droite {
	width:200px;
	float:left;
	z-index:100;
}

#box-partager .droite h2 {
	position:absolute;
	margin-left:-35px;
}

#box-partager .droite p.par-la {
	position:absolute;
	margin:165px 0 0 -20px;
}

#box-partager .droite p {
	margin-top:110px;
}

#box-infolettre {
	margin:15px 0 0 0;
	padding:0 0 10px 100px;
	background-image:url(../img/xpress-infolettre.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#box-informer {
	padding:10px;
	background:#ece9d5;
}

/* Ajustement vertical */
#box-questions-reponses {
	margin-top:35px;
}

#box-informer {
	margin-top:35px;
}

/* CONSEILS PREVENTION ***/
#conseils-prevention p {
	margin:5px 0 5px 0;
}

#conseils-prevention p.savoir-plus {
	margin:5px 0 25px 0;
}

/* CONSEILS REPONSES ***/
#questions-reponses h3 {
	border-top:1px solid #9e9b82;
	padding:15px 0 5px 0;
	margin:10px 0 0 0;
}

#questions-reponses h3.first {
	margin:0;
	padding-top:0;
	border:none;
}

#questions-reponses .collapse {
	display:none;
	margin:0;
	padding:0;
	position:relative;
	width:392px;
}

#questions-reponses .collapse p {
	padding:0 0 10px 0;
	margin:0;
}

a.toggle {
	color:#5c3810;
	text-decoration:none;
	/*
	padding-right:35px;
	padding-bottom:4px;
	background-image:url(../img/plus-orange.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	*/
	line-height:1px;
}

a.toggle .box {
	background-image:url(../img/plus-moins-sprite.gif);
	background-position:0 0;
}

a.toggle.opened .box {
	background-position:0 -30px;
}

a.toggle.opened {
	/*background-image:url(../img/moins-orange.gif);*/
}

a.toggle span {
	color:#da4813;
}

a.toggle img {
	vertical-align:top;
}

/* PARTAGER ***/
#conseils-partager div.gauche {
	width:206px;
	height:400px;
	background:url(../img/background-partager.gif) left 30px no-repeat;
	position:relative;
}

#conseils-partager div.droite {
	float:left;
	width:71%;;
	background-image:url(../img/background-form-partager.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:19px;
	position:relative;
	margin:0 0 0 -20px;
}

#conseils-partager form div.gauche {
	width:140px;
	height:300px;
	background:url(../img/vignette-pat.gif) center center no-repeat;
	position:static;
	margin:0;
}

#conseils-partager form div.droite {
	float:right;
	width:370px;
	padding:0;
	background:none;
	position:static;
	margin:0;
}

#nav-partager {
	list-style:none;
	margin:0;
	padding:0;
}

#nav-partager li {
	float:left;
}

#nav-partager li a {
	display:block;
	text-indent:-10000px;
	background-repeat:no-repeat;
	background-position:top left;
	border:4px solid #9e9b82;
	border-bottom:none;
	outline:none;
	background-image:url(../fr/img/btn-form-sprite.gif);
}

#nav-partager.en li a {
	background-image:url(../en/img/btn-form-sprite.gif);
}

#nav-partager li a.toggle-destinataire {
	width:199px;
	height:29px;
	border-right:none;
	background-position:0 0;
}

#nav-partager li a.toggle-destinataire.actif {
	width:220px;
	height:46px;
	border:none;
	position:relative;
	margin:-2px -5px -20px -2px;
	background-position:0 -29px;
}

#nav-partager li a.toggle-envoi {
	width:168px;
	height:29px;
	background-position:-220px 0;
}

#nav-partager li a.toggle-envoi.actif {
	width:193px;
	height:46px;
	border:none;
	position:relative;
	margin:-2px -5px -20px -2px;
	background-position:-220px -29px;
}

form {
	border:4px solid #9e9b82;
	border-left:none;
	margin:0;
	padding:10px;
	font-size:14px;
	min-height:200px;
}

form fieldset {
	border:none;
}

form ol {
	list-style:none;
	margin:0;
	padding:0;
}

form ol li {
	margin-bottom:15px;
}

form ol li p.note {
	font-size:11px;
	margin:0;
}

form ol li label {
	display:block;
}

form select, form input.text {
	padding:5px;
	width:100%;
	max-width:380px;
	border:1px solid #000;
}

form input.erreur {
	border:1px solid #CC0000;
	background:#F4EEDE;
}

#bulle {
	background-color:#5c3810;
	background-image:url(../img/background-form-bulle.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:28px 14px 14px 14px;
	margin-bottom:15px;
	color:#FFF;
}

#bulle .conseil {
	
}

#bulle .conseil h4 {
	font-size:12px;
	font-weight:normal;
	margin:0;
}

#bulle .conseil h5 {
	font-size:14px;
	font-weight:bold;
	margin:0;
}

#bulle .conseil p {
	font-size:14px;
	margin:0;
}

p.submit {
	text-align:right;
	margin:0;
}

#top-flash{
	height:21px;
	width:605px;
	margin:20px 0 0 0;
	background:url(../img/background-box-video.gif) no-repeat top right transparent;
}
#zone-info{
	margin:463px 0 10px 0;
	color:#e9e4d3;
}
#zone-info p{
	text-transform:uppercase;
	font-size:20px;
	height:20px;
}
#zone-info p sup{
	text-transform:lowercase;
}
#zone-intro{
	float:right;
	background:url(../img/background-intro.png) no-repeat bottom right;
	width:175px;
	padding:115px 10px 10px 10px;
	margin:21px 0 0 0;	
	position:relative;
	text-align:center;
}

#zone-intro-pat {
	background:url(../img/background-qui-est-pat.gif) no-repeat top left;
	width:195px;
	height:125px;
	position:absolute;
	top:-20px;
	left:0;
}
#zone-like{
	width:450px;
	float:left;	
	height:28px;
}

.zone-partager {
	float:right;
}

.zone-partager span {
	margin:10px 10px 0 0;
	float:left;
}

#twittersharer {
	background:url(../img/icone-twitter.gif) no-repeat top left;
	width:24px;
	height:24px;
	display:inline-block;
	text-indent:-999em;
	margin-right:3px;
}

#facebooksharer {
	background:url(../img/icone-facebook.gif) no-repeat top left;
	width:24px;
	height:24px;
	display:inline-block;
	text-indent:-999em;
}

#slides {
	margin:20px 0 40px 0;
	float:left;
}
.slides_container {
	width:789px;
	height:111px;
	background:url(../img/background-autres-videos.gif) no-repeat top left;
	padding:8px;
	margin-top:3px;
}
.slides_container div {
	width:800px;
	height:100px;
	display:block;
}
.slides_container div ul {
	padding:0;
	margin:0;
}
.slides_container div ul li{
	float:left;
	width:125px;
	padding-right:5px;
	list-style-type:none;
}

.slides_container div ul li img {
	margin:0;
}

.slides_container a {
	color:#fff;
}

#slides_nav {
	float:right;
	margin-top:-10px;
	z-index:9999;
	position:relative;
}

#slides_nav div,
#slides_nav span {
	float:left;
}

#slides_nav a.prev {
	background:url(../img/fleche-precedente-off.gif) no-repeat top left;
	width:14px;
	height:14px;
	text-indent:-999em;
	display:block;
	float:left;
	outline:#fff;
}
#slides_nav a.prev:hover {
	background:url(../img/fleche-precedente-on.gif) no-repeat top left;
}

#slides_nav a.next {
	background:url(../img/fleche-suivante-off.gif) no-repeat top left;
	width:14px;
	height:14px;
	text-indent:-999em;
	display:block;
	outline:#fff;
	float:left;
}

#slides_nav a.next:hover  {
	background:url(../img/fleche-suivante-on.gif) no-repeat top left;
}

.with-frame {
	border:8px solid #fff;
	margin:10px 0 20px 0;

}

.change-vid {
	color:#5c3810;
	font-weight:bold;
	outline:#ece9d5;
}