/*=================== CSS Document =====================================*/

/*=================== Generic ================================*/

body
{
	background-color: #FFFFFF;
   	margin-top: 8px;
    color: #000000;
	text-align: center;
	background-image: url(../img/bg/bg_page.gif);
	background-repeat: repeat;
	background-position: left top;
}

body a {
	text-decoration: none;
    color: #000000;
}

body a:hover {
	text-decoration: underline;
}

img{
	border: none;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

form{
    margin: 0px;
    padding: 0px;
}

h1{
    margin: 0px;
    padding: 0px;
}

/*================== Structure =========================================*/

#main-div{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 900px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

#header{
	width:900px;
    float: left;
}

#col1{
	width: 697px;
	display:block;
	float: left;
}

#col1-bottom{
	width: 697px;
	display:block;
	float: left;
}

#col2{
    width: 203px;
    float:left;
}

#col2-bottom{
    width: 203px;
    float:left;
}

#footer{
    width: 900px;
	clear:both;
    float: left;
}

/*-----------  Annexes  ---------------*/

#content-annexes #col1{
    width: 900px;
}

#content-annexes #col1-bottom{
    width: 900px;
}

/*-----------  Information  ---------------*/

#content-information #col1{
    width: 900px;
}

#content-information #col1-bottom{
    width: 900px;
}


/*-----------  Crédits  ---------------*/

#content-credits {
    width: 322px;
}


/*==================== Texts =====================================*/

#header {
  	font-size: 12px;
  	color:#9C9C9C;
}

#header a {
  	color:#9C9C9C;
}

.lien-tiret {
    text-decoration: underline;
}


/*------------  col1  --------------------*/

.text-gris, .text-url{
    font-weight: normal;
    color:#9C9C9C;
}

.text-title{
    font-weight: bold;
    font-size:11px;
}

.text-gris-title{
    font-weight: normal;
    color:#9C9C9C;
    font-size:12px;
}

.text-url a{
    font-weight: normal;
    color:#9C9C9C;
}


/*------------  col2  --------------------*/

#col2-valider{
    text-align:right;
    font-weight:bold;
}

#col2-valider a{
    color:#A2114B;
}

#col2 .lien-tiret {
    color:#A2114B;
}

.check-text a{
    font-size: 10px;
    text-decoration: underline;
    color:#9C9C9C;
}

.check-text a:hover{
    text-decoration: none;
}

.input-text{
    font-size: 11px;
    margin-top:2px;
    padding-left:1px;
    background-color:#FFF8EE;
}


/*------------  footer  -----------------*/
#copyright {
    color:#666666;
}

#copyright a {
    color:#666666;
}


/*==================== Header =====================================*/

#header {
    clear: both;
    float: left;
    display: block;
}

#header-top {
	background-image: url(../img/bg/header_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header-line {
	background-color:#FFFFFF;
    background-image: url(../img/bg/header_line.gif);
	background-repeat: repeat;
	background-position: left top;
    border-bottom: 1px solid #666666;
}

#header-logo {
	margin-left:37px;
}

#header-lang {
    float: right;
	padding-right:121px;
	padding-top:37px;

}

/*--------------  Accueil  ------------------*/

#content-accueil #header{
    display:block;
    height:310px;
    margin-top:121px;
    background-image: url(../img/accueil/accueil-presentation.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#content-accueil #header-lang {
    float: right;
	padding-right:300px;
	padding-top:262px;

}

/*--------------  Credits  ------------------*/

#content-credits #header{
    display:block;
    height:193px;
    width:302px;
    background-image: url(../img/accueil/credits.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#content-credits .header-text1 {
    float: left;
	padding-top:122px;
	padding-left:0px;
}

#content-credits .header-text2 {
    float: left;
	padding-top:129px;
	padding-left:12px;
}


/*======================== Col n°1 =========================================*/

#col1-line{
  	clear:both;
    float:left;
    padding-top:10px;
    background-color:#FFFFFF;
	background-repeat: repeat;
	background-position: left top;
}

#col1-title{
    margin-top: 16px;
    margin-left: 36px;
    margin-bottom: 5px;
}


/*------------- ID title-tiret  --------------------------*/
#title-tiret{
    clear:both;
    float:right;
    margin-top:35px;
    margin-right:58px;
    border-bottom: 1px solid #666666;
}

* html #title-tiret{
    margin-top:21px;
    margin-right:30px;
}

#content-presentation #title-tiret{
    width: 276px;
}

#content-representation #title-tiret{
    width: 369px;
}

#content-adherents #title-tiret{
    width: 415px;
}

#content-contact #title-tiret{
    width: 445px;
}

#content-annexes #title-tiret{
   width: 516px;
   margin-right:66px
}

* html #content-annexes #title-tiret{
   width: 516px;
   margin-right:33px
}

#content-information #title-tiret{
   width: 606px;
   margin-right:66px
}

* html #content-information #title-tiret{
   width: 516px;
   margin-right:33px
}

/*------------- fin ID title-tiret  ----------------------*/

#col1-contents{
    float: left;
    width: 620px;
    margin:0px;
    padding-top: 4px;
    padding-left: 46px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*overflow:hidden;*/
}

#col1-contents{
    height:330px;
}

* html #col1-contents{
    height:335px;
}

#content-annexes #col1-contents{
    width: 760px;
}


/*------------- Class col1-contents-text  ----------------------*/
.col1-contents-text{
    display:block;
    width: 520px;
    padding-top: 14px;
    padding-left: 49px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.col1-contents-text p{
    margin-bottom: 13px;
}

/*------------- fin  Class col1-contents-text  -------------------*/


.col1-dl{
    margin-top:10px;
    margin-bottom:10px;
    margin-right:0px;
    margin-left:0px;
    padding:0px;
}

.li-puce{
    clear:both;
    float: left;
    margin:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:24px;
    padding-bottom:0px;
}

* html .li-puce{
    padding-right: 21px;
}


.li-text{
    margin:0px;
    padding-top: 11px;
    padding-bottom:5px;
    padding-left: 0px;
    padding-right: 0px;
}

.text-url{
     float:right;
     width: 230px;
}

.text-normal{
     padding-top:3px;
}

#col1-bottom{
    clear:both;
    float:left;
    height:34px;
    background-color:#FFFFFF;
  	background-repeat: no-repeat;
	background-position: left top;
}


/*------------ présentation  -----------------*/

#content-presentation #col1-line{
  	background-image: url(../img/bg/presentation_line.gif);
}

#content-presentation #col1-bottom{
  	background-image: url(../img/bg/presentation_bottom.gif);
}


/*------------ représentation  -----------------*/

#content-representation #col1-line{
  	background-image: url(../img/bg/representation_line.gif);
}

#content-representation #col1-bottom{
  	background-image: url(../img/bg/representation_bottom.gif);
}


/*------------ adhérents -----------------*/

#content-adherents #col1-line{
  	background-image: url(../img/bg/adherents_line.gif);
}

#content-adherents #col1-bottom{
  	background-image: url(../img/bg/adherents_bottom.gif);
}


/*------------ Contact -----------------*/

#content-contact #col1-line{
  	background-image: url(../img/bg/contact_line.gif);
}

#content-contact #col1-bottom{
  	background-image: url(../img/bg/contact_bottom.gif);
}

/*------------ Annexes -----------------*/

#content-annexes #col1-line{
  	background-image: url(../img/bg/annexes_line.gif);
}

#content-annexes #col1-bottom{
  	background-image: url(../img/bg/annexes_bottom.gif);
}

/*------------ Information -----------------*/

#content-information #col1-line{
  	background-image: url(../img/bg/annexes_line.gif);
}

#content-information #col1-bottom{
  	background-image: url(../img/bg/annexes_bottom.gif);
}


/*======================== Col n°2 =========================================*/

/*------------  structure  ----------------*/

/*----------  ID col2-contents  ---------------*/
#col2-contents{
    height:361px;
    margin-top: 34px;
    margin-left: 35px;
    margin-right: 30px;
}

/*----------  fin ID col2-contents  -----------*/

#col2-line{
	width:203px;
    padding-top:10px;
    background-color:#FFFFFF;
    background-image: url(../img/bg/membres_line.gif);
    background-repeat: repeat;
	background-position: left top;
}

#col2-bottom{
    height:34px;
  	width:203px;
    background-color:#FFFFFF;
    background-image: url(../img/bg/membres_bottom.gif);
  	background-repeat: no-repeat;
	background-position: left top;
}


/*------------  contents  ---------------------*/

#col2-contents p{
    margin-top:4px;
    text-align:left;
}

#col2-id{
    padding-top: 25px;
}

#col2-password{
    padding-top: 7px;
}

#col2-valider{
    padding-top: 40px;
}

.check-text{
    margin-top: 2px;
}

/*=============== Footer ========================================*/

#copyright {
	padding-top:8px;
    padding-bottom:15px;
    text-align: center;
}