* {
	margin: 0px;
	padding: 0px;
}
html, body{
	height:100%;
}
a img{
	border:none;
}
body{
	background:#474647 url(../../images/site/body.gif) repeat-y center 0px;
	font:12px Arial, Helvetica, sans-serif;
}
#centring{
	width:789px;
	margin:0px auto;
}
#back{
	float:left;
	width:785px;
	background:#333 url(../../images/site/back.gif) repeat-y right top;
	height:100%;
	border-right:2px solid #eee;
	border-left:2px solid #eee;
}
#container{
	float:left;
	width:785px;
	background:#3f88ba url(../../images/site/content.gif) repeat-y;
}
#container.home{
	background:#3f88ba url(../../images/site/content_home.jpg) repeat-y;
}
#header{
	float:left;
	width:785px;
	height:120px;
	background: #226293 url(../../images/site/header.jpg) repeat-y left top;
}
#header.home{
	background: #226293 url(../../images/site/header_home.jpg) repeat-y left top;
}
#menu{
	float:left;
}
#menu li{
	float:left;
	display:inline;
	overflow:hidden;
	list-style:none;
}
#menu li a{
	color:#ddd;
	text-decoration:none;
}
#menu li a.sel{
	color:#fff;
	font-weight:bold;
}
#menu li a img{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;
}

#menu li a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity:1;
}
#menu li a.sel img, #menu li a.sel:hover img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity:1;
}
#m_club{
	margin-top:85px;
	width:47px;
	height:25px;
}
#m_agenda_echo{
	margin-top:81px;
	width:100px;
	height:26px;
}
#m_mariage{
	margin-top:66px;
	width:156px;
	height:37px;
}
#m_galerie{
	margin-top:58px;
	width:61px;
	height:29px;
}
#m_annonces{
	margin-top:34px;
	width:124px;
	height:44px;
}
#m_liens{
	margin-top:22px;
	width:49px;
	height:34px;
}
#m_meeting{
	margin-top:0px;
	width:76px;
	height:43px;
}
#logo{
	position:absolute;
	top:0px;
	width:274px;
	height:60px;
}
#logo a{
	text-decoration:none;
	color:#fff;
	font-size:20px;
}
#home{
	float:left;
	margin-top:20px;
	padding-bottom:0px;
	background:#353535;
}
#submenu{
	float:left;
	width:785px;
	background:#1d5081 url(../../images/site/subnav.gif) repeat-x left top;
	display:inline;
	overflow:hidden;
}
#subul{
	float:left;
	width:168px;	
	margin-top:40px;
	display:inline;
	overflow:hidden;
}
#subul li{
	float:left;
	width:168px;
	margin-bottom:1px;
	list-style:none;
	background:#356c91 url(../../images/site/puce_0.gif) no-repeat 10px center;
	border-top:1px solid #95bcd7;
	border-bottom:1px solid #95bcd7;
}
#subul li a{
	float:left;
	width:120px;
	padding:2px 24px;
	text-decoration:none;
	color:#c3d5e1;
}
#subul li a.sel{
	background:#113750 url(../../images/site/puce_1.gif) no-repeat 10px center;
	font-weight:bold;
	color:#fff;
}
#subul li a:hover{
	color:#fff;
}
#main{
	float:right;
	width:596px;
	background:#3a80b6 url(../../images/site/content.gif) repeat-y right top;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	display:inline;
	overflow:hidden;
	padding: 0px 10px;
}
#main_txt{
	float:left;
	width:596px;
	background:#fff url(../../images/site/main_txt.gif) repeat-x left bottom;
	padding-bottom:20px;
	color:#444;
	display:inline;
	overflow:hidden;
}
#main_txt a{
	text-decoration:none;
	color:#346fa1;
}
#main_txt a:hover{
	color:#e98000;
}
h1{
	float:left;
	width:576px;
	background:#1a3b51 url(../../images/site/h1.gif) repeat-x left top;
	font-size:17px;
	color:#fff;
	padding:15px 10px 3px;
	font-weight:normal;
	text-transform:uppercase;
	display:inline;
	overflow:hidden;
}
h2{
	float:left;
	width:576px;
	font-size:13px;
	margin:0px 10px 5px;
	text-transform:uppercase;
	border-bottom:1px solid #c3d5e1;
	color:#1a3b51;
	display:inline;
	overflow:hidden;
}
.ariane{
	float:left;
	width:576px;
	background:#c6dae8;
	padding:3px 10px 2px;
	font-size:10px;
	color:#7fb2d5;
	border-top:1px solid #fff;
	height:14px;
}
.ariane a{
	text-decoration:none;
	color:#316E95;
}
.ariane a:hover{
	color:#1b3c51;
}
#main_txt .formulaire p{
	padding:0px;
	margin:2px 10px;
}
#main_txt .formulaire h2{
	margin:20px 10px 10px;
}
#main_txt .formulaire span{
	float:left;
	width:120px;
	margin-top:4px;
}
form{
	float:left;
}
#main_txt .formulaire input.txt{
	float:left;
	width:200px;
	border:1px solid #ccc;
	margin-right:2px;
	font:11px Arial, Helvetica, sans-serif;
	color:#1a3b51;
	padding:2px;
}
#main_txt .formulaire textarea{
	float:left;
	width:320px;
	border:1px solid #ccc;
	margin-right:2px;
	font:11px Arial, Helvetica, sans-serif;
	color:#1a3b51;
	padding:2px;
}
#main_txt p{
	float:left;
	width:576px;
	padding:10px;
	font-size:11px;
	text-align:left;
	text-align:justify;
	display:inline;
	overflow:hidden;
}
#main_txt p.intro{
	float:left;
	width:576px;
	padding:0px 10px 20px;
	font-size:13px;
	font-weight:bold;
	color:#1b3c51;
}
#main_txt p.img{
	float:left;
	width:596px;
	padding:0px;
	margin-bottom:5px;
}
#main_txt p.img img{
	float:left;
	background:#e6eff4;
}

.img span{
	float:left;
	width:576px;
	background:#c6dae8;
	padding:1px 10px;
	font-size:10px;
	color:#316E95;
	font-style:italic;
	border-top:1px solid #fff;
}
#main ul{
	float:left;
	width:576px;
	font-size:11px;
	border-bottom:1px dashed #ccc;
	margin: 10px 0px 10px 10px;
	display:inline;
	overflow:hidden;
}
#main ul.liens{
	width:282px;
}
#main ul li{
	float:left;
	width:566px;
	list-style:none;
	border-top:1px dashed #ccc;
	padding: 2px 0px 2px 10px;
	background: url(../../images/site/puce.gif) no-repeat left 4px;
	display:inline;
	overflow:hidden;
}
#main ul li.title{
	background:none;
	padding-left:0px;
	border-top:none;
	font-weight:bold;
	color:#316E95;
}
#main ul.nobul li{
	background:none;
	padding:2px 0px;	
	width:586px;
}
#main_txt .coordbox{
	float:left;
	width:191px;
	padding:5px 0px;
	margin:0px;
}
#main_txt div.comimg{
	float:left;
	width:576px;
	padding:0px;
	margin:10px;
}
#main_txt div.comimg img{
	float:left;
	margin:0px 0px 10px 0px;
}
#main_txt div.comimg h3{
	float:left;
	width:376px;
	font-weight:normal;
	color:#999;
	font-style:italic;
	font-size:11px;
	margin: 30px 0px 10px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
}
#main_txt div.comimg h3 strong{
	color:#3476ba;
	font-size:12px;
	font-style:normal;
}
#main_txt div.comimg p{
	float:left;
	width:350px;
	padding:0px;
	margin:0px;
}
#main_txt .date{
	float:left;
	width:91px;
	margin:5px 0px 0px 0px;
	font-weight:bold;
}
#main_txt .agenda{
	float:left;
	width:483px;
	padding:5px 0px;
	margin:0px;
	
}
#main_txt .art{
    float:left;
	width:191px;
	padding:5px 0px;
	margin:0px;
}
#main_txt .coxbox{
	float:left;
	width:576px;
	background:#7fb0d0;
	height:218px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#main_txt .coxbox .big{
	float:left;
	width:330px;
	height:214px;
	background:#333;
	border-top:2px solid #17384e;
	border-bottom:2px solid #17384e;
	display:inline;
	overflow:hidden;
}
#main_txt .coxbox h3{
	float:left;
	width:226px;
	height:50px;
	background:#ebf2f7;
	display:inline;
	overflow:hidden;
	margin-top:2px;
	font-size:11px;
	font-weight:normal;
	border-bottom:1px solid #7fb0d0;
	padding: 10px 10px 0px;
}
#main_txt .coxbox h3 strong{
	font-size:13px;
	color:#1b3c51;
}
#main_txt .coxbox .text{
	float:left;
	width:226px;
	height:90px;
	background:#b8d1e2 url(../../images/site/coxbox.gif);
	padding: 25px 10px 0px;
	font-size:11px;
	margin:0px;
}
#main_txt .coxbox ul{
	float:left;
	width:226px;
	height:38px;
	background:#b8d1e2 url(../../images/site/coxbox.gif) left bottom;
	margin:0px;
	padding:0px 10px;
	display:inline;
	overflow:hidden;
	border:none;
}
#main_txt .coxbox ul li{
	float:left;
	width:27px;
	height:27px;
	background:#f0f;
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
	overflow:hidden;
	border:none;
	margin-right:5px;
	background:#333;
}
#main_txt .coxbox ul li a{
	float:left;
	width:25px;
	height:25px;
	margin:0px;
	padding:0px;
	list-style:none;
	border:1px solid #c6dae8;
	color:#ccc;
	text-align:center;
	font-size:10px;
}
#main_txt .coxbox ul li a:hover{
	border:1px solid #fff;
}
#main_txt a.inscription{
	float:left;
	padding:8px 0px;
	width:574px;
	border:1px solid #e98000;
	text-align:center;
	text-transform:uppercase;
	color:#e98000;
	margin:20px 0px;
	background:#f6f6f6;
	font-size:14px;
}
#main_txt a.inscription:hover{
	color:#f00;
	background:#f3f3f3;
}
#footer{
	float:left;	
	width:765px;
	height:16px;
	background:#fff url(../../images/site/footer.gif) repeat-y left top;
	border-top:1px solid #666;
	text-align:left;
	font-size:11px;
	padding: 4px 10px 0px;
	display:inline;
	overflow:hidden;
}
#adresse{
	float:left;
}
#footer span{
	margin:0px 10px;
	color:#6699bd;
	font-weight:bold;
}
#footer a{
	text-decoration:none;
	color:#416279;
}
#footer a:hover{
	color:#6699bd;
}
#diabolo{
	float:right;
	width:85px;
	height:12px;
	background: url(../../images/site/diabolo_a.gif) no-repeat 2px center;
	padding-left: 20px;
	display:inline;
	overflow:hidden;
	text-align:right;
}
#diabolo:hover img{
	margin-top:-12px;
}
#main_txt table th{
	border-bottom:1px dashed #ccc;
	text-align:left;
}
.thumb{
	float:left;
	margin-left:10px;
	border:2px solid #fff;
	margin-bottom:10px;
}
.thumb a:hover{
	-xhtml-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}
