/* CSS Document */

body {
	background:#33496d;
	margin:0;
}
.home {
	background:#33496d url(images/bg_index.png) top center no-repeat;
}


#main {
	width:964px;
	margin:0 auto;
	padding:20px 0;
}

#main .top_home {
	float:left;
	width:704px;
}
#main .top_home img.spip_logos {
	float:left;
	margin:0 10px 0 0;
}
#main .top_home h6 {
	float:left;
	width:580px;
	font:10px Tahoma, Geneva, sans-serif;
	color:#000;
	margin:1px 0 8px 0;
	padding-bottom:4px;
	border-bottom:1px solid #e10101;
	letter-spacing:1px;
}
#main .top_home h6 span.acces a {
	float:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:#e10101;
	padding:1px 4px;
	margin:2px 0 -6px 0;
}
#main .top_home h6 span.acces a:hover {
	background:#000;
}
#main .top_home h1 {
	float:left;
	width:580px;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#33496d;
	letter-spacing:1px;
	margin:0 0 .4em 0;
	line-height:22px;
}
#main .top_home h1 span.titre {
	font-size:24px;
}
#main .top_home h5 {
	float:left;
	width:580px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	line-height:15px;
	text-align:justify;
}


#contenu {
	float:left;
	width:580px;
	margin:20px 0 0 124px;
}

#contenu .menu_home {
	float:left;
	width:580px;
	margin:0 0 20px 0;
}
#contenu .menu_home a {
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background:#33496d;
	padding:4px 16px;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:background 0.5s ease-in-out;
	-moz-transition:background 0.5s ease-in-out;
	-o-transition:background 0.5s ease-in-out;
	-ms-transition:background 0.5s ease-in-out;
	transition:background 0.5s ease-in-out;
}
#contenu .menu_home a:hover, #contenu .menu_home a.on, .menu_int a:hover, .menu_int a.on {
	background:#ffa405;
	color:#33496d;
}

#contenu .mot {
	float:left;
	width:202px;
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin:0 4px 0 0;
}
#contenu a.suite, #contenu_int a.suite {
	font-style:normal;
	color:#000;
	background:#ffa405;
	padding:0 4px;
	letter-spacing:1px;
	text-decoration:none;
}
#contenu a.suite:hover, #contenu span.acces a:hover, #contenu_int a.suite:hover {
	background:#e10101;
	color:#fff;
}
#contenu .mot img.spip_logos {
	float:right;
	margin:0 0 0 10px;
}
#contenu .mot h2 {
	font:bold normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e10101;
	text-align:right;
	letter-spacing:1px;
	line-height:17px;
	margin:0 0 6px 0;
}
#contenu .mot h5 {
	font:bold normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	margin:0 0 10px 0;
}

#contenu .news {
	float:right;
	width:356px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	padding-left:10px;
	border-left:1px solid #33496d;
}
#contenu .news h2 {
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#33496d;
	letter-spacing:1px;
	line-height:17px;
	margin:0 0 12px 0;
}
#contenu .news h4 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#33496d;
	margin:0 0 2px 0;
}
#contenu .news img.spip_logos {
	border:1px solid #000;
}
#contenu .actus {
	float:left;
	height:120px;
}

#contenu span.acces a {
	float:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	background:#ffa405;
	padding:1px 4px 0 4px;
	letter-spacing:1px;
}


#petanque {
	float:left;
	background:url(images/boule.png) top left no-repeat;
	width:436px;
	margin:10px 0 0 52px;
	padding:0 0 0 216px;
	height:145px;
}
#petanque h2 {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:23px 0 10px 0;
	letter-spacing:1px;
	text-transform:uppercase;
}
#petanque img.spip_logos {
	float:right;
	margin:10px 20px;
}
#petanque a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#33496d;
	text-decoration:none;
	border-bottom:1px solid #33496d;
}
#petanque a:hover {
	color:#000;
}


.base {
	float:left;
	width:500px;
	text-align:center;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin-left:200px;
}
span.upper {
	text-transform:uppercase;
}
.base a {
	color:#666;
	text-decoration:none;
}
.base a:hover {
	color:#000;
}


#diaporama {
	float:right;
	width:190px;
	margin:0 0 20px 0;
}
.slideshow {
	height: 595px;
	width: 190px;
}
.slideshow img {
	border:none;
}

#diaporama .adresse {
	width:100%;
	float:left;
	text-align:center;
	font:9px Verdana, Geneva, sans-serif;
	color:#fff;
	margin:30px 0 0 0;
}


/* interieur */
.int {
	background:#33496d url(images/bg_int.gif) top center no-repeat;
}

#contenu_int {
	float:right;
	width:704px;
	margin:10px 70px 0 0;
}
#contenu_int h2 {
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#33496d;
	letter-spacing:1px;
	margin:0 0 12px 98px;
}
#contenu_int .content {
	font:11px Tahoma, Geneva, sans-serif;
	color:#000;
	line-height:15px;
}
#contenu_int .left img {
	border:1px solid #fff;
	margin:0 0 10px 0;
}
#contenu_int .link img.portfolio {
	float:left;
	border:1px solid #000;
	margin:0 8px 8px 0;
}
#contenu_int .content h4 {
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#33496d;
	margin:0 0 .2em 0;
}
#contenu_int .content p {
	margin:0 0 .5em 0;
}
#contenu_int .nav a {
	font:bold 8px Verdana, Geneva, sans-serif;
	color:#000;
	background:#ffa405;
	padding:2px 4px;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 0 0 4px;
}
#contenu_int .nav a:hover {
	background:#33496d;
	color:#fff;
}
#contenu_int .link a {
	color:#33496d;
	text-decoration:none;
	border-bottom:1px solid #ffa405;
}
#contenu_int .link a:hover {
	color:#000;
}
#contenu_int h3.spip {
	color:#33496d;
	margin:1.5em 0 .5em 0;
}

.menu_int {
	float:left;
	width:auto;
	margin:12px 0 20px 0;
}
.menu_int a {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background:#33496d;
	padding:4px 13px;
	text-decoration:none;
	text-transform:uppercase;
}

.papa {
	font-weight:normal;
}

#diaporama .petanque_int {
	float:left;
	width:100%;
	text-align:center;
	border-top:1px solid #ffa405;
	border-bottom:1px solid #ffa405;
	padding:6px 0;
	margin:20px 0 0 0;
}
#diaporama .petanque_int h4 {
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ddd;
	text-transform:uppercase;
	margin:0 0 .2em 0;
}
#diaporama .txt {
	font:11px Tahoma, Geneva, sans-serif;
	color:#fff;
	line-height:18px;
}
#diaporama .txt a, .adresse a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
#diaporama .txt a:hover, .adresse a:hover, #diaporama .txt a.on {
	color:#ffa405;
}