/*********************************************************************************************
 Name : base.css
 Update : 12/12/2007
*********************************************************************************************/
/*********************************************************************************************
!Html and !body
*********************************************************************************************/

html { font-size:101%; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; 
			background-color:#9AA08e;
/*			text-align: center; }*/
			text-align: left; }
sup { vertical-align:text-top ; font-size: 80% ; }

/*********************************************************************************************
!Tyopgraphie basic
*********************************************************************************************/

/* !Header */
h1 {font-size:1.5em;}
h2 {font-size:1.4em;}
h3 {font-size:1.1em; margin:0 0 10px 0;}

label { font-size:0.8em;}
p, ul { font-size:0.8em; line-height:1.2em;}

/*********************************************************************************************
!Color basic
*********************************************************************************************/
/* !Header */
h1,h2,h3 {color:#000; font-weight:bold;}

/* !List */
ul,ol,li { color:#000;}

/* !Corps */
p { color:#000;}
label { color:#000;}

/*********************************************************************************************
!Link
*********************************************************************************************/
a:link { text-decoration:underline; color:#000; font-weight:bold }
a:visited { text-decoration:underline; color:#000; font-weight:bold}
a:hover { text-decoration:underline; color:#999; font-weight:bold}
a:active { text-decoration:underline; color:#999; font-weight:bold}

/*********************************************************************************************
!Class
*********************************************************************************************/

/* General */
.clear { clear:both; visibility:hidden;}
.float_left {float:left;}
.float_right {float:right;}

/* Text */
.uppercase { text-transform:uppercase;}
.lowercase {text-transform:lowercase}
.capitalize {text-transform:capitalize;}
.center { text-align:center;}
.right { text-align:right;}
.left { text-align:left; }

.bold_uppercase { text-transform:uppercase; font-weight:bold;}
.bold { font-weight:bold;}

/* Hide/show */
.hide { display:none;}
.show { visibility:hidden; }

.credit { padding-left:460px; 
					text-align:left; 
					font-size:0.7em; }

/*!container
*********************************************************************************************/
/*#container { width: 780px; */
#container { width: 950px; 
						text-align: left; 
						margin: 0 auto ;  
						position: relative; 
						background-color:#fff;
						border: 1px solid #000000;}
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px;
}

#sidebar_header {
  text-align: center;
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px;
}

/*!header
*********************************************************************************************/
/*#header { text-align:center; }*/
#header { text-align:left; width:750px; height:190; position:relative}

/*!menu
*********************************************************************************************/
#menu { padding:10px 0 10px 0; 
				width:100%; 
				background-color:#DCE9C4; 
				border-top:1px solid #57741E;
				border-bottom:1px solid #57741E; 
				height:16px; }

/*!primary_content
*********************************************************************************************/
/*#primary_content { width:730px;*/
#primary_content { width:630px;
									background-color:#F1F6E8; 
									border:1px solid #57741E; 
									margin:5px 0 0 14px; 
									padding:10px;}
#primary_content h2 { text-align:center; }
#primary_content h2, 
	#primary_content p, 
	#primary_content ul { margin:0 0 10px; }
#primary_content ul li { 	margin:2px 0 2px 15px; 
											list-style-type:disc}


/*!footer
*********************************************************************************************/
#footer { text-align:center; 
					margin:10px 0 10px 0; 
					font-size:0.7em; 
					line-height:1.2em;} 
					
body.quoi_de_neuf #primary_content 
									#comic {font-family:"Comic Sans MS";
												 font-size:12pt;
												 font-weight:normal; }
body.quoi_de_neuf #primary_content
									#comic_b {font-family:"Comic Sans MS";
													 font-size:12pt;
													 font-weight:bold; }
body.quoi_de_neuf #primary_content h3 { font-size:0.8em; font-weight:bold;}
body.quoi_de_neuf #primary_content p { line-height:1.2em;}
body.quoi_de_neuf #primary_content .dateSortie, 
body.quoi_de_neuf #primary_content .infoSortie { float:left; width:32%; margin:0 0 5% 5%; display:inline;}
body.quoi_de_neuf #primary_content .infoSortie { width:45%;}
/*!primary_content acceuil
*********************************************************************************************/
/*body.acc #primary_content { width:737px; float:left; margin:5px 0 0 7px; }*/
body.acc #primary_content { width:645px; float:left; margin:5px 0 0 7px; }
/*body.acc #primary_content { width:328px; height:480px; float:left; margin:5px 0 0 7px; }*/
body.acc #primary_content h2 { margin: 5px 0 0 5px; text-align:center; }
body.acc #primary_content p { margin: 5px 0 10px 5px;}
body.acc img.imgAcc { float:left; margin:5px 0 0 5px; }
body.acc img.imgCenter { text-align:center; margin:5px 0 0 5px; }

body.special #primary_content { width:645px; float:left; margin:5px 0 0 7px; }
body.special .leftsidebar { width:630; float:left; }

/*!primary_content calendrier
*********************************************************************************************/
body.calendrier #primary_content h3 { font-size:0.8em; font-weight:bold;}
body.calendrier #primary_content p { line-height:1.2em;}
body.calendrier #primary_content .dateSortie, 
body.calendrier #primary_content .infoSortie { float:left; width:32%; margin:0 0 5% 5%; display:inline;}
body.calendrier #primary_content .infoSortie { width:45%;}

/*!primary_content tarif
*********************************************************************************************/
body.tarif #primary_content .entete { background-color:#cad1bd; padding:10px 0 0px 0; margin:0 0 10px 0; border: 1px solid #339933; font-weight:bold }
body.tarif #primary_content p { float:left; padding:0 0 0 5px; line-height:1.2em;}

body.tarif #primary_content p.col1 { width:50%;}
body.tarif #primary_content p.col2 { width:15%; text-align:right;}
body.tarif #primary_content p.col3 { width:15%; text-align:right;}
body.tarif #primary_content p.col4 { width:15%; text-align:right;}

/*!primary_content joindre
*********************************************************************************************/
body.joindre #primary_content p.col1 { width:50%; float:left;}
body.joindre #primary_content p.col2 { width:50%; float:left; text-align:right;}

body.joindre #primary_content form { margin:20px 0 0 0;}
body.joindre #primary_content form fieldset { border:1px solid #000; padding:5px;}

body.joindre #primary_content label,
body.joindre #primary_content input { display:block;}

body.joindre #primary_content input { margin:5px 0 5px 0;}

/*!primary_content adhesion
*********************************************************************************************/
body.adhesion #primary_content label,
	body.adhesion #primary_content input { margin:2px 0 2px 0;}
body.adhesion #primary_content #identification .radio { float:left; margin:0 10px 0 0;}
body.adhesion #primary_content #identification p { float:left; margin:0 5px 0 0; width:10%; text-align:right; }
body.adhesion #primary_content #identification input.texte_input { margin-left:5px!important;}

body.adhesion #primary_content .radio { float:left; margin:0 20px 0 0;}

body.adhesion #primary_content legend { font-size:0.8em; font-weight:bold; padding:0 5px 0 5px; }
body.adhesion #primary_content fieldset { border:1px solid black; padding:4px; margin: 10px 4px 0px 4px;}

body.adhesion #primary_content #membre_no1,
	body.adhesion #primary_content #membre_no2,
	body.adhesion #primary_content div.col { float:left; width:50%; display:inline; }

body.adhesion #primary_content #membre_no1 label,
	body.adhesion #primary_content #membre_no2 label,
	body.adhesion #primary_content #coordonnee label { width:35%; display:inline; float:left; text-align:right; line-height:1.4em;}
	body.adhesion #primary_content #information label { width:35%; display:inline; float:left; text-align:right; line-height:1.4em;}
/*body.adhesion #primary_content #information input { margin:2px 0 2px 25px;}*/

body.adhesion #primary_content #choix label,
	body.adhesion #primary_content #choix input { width:auto;}

body.adhesion #primary_content #choix label { line-height:1em; margin-left:5px; margin-right:5px; }
body.adhesion #primary_content #choix input.i_radio { margin:0 5px 0 5px; width:50px;}

body.adhesion #primary_content #choix #envoyer { margin:10px 0 10px 0;}
body.adhesion img.annonce {margin:5px 0 0 750px; }

/*!primary_content inscription
*********************************************************************************************/
body.inscription #primary_content label,
body.inscription #primary_content input { margin:2px 0 2px 0;}
body.inscription #primary_content .identif label { margin:2px 0 2px 0;}

body.inscription #primary_content .radio { float:left; margin:0 20px 0 0;}
body.inscription #primary_content .Texte_radio { width:19%; }

body.inscription #primary_content legend { font-size:0.8em; font-weight:bold; padding:0 5px 0 5px; }
body.inscription #primary_content fieldset { border:1px solid black; padding:4px; margin: 10px 4px 10px 4px;}

body.inscription #primary_content #identification .radio { float:left; margin:0 10px 0 0;}
body.inscription #primary_content #identification p { float:left; margin:0 5px 0 0; width:15%; text-align:right; }
body.inscription #primary_content #identification input.texte_input { margin-left:5px!important;}

body.inscription #primary_content #information div { width:100%;}
body.inscription #primary_content #information label { text-align:right; width:40%; display:block; float:left; }
body.inscription #primary_content #information input { float:left; display:inline;}
body.inscription #primary_content #information .radio { float:left; margin:0 20px 0 0;}
body.inscription #primary_content #information .Texte_radio { width:12%; }


body.inscription #primary_content #information p { margin:0 5px 0 0px; float:left;}

body.inscription #primary_content .forfait div { width:100%;}
body.inscription #primary_content .forfait label { text-align:right; width:31%; display:block; float:left; }
body.inscription #primary_content .forfait input { float:left; display:inline;}
body.inscription #primary_content .forfait input.radio { float:left; margin:0 10px 0 0;}
body.inscription #primary_content .forfait p { margin:0 5px 0 0px; float:left; width:auto;}

body.inscription #primary_content .forfait p.col1 { width:65%; margin:5px 0 5px 0;}
body.inscription #primary_content .forfait p.col2 { width:15%;}
body.inscription #primary_content .forfait p.col3 { width:15%;}

#mode_paiement p { float:left; margin:0 5px 0 0; width:20%; text-align:right; }
#mode_paiement input.texte_input { margin-left:5px!important;}

/*!Menu
*********************************************************************************************/
#menu a{font-size:0.7em;cursor: pointer;padding:1px;}

#menu dl {float: left;margin: 0 1px;}
#menu dt {cursor: pointer;text-align: center;background: #ccc;border: 1px solid gray;padding-left:1px;}
#menu dd {border: 1px solid gray;background: #fff;}

#menu li a:hover, 
	#menu li a:focus, 
	#menu dt a:hover, 
	#menu dt a:focus {background: #eee;}
	
#menu li a, 
	#menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}


#addboxId1_1 {
  position: relative;
  width: 310px;
  height: 110 px;
  clip: rect(0px, 310px, 0px, 110px);
  overflow: hidden;
}
#bannerId1_1 {
  position: relative;
  width: 300px;
  height: 200px;
  left: 0;
  top: 5px;
}
#bannerId1_2 {
  position: relative;
  width: 300px;
  height: 200px;
  left: 320px;
  top: -200px !important;
  top: -202px;
  
}

#dropcontentsubject{
width: 250px;
font-weight: bold;
}

.dropcontent{
width: 750px;
height: 10px;
border: 1px solid black;
background-color: #DFDFFF;
padding: 3px;
display:block;
font-family:Arial; font-size:14px;
}

#errordiv {
  border: 1px solid red;
  background-color: #CC4444;
  width: 90%;
  margin: 5px;
  padding: 5px;
}

#mail_inscription {
  border: 1px solid red;
  background-color: #E0E5EF;
  width: 90%;
  margin: 5px;
  padding: 5px;
}

.required {
  background-color: #CC4444;
}

.required:focus {
  background-color: #fff;
  border: 1px solid #f00;
}

.checkit {
  background-color: #E0E5EF;
}