.accueil {
	background-image: url(images/body_bd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #c3d2dc;
}
#content {
	background-color: #FFF;
	padding-bottom: 10px;
}
.accueil .shadow {
	padding: 18px;
	width: 1071px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(images/shadow_index.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#content #menu_horizon {
	height: 55px;
	vertical-align: middle;
}
#content #logo {
	height: 135px;
	vertical-align: middle;
}
#content #texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
}
#content #menu_horizon li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
	height: 45px;
}
#content #menu_horizon ul {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
	background-color: #036;
	color: white;
	width: 100%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 18px;
	background-image: url(images/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;/* fixes Firefox 0.9.3 */
	font-size: 0.9em;
}

#content #menu_horizon ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#content #menu_horizon ul li a:hover
{
background-color: #369;
color: white;
}

#content #menu_horizon #active { border-left: 1px solid #fff; }


#content #footer #footer_1 {
	width: 305px;
	padding-bottom: 20px;
	padding-left: 20px;
	float: left;
}
#content #footer #footer_2 {
	width: 240px;
	float: left;
}
#content #footer #footer_3 {
	width: 160px;
	float: left;
}
#content #footer #footer_4 {
	width: 180px;
	float: left;
}

#content #footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 0.8em;
	line-height: 1.3em;
	padding-top: 75px;
	background-image: url(images/bgfoot.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#evenements {
	height: 190px;
	background-image: url(images/bg_prochains_evenements2.jpg);
	background-repeat: no-repeat;
	padding-top: 38px;
	width: 300px;
	background-position: center top;
	margin-top: 3px;
	
}
#scrollg {
	height: 160px;
	overflow:hidden;
}
.break {
	clear: both;
	float: none;
}
.accueil .shadow #content #voyage_content {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}


#view {
	height: 165px;
}

#evenements #ev_tenis {
	height: 80px;
	width: 300px;
	background-image: url(images/ev_match_tennis.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#evenements #ev_f1 {
	height: 80px;
	width: 300px;
	background-image: url(images/ev_circuit_f1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#evenements #ev_foot {
	height: 80px;
	width: 300px;
	background-image: url(images/ev_match_foot.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#evenements #ev_equit {
	height: 80px;
	width: 300px;
	background-image: url(images/ev_match_equit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#evenements #ev_rugby {
	height: 80px;
	width: 300px;
	background-image: url(images/ev_match_rugby.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#evenements #ev_culture {
	height: 80px;
	width: 300px;
	background-image: url(images/ev_concert_culture.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#top_info {
	text-align: center;
	vertical-align: middle;
	height: 34px;
	padding-top: 12px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
#content #texte ul {
	font-size: 0.7em;
}
#content #texte ul li {
	padding-left: 15px;
	background-image: url(images/puce-rose-descr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
}
/* FORMULAIRE */
.cssform p{
	width: 240px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 60px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -55px; /*width of left column*/
	width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* FIN FORMULAIRE */
#content #newsletter {
	margin-bottom: 10px;
	background-image: url(images/bg_newsletter.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	background-position: left top;
	width: 300px;
	height: auto;
}
#content #texte #encart_flash {
	text-align: left;
	padding-top: 5px;
}
#content #evenements ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	background-image: url(images/puce-rose.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.4em;
	list-style-type: none;
}
#content #evenements ul {
	padding-top: 6px;
}
.imgfade {
	float: left;
	width: 67px;
}
.list-events {
	float: left;
	width: 220px;
	padding-left: 10px;
}
#footer a:active,#footer a:link,#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	color: #F36;
}
#texte h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ED008C;
	font-size: 16px;
}
#image_pack {
	padding: 2px;
	float: left;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
	margin: 3px;
}
#liste_pack {
	float: left;
	width: 450px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
}

#liste_pack_accueil {
	float: left;
	width: 280px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
}

#texte table {
	font-size: 0.7em;
}


.cssform2 p{

clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform2 label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform2 textarea{
width: 250px;
height: 150px;
}

#content #texte #formulaire {
	width: 550px;
}
#form_login {
	background-color: #f866b9;
	width: 180px;
}
#form_login form label {
	float: none;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-left: 10px;
	text-align: left;
}
#form_login form input {
	clear: left;
	float: none;
	background-image: url(images/form_bg_ce.jpg);
	height: 18px;
	width: 120px;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px;
}
#form_login form p {
	text-align: left;
}

.container_12 .grid_5 {
	width: 420px;
}
#form_login form .bouton {
	height: 24px;
	width: 33px;
	vertical-align: bottom;
	margin-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
#categories_ce {
	font-size: 0.8em;
	background-color: #F3F3F3;
	text-align: right;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.annonce_accueil {
	background-color: #f481c4;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
.bloc_accueil_haut {

 height : 530px;

	}