body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 11px;
	color: #4b3930;
}

/**** POUR LE WYSIWYG ****/
p,ul,li {
	margin-top: 0px;
	margin-bottom: 0px;
}

/**** FIN POUR LE WYSIWYG */
img {
	border: 0px;
}

a {
	color: #4b3930;
	text-decoration: none;
}

a:hover {
	color: #fa6d15;
}

#global {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

#logo {
	padding-top: 17px;
	margin-left: 36px;
	width: 186px;
	height: 36px;
	overflow: hidden;
}

/* style the outer div to give it width */
.menu {
	margin-top: 35px;
	margin-left: 20px;
	width: 960px;
	height: 35px;
	line-height: 15px;
	font-size: 14px;
	border-top-color: #fcb68a;
	border-top-style: solid;
	border-top-width: 1px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	margin: 0px;
	padding: 0px;
	padding-top: 9px;
	padding-bottom: 14px;
	list-style-type: none;
}

/* style the sub-level lists */
.menu ul ul {
	width: 163px;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	left: 1px; /* modif pour border de .menu ul ul a */
	border-right-color: #fcb68a;
	border-right-style: solid;
	border-right-width: 1px;
}

.menu ul li.last {
	border-right-width: 0px !important;
}

/* style the sub level list items */
.menu ul ul li {
	display: block;
	height:auto;
	position: relative;
	line-height: 10px;
	border: 0px;
}

/* style the links for the top level */
.menu a {
	display:block;
	float:left;
	color: #4b3930;
	text-decoration: none;
}

/* style the sub level links */
.menu ul ul a {
	display:block;
	background-color: white;
	font-size: 12px;
	width: 163px;
	padding: 6px 0px;
	border: #ececec 1px solid;
}
.menu ul table ul a {
	width: 163px;
	padding: 6px 0px;
	border: #ececec 1px solid;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size:1em;
	z-index:-1;
}
.menu ul ul table {
	lef\t:-1px;
}

.menu li:hover {
	position:relative;
}
* html .menu a:hover {
	position:relative;
}

/* style the level hovers */
/* first */
.menu a:hover, .menu a.active {
	color: #fa6d15;
}
.menu :hover > a {
	color: #fa6d15;
}
/* second */
.menu ul ul a:hover, .menu ul ul a.active {
	color: #fa6d15;
}
.menu ul ul :hover > a {
	color: #fa6d15;
}

/* third */
.menu ul ul ul a:hover, .menu ul ul ul a.active {
	color: #fa6d15;
}
.menu ul ul ul :hover > a {
	color: #fa6d15;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height: 0px;
	top: 1em;
	left: 0px;
	width: 163px;
}

/* position the third level flyout menu */
.menu ul ul ul {
	left:164px;
	top:-9px !important;
	top: -10px; /* IE 6 */
	width:163px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}

#menuL2 {
	width: 922px; /* 960-19-19 */
	height: 37px;
	margin-left: 20px;
	padding-left: 19px; /* 33-14 */
	padding-right: 19px; /* 33-14 */
	line-height: 15px;
	font-size: 12px;
	border-top-color: #fa6d15;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #fa6d15;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #4b3930;
}

#menuL2 a {
	color: white;
	text-decoration: none;
}

#menuL2 a:hover,#menuL2 a.active {
	color: #fa6d15;
}

#menuL2 ul {
	margin: 0px;
	padding: 0px;
	padding-top: 11px;
	padding-bottom: 11px;
	list-style-type : none;
	text-align: center;
}

#menuL2 li {
	float: left;
	padding-left: 14px;
	padding-right: 14px;
	border-right-color: #fcb68a;
	border-right-style: solid;
	border-right-width: 1px;
}

#menuL2 li.last {
	border-right-width: 0px !important;
}

#menuL2 ul ul {
	display: none;
}

h1#titre {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 52px; /* 20+32 */
	margin-right: 52px; /* 20+32 */
	font-size: 22px;
	font-weight: normal;
	color: #fa6d15;
	width: 896px; /* 1000-52-52 */
	padding-bottom: 2px;
	border-bottom-color : #fcb68a;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #fcb68a;
}

h1#titre.int2 {
	margin-top: 16px !important;
	margin-left: 37px !important; /* 20+17 */
	margin-right: 37px !important; /* 20+17 */
	padding-bottom: 0px !important;
	border: 0px !important;
}

#contenu {
	margin-left: 52px; /* 20+32 */
	margin-right: 52px; /* 20+32 */
	margin-top: 8px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	text-align: justify;
}

#contenu.int2 {
	margin-left: 37px !important; /* 20+17 */
	margin-right: 37px !important; /* 20+17 */
	margin-top: 16px !important;
}

.contenu_accueil {
	margin-left: 20px !important;
	margin-right: 20px !important;
	border-bottom-color: #a75827;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-color: #eb6d1c;
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #4b3930 !important;
	color: white;
	height: 266px;
	overflow: hidden;
}

#banner {
	width: 960px;
	height: 90px;
	margin-top: 8px;
	margin-left: 20px;
}

#banner.int2 {
	margin-top: 12px !important;
}

#menu2 {
	width: 960px;
	height: 12px;
	margin-top: 12px;
	margin-left: 20px;
	line-height: 12px;
	font-size: 12px;
	background-color: white;
}

#menu2 a {
	color: #4b3930;
	text-decoration: none;
}

#menu2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#menu2 li {
	display: inline;
	padding-left: 6px;
	padding-right: 6px;
	border-right-color: #4b3930;
	border-right-style: solid;
	border-right-width: 1px;
}

#menu2 li.last {
	border-right-width: 0px !important;
}

#menu2 ul ul {
	display: none;
}

#copyright {
	margin-top: 8px;
	text-align : center;
	color: #4b3930;
}

/*** ELEMENT FIXE ABSOLU ***/
#searchbar {
	position: absolute;
	top: 62px; /* 27+13+22 */
	right: 38px;
}

.boite_search {
	border-color: #f1f1f1;
	border-style: inset;
	border-width: 2px;
	width: 100px; /* 104-2-2 */
	height: 15px; /* 21-2-2 */
	line-height: 15px; /* 21-2-2 */
	color: 4b3930;
	font-family: arial;
	font-size: 11px;
	text-align: center;
}

.bouton_search {
	border: 0px;
	background-color: transparent;
	background-image: url("../img/site/pub/ok-search.png");
	width: 22px;
	height: 21px;
	line-height: 21px;
	margin-left: 8px;
	cursor: pointer;
	color: 4b3930;
	font-family: arial;
	font-size: 11px;
	text-align: center;
}

#menuTop {
	position: absolute;
	top: 27px;
	right: 38px;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
}

#menuTop a {
	color: #4b3930;
	text-decoration: none;
}

#menuTop ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#menuTop li {
	display: inline;
	padding-left: 12px;
	padding-right: 12px;
	border-right-color: #fa6d15;
	border-right-style: solid;
	border-right-width: 1px;
}

#menuTop li.last {
	border-right-width: 0px !important;
	padding-right: 0px !important;
}

#menuTop ul ul {
	display: none;
}

#print {
	position: absolute;
	top: 185px;
	right: 52px; /* 20+32 */
}

#print a:hover {
	color: #4b3930;
}
/*** FIN ELEMENT FIXE ***/

/*** ACCUEIL ***/
#espace_vignette {
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 20px;
	height: 163px; /* 142+2+2+17 */
}

.vignette {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 196px; /* 226-15-15 */
	height: 153px; /* 142-3-3+17 */
	border-color: #fcb68a;
	border-style: solid;
	border-width: 2px;
	margin-right: 14px;
}

.last_vignette {
	width: 194px !important; /* 224-15-15 */
	margin-right: 0px !important;
}

.vignette h2 {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #fa6d15;
}

.picture {
	margin-top: 6px;
	width: 194px; /* 224-15-15 */
	height: 115px; /* 142-3-3-13-13-6-6+17 */
}

.contenu_vignette {
	margin-top: 6px;
	width: 196px; /* 226-15-15 */
	height: 115px; /* 142-3-3-13-13-6-6+17 */
}

.more, .more a {
	margin-top: 6px;
	font-size: 10px;
	font-weight: bold;
	color: #4b3930;
	text-decoration: none;
	text-align: right;
}

/** CALENDRIER **/
#calendrier {
	position: relative;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	width: 196px !important;
	width: 189px; /* IE6 */
	height: 119px;
	background-color: #e6e4e3;
}

.click {
	float: right;
	margin-top: 2px;
	font-size: 9px;
}

.cellule {
	float: left;
	width: 27px !important;
	width: 26px;
	height: 16px !important; /* 112+17 */
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	text-align: center;
	font-size: 10px;
}

.nom_jour {
	background-color: #a8a29d;
}

.jour {
	background-color: #ccc9c6;
}

.aujourdhui {
	background-color: white !important;
}

.aujourdhui a {
	color: #4b3930 !important;
}

.evenement {
	background-color: #fa6d15;
	color: white;
}

.evenement a {
	color: white;
}

#datemois {
	margin-top: 3px;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
}

#datemois a {
	color: #fa6d15;
}
/** FIN CALENDRIER **/
/*** FIN ACCUEIL ***/

/*** FORM ***/
form {
	margin: 0px;
}

#formulaire {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #4b3930;
	width: 345px; /* 419-37-37 */
	height: 371px; /* 444-31-42 */
	padding-top: 31px;
	padding-left: 37px;
	padding-right: 37px;
	padding-bottom: 42px;
}

#tellafriend_form {
	
}

#logo.tellafriend {
	padding-top: 0px !important;
	margin-left: auto !important;
	margin-right: auto;
	width: 186px;
	height: 36px;
	overflow: hidden;
}

h1#titre_tellafriend {
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

#text_tellafriend {
	margin-top: 25px;
	font-size: 12px;
	text-align: center;
}

.obligatoire {
	padding-top: 23px;
	color: #fa6d15;
}

.titre_champ2 {
	text-align: left;
	padding-right: 12px;
	font-size: 12px;
}

.boite3 {
	height: 15px;
	width: 242px;
}

.boite4 {
	height: 31px;
	width: 242px;
}

#formulaire2 {
	border: 1px solid #a59c97;
	width: 674px;
	margin-left: 126px;
	margin-right: 126px;
	margin-bottom: 77px;
	padding-bottom: 15px;
}

#feedback_form {
	margin-top: 45px; /* 11+10+24 */
}

#obligatoire {
	float: right;
	margin-top: 11px;
	margin-right: 25px;
	color: #fa6d15;
}

.titre_champ {
	vertical-align: top;
	padding-left: 90px;
	padding-right: 106px;
	text-align: right;
	color: #4b3930;
	font-size: 12px;
}

.champ, .champ_pays {
	text-align: left;
	padding-bottom: 7px;
}

input, textarea, select {
	color: #4b3930;
	font-size: 11px;
	line-height: 15px;
	font-family: arial;
}

.champ_pays select {
	width: 308px;
}

.boite1, .boite2, .boite3, .boite4 {
	border-color: #4b3930;
	border-style: solid;
	border-width: 1px;
}

.boite1 {
	height: 15px;
	width: 304px;
}

.boite2 {
	height: 37px;
	width: 304px;
}

.submit, .reset {
	margin-top: 19px;
	margin-left: 30px;
	margin-right: 30px;
	width: 66px;
	height: 21px;
	color: #4b3930;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
	border: 0px;
	background-color: transparent;
	background-image: url("../img/site/pub/bouton-formulaire.png");
	cursor: pointer;
}
/*** FIN FORM ***/

/*** RECHERCHE ***/
#titrederecherche {
	margin-top: 10px;
	margin-left: 14px;
	font-size: 13px;
}

#recherche {
	color: #fa6d15;
	font-size: 13px;
}

#motrecherche {
	color: white;
	font-size: 12px;
}

.titre_search,.lien_search {
	line-height: 15px;
}

.titre_search {
	font-size: 12px;
	color: #fa6d15;
	text-decoration: none;
}

.lien_search {
	color: #4b3930;
	text-decoration: none;
}

.lien_search:hover {
	text-decoration: underline;
}
/*** FIN RECHERCHE ***/

/**** PRINT PAGE ****/
#global_print {
	margin: 100px;
	padding-bottom: 100px;
	font-family: arial;
}

#logo_print {
	width: 186px;
	height: 36px;
	overflow: hidden;
	margin-bottom: 30px;
}

#titre_print {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: normal;
	color: #fa6d15;
	padding-bottom: 2px;
	border-bottom-color : #fcb68a;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #fcb68a;
}

#texte_print {
	font-size: 11px;
	color: black;
}
/**** FIN PRINT PAGE ****/
