body {
	font-family : Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 12px;
	background-color:#C8CFDB;
} 
.clear { clear:both; visibility:hidden;}
.center { text-align:center;}
.float_left {float:left;}
.float_right {float:right;}
.imgRight { 
	float:right; 
	margin: 10px 5px 0 5px; 
}
.imgLeft { 
	float:left; 
	margin:5px 5px 0 5px; 
}
#wrapper {
	width : 970px;
	margin : auto;
	background-color:#F2F2F2;
} 
#header {
	border : 1px solid #ccc;
	margin : 5px 0 5px 0;
	height : 240px;
	background-color : #8D8DDC;
} 
.logo {
	width : 725px;
	height : 190px;
	background-image : url(../img/banniere.jpg);
	margin-top : 10px;
/*	margin-left : 72px;  */
	margin-left : 120px;  
	background-repeat: no-repeat;
	float: left;
	display: inline;
} 
.logo a { 
	color : #686b43;
	font-size : 2em;
	text-decoration : none;
	padding-left : 12px;
	line-height : 1.7em;
}
#logincolumn {
	margin : 10px 5px 0 5px;
	display : inline;
	width : 150px;
	float : left;
	border : 1px solid #ccc;
	padding-left: 2px;
	padding-right: 2px;
} 
#logincolumn h3 {
	background-color : #847ec8;
	font-size : 1em;
	padding-left : 7px;
	padding-top : 1px;
	padding-bottom : 2px;
	color : #fff;
	font-weight : bold;
	text-align: center;
} 
#logincolumn form { 
	width : 95px;
	margin-top : 0;
	margin-left : 2px;
	margin-right : 5px;
	margin-bottom : 5px;
} 
#logincolumn form p {
	padding-top : 1px;
	padding-left : 2px;
	padding-bottom : 1px;
	color : #000;
	font-weight: bold;
} 
.breakingnews {
	width : 724px;
	height : 18px;
	border : 1px solid;
	margin-top : 210px;
	margin-left: 120px;
	background-color : #FFF;
} 
.connect {
	width: 110px;
	float:right;
	margin-top : -30px;
	margin-right: 10px;
	color:brown;
	text-align: center;
}
#bodyPart {
	width : 1000px;
}
#leftcolumn { 
	margin : 0 5px 5px 1px;
	display : inline;
	width : 150px;
	float : left;
	border : 1px solid #ccc;
} 
#leftcolumn h3 {
	background-color : #847ec8;
	font-size : 1em;
	padding-left : 7px;
	padding-top : 2px;
	color : #fff;
	font-weight : bolder;
	overflow: hidden;
}
.menuleft a { 
	font-size: 10px;
	padding-left:5px;
	color: blue;
	font-weight: bold;	
} 
.menuleft ul { 
	margin : 10px 0 0 0;
	list-style-type : none;
	margin-left : -20px;
	padding : 5px 0 0 30px;
} 
.menuleft ul li { 
	width : 130px;
	height: 45px;
	border-bottom : 1px dashed #868686;
} 
.menuleft .admin  a{
	color : purple;
} 
.menuleft .user a{
	color : purple;
} 
.menuleft ul li a {
	display : block;
	height : 16px;
	color : #888f3d;
	font-family: "MS Serif", "New York", serif;
	font-size: 14px;
	font-weight: 800;
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 75%;
	padding : 5px 0 0 20px;
} 
.menuleft ul li a:hover {
	background : url(../img/arrow2.gif) no-repeat 0 75%;
	text-decoration : none;
	color : #00F;
	font-weight: bold;
} 
.menuleft ul li.last { 
border : none;
} 
.menuleft ul li.user a:hover {
	background : url(../img/arrow2.gif) no-repeat 0 75%;
	text-decoration : none;
	color : #00f;
	font-weight: bold;
}
#centercolumn {
	/*border : 1px solid #Ccc;*/
	margin : 0 1px 0 0;
	display : inline;
	width : 575px;
	float : left;
	overflow: hidden;
} 
#boxes_I { 
	width : 560px;
	margin-left : 1px;
	margin-right : 1px;
} 
.box1 {
	width : 560px;
	float : left;
	padding-left: 5px;
	padding-right: 5px;
	margin-top : 0;
	margin-right : 0;
	margin-left : 0;
	border : 1px solid #ccc;
	font-weight: normal;
	color: #000;
	font-size : 14px;

} 
.box1 h2 { 
	text-align:center;
} 
.imgLeft { 
	float:left;
	margin:5px 5px 0 5px; 
}
.box1 h3 { 
	background-repeat : no-repeat;
	padding-top : 5px;
	font-family : Times, "Times New Roman", serif;
	font-weight : lighter;
	color : #686b43;
	font-size : 1.5em;
	padding-bottom : 10px;
} 
.box1 h4 { 
	padding-right : 10px;
	padding-top : 10px;
	font-family : Times, "Times New Roman", serif;
	color : #333;
	font-weight : bolder;
}
#rightcolumn {
	margin : 0px 0px 0 5px;
	display : inline;
	width : 224px;
	float : left;
	border : 1px solid #ccc;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom : 5px;
	padding-left: 2px;
	overflow: hidden;
}
#rightcolumn h3 {
	background-color : #847ec8;
	font-size : 1em;
	padding-top : 2px;
	padding-left : 7px;
	padding-bottom : 2px;
	color : #fff;
	font-weight : bolder;
}
#rightcolumn p {
	font-size : 11px;
	font-style: italic;
}
#rightcolumn a {
	font-size : 1.2em;
	color : blue;
	font-weight : bold;
}
#errordiv {
  border: 1px solid red;
  background-color: #CC4444;
  width: 90%;
  margin: 5px;
  padding: 5px;
}
#footer { 
	margin-top : 5px;
	display : inline;
	float : left;
	width : 870px;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 5px;
} 
#footer p {
	color : #00F;
} 
#footer a {
	color : #003;
} 
#footer h4 {
	color : #006;
} 
.dateSortie, 
	.infoSortie { 
	float:left; 
	width:32%; 
	margin:0 0 5% 5%; 
	display:inline;
	font-weight: normal;
}
.infoSortie { 
	width:45%;
}
/*----- Accueil -----*/
#accueil, #historique .box1 p {
	line-height: 1.5em;
}
#ca ul li { 
	line-height: 1.5em;
}
/*----- Joindre -----*/
#joindre p { 
	font-weight: normal;
}
#joindre p.col1 {
	width:50%; 
	float:left;
}
#joindre p.col2 { 
	width:50%; 
	float:left; 
	text-align:right;
}
#joindre form { 
	margin:20px 0 0 0;
}
#joindre form fieldset { 
	border:1px solid #000; 
	padding:5px;
}
#joindre label,
	#joindre input { 
	display:block;
}
#joindre input {
	margin:5px 0 5px 0;
}
/*----- Adhesion -----*/
#adhesion  form,
	#inscription form {
	width : 560px;
	margin-top : 0;
	margin-left : 2px;
	margin-right : 5px;
	margin-bottom : 15px;
} 
#adhesion  form p,
	#inscription  form p{
	padding-top : 1px;
	padding-left : 5px;
	padding-bottom : 5px;
	color : #000;
	font-weight: bold;
} 
#adhesion  .box1 label,
	#inscription .box1 label,
	#inscription .box1 input,
	#adhesion  .box1 input { 
	margin:2px 0 2px 0;
}
#adhesion  .box1 .radio,
	#inscription .box1 .radio { 
	float:left; 
	margin:0 10px 0 0;
}
#adhesion  .box1 #identification p,
 #adhesion  .box1 #mode_paiement p ,
 #inscription .box1 #identification p,
 #inscription .box1 #mode_paiement p  {
	float:left;
	margin:0 5px 0 0; 
	width: 100px; 
	text-align:right; 
}
#adhesion  .box1 input.texte_input { 
/*	margin-left:5px!important;*/
	margin-left:5px;
}
#adhesion .box1 legend { 
	font-size:0.8em; 
	font-weight:bold; 
	padding:0 5px 0 5px;
}
#adhesion .box1 fieldset { 
	border:1px solid blue; 
	padding:4px; 
	margin: 10px 4px 0px 0px; 
}
#adhesion  .box1 #membre_no1,
	#adhesion .box1 #membre_no2,
	#adhesion .box1 div.col { 
	float:left; 
	width:50%; 
	display:inline; 
}
#adhesion .box1 #identification label,
	#adhesion .box1 #membre_no1 label,
	#adhesion .box1 #membre_no2 label,
	#adhesion .box1 #coordonnee label,
	#adhesion .box1 #information label,
	#adhesion .box1 #mode_paiement label { 
	width:35%; 
	display:inline; 
	float:left; 
	text-align:right; 
	line-height:1.4em;
}
#adhesion .box1 #choix label,
	#adhesion .box1 #choix input { 
	width:auto;
}
#adhesion .box1 #choix label { 
	line-height:1em; 
	margin-right:5px;
}
#adhesion .box1 #choix input { 
	margin:0 1px 0 5px; 
	width:30px;
}
#adhesion .box1 #choix #envoyer { 
	margin:10px 0 10px 0;
}
#adhesion .box1 img.annonce {
	margin:5px 0 0 750px; 
}
#mail_inscription {
  border: 1px solid red;
  background-color: #E0E5EF;
  width: 98%;
  margin: 5px;
  padding: 5px;
}

/* ----- Inscription ----- */
#inscription .box1 label,
	#inscription .box1 input {
	margin:2px 0 2px 0;
}
#inscription .box1 .identif label { 
	margin:2px 0 2px 0;
}
#inscription .box1 .radio {
	float:left;
	margin:0 20px 0 0;
}
#inscription .box1 .Texte_radio {
	width:19%;
}
#inscription .box1 select {
	background-color: #FFF;
	margin-left: 75px;
}
#inscription .box1 input {
	background-color: #FFF;
}
#inscription .box1 legend { 
	font-size:0.8em; 	
	font-weight:bold; 
	padding:0 5px 0 5px; 
}
#inscription .box1 fieldset { 
	border:1px solid black; 
	padding:4px; 
	margin: 10px 4px 10px 4px;
}
#inscription .box1 #identification .radio { 
	float:left; 
	margin:0 10px 0 0;
}
#inscription .box1 #identification p {
	float:left; 
	margin:0 5px 0 0; 	
	width:15%; 
	text-align:right; 
}
#inscription .box1 #identification input.texte_input { 
	margin-left:5px;
}
#inscription .box1 #information div {
	width:100%;
}
#inscription .box1 #information label {
	text-align:right;
	width:40%;
	display:block;
	float:left;
}
#inscription .box1 #information input {
	float:left;
	display:inline;
}
#inscription .box1 #information .radio {
	float:left;
	margin:5px 15px 0 0;
}
#inscription .box1 #information .Texte_radio {
	font-weight: normal;
	width:12%;
}
#inscription .box1 #information p {
	margin:0 5px 0 0px;
	float:left;
}
#inscription .box1 #forfait div {
	width:100%;
}
#inscription .box1 #forfait label { 
	text-align:right; 
	width:31%; 
	display:block; 
	float:left; 
}
#inscription .box1 #forfait input { 
	float:left; 
	display:inline;
}
#inscription .box1 #forfait input.radio { 
	float:left; 
	margin:0 10px 0 0;
}
#inscription .box1 #forfait .Texte_radio {
	font-weight: normal;
	width:12%; 
}
#inscription .box1 #forfait p { 
	margin:0 5px 0 0px; 
	float:left; 
	width:auto;
	font-weight: normal;
}
#inscription .box1 #forfait p.col1 {
	width:65%; 
	margin:5px 0 5px 0;
}
#inscription .box1 #forfait p.col2 { 
	width:15%;
}
#inscription .box1 #forfait p.col3 { 
	width:15%;
}
#inscription .box1 #mode_paiement p { 
	float:left; 
	margin:0 5px 0 0; 
	width:20%; 
	text-align:right; 
	font-weight: normal;
}
#inscription .box1 #mode_paiement input.texte_input { 
	margin-left:5px;
}
#inscription .box1 #choix label,
	#adhesion .box1 #choix input { 
	width:auto;
}
#inscription .box1 #choix label { 
	line-height:1em; 
	margin-right:5px;
}
#inscription .box1 #choix input { 
	margin:0 1px 0 5px; 
	width:30px;
}
#inscription .box1 #choix #envoyer { 
	margin:10px 0 10px 0;
}
/* ----- tarif -----*/
#tarif .box1 .entete { 
	background-color:#cad1bd;
	padding:10px 0 0px 0; 
	margin:0 0 10px 0; 
	border: 1px solid #339933; 
	font-weight:bold 
}
#tarif .box1 p {
	float:left;
	padding:0 0 0 5px;
	line-height:1.2em;
}
#tarif .box1 p.col1 {
	width:50%;
}
#tarif .box1 p.col2 {
	width:15%;
	text-align:right;
}
#tarif .box1 p.col3 {
	width:15%;
	text-align:right;
}
#tarif .box1 p.col4 {
	width:15%;
	text-align:right;
}
#userinfo .box1 p {
	float:left;
	padding:0 0 0 5px;
	line-height:1.5em;
}
#userinfo .box1 p.col1 {
	width:25%;
/*	text-align:left;*/
}
#userinfo .box1 p.col2 {
	width:70%;
	text-align:left;
}
/* ----- Galerie photos */
#photos h5 {
	padding-top : 10px;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : #F0F;
	font-weight : bolder;
}
#photos .box1 p { 
	font-weight: normal;
}
#photos .box1 ul { 
	margin : 1px 0 0 0;
	list-style-type : none;
/*	padding : 1px 0 0 0;*/
} 
#photos .box1 ul li { 
	width :500px;
	height: 30px;
	border-bottom : 1px dashed #868686;
} 
#photos .box1 ul li a {
	display : block;
	height : 16px;
	color : #06F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	/*	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 75%;*/
	padding : 5px 0 0 30px;
} 
#photos .box1 ul li a:hover {
	/*	background : url(../img/arrow2.gif) no-repeat 0 75%;*/
	text-decoration : none;
	color : #C60;
	font-weight: bold;
} 
#photos .box1 ul li.last { 
border : none;
} 
.scroll_container {
   width: 540px;
   overflow: scroll-x;
   border: 1px red solid;
}
.scroll {
   margin-right:5px;
   float:left;
   width: 100px;
   border: 1px black solid;
}
.cal_special table {
	table-layout: fixed;
	border-spacing: 10px;
}
.cal_special tr {
}
.cal_special .td_col1 {
	width: 225px;
}
.cal_special .td_col2 {
	width: 300px;
}
/* ----- maintenance ----- */
#maintenance .box1 label {
	text-align:right; 
	width:20%;
	display:block; 
	float:left; 
	margin:2px 0 2px 0;
}
#maintenance .box1 input {
	margin:2px 0 2px 0;
	background-color: #FFF;
	float:left; 
	display:inline;
}
#maintenance .box1 .radio { 
	float:left; 
	margin:0 20px 0 0;
}
#maintenance .box1 .Texte_radio {
	width:19%; 
}
#maintenance .box1 select {
	background-color: #FFF;
	margin-left: 75px;
}
#maintenance .box1 legend {
	font-size:0.8em;
	font-weight:bold;
	padding:0 5px 0 5px;
}
#maintenance .box1 fieldset {
	border:1px solid black;
	padding:4px;
	margin: 2px 4px 2px 4px;
}
#maintenance .box1 div {
	width:100%;
}
#maintenance .box1 input.radio {
	float:left; 
	margin:0 10px 0 0;
}
#maintenance.box1 .Texte_radio {
	font-weight: normal;
	width:12%; 
}
#calendrier .box1 h3 { 
	background-repeat : no-repeat;
	padding-top : 1px;
	font-family : Times, "Times New Roman", serif;
	font-weight : lighter;
	font-size : 1.5em;
	color: blue;
} 
#calendrier .box1 h4 { 
	padding-right : 10px;
	padding-top : 1px;
	padding-bottom : 1px;
	margin: 1px 0 3px 0;
	font-family : Times, "Times New Roman", serif;
	color : #333;
	font-weight : bolder;
}
#listeMembres .box1 div {
	width:100%;
}
/*#listeMembres .box1 label {
	text-align:right;
	width:40%;
	display:block;
	float:left;
} */
#listeMembres .box1 input {
	float:left;
	display:inline;
}
#listeMembres .box1 .radio {
	float:left;
	margin:0 30px 0 0;
}
#listeMembres .box1 .Texte_radio {
	font-weight: normal;
	width:20%;
}
#listeMembres .box1 p {
	margin:0 2px 0 0px;
	float:left;
}
.box .titre table {
	table-layout: fixed;
	border-spacing: 10px;
  border: 2px;

}
#scroll_one {
    border:1px solid red;
    overflow:hidden;
    float: left;
    width: 100px;
}
#scroll_400 {
    border:1px solid red;
    overflow:hidden;
    float: left;
    width: 556px;
    height: 400px;
    overflow: scroll;
}
#scroll_1000 {
    border:1px solid red;
    overflow:hidden;
    float: left;
    width: 556px;
    height: 500px;
    overflow: scroll;
}
.scroll_c1 {
    width: 1000px;
}
#scroll_wrapper {
    border:1px solid blue;
    float: left;
/*    float: none;*/
}
/* easy clearing */
#scroll_wrapper:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#scroll_wrapper {
    display: inline-block;
}
/*\*/
#scroll_wrapper {
    display: block;
}
/* end easy clearing */