*{ margin: 0; padding: 0; }*
body {
  font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
  line-height: 1.6em;
  background: #fff url(../images/bg.gif) repeat-x;
  color: #444;

}

a {	color: #317486;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { font: bold 1.2em Arial, Sans-Serif; margin: 20px 0;  color:#316ac5; text-decoration:underline; text-align: left;}
h4 { color: black; background: inherit; font-weight: normal; font-size: .9em; }
h5 { font: bold 1.2em Arial, Sans-Serif;	margin: 20px 0 5px 0;
   background: url(../images/bullet2.gif) no-repeat; padding-top: 4px; padding-left:4px;
   border-bottom : #8BDDF5 1px solid;	 width: 75%; }
.centre{ text-align: center;}
#top
{
   width: 900px;
   margin: 0 auto;
  /* border : 1px solid blue;	 */
}

#main
{
   width: 899px;
   margin: 0 auto;
   background: url(../images/border.gif) repeat-y;
   background-color : #f4f4f4;
   position : relative;
   padding: 25px 0 0 0;
}
#bottom
{
   width: 899px;
   margin: 0px auto;
   background: url(../images/borderbottom.gif) no-repeat;
   background-color : #f4f4f4;
   height : 25px;
}

#logo { margin: 2px 0 0 0;   float: left;  z-index : 2; 	font-size : 10px; color:#FFFFFF; margin: 6px 0 0px 0;}
  #logo form {margin:14px 0 0 0; }
  #logo a {display:block; margin:0px; padding : 0px; line-height : 13px;}
  #logo a  { color: #fff; }
  #logo a:hover  { color: #BEFFA3; text-decoration: underline; }
  #logo #hellouser { font-weight : bold; }
  #logo #hellouser span { color:#8BDDF5; font-weight:bold;  font-style: italic;}
  #logo #loggedMenu {padding-left: 20px;}
  #logo #forgotpwdLink {margin-left:90px; width:150px; }
  #logo #forgotpwdLink a {//color: #BEFFA3; }

#menu { float: right; padding: 40px 0 0; margin: 0 0 18px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 5px 0px 0; margin: 0 0 0 50px; color: #ccc; background: #2D5C76 url(images/tab.gif) no-repeat right bottom;  }
#menu li a:hover { background: #2D5C76 url(../images/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }

#loginerror {position :absolute; color: red; top:}
  #loginerror ul  { list-style-type: none;}

#intro {
  clear: both;
  background: #fff url(../images/intro1.jpg) no-repeat;
  color: #4C8734;
  height: 198px;
}
  #intro h1 { margin: 0; }
  #intro p { margin: 0; }
  #login { font-size: .9em; margin: 82px 0 0; }
  #login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
  #login a:hover { color: #fff; background: #8BE1FA url(../images/loginhover.gif) no-repeat; }
  #intro img { position:relative; top:98px; left:0px; border:0;}


#left { clear: left; float: left; width: 220px; padding: 0 20px 0 20px; font-size: .9em; margin: 0 0 15px;  }

  #leftmenu { list-style: none; margin: 0 0 15px 0; }

  #leftmenu li { padding: 12px 0 0 8px; background: #fff url(../images/bullet2.gif) no-repeat bottom left; color: #46852F; }
  #leftmenu li a {  color: #808080; background-color: transparent;}
  #leftmenu li a:hover {  color: #000; background-color: #F9FFF7;}
  .letterine{font-weight: bold; color:#000000;}


  #left a, #right a { background: #EFFCFF; color: #317486; }
  #left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: -5px 0 15px 0; font-size:1em;}

#right
{
  margin: 0 15px 20px 0;
  padding: 0 0 0 35px;
  border-left: 1px solid #ccc;
  float: right;
  width: 570px;
  text-align: justify;
}
  #right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
  #right .actu img { margin: 5px 8px; }

.styledBlock { padding: 12px 14px 12px ; background: #fff url(../images/noticebg.gif) no-repeat bottom right; color: #808080; border : 1px solid #d1d1d1; }




#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 10px; font-size: .9em; color: #808080; }
  #footer a { color: #317486;	background: inherit; }
  #col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0; }
  #col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
  #col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }

#intro object
  {

  width:468px;
  height: 60px;
  margin-left: 422px;
  margin-top:129px;
  padding:0;
  position: absolute;
  /*background: #fff url(../images/arriere_flash.gif) no-repeat bottom right; */
  }

#icones
{
margin-left: 14px;
margin-top: -33px;
position: absolute;
width: 360px;
height: 64px;
border-top: 1px solid white;
border-bottom: 1px solid white;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;

}

.input
{
  height : 12px; width: 110px;
  margin : 0px;
  padding: 0px;  font-size : 10px;
}

/*.left{  color: #808080; padding: 4px; background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right;}
.left1{  color: #808080; padding: 10px; background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right;}*/

/******************* Formulaire *************************/
label
{
  width : 45%;
  font-weight : bold;
  text-align: right;
  margin: 0;  padding: 0;
  line-height: 1.6;
  float : left;
}
label span{	font-size : 10px; color:#888;}

input, select {margin-left: 10px; font-size: 10px; width:25%;}
.loginImg { width: 25px;}


#msgBorder ul  { list-style-type: none;}
.msgError {color:red; }
.msgInfo {color:green; }
.msgWarning {color : orange; }







/****************** index.php ******************/
#numerosBlock .numero { float:left; margin:4px 2px;}
#numerosBlock .numero a {display:block;}
#numerosBlock img { width:58px; height:80px; border :0; display:block;}

#numerosBlock .details
{
  visibility:hidden;
  position :absolute;
  width: 210px;
  margin-top:-8px;
    background:#EFFCFF;
    border :1px solid #D1D1D1;
    padding: 3px;
}
#numerosBlock .details a { display:block; }
#numerosBlock .details a img {width:32px; height : 13px; float: right;}


/********************* association.php ************************/
.associationblock  { margin-top:3px; margin-bottom: 25px; }
.associationblock img  { float: left; margin:0px 10px; width:64px; }
.associationblock span {font-style: italic; }
#association h3{font-size: 13px; margin-top:30px; margin-bottom:8px;}
.comite {font-weight:bold; margin-bottom:3px;}
.comite  span {font-weight:normal; font-style: italic;}
 .associationblock .images_photo 
{
width: 18px;
height:14px;
float: right;
}
ul.pasdepuce {list-style-type: none; }
.pasdepuce li{margin: 10px 0px; }
.pasdepuce  img {border :0; } 
.photo_cache
{border:2px solid black; width: 150px;  visibility:hidden;  position: absolute; display:inline;}

/******************** publications.php ************************/
.FilterForm { 	margin-bottom: 25px; margin-top:15px;}
.FilterForm select { margin-right : 20px; height : 17px; width: 80px;  font-size : 12px;}
.FilterForm input  { visibility : hidden; }

.publicationBlock { margin: 10px 0; border-bottom:1px dotted #D1D1D1;}
.publicationBlock .pdfimg { margin: 0 15px;}
.publicationBlock a	{ line-height : 1.5; position:relative; top : -6px;}
.publicationBlock input { width:30px; }
.publicationComment {font-size:10px; margin-bottom:20px;}


/**********************    partenaires.php ************************************/
.partenaireCat {margin-bottom:60px; }
.partenaireCat .right {float: right; }
.partTable  { border-bottom: 1px dotted #D1D1D1; width: 90%; margin-bottom:10px; }
  .partTable td {  text-align:left;  /*border :1px solid blue;*/  padding: 5px 20px;}
  .partTable .partTDLogo { width: 124px; }
  .partImg 	{ border:0; width: 120px; }


/**********************			pp.php *************************************************/
#steps {font-size: 11px; margin: 10px 0; position:relative; left : -18px; }
  .stepSelected	{ font-weight : bold; background:#EFFCFF;}
  #steps  a { color: #000; text-decoration: underline; background:transparent;}
  #steps a:hover {text-decoration: underline; background:#EFFCFF;}

.productAbonnementDescription{ margin: 0 0 25px 0 ; }
  .productAbonnementDescription input { margin: 0 10px; position:relative; top  : 4px;}
  .addCartImage { width: 100px;}


#cgvcheckbox{ margin: 25px 0 0 0;}
#cgvBox{ width : 15px }


#quantityForm input { width : 25px;}

.ppBlock { margin: 15px 0;}
  .ppBlock span { font-weight: bold; }
  .ppBlock div { margin: 0 0 4px 0; }

#paiementButtonBlock input { width:55px; }

.indent {padding-left : 20px; }

/*************************** CGV ********************************/
#cgv
{
  font-family: Arial; font-size: 10px;
  background: #F4F4F4;	color:#444444;
  text-align:justify;	margin: 10px;
}
  #cgv #maintitle { font-size: 13px; font-weight:bold; width:50%; margin-left:25%;}
  #cgv .title { font-size: 11px; margin: 5px 0; font-weight:bold;}
  #cgv .detail { margin-left : 5px;}


/*********************************** Annonceurs ********************************/
/* encart */
#encart {
  float: right;
  width: 110px;
  margin: 0 0px 0px 15px;
  padding-top: 20px;
  background: url(design/posthaut.gif) left top no-repeat;
  border: 1px dashed #ccc;
}
#encart h3 {
  font-size: 130%;
  margin: 0 0 0 0px;
  text-align:center;
}
#bloccadre {

  padding: 0 0 0px 0px;
  text-align:center;

}
#bloccadre ul {
  margin: 0px 0px 0 0;
  padding:0px;
}
#bloccadre li {
  margin: 0px 0px;
  padding: 20px 5px;
  /*list-style-image: url(../images/pdfsmall.gif);*/
  list-style-type: none;
  font-weight: bold;
  font-size: 0.8em;

}
#bloccadre li img{
    border-style: none;
}
#bloccadre li a {
  color: #333;
  text-decoration: none;
  background: none;

}
#bloccadre li a:hover {
  text-decoration: none;
}
.right{float:right;}

#annonceurs {  }
#annonceurs h3 {font-size: 12px; margin-bottom:7px; margin-top:25px; position:relative; left:-8px;}
#annonceurs img { width:64px; float:left; margin: 2px 10px;}
#annonceurs .para {margin-bottom : 45px; }
ul.annonceurlist {list-style-image: url(../images/arrows3.gif); margin: 2px 30px;}
ul.annonceurlist img {width:15px};

/******************* contact **************/
#contact {}
#contact h3 {font-size: 13px; margin-top:30px; margin-bottom:8px;}
#contact .para { margin-left:35px;}
#contact strong {margin:0px; width: 70px; display:block; float : left; line-height:1.5;}



/************************ survey ****************/
#survey input {
	height: 15px;
}

#survey div.question {
	margin: 7px 0; 
	padding: 10px 0; 
	border-bottom:1px solid #DDD;
	clear:both;
}

#survey label.error{
 	display: none;
 	color: red;
 	padding:0px; 
 	margin:2px; 	
 	width : auto;
  	text-align: left;
  	float : none;   	
} 

#survey .other{
	display: none;
	margin-left:15px;		
}

#survey select, #survey input{
	width: 200px;
}

 #survey textarea {
	width: 400px;
	height: 50px;
}

#survey span.checkbox{
display:block;
}

#survey input.checkbox, #survey input.radio, #survey input.percent{
width: 30px;
margin-right: 3px;
}

#survey input.submit{
	height: 25px;
	margin-left: 100px;
	border:1px solid #444;
	background: #EEE;
}

div.info_survey{
	claer: both; 
	margin-top: 45px;
	text-align: center;
}