@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body{
	background:url(../images/grass_repeat.jpg);
	color:#000;
}



/* /////////////////////////////////////////////////////////////////////////////////// blocs container */
#website{
	width:984px;
	margin:0 auto;
}

#header{
	width:980px;
	height:253px;
	margin-bottom:-15px;
}
#page{
	background:url(../images/page_repeat.png) repeat-y;
	padding: 0 17px 20px 17px;
	clear:both;
}

#footer{
	background:url(../images/page_footer.png);
	width:984px;
	height:22px;
}



/* /////////////////////////////////////////////////////////////////////////////////// header */
#logo{
	position:relative;
	margin: 80px 0 0 30px;
	vertical-align:top;
	z-index:1;
}

#white_band{
	position:relative;
	margin:0 0 0px -60px;
	z-index:0;
}

#tagline{
	vertical-align:top;
	margin:40px 0 0 35px;
}



/* /////////////////////////////////////////////////////////////////////////////////// menus */
#menu_top, #menu_bottom{
	width:984px;
	height:36px;
}

#menu_top{
	position:absolute;
	top:216px;
	z-index:2;
}

#menu_top a, #menu_bottom a{
	display:block;
	text-decoration:none;
	color:#DDD;
	margin:14px 5px 0 5px;
}

/* /////////////////////////////////////////////////////////////////////////////////// menu top */
#menu_top a{
	margin:14px 5px 0 5px;
}
#menu_top .right{
	background:url(../images/etiquette_top_right.png) no-repeat;
	width:10px;
	height:36px;
	margin-right:30px;
	float:right;
}
#menu_top .repeat{
	background:url(../images/etiquette_top_repeat.png);
	height:36px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	color:#DDD;
	float:right;
}
#menu_top .left{
	background:url(../images/etiquette_top_left.png) no-repeat;
	width:10px;
	height:36px;
	float:right;
}

/* /////////////////////////////////////////////////////////////////////////////////// menu bottom */
#menu_bottom{
	margin:-12px 0 50px 0;
}
#menu_bottom a{
	margin:9px 7px 0 7px;
}
#menu_bottom .right{
	background:url(../images/etiquette_bottom_right.png) no-repeat;
	width:10px;
	height:36px;
	margin-right:30px;
	float:right;
}
#menu_bottom ul{
	letter-spacing:normal;
	word-spacing:normal;
	line-height:inherit;
	margin:0;
	text-align:inherit;
}
#menu_bottom li{
	background:url(../images/etiquette_bottom_repeat.png);
	list-style-image:inherit;
	margin:0;
	height:36px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	color:#DDD;
	float:right;
}
#menu_bottom .left{
	background:url(../images/etiquette_bottom_left.png) no-repeat;
	width:10px;
	height:36px;
	float:right;
}




/* /////////////////////////////////////////////////////////////////////////////////// les colonnes */
.left_column, .right_column{
	width:473px;
}

.left_column{
	float:left;
}

.right_column{
	float:right;
}

.column_right img, .column_left img, .no_column img{
	margin-top:20px;
}
.no_column img{
	display:table;
	margin:20px auto;
}

.right_column .margin_top{
	height:70px;
}

.in_text{
	float:left;
	margin:10px 10px 10px 48px;
}



/* /////////////////////////////////////////////////////////////////////////////////// grip */
#grip{
	position:relative;
	z-index:4;
}
#grip .left{
	background:url(../images/grip_left_angle.png) no-repeat;
	width:37px;
	height:42px;
	float:left;
}
#grip .repeat{
	background:url(../images/grip_repeat.png) repeat-x;
	width:918px;
	height:42px;
	float:left;
}
#grip .right{
	background:url(../images/grip_right_angle.png) no-repeat;
	width:29px;
	height:42px;
	float:left;
}

hr{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}

.zone_grise{
	background-color:#edeceb;
	width:948px;
	margin:1px 1px 0 1px;;
}

.no_column .vignette_band{
	float:left;
	margin-left:41px;
}
.no_column .vignette_band img{
	width:110px;
	height:130px;
	margin:inherit;
	float:left;
}

.zone_rayee{
	background:url(../images/rayures_repeat.gif);
	height:120px;
	padding-top:1px;
	border-bottom:#edeceb medium;
	border-bottom-style:solid;
}
.zone_rayee img{
	display:block;
	margin:30px auto 0 auto;